/* Product-led homepage. Scoped below the approved, unchanged WebGL hero. */
.hx-home{--hx-paper:#eae9e6;--hx-ink:#17181c;--hx-accent:#c4b3f5;position:relative;z-index:3;background:#0b0c10}
.hx-home section{scroll-margin-top:calc(var(--am-bar-height) + var(--header) + 20px)}
.hx-home h2,.hx-home h3,.hx-home p{margin:0}
.hx-home h2{font-size:clamp(54px,6.8vw,126px);font-weight:520;line-height:.97;letter-spacing:-.065em;text-wrap:balance}
.hx-home h2 em{font-family:inherit;font-style:normal;font-weight:380}
.hx-home a{color:inherit;text-decoration:none}
.hx-eyebrow{font-size:11px;font-weight:650;letter-spacing:.15em;line-height:1.5;text-transform:uppercase}
.hx-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:44px;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:14px;font-weight:550}
.hx-text-link span,.hx-action span,.hx-build-button>span:last-child{transition:transform .3s ease}
.hx-text-link:hover span,.hx-action:hover span{transform:translate(3px,-3px)}
.hx-collection{padding:110px var(--page-gutter) 120px;background:var(--hx-paper);color:var(--hx-ink)}
.hx-section-head{display:grid;grid-template-columns:1.4fr .65fr;gap:60px;align-items:end;margin-bottom:65px}
.hx-section-head .hx-eyebrow{margin-bottom:28px;color:#646269}
.hx-head-aside{padding-bottom:5px;max-width:350px;justify-self:end}
.hx-head-aside p{font-size:18px;line-height:1.55;color:#65636b;margin-bottom:30px}
.hx-showcase{background:#111217;color:#eeeef2;overflow:hidden;border-radius:5px}
.hx-format-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 32px;border-bottom:1px solid #ffffff17}
.hx-format-bar>span{font-size:12px;color:#a5a3ae;letter-spacing:.03em}
.hx-format-tabs{display:flex;gap:5px}
.hx-format-tabs button{border:0;min-width:72px;min-height:44px;padding:11px 20px;border-radius:2px;background:transparent;color:#c4c1cd;font-size:13px;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.hx-format-tabs button:hover{background:#ffffff0a;color:white}
.hx-format-tabs button[aria-selected="true"]{background:var(--hx-accent);color:#1b1626}
.hx-board-panel{display:grid;grid-template-columns:1.55fr 1fr;min-height:570px}
.hx-board-visual{position:relative;display:flex;align-items:center;min-width:0;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 45% 55%,#24252c,#111217 74%)}
.hx-board-visual img{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:590px;object-fit:contain;mix-blend-mode:lighten;transition:transform .65s cubic-bezier(.2,.65,.3,1);mask-image:linear-gradient(transparent,black 9%,black 89%,transparent)}
.hx-board-visual:hover img{transform:scale(1.035)}
.hx-format-watermark{position:absolute;left:7%;top:3%;z-index:0;font-size:clamp(150px,17vw,300px);font-weight:550;letter-spacing:-.07em;line-height:1;color:#ffffff08;user-select:none}
.hx-image-cue{position:absolute;bottom:26px;left:32px;right:32px;z-index:2;display:flex;justify-content:space-between;font-size:11px;color:#a5a2ae;letter-spacing:.04em}
.hx-image-cue>span{font-size:22px;color:#c8bddc}
.hx-board-copy{padding:clamp(36px,4vw,76px) clamp(28px,3.5vw,64px);display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid #ffffff0e}
.hx-board-copy .hx-eyebrow{color:#b8a8db;font-size:10px}
.hx-board-copy h3{margin-top:23px;font-size:clamp(44px,4.7vw,82px);line-height:1;letter-spacing:-.065em;font-weight:500;white-space:nowrap}
.hx-board-copy .hx-board-statement{margin-top:28px;font-size:clamp(22px,2vw,32px);font-weight:450;line-height:1.2;letter-spacing:-.035em}
.hx-board-copy .hx-board-description{margin-top:18px;color:#a5a2ae;font-size:15px;line-height:1.65;max-width:340px;min-height:75px}
.hx-board-meta{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:30px 0 22px;padding-top:21px;border-top:1px solid #ffffff1b}
.hx-board-meta>span{color:#aaa7b4;font-size:11px}.hx-board-meta strong{font-size:22px;font-weight:500;white-space:nowrap}
.hx-action{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;width:100%;padding:16px 20px;background:var(--hx-accent);color:#1a1524!important;font-size:13px;font-weight:650;transition:background .2s}
.hx-action:hover{background:#d1c4f7}.hx-action span{font-size:20px;font-weight:400}
.hx-under-link{align-self:center;margin-top:10px;padding:10px;font-size:12px;color:#b2aabc!important;text-underline-offset:4px}.hx-under-link:hover{text-decoration:underline}
.hx-showcase-foot{display:flex;justify-content:space-between;gap:20px;padding:22px 32px;border-top:1px solid #ffffff17;font-size:12px;color:#938f9d}
.hx-showcase-foot a{color:#d1c6e8;display:inline-flex;gap:32px}.hx-showcase-foot a:hover{color:#fff}
.hx-feel{padding:115px var(--page-gutter) 120px;color:#eae8ef}
.hx-feel-head{display:grid;grid-template-columns:.55fr 1.5fr .65fr;gap:35px;align-items:end;margin-bottom:65px}
.hx-feel-head>.hx-eyebrow{align-self:start;padding-top:7px;color:#a9a1b8;max-width:150px}
.hx-feel-head h2{font-size:clamp(52px,5.6vw,104px)}.hx-feel-head h2 em{color:#b5a0df}
.hx-feel-head>p:last-child{color:#9f9aa9;font-size:16px;line-height:1.7;padding-bottom:5px}
.hx-feature-grid{display:grid;grid-template-columns:1fr 1.28fr;gap:18px}
.hx-speed{grid-row:span 2;padding:clamp(28px,3.5vw,62px);background:#c4b5ed;color:#221c31;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:740px;border-radius:4px}
.hx-speed .hx-eyebrow{color:#615571}.hx-speed h3{font-size:clamp(28px,2.7vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin-top:22px}
.hx-speed>div:first-child>p:last-child{margin-top:20px;max-width:345px;font-size:16px;line-height:1.6;color:#574b68}
.hx-speed-number{display:flex;align-items:flex-end;gap:30px;margin:35px 0}
.hx-speed-number>strong{font-size:clamp(132px,15vw,270px);font-weight:470;letter-spacing:-.09em;line-height:.82}.hx-speed-number>strong>span{font-size:.49em;letter-spacing:-.06em}
.hx-speed-number>span{font-size:12px;line-height:1.6;padding-bottom:5px;color:#574b68}
.hx-speed-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;border-top:1px solid #39284d38;padding-top:27px}
.hx-speed-detail>div{display:grid;gap:10px}.hx-speed-detail strong{font-size:clamp(27px,2.5vw,42px);font-weight:500;letter-spacing:-.045em;white-space:nowrap}.hx-speed-detail small{font-size:12px;font-weight:400;letter-spacing:0}
.hx-speed-detail>div>span{font-size:12px;color:#635675}
.hx-speed-bottom{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-top:40px;font-size:10px;color:#665577}.hx-speed-bottom a{font-size:12px;color:#31243e;padding:10px 0;border-bottom:1px solid #705881}
.hx-light{position:relative;overflow:hidden;min-height:400px;background:#101217;border-radius:4px;isolation:isolate}
.hx-light>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;transform:scale(1.16);transition:transform 1s ease}
.hx-light:hover>img{transform:scale(1.2)}
.hx-light::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0ee8,#080a0e8a 48%,#080a0e05);z-index:0}
.hx-light-copy{position:relative;z-index:1;max-width:390px;padding:36px}.hx-light-copy .hx-eyebrow{color:#b6adcb}
.hx-light h3,.hx-touch h3{font-size:clamp(29px,3vw,50px);font-weight:450;letter-spacing:-.045em;line-height:1.08;margin-top:30px}
.hx-light-copy>p:last-child{margin-top:20px;color:#b4aebf;font-size:14px;line-height:1.7}
.hx-round-arrow{position:absolute;bottom:28px;right:28px;z-index:2;width:44px;height:44px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:background .2s}.hx-light:hover .hx-round-arrow{background:#ffffff1a}
.hx-touch{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:325px;background:#18191f;border:1px solid #ffffff0e;border-radius:4px}
.hx-touch-photo{overflow:hidden;position:relative}.hx-touch-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.hx-touch:hover img{transform:scale(1.04)}
.hx-touch-copy{padding:36px 28px;align-self:center}.hx-touch-copy .hx-eyebrow{color:#a9a1b8}.hx-touch h3{font-size:clamp(26px,2.5vw,42px);margin-top:20px}
.hx-touch-copy>p:not(.hx-eyebrow){color:#a29daa;font-size:14px;line-height:1.6;margin-top:18px}.hx-touch-copy .hx-text-link{margin-top:22px;font-size:12px;color:#d3c5ed;border-color:#716582;gap:18px}
.hx-metal{position:relative;min-height:760px;height:54vw;max-height:1000px;overflow:hidden;background:#101214;color:#f1f0ef;isolation:isolate}
.hx-metal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.hx-metal::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07090ced,#080a0cac 32%,#080a0c08 73%),linear-gradient(0deg,#05070990,transparent 40%);z-index:0}
.hx-metal-copy{position:relative;z-index:1;padding:110px var(--page-gutter);max-width:780px}
.hx-metal .hx-eyebrow{color:#bdc1c8}.hx-metal h2{font-size:clamp(58px,6.7vw,124px);margin-top:45px}.hx-metal h2 em{color:#b7b9c2}
.hx-metal-copy>p:not(.hx-eyebrow){color:#b5bac2;max-width:315px;font-size:17px;line-height:1.65;margin-top:35px}.hx-metal .hx-text-link{margin-top:35px;max-width:280px;width:100%;border-color:#6e717c}
.hx-metal-caption{position:absolute;z-index:1;bottom:35px;right:var(--page-gutter);font-size:11px;color:#cacad1;letter-spacing:.07em}
.hx-build{padding:72px var(--page-gutter) 65px;background:var(--hx-paper);color:var(--hx-ink)}
.hx-build-top,.hx-build-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}
.hx-build-top{padding-bottom:35px;border-bottom:1px solid #17181c2a}.hx-build-top>span{font-size:12px;color:#6b6672}
.hx-build-main{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:65px 0}.hx-build h2{font-size:clamp(52px,6.3vw,118px)}.hx-build h2 em{color:#85808d}
.hx-build-button{width:clamp(150px,15vw,240px);aspect-ratio:1;border:1px solid #292331;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:16px;transition:background .3s,color .3s}
.hx-build-button>span:last-child{font-size:58px;line-height:.85;font-weight:300}.hx-build-button:hover{background:#211b2d;color:#f3eefb}.hx-build-button:hover>span:last-child{transform:translate(5px,-5px)}
.hx-build-bottom{padding-top:30px;border-top:1px solid #17181c2a}.hx-build-bottom p{font-size:14px;line-height:1.65;color:#69646f}.hx-build-bottom .hx-text-link{font-size:13px}
.hx-reveal{opacity:1;transform:none}.hx-motion .hx-reveal:not(.hx-in-view){opacity:0;transform:translateY(24px)}.hx-motion .hx-reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}
@media(min-width:1800px){.hx-board-panel{min-height:670px}.hx-board-visual img{max-height:700px}.hx-light{min-height:470px}.hx-touch{min-height:370px}.hx-speed{min-height:858px}}
@media(max-width:1100px){
 .hx-section-head{grid-template-columns:1fr .7fr;gap:32px}.hx-board-panel{grid-template-columns:1.25fr 1fr;min-height:530px}.hx-board-copy{padding:36px 28px}.hx-board-copy h3{font-size:46px}.hx-board-description{font-size:14px!important}.hx-board-meta{flex-wrap:wrap}
 .hx-feel-head{grid-template-columns:1fr 1fr}.hx-feel-head>.hx-eyebrow{grid-column:1/-1;max-width:none}.hx-feel-head>p:last-child{justify-self:end}
 .hx-speed{padding:30px;min-height:720px}.hx-speed-number{flex-wrap:wrap;gap:20px}.hx-speed-number>strong{font-size:170px}.hx-feature-grid{grid-template-columns:1fr 1.1fr}.hx-touch{grid-template-columns:1fr}.hx-touch-photo{height:230px}.hx-touch-copy{padding:28px}.hx-light{min-height:350px}.hx-light-copy{padding:28px}.hx-metal{min-height:680px}.hx-metal-copy{padding-top:95px;max-width:610px}
}
@media(max-width:700px){
 .hx-home h2{font-size:clamp(44px,12.5vw,80px);letter-spacing:-.057em}.hx-eyebrow{font-size:10px}
 .hx-collection{padding:70px 20px}.hx-section-head{grid-template-columns:1fr;gap:27px;margin-bottom:35px}.hx-section-head .hx-eyebrow{margin-bottom:23px}.hx-head-aside{justify-self:start;max-width:none}.hx-head-aside p{font-size:15px;margin-bottom:16px}.hx-text-link{font-size:13px}
 .hx-format-bar{display:block;padding:20px 14px 12px}.hx-format-bar>span{display:block;text-align:center;margin-bottom:15px;font-size:11px}.hx-format-tabs{gap:3px;justify-content:space-between}.hx-format-tabs button{padding:10px 7px;min-width:0;flex:1;font-size:12px}.hx-format-tabs button:last-child{flex:1.4}
 .hx-board-panel{grid-template-columns:1fr;min-height:0}.hx-board-visual{min-height:245px;aspect-ratio:1.45}.hx-board-visual img{width:100%;height:100%;object-fit:contain}.hx-format-watermark{font-size:142px;top:0}.hx-image-cue{bottom:13px;left:22px;right:22px;font-size:10px}.hx-image-cue>span{font-size:18px}
 .hx-board-copy{padding:30px 24px 24px;border-left:0;border-top:1px solid #ffffff0c}.hx-board-copy h3{font-size:49px;margin-top:17px}.hx-board-copy .hx-board-statement{font-size:25px;margin-top:22px}.hx-board-copy .hx-board-description{font-size:14px;min-height:0;margin-top:15px;max-width:none}.hx-board-meta{margin:24px 0 19px;padding-top:18px}.hx-action{min-height:52px}.hx-showcase-foot{display:grid;gap:15px;padding:21px 24px;font-size:11px}.hx-showcase-foot a{justify-content:space-between}
 .hx-feel{padding:70px 20px}.hx-feel-head{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.hx-feel-head h2{font-size:clamp(44px,12.5vw,80px)}.hx-feel-head>p:last-child{justify-self:start;font-size:15px;line-height:1.6}.hx-feature-grid{grid-template-columns:1fr;gap:14px}.hx-speed{grid-row:auto;min-height:565px;padding:30px 26px}.hx-speed h3{font-size:32px}.hx-speed>div:first-child>p:last-child{font-size:14px}.hx-speed-number{flex-wrap:nowrap;gap:25px;margin:32px 0}.hx-speed-number>strong{font-size:156px}.hx-speed-number>span{font-size:10px}.hx-speed-detail{gap:18px;padding-top:23px}.hx-speed-detail strong{font-size:30px}.hx-speed-detail>div>span{font-size:11px}.hx-speed-bottom{margin-top:30px}.hx-speed-bottom a{font-size:11px}
 .hx-light{min-height:400px}.hx-light-copy{padding:30px 26px}.hx-light h3{font-size:35px;margin-top:28px}.hx-light>img{object-position:62% center}.hx-light::after{background:linear-gradient(180deg,#080a0edd,#080a0e44 70%)}
 .hx-touch{grid-template-columns:1fr;min-height:0}.hx-touch-photo{height:250px}.hx-touch-copy{padding:30px 26px}.hx-touch h3{font-size:35px}.hx-touch-copy>p:not(.hx-eyebrow){font-size:14px}
 .hx-metal{height:780px;min-height:0;max-height:none}.hx-metal>img{inset:auto 0 0;height:440px;object-position:78% center}.hx-metal::after{background:linear-gradient(180deg,#080a0f 38%,#080a0faa 49%,#080a0f05 68%,#080a0f40)}.hx-metal-copy{padding:60px 25px;max-width:none}.hx-metal h2{font-size:62px;margin-top:30px}.hx-metal-copy>p:not(.hx-eyebrow){font-size:15px;max-width:285px;margin-top:25px}.hx-metal .hx-text-link{margin-top:23px;width:auto;gap:35px}.hx-metal-caption{left:25px;right:auto;bottom:25px;font-size:10px}
 .hx-build{padding:45px 25px}.hx-build-top{padding-bottom:24px}.hx-build-top>span{display:none}.hx-build-main{grid-template-columns:1fr;gap:32px;padding:40px 0}.hx-build h2{font-size:clamp(42px,11.5vw,68px)}.hx-build-button{width:100%;aspect-ratio:auto;min-height:62px;padding:18px 22px;flex-direction:row;justify-content:space-between;border-radius:2px;background:#211b2d;color:#f3eefb;font-size:14px}.hx-build-button>span:last-child{font-size:30px}.hx-build-bottom{flex-direction:column;align-items:flex-start;gap:20px}.hx-build-bottom p{font-size:13px}.hx-build-bottom .hx-text-link{font-size:12px;gap:20px}
}
@media(max-width:370px){.hx-format-tabs button{font-size:11px;padding-inline:6px}.hx-board-copy{padding-inline:20px}.hx-board-copy h3{font-size:43px}.hx-speed{padding-inline:22px}.hx-speed-number>strong{font-size:138px}.hx-speed-detail strong{font-size:25px}.hx-metal h2{font-size:55px}}
@media(prefers-reduced-motion:reduce){.hx-home *, .hx-home *::after{animation:none!important;transition:none!important}.hx-motion .hx-reveal:not(.hx-in-view){opacity:1;transform:none}.hx-board-visual:hover img,.hx-light:hover>img,.hx-touch:hover img{transform:none}}