.home-v3{--max:1370px;background:#fff}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}
.home-v3 .b2-hero{min-height:780px;height:100svh;max-height:1050px}.home-v3 .b2-hero__media img{object-position:center;animation:none}.home-v3 .b2-hero__media::after{background:linear-gradient(90deg,rgba(12,18,23,.86),rgba(12,18,23,.55) 32%,transparent 65%)}.home-v3 .b2-hero__inner{min-height:0;height:100%;display:flex;align-items:center;padding-top:0;padding-bottom:70px}.home-v3 .b2-hero__copy{max-width:620px}.home-v3 .b2-hero h1{font-size:clamp(3.9rem,5.8vw,6.1rem);line-height:1;letter-spacing:-.035em}.home-v3 .b2-hero h1 em{font-style:normal;color:#9bd6f8}.home-v3 .b2-hero__copy>p:not(.b2-kicker){max-width:420px;font-size:1rem;line-height:1.8}.home-v3 .b2-hero__index{position:absolute;bottom:35px;right:0;display:flex;gap:20px;border:0;font-size:11px}.home-v3 .b2-hero__index span,.home-v3 .b2-hero__index strong{padding:8px 0;border:0}.home-v3 .b2-scroll-cue{display:none}.home-v3 .b2-section{padding:100px 0}.home-v3 .b2-heading{gap:7vw;margin-bottom:55px}.home-v3 .b2-heading h2{font-size:clamp(3rem,4.5vw,5rem)}
.home-v3 .b2-product-grid{gap:24px;background:none;grid-template-columns:1.4fr 1fr}.home-v3 .b2-product{min-height:680px;background:#edf0f2;color:#16252e}.home-v3 .b2-product figure{height:410px;bottom:auto}.home-v3 .b2-product figure::after{background:linear-gradient(0deg,#edf0f2,transparent 20%)}.home-v3 .b2-product--machine img{object-fit:contain;mix-blend-mode:multiply}.home-v3 .b2-product--film img{object-position:center 45%}.home-v3 .b2-product__body h3{font-size:3rem}.home-v3 .b2-product__body p{color:#62757f;font-size:14px}.home-v3 .b2-product__top{color:#4a606e}.home-v3 .b2-product__top i{border-color:#81939d}.home-v3 .b2-product .b2-text-link{color:#0071bc}
.line-section{padding:85px 0 45px;background:#f1f4f5}.tour-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:5vw;align-items:start}.tour-visual{position:sticky;top:155px;align-self:start}.tour-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ccd4d8;padding:12px 0;font:10px monospace;letter-spacing:.06em;color:#52636d}.tour-toolbar button,.tour-controls button{cursor:pointer;background:none;border:0;padding:8px 0;color:#145578;font-size:11px}.tour-stage{position:relative;aspect-ratio:4/3;background:#e9ecee;overflow:hidden}.tour-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .8s,opacity .5s;transform-origin:var(--origin,50% 50%);transform:scale(var(--zoom,1));mix-blend-mode:multiply}.tour-canvas{position:absolute;inset:0;opacity:0;transition:opacity .4s}.tour-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y}.is-3d .tour-canvas{opacity:1}.is-3d .tour-poster{opacity:0}.tour-hotspots{position:absolute;inset:0;pointer-events:none}.tour-hotspots button{position:absolute;left:var(--x);top:var(--y);width:30px;height:30px;transform:translate(-50%,-50%);border:1px solid white;border-radius:50%;background:#ffffffe6;box-shadow:0 3px 15px #18334125;color:#0b476a;font:12px monospace;cursor:pointer;pointer-events:auto}.tour-hotspots button[aria-pressed=true]{background:#0071bc;color:white;box-shadow:0 0 0 5px #0071bc20}.tour-controls{display:flex;align-items:center;justify-content:space-between;min-height:42px;border-bottom:1px solid #ccd4d8;font-size:10px;color:#64757e}.tour-controls>div{display:flex;gap:16px}.tour-caption{display:flex;align-items:center;gap:16px;padding:20px 0 16px}.tour-caption>span:first-child{font:11px monospace;color:#0071bc}.tour-caption strong{font-size:17px;font-family:'Barlow Semi Condensed',sans-serif}.tour-follow{margin-left:auto;font-size:10px;color:#78868e}.tour-progress{height:2px;background:#d2dadd}.tour-progress span{height:100%;width:20%;display:block;background:#0071bc;transition:width .4s}.tour-footnote{font-size:10px;color:#7b8b95;margin-top:13px}.tour-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #d6dee2;padding:50px 0;scroll-margin-top:180px;opacity:.45;transition:opacity .35s}.tour-step:first-child{border-top:0}.tour-step.is-active{opacity:1}.station-label{align-self:start;display:flex;align-items:center;gap:16px;border:0;background:none;padding:0;color:#0071bc;font:10px monospace;letter-spacing:.09em;cursor:pointer}.station-label span{border:1px solid #0071bc50;width:32px;height:32px;display:grid;place-items:center;border-radius:50%}.is-active .station-label span{background:#0071bc;color:white}.tour-step h3{font-size:clamp(2.3rem,3.2vw,3.8rem);line-height:1.02;letter-spacing:-.025em;margin:25px 0}.tour-step p{font-size:14px;line-height:1.85;color:#62727b;margin:0;max-width:400px}.step-detail{font-size:11px;color:#344d5c;border-top:1px solid #d6dee2;padding-top:18px;margin-top:25px;line-height:1.8}.step-detail span{display:block;font:9px monospace;color:#7d909c;letter-spacing:.1em;margin-bottom:6px}.tour-step .b2-text-link{align-self:start;margin-top:28px}.home-v3 .b2-fixed-contact{display:none}.home-v3 .b2-contact>figure img{object-position:75% center}.home-v3 .b2-contact>figure::after{background:linear-gradient(90deg,#071015f5,#071015a0 50%,#07101520)}.home-v3 .b2-contact h2{max-width:650px;font-size:clamp(3.3rem,5vw,5.5rem)}
@media(min-width:1600px){.tour-stage{max-height:520px}}
@media(max-width:1100px){.home-v3 .b2-hero h1{font-size:4.5rem;max-width:520px}.tour-layout{gap:30px;grid-template-columns:1.4fr 1fr}.tour-follow{display:none}.home-v3 .b2-product__body h3{font-size:2.6rem}.home-v3 .b2-product{padding:26px}}
@media(max-width:800px){.home-v3 .b2-hero{min-height:760px;height:92svh}.home-v3 .b2-hero__inner{align-items:flex-start;padding-top:100px}.home-v3 .b2-hero h1{font-size:clamp(3.2rem,9vw,4.5rem)}.home-v3 .b2-hero__media img{object-position:69% center;opacity:.7}.home-v3 .b2-hero__media::after{background:linear-gradient(180deg,#0c1217dd,#0c12177f 65%,#0c121788)}.home-v3 .b2-hero__index{display:none}.home-v3 .b2-section{padding:75px 0}.home-v3 .b2-product-grid{grid-template-columns:1fr 1fr;gap:15px}.home-v3 .b2-product{min-height:620px;padding:22px}.home-v3 .b2-product figure{height:330px}.home-v3 .b2-product__body h3{font-size:2.25rem}.tour-layout{display:block}.tour-visual{top:140px;z-index:5;background:#f1f4f5}.tour-stage{aspect-ratio:auto;height:32svh;min-height:220px}.tour-toolbar{padding:3px 0;font-size:9px}.tour-caption{padding:10px 0}.tour-caption strong{font-size:15px}.tour-footnote{display:none}.tour-controls{min-height:30px}.tour-controls button{padding:5px 0}.tour-step{min-height:48svh;padding:35px 5px;scroll-margin-top:calc(140px + 32svh + 110px)}.tour-step h3{font-size:2.5rem;margin:18px 0}.tour-step p{max-width:none}.line-section{padding:65px 0 30px}}
@media(max-width:540px){.home-v3 .b2-hero__inner{padding-top:70px}.home-v3 .b2-hero h1{font-size:3.65rem}.home-v3 .b2-hero .b2-kicker{font-size:9px;letter-spacing:.12em}.home-v3 .b2-actions{flex-direction:row;gap:8px}.home-v3 .b2-actions .b2-button{width:auto;padding:0 14px;gap:18px;font-size:13px}.home-v3 .b2-product-grid{grid-template-columns:1fr}.home-v3 .b2-product{min-height:590px;padding:26px}.home-v3 .b2-product figure{height:340px}.home-v3 .b2-product__body h3{font-size:2.7rem}.home-v3 .b2-heading h2{font-size:3rem}.tour-hotspots button{width:26px;height:26px;font-size:11px}.tour-step{min-height:52svh}.home-v3 .b2-capability-grid span{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.tour-step{opacity:1}.tour-poster,.tour-canvas,.tour-progress span{transition:none}}
@media(max-width:800px){.tour-visual{padding-bottom:12px;box-shadow:0 10px 15px #f1f4f5}.tour-step{scroll-margin-top:calc(140px + 32svh + 122px)}}
.home-v3 .b2-product:hover figure::after{background:linear-gradient(0deg,#edf0f2,transparent 20%)}
/* Open studio: the WebGL background is transparent, not a framed product viewer. */
.line-section{scroll-margin-top:160px}
.tour-stage{background:transparent;overflow:visible}
.tour-toolbar,.tour-controls{border:0}
.tour-toolbar{padding-bottom:0}
.tour-controls{padding-top:8px}
.tour-caption{padding-top:12px}
.tour-progress{max-width:180px}
.tour-poster{pointer-events:none;mix-blend-mode:normal}
.motion-status{font:12px monospace;color:#0071bc;margin:0 0 5px 3vw;min-height:16px}
.demo-key{display:flex;gap:20px;margin-top:23px;font-size:12px;color:#52636d}.demo-key span::before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:#59b8eb}.demo-key .key-tape::before{background:#d6a24c}.demo-note{display:block;font-size:10px;color:#71838e;margin-top:20px}.tour-controls>div{flex-wrap:wrap;justify-content:flex-end;gap:12px}.tour-step .step-detail{display:none}
@media(min-width:801px){.tour-layout{grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr)}.tour-stage{max-height:none!important;height:clamp(390px,62vh,740px)}.tour-step h3{font-size:clamp(2.2rem,3vw,3.4rem)}.tour-caption{padding-bottom:8px}.tour-footnote{margin-top:8px}}
@media(max-width:800px){.tour-stage{overflow:hidden}}
@media(min-width:801px){
 .tour-layout{width:100%;max-width:none;padding-left:3vw;padding-right:7vw;grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr);gap:4vw}
 .tour-visual{top:150px}
 .tour-stage{height:min(61vh,680px);min-height:390px;aspect-ratio:auto;margin-left:-3vw;width:calc(100% + 5vw)}
 .tour-toolbar,.tour-controls,.tour-caption,.tour-progress,.tour-footnote{margin-left:3vw}
 .tour-step{min-height:70vh}
}
/* Keep the transparent mechanism view; establish one clear visual focus. */
.tour-hotspots button{transition:opacity .2s,background .2s,box-shadow .2s}
.tour-hotspots button[aria-pressed=false]{width:26px;height:26px;font-size:10px;opacity:.6;box-shadow:none;border-color:#a8bbc680;background:#f1f4f5bb}
.tour-hotspots button[aria-pressed=false]:hover,.tour-hotspots button:focus-visible{opacity:1;outline:2px solid #0071bc;outline-offset:3px}
.tour-hotspots button[aria-pressed=true]{z-index:2}
@media(min-width:801px){
 .home-v3 .tour-layout{grid-template-columns:minmax(0,1.9fr) minmax(330px,1fr);gap:5vw}
 .tour-step h3{font-size:clamp(2.2rem,2.7vw,3rem);line-height:1.08;text-wrap:balance}
 .tour-step p{max-width:390px}
}
@media(max-width:800px){.tour-hotspots button[aria-pressed=false]{width:26px;height:26px;opacity:.62}}
/* Product cards share a media baseline and a text baseline. */
.home-v3 .b2-product{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:42px 350px 1fr;justify-content:stretch;min-height:0;padding:32px;gap:12px}
.home-v3 .b2-product__top{grid-row:1;align-items:center}
.home-v3 .b2-product__top i{margin-top:0}
.home-v3 .b2-product figure{grid-row:2;position:relative;inset:auto;height:100%;overflow:hidden}
.home-v3 .b2-product figure::after{display:none}
.home-v3 .b2-product img{object-fit:contain;object-position:center;mix-blend-mode:normal}
.home-v3 .b2-product--machine img{transform:scale(1.4)}
.home-v3 .b2-product--machine:hover img{transform:scale(1.43)}
.home-v3 .b2-product--film img{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.home-v3 .b2-product__body{grid-row:3;display:flex;flex-direction:column;padding-top:12px}
.home-v3 .b2-product .b2-product__body h3{font-size:clamp(2rem,3vw,2.75rem);line-height:1.05;min-height:2.1em;margin:0 0 18px}
.home-v3 .b2-product__body p{flex:1;min-height:3.3em;margin:0 0 24px}
.home-v3 .b2-product__body .b2-text-link{align-self:flex-start;margin-top:auto}
@media(max-width:1100px){.home-v3 .b2-product{padding:24px;grid-template-rows:42px 290px 1fr}}
@media(max-width:700px){.home-v3 .b2-product-grid{grid-template-columns:1fr}.home-v3 .b2-product{grid-template-rows:36px 260px 1fr}.home-v3 .b2-product .b2-product__body h3{font-size:2.25rem;min-height:0}.home-v3 .b2-product__body p{min-height:0}}
.home-v3 .b2-hero__media picture{display:block;width:100%;height:100%}
.home-v3 .b2-insights .insight-profile-photo{object-position:50% 85%}
/* One explanation panel; scroll distance drives the five desktop stations. */
.single-step-tour .tour-story{display:grid}
.single-step-tour .tour-step{grid-area:1/1;min-height:0;border:0;opacity:1;visibility:hidden;pointer-events:none;transition:none}
.single-step-tour .tour-step.is-active{visibility:visible;pointer-events:auto}
@media(min-width:801px){
 .single-step-tour{min-height:calc(380svh - 150px)}
 .single-step-tour .tour-story{position:sticky;top:150px;height:calc(100svh - 170px);align-self:start}
 .single-step-tour .tour-step{padding:30px 0}
}
@media(max-width:800px){
 .single-step-tour .tour-visual{position:relative;top:auto}
 .single-step-tour .tour-step{padding:28px 0}
}
@media(min-width:801px){
 .home-v3 .b2-hero h1{font-size:clamp(3.8rem,5.2vw,5.6rem);max-width:100%}
 .home-v3 .b2-hero__copy{max-width:520px;width:42%}
 .home-v3 .b2-hero__index{bottom:55px}
}