/* ÉTER hero. Source of truth: design_system.html; no catalog mutations. */
:root{--paper:#fafaf7;--stone:#eaeae5;--ink:#1c1c1c;--muted:#62625c;--line:#d5d5ce;--accent:#d7f75b;--sans:Inter,Arial,sans-serif;--mono:'JetBrains Mono',Consolas,monospace;--ease-out:cubic-bezier(.16,1,.3,1);--stage-height:100vh;--header-height:82px;--entry-blur:12px;--exit-blur:14px}
@supports(height:100svh){:root{--stage-height:100svh}}*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-color:#a7a79f var(--paper)}body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}main>section{scroll-margin-top:var(--header-height)}::selection{background:var(--accent);color:var(--ink)}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}h1,h2,p{margin:0}button[hidden]{display:none}.mono,.eyebrow{font-family:var(--mono)}.skip{position:fixed;z-index:100;top:-80px;left:20px;padding:12px;background:var(--ink);color:white}.skip:focus{top:12px}.site-progress{position:fixed;z-index:60;inset:0 0 auto;height:2px;pointer-events:none;background:transparent}.site-progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--site-progress,0));transform-origin:left;box-shadow:0 0 12px rgba(215,247,91,.55);will-change:transform}.icon-base{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;flex:none}.navbar{position:fixed;inset:0 0 auto;z-index:40;height:var(--header-height);border-bottom:1px solid var(--line);background:rgba(250,250,247,.84);backdrop-filter:blur(16px)}.nav-inner{max-width:1600px;margin:auto;padding:0 42px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-weight:600;font-size:26px;letter-spacing:-1.6px}.brand svg{width:29px;height:29px;transition:transform .7s var(--ease-out)}.brand:hover svg{transform:rotate(180deg)}.nav-edition{font-size:9px;letter-spacing:.1em;color:var(--muted);transition:color .4s,opacity .25s}.nav-actions{display:flex;gap:24px;align-items:center}.nav-about{display:flex;align-items:center;gap:20px;font-size:11px;min-height:44px}.nav-about span{font-size:20px}.motion-toggle{border:1px solid var(--line);border-radius:30px;background:transparent;min-height:44px;display:flex;gap:7px;align-items:center;padding:0 12px;font:9px var(--mono);color:var(--muted)}.motion-toggle svg{width:12px;height:12px}.motion-toggle:hover{border-color:var(--ink);color:var(--ink)}
/* HeroSection / one sticky mechanism only. Height is centralized here. */
.hero-section{position:relative;background:var(--paper)}.hero-sticky-stage{position:relative;height:var(--stage-height);min-height:680px;isolation:isolate;overflow:clip}.sequence-enabled .hero-section{height:calc(var(--measured-stage, var(--stage-height)) * 3)}.sequence-enabled .hero-sticky-stage{position:sticky;top:0}.hero-media,.media-entry,#hero-canvas,.hero-poster{position:absolute;inset:0;width:100%;height:100%}.hero-media{z-index:-3;pointer-events:none;background:#f4f4f3}.media-entry{transform-origin:72% 50%}.hero-poster{display:block;overflow:hidden}.hero-poster img{position:absolute;left:32%;top:12%;width:78%;height:80%;object-fit:contain}.hero-poster{opacity:1}#hero-canvas{opacity:0;display:block}.has-frame #hero-canvas{opacity:1}.has-frame .hero-poster{opacity:0}.contrast-wash{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,var(--paper) 0%,rgba(250,250,247,.96) 18%,rgba(250,250,247,.75) 36%,transparent 58%);opacity:var(--wash,1)}.hero-layout{max-width:1600px;height:100%;padding:calc(var(--header-height) + 55px) 96px 115px;margin:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:0;pointer-events:none}.hero-content{grid-column:1 / span 7;max-width:710px;pointer-events:none}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.14em;display:inline-flex;align-items:center;gap:12px}.idea-dot{width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 5px #d7f75b44}.eyebrow-row{margin-bottom:27px}h1{font-size:clamp(54px,5.65vw,88px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin-left:-.045em}.title-line{display:block;width:max-content;max-width:100%}.text-outline{color:transparent;-webkit-text-stroke:1.2px var(--ink)}.description-row{margin-top:28px;max-width:400px;font-size:14px;line-height:1.8;color:var(--muted)}.cta-row{margin-top:29px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.cta-row a{pointer-events:auto}.btn{min-height:48px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:999px;font:500 12px var(--sans);position:relative;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s,background .35s}.btn:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff5 48%,transparent 70%);transform:translateX(-130%);pointer-events:none}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1c1c1c22;background:#373733}.btn:hover:after{animation:shimmer .85s}.btn:active{transform:translateY(1px) scale(.98)}.btn svg{width:17px;height:17px;transition:transform .4s var(--ease-out)}.btn:hover svg{transform:translate(2px,-2px)}.btn.secondary{background:#ffffff65;color:var(--ink);border-color:var(--line);gap:12px}.btn.secondary:hover{background:white;border-color:var(--ink)}.btn.secondary:hover svg{transform:translateY(3px)}.scroll-item{transform:translateY(var(--sy,0px));opacity:var(--so,1);filter:blur(var(--sb,0px))}.scroll-item[inert]{pointer-events:none;visibility:hidden}.hero-side-marker{position:absolute;right:42px;top:50%;transform:translateY(-50%);font:10px var(--mono);color:var(--muted);pointer-events:none}.hero-side-marker .reveal-up{display:flex;flex-direction:column;align-items:center;gap:24px}.hero-side-marker i{height:64px;width:1px;background:var(--line)}.marker-end{writing-mode:vertical-rl;font-size:8px;letter-spacing:.12em}.hero-scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);pointer-events:none;text-align:center}.hero-scroll-cue span{font:9px var(--mono);letter-spacing:.09em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.hero-scroll-cue i{display:block;position:relative;width:1px;height:32px;background:var(--line);margin:12px auto 0;overflow:hidden}.hero-scroll-cue b{position:absolute;width:1px;height:20px;background:var(--ink);animation:scroll-line 1.5s ease-in-out infinite;animation-play-state:paused}.hero-section.in-view .hero-scroll-cue b{animation-play-state:running}.concept-note{position:absolute;bottom:40px;left:42px;font:9px var(--mono);letter-spacing:.02em;color:var(--muted);z-index:3}.media-status{position:absolute;right:42px;bottom:40px;font:9px var(--mono);color:var(--muted);z-index:3;max-width:210px;text-align:right}.hero-exit-gradient{position:absolute;bottom:0;left:0;right:0;height:128px;background:linear-gradient(0deg,var(--paper),rgba(250,250,247,0));pointer-events:none;z-index:-1}.hero-continuity{height:96px;background:var(--paper);border-bottom:1px solid var(--line);position:relative}.hero-continuity:after{content:'';position:absolute;top:45px;width:36px;height:1px;background:var(--line);left:calc(50% - 18px)}#sequence-midpoint{position:absolute;top:50%;left:0;width:1px;height:1px;pointer-events:none}
/* Entry and scrub always live on separate wrappers. Content is visible without JS. */
.entry-delay-80{--delay:80ms}.entry-delay-160{--delay:160ms}.entry-delay-240{--delay:240ms}.entry-delay-320{--delay:320ms}.entry-delay-400{--delay:400ms}.entry-delay-480{--delay:480ms}.entry-delay-560{--delay:560ms}.entry-delay-640{--delay:640ms}.reveal-delay-80{--reveal-delay:80ms}.reveal-delay-150{--reveal-delay:150ms}.reveal-delay-220{--reveal-delay:220ms}
.intro .reveal-up{animation:entry 1.05s var(--ease-out) var(--delay,0ms) both}.intro .media-entry{animation:media-entry 1.5s var(--ease-out) both}.intro-skip .reveal-up,.intro-skip .media-entry{animation:none}.is-static .hero-sticky-stage{height:auto;min-height:var(--stage-height)}.is-static .hero-layout{min-height:max(var(--stage-height),680px)}.is-static .hero-scroll-cue{display:none}.is-static .hero-media .media-entry{animation:none}.is-static .scroll-item{opacity:1;transform:none;filter:none}.is-static .hero-side-marker{opacity:1!important}.page-hidden *{animation-play-state:paused!important}dialog{padding:38px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);max-width:480px;width:calc(100% - 40px);box-shadow:0 30px 100px #0003}dialog[open]{animation:entry .4s var(--ease-out)}dialog::backdrop{background:#1c1c1c55;backdrop-filter:blur(7px)}dialog h2{font-size:38px;line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:25px 0 18px}dialog p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:25px}.dialog-close{position:absolute;top:7px;right:7px;width:44px;height:44px;background:none;border:0;font-size:24px;color:var(--ink)}
@keyframes entry{from{opacity:0;transform:translateY(30px);filter:blur(var(--entry-blur))}to{opacity:1;transform:none;filter:blur(0)}}@keyframes media-entry{from{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{from{transform:translateX(-130%) skewX(-15deg)}to{transform:translateX(130%) skewX(-15deg)}}@keyframes scroll-line{from{transform:translateY(-24px)}to{transform:translateY(38px)}}
@media(min-width:1600px){.hero-layout{padding-inline:96px}.hero-side-marker{right:max(42px,calc((100vw - 1516px)/2))}.concept-note{left:max(42px,calc((100vw - 1516px)/2))}}
@media(max-width:1100px){.nav-inner{padding-inline:28px}.nav-edition{display:none}.hero-layout{padding-inline:48px;grid-template-columns:repeat(12,minmax(0,1fr))}.hero-content{grid-column:1/span 10}.hero-side-marker{right:25px}h1{font-size:clamp(54px,6.3vw,70px)}.hero-content .description-row{max-width:350px}.concept-note{left:28px}.media-status{right:28px}.actions{gap:10px}.btn{padding-inline:20px}}
@media(max-width:767px){:root{--header-height:68px;--entry-blur:6px;--exit-blur:7px}.nav-inner{padding-inline:24px;gap:12px}.brand{font-size:24px}.nav-actions{gap:10px}.nav-about{font-size:10px;gap:6px}.motion-toggle{width:44px;justify-content:center;padding:0}.motion-toggle span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.motion-toggle svg{width:15px;height:15px}.hero-sticky-stage{min-height:760px}.hero-layout{padding:calc(var(--header-height) + 40px) 24px 0;display:block;align-content:start;height:auto}.hero-content{max-width:none}.eyebrow-row{margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:.12em}h1{font-size:clamp(36px,8.7vw,64px);line-height:1.05;letter-spacing:-.065em}.description-row{font-size:12px;line-height:1.75;margin-top:19px;max-width:340px!important}.cta-row{margin-top:21px}.btn{font-size:10px;padding:0 15px;gap:10px;min-height:46px}.btn.secondary{gap:8px}.hero-side-marker{display:none}.hero-poster img{left:0;top:54%;width:100%;height:37%;object-fit:contain}.contrast-wash{background:linear-gradient(180deg,var(--paper) 0%,rgba(250,250,247,.95) 40%,transparent 60%)}.hero-scroll-cue{bottom:45px}.hero-scroll-cue span{font-size:8px}.hero-scroll-cue i{height:25px;margin-top:8px}.concept-note{bottom:17px;left:24px;font-size:8px}.media-status{bottom:17px;right:24px;font-size:8px;max-width:145px}.hero-exit-gradient{height:100px}.hero-continuity{height:64px}.hero-continuity:after{top:31px}.is-static .hero-layout{min-height:760px}.is-static .hero-sticky-stage{min-height:760px}.is-static .hero-poster img{top:54%;height:40%}dialog{padding:30px 24px}dialog h2{font-size:32px}}
@media(max-width:370px){.nav-inner{padding-inline:20px}.nav-about{font-size:9px}.hero-layout{padding-inline:20px}.actions{gap:8px}.btn{font-size:9px;padding-inline:12px;gap:7px}.description-row{max-width:290px!important}.hero-sticky-stage{min-height:740px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.sequence-enabled .hero-section{height:auto}.sequence-enabled .hero-sticky-stage{position:relative}.scroll-item{transform:none!important;filter:none!important;opacity:1!important}.hero-scroll-cue{display:none}#hero-canvas{display:none}.has-frame .hero-poster{opacity:1}}

/* Transparent WebP frames and posters: preserve alpha without color blending. */
.hero-media{background:transparent!important}
.hero-poster,.hero-poster img,#hero-canvas{background:transparent;mix-blend-mode:normal}

/* PrecisionShowcase / second fold — shared ÉTER design-system classes. */
.bg-grid{background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;background-position:center top}
.precision-section{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);--section-exit:0;--media-shift:0px}
.precision-section:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(250,250,247,.97),rgba(250,250,247,.82) 36%,rgba(250,250,247,.95))}
.precision-section:after{content:'\00C9TER';position:absolute;right:-.055em;bottom:-.27em;z-index:-1;color:transparent;-webkit-text-stroke:1px rgba(28,28,28,.06);font:500 clamp(150px,28vw,480px)/1 var(--sans);letter-spacing:-.09em;pointer-events:none}
.precision-orbit{position:absolute;width:min(72vw,1080px);aspect-ratio:1;border-radius:50%;right:-30%;top:12%;z-index:-1;background:radial-gradient(circle at 48% 50%,rgba(215,247,91,.26),rgba(215,247,91,.07) 34%,transparent 68%);filter:blur(4px);animation:precision-drift 14s ease-in-out infinite alternate;pointer-events:none}
.precision-shell{max-width:1600px;margin:auto;padding:132px 42px 72px}
.precision-heading{display:grid;grid-template-columns:1fr;gap:0;align-items:end;margin-bottom:72px}
.precision-heading h2{font-size:clamp(54px,6.4vw,102px);line-height:.93;letter-spacing:-.072em;font-weight:500;margin-top:28px;max-width:1000px}
.precision-heading .text-outline{-webkit-text-stroke:1.3px var(--ink)}
.precision-heading>p{max-width:330px;font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:8px}
.precision-stage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(370px,.72fr);gap:clamp(38px,5vw,92px);align-items:start}
.product-visual{margin:0;position:relative;min-width:0;transform:translateY(calc(var(--media-shift) * -1));will-change:transform}
.product-image-wrap{position:relative;overflow:hidden;aspect-ratio:16/9;background:#f0f0ea;box-shadow:0 34px 90px rgba(28,28,28,.12);clip-path:inset(0 0 0 0 round 2px)}
.product-image-wrap:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.62);box-shadow:inset 0 0 80px rgba(255,255,255,.16);pointer-events:none}
.product-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.035) translate3d(0,var(--product-parallax,0px),0);transition:filter .7s var(--ease-out);will-change:transform}
.product-visual:hover img{filter:saturate(1.06) contrast(1.02)}
.product-visual figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:15px;color:var(--muted);font:9px/1.4 var(--mono);letter-spacing:.08em}
.image-index{position:absolute;top:22px;left:22px;padding:8px 11px;background:rgba(250,250,247,.76);backdrop-filter:blur(12px);font-size:8px;letter-spacing:.1em;border:1px solid rgba(255,255,255,.5)}
.precision-copy{padding-top:10px}
.badge{display:inline-flex;align-items:center;width:max-content;padding:7px 12px;border:1px solid var(--line);border-radius:999px;font:500 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.badge.accent{background:var(--accent);border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 6px rgba(215,247,91,.14)}
.feature-intro h3{font-size:clamp(34px,3.3vw,54px);line-height:1;letter-spacing:-.06em;font-weight:500;margin:27px 0 22px}
.feature-intro>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:480px}
.feature-list{list-style:none;padding:0;margin:56px 0 0;border-top:1px solid var(--line)}
.feature-row{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:14px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start;transition:padding .45s var(--ease-out),background .45s}
.feature-row:hover{padding-left:13px;background:linear-gradient(90deg,rgba(215,247,91,.13),transparent 72%)}
.feature-no{font-size:8px;color:var(--muted);padding-top:5px}
.feature-row h4{font-size:15px;line-height:1.3;letter-spacing:-.02em;font-weight:600;margin:0 0 8px}
.feature-row p{font-size:11px;line-height:1.7;color:var(--muted);max-width:430px}
.feature-spec{font-size:8px;letter-spacing:.04em;color:var(--ink);padding-top:5px;white-space:nowrap}
.precision-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:84px;padding-top:28px;border-top:1px solid var(--line)}
.precision-footer p{font:9px/1.5 var(--mono);letter-spacing:.09em;color:var(--muted)}.precision-footer p span{color:var(--ink)}
.precision-section [data-reveal]{opacity:0;transform:translateY(42px);filter:blur(10px);transition:opacity .9s var(--ease-out) var(--reveal-delay,0ms),transform .9s var(--ease-out) var(--reveal-delay,0ms),filter .9s var(--ease-out) var(--reveal-delay,0ms)}
.precision-section [data-reveal].active{opacity:calc(1 - var(--section-exit));transform:translateY(calc(var(--section-exit) * -34px));filter:blur(calc(var(--section-exit) * 8px))}
@keyframes precision-drift{from{transform:translate3d(-3%,0,0) scale(.92)}to{transform:translate3d(5%,7%,0) scale(1.08)}}
@media(max-width:980px){.precision-shell{padding-inline:28px}.precision-heading{grid-template-columns:1fr;gap:30px}.precision-heading>p{max-width:520px}.precision-stage{grid-template-columns:1fr}.precision-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;padding-top:15px}.feature-list{margin-top:0}.precision-footer{margin-top:65px}}
@media(max-width:767px){.bg-grid{background-size:42px 42px}.precision-shell{padding:92px 24px 58px}.precision-heading{margin-bottom:42px}.precision-heading h2{font-size:clamp(43px,13vw,67px);margin-top:20px}.precision-heading>p{font-size:12px}.precision-stage{gap:42px}.product-image-wrap{aspect-ratio:4/5}.product-image-wrap img{object-position:63% center}.product-visual figcaption{font-size:7px}.precision-copy{display:block}.feature-intro h3{font-size:40px}.feature-intro>p{font-size:12px}.feature-list{margin-top:40px}.feature-row{grid-template-columns:30px 1fr}.feature-spec{grid-column:2;margin-top:4px}.precision-footer{align-items:flex-start;flex-direction:column;margin-top:55px}.precision-orbit{width:140vw;right:-85%;top:30%}.precision-section:after{bottom:-.07em}.precision-section [data-reveal].active{transform:translateY(calc(var(--section-exit) * -20px))}}
@media(prefers-reduced-motion:reduce){.precision-orbit{animation:none}.precision-section [data-reveal],.precision-section [data-reveal].active{opacity:1;transform:none;filter:none}.product-visual,.product-image-wrap img{transform:none!important}}

/* StrokeLab / interactive third fold. */
.stroke-lab{position:relative;overflow:hidden;background:var(--stone);border-bottom:1px solid var(--line)}
.stroke-lab:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.9),transparent 29%),linear-gradient(90deg,rgba(28,28,28,.035) 1px,transparent 1px),linear-gradient(rgba(28,28,28,.035) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.lab-shell{position:relative;max-width:1600px;margin:auto;padding:132px 42px 74px}
.lab-heading{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.45fr);gap:90px;align-items:end;margin-bottom:72px}
.lab-heading h2{font-size:clamp(54px,6.5vw,104px);line-height:.91;letter-spacing:-.075em;font-weight:500;margin-top:28px}
.lab-heading>p{max-width:340px;padding-bottom:8px;color:var(--muted);font-size:14px;line-height:1.85}
.lab-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr);gap:clamp(42px,6vw,100px);align-items:start}
.stroke-console{background:#171815;color:#f7f7f2;border:1px solid #353630;box-shadow:0 35px 100px rgba(28,28,28,.18);min-width:0}
.console-head{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34352f;font-size:8px;letter-spacing:.11em;color:#aaa99f}
.console-live{display:flex;align-items:center;gap:8px}.console-live i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(215,247,91,.11);animation:lab-pulse 2.2s ease-in-out infinite}
.stroke-stage{height:clamp(390px,46vw,620px);position:relative;overflow:hidden;cursor:crosshair;outline-offset:-5px;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(215,247,91,.105),transparent 22%),linear-gradient(90deg,#2b2c27 1px,transparent 1px),linear-gradient(#2b2c27 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.stroke-stage:before,.stroke-stage:after{content:'';position:absolute;background:#5f6059;opacity:.55}.stroke-stage:before{left:50%;top:0;bottom:0;width:1px}.stroke-stage:after{top:50%;left:0;right:0;height:1px}
.stroke-visual{position:absolute;inset:0;width:100%;height:100%}.stroke-line,.stroke-ghost{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.stroke-ghost{stroke:#fff;stroke-width:18;opacity:.025}.stroke-line{stroke:url(#stroke-gradient);stroke-width:var(--stroke-width,2.2);filter:url(#stroke-glow);stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw-lab 2.1s var(--ease-out) forwards}
.stroke-console[data-mode=flow] .stroke-line{--stroke-width:5}.stroke-console[data-mode=gesture] .stroke-line{--stroke-width:10}
.stroke-cursor{position:absolute;width:18px;height:18px;left:var(--pointer-x,50%);top:var(--pointer-y,50%);border:1px solid var(--accent);border-radius:50%;translate:-50% -50%;box-shadow:0 0 0 8px rgba(215,247,91,.08),0 0 28px rgba(215,247,91,.28);transition:width .25s,height .25s;pointer-events:none}
.stage-copy{position:absolute;left:26px;bottom:26px;display:flex;flex-direction:column;align-items:flex-start}.stage-copy span{font-size:8px;letter-spacing:.12em;color:var(--accent);margin-bottom:10px}.stage-copy strong{font-size:clamp(27px,3vw,46px);line-height:1;letter-spacing:-.055em;font-weight:500}.stage-copy small{font:8px var(--mono);color:#8e8e87;margin-top:12px;letter-spacing:.06em}
.stroke-controls{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #34352f}.stroke-mode{position:relative;min-height:78px;background:transparent;color:#9d9d95;border:0;border-right:1px solid #34352f;text-align:left;padding:17px 20px;transition:background .35s,color .35s}.stroke-mode:last-child{border-right:0}.stroke-mode:before{content:'';position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--accent);transition:right .45s var(--ease-out)}.stroke-mode:hover,.stroke-mode.active{background:#20211d;color:white}.stroke-mode.active:before{right:0}.stroke-mode span{display:block;font-size:12px;font-weight:500}.stroke-mode small{display:block;margin-top:7px;font:8px var(--mono);letter-spacing:.08em;color:#77786f}.stroke-mode.active small{color:var(--accent)}.stroke-mode:focus-visible{outline-color:var(--accent);outline-offset:-5px}
.console-readout{min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:26px;padding:0 20px;border-top:1px solid #34352f;color:#73746d;font-size:7px;letter-spacing:.08em}.console-readout b{color:#c7c7be;font-weight:400;margin-left:4px}
.lab-story{padding-top:12px}.lab-manifesto h3{font-size:clamp(39px,4vw,61px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:28px 0 24px}.lab-manifesto>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:470px}.lab-principles{margin-top:64px;border-top:1px solid #c8c8c0}.lab-principles article{padding:25px 0 27px;border-bottom:1px solid #c8c8c0;display:grid;grid-template-columns:120px 1fr;column-gap:15px}.lab-principles span{grid-row:1/3;font-size:8px;letter-spacing:.08em;color:var(--muted);padding-top:4px}.lab-principles h4{font-size:17px;letter-spacing:-.03em;margin:0 0 7px}.lab-principles p{font-size:11px;line-height:1.7;color:var(--muted);max-width:300px}
.lab-footer{margin-top:100px;padding-top:32px;border-top:1px solid #c8c8c0;display:grid;grid-template-columns:.7fr 1.4fr auto;gap:35px;align-items:end}.lab-footer>span{font-size:8px;letter-spacing:.09em;color:var(--muted);align-self:start}.lab-footer p{font-size:clamp(26px,3.1vw,50px);line-height:1.02;letter-spacing:-.055em;color:var(--ink)}.lab-footer em{font-weight:400;color:transparent;-webkit-text-stroke:1px var(--ink)}
.stroke-lab [data-lab-reveal]{opacity:0;transform:translateY(38px);filter:blur(9px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),filter .9s var(--ease-out)}.stroke-lab [data-lab-reveal].active{opacity:1;transform:none;filter:none}.lab-principles article:nth-child(2){transition-delay:90ms}.lab-principles article:nth-child(3){transition-delay:180ms}
@keyframes draw-lab{to{stroke-dashoffset:0}}@keyframes lab-pulse{50%{opacity:.4;scale:.72}}
@media(max-width:1050px){.lab-shell{padding-inline:28px}.lab-heading{grid-template-columns:1fr;gap:30px}.lab-layout{grid-template-columns:1fr}.lab-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.lab-principles{margin-top:0}.lab-footer{grid-template-columns:1fr 1.5fr}.lab-footer .btn{grid-column:2;justify-self:start}}
@media(max-width:767px){.stroke-lab:before{background-size:auto,42px 42px,42px 42px}.lab-shell{padding:92px 24px 58px}.lab-heading{margin-bottom:42px}.lab-heading h2{font-size:clamp(43px,13vw,67px);margin-top:20px}.lab-heading>p{font-size:12px}.lab-layout{gap:48px}.console-head{height:52px;padding-inline:16px}.stroke-stage{height:430px}.stroke-cursor{display:none}.stage-copy{left:18px;bottom:20px}.stage-copy strong{font-size:31px}.stroke-mode{padding:14px 10px;min-height:72px}.stroke-mode span{font-size:10px}.console-readout{justify-content:space-between;gap:8px;padding:0 12px}.console-readout span{font-size:6px}.lab-story{display:block}.lab-manifesto h3{font-size:42px}.lab-manifesto>p{font-size:12px}.lab-principles{margin-top:45px}.lab-principles article{grid-template-columns:95px 1fr}.lab-footer{margin-top:65px;grid-template-columns:1fr;gap:26px}.lab-footer .btn{grid-column:auto}.lab-footer p{font-size:34px}}
@media(prefers-reduced-motion:reduce){.stroke-lab [data-lab-reveal],.stroke-lab [data-lab-reveal].active{opacity:1;transform:none;filter:none}.stroke-line{animation:none;stroke-dashoffset:0}.console-live i{animation:none}.stroke-cursor{display:none}}

/* ProductFinale / cinematic fourth fold. */
.navbar{transition:background .55s var(--ease-out),color .55s,border-color .55s}.finale-active .navbar{background:rgba(16,17,15,.76);color:#f8f8f4;border-color:rgba(255,255,255,.14)}.finale-active .nav-edition{color:#b7b7af}.finale-active .motion-toggle{color:#d1d1c9;border-color:rgba(255,255,255,.2)}.finale-active .motion-toggle:hover{color:white;border-color:rgba(255,255,255,.55)}
.finale-section{position:relative;min-height:max(900px,100svh);overflow:hidden;isolation:isolate;background:#10110f;color:#f8f8f4;border-top:1px solid rgba(215,247,91,.34)}
.finale-media,.finale-shade,.finale-grain{position:absolute;inset:0}.finale-media{z-index:-4}.finale-video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.1) brightness(.82);transform:scale(1.025);transition:opacity .7s}
.finale-shade{z-index:-3;background:radial-gradient(circle at 66% 42%,rgba(0,0,0,.08),rgba(0,0,0,.53) 55%,rgba(0,0,0,.88) 100%),linear-gradient(90deg,rgba(10,11,9,.88) 0%,rgba(10,11,9,.58) 42%,rgba(10,11,9,.34) 72%,rgba(10,11,9,.62) 100%)}
.finale-grain{z-index:-2;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.33'/%3E%3C/svg%3E")}
.finale-shell{min-height:max(900px,100svh);max-width:1600px;margin:auto;padding:calc(var(--header-height) + 70px) 42px 42px;display:grid;grid-template-columns:80px minmax(0,1fr) minmax(330px,410px);grid-template-rows:1fr auto;gap:40px;align-items:center}
.finale-index{align-self:center;display:flex;flex-direction:column;align-items:center;gap:22px;color:#c2c2bb;font-size:8px;letter-spacing:.11em}.finale-index i{display:block;width:1px;height:110px;background:linear-gradient(#fff,transparent)}.finale-index span:last-child{writing-mode:vertical-rl}
.finale-copy{max-width:860px;padding-left:clamp(0px,3vw,50px)}.finale-copy .eyebrow{color:var(--accent)}.finale-copy h2{font-size:clamp(60px,7.8vw,126px);line-height:.87;letter-spacing:-.08em;font-weight:500;margin:30px 0 32px;text-wrap:balance}.finale-copy h2 em{display:inline-block;font-style:normal;color:transparent;-webkit-text-stroke:1.4px #fff}.finale-copy>p{max-width:480px;color:#c5c5bd;font-size:14px;line-height:1.85}
.finale-card{align-self:end;margin-bottom:38px;padding:24px;background:rgba(20,21,18,.68);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(22px);box-shadow:0 24px 80px rgba(0,0,0,.3);border-radius:3px;color:#f8f8f4}.finale-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.finale-card-head>.mono{font-size:8px;color:#aaa99f;letter-spacing:.08em}.finale-card h3{font-size:34px;line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:34px 0 30px}.finale-card dl{margin:0;border-top:1px solid rgba(255,255,255,.14)}.finale-card dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:9px}.finale-card dt{color:#85867f}.finale-card dd{margin:0;color:#e5e5df}.finale-card-actions{margin-top:24px;display:grid;gap:10px}.finale-primary{width:100%;background:#f8f8f4;color:#171815;border-color:#f8f8f4}.finale-primary:hover{background:var(--accent);border-color:var(--accent)}.finale-pause{min-height:44px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#b7b7af;font:8px var(--mono);letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:10px;transition:color .3s,border-color .3s,background .3s}.finale-pause:hover{color:white;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.05)}.pause-icon{font-family:var(--sans);font-size:11px}
.finale-progress{position:absolute;left:42px;right:42px;bottom:82px;height:1px;background:rgba(255,255,255,.18)}.finale-progress i{position:absolute;inset:0 auto 0 0;width:100%;background:var(--accent);transform:scaleX(var(--film-progress,0));transform-origin:left;will-change:transform}.finale-progress span{position:absolute;right:0;bottom:10px;font-size:7px;color:#aaa99f;letter-spacing:.08em}.finale-meta{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;gap:20px;padding-top:22px;color:#a8a8a0;font-size:7px;letter-spacing:.09em}
.finale-section [data-finale-reveal]{opacity:0;transform:translateY(45px);filter:blur(10px);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out),filter 1s var(--ease-out)}.finale-section [data-finale-reveal].active{opacity:1;transform:none;filter:none}.finale-card[data-finale-reveal]{transition-delay:140ms}.finale-meta[data-finale-reveal]{transition-delay:260ms}
@media(hover:hover){.stroke-console{transition:border-color .5s,box-shadow .5s}.stroke-console:hover{border-color:#55574d;box-shadow:0 42px 120px rgba(28,28,28,.24)}.finale-card.active:hover{transform:translateY(-4px);border-color:rgba(215,247,91,.38);background:rgba(20,21,18,.78)}}
@media(max-width:1050px){.finale-shell{grid-template-columns:56px 1fr 330px;padding-inline:28px}.finale-copy{padding-left:0}.finale-copy h2{font-size:clamp(58px,8vw,88px)}.finale-progress{left:28px;right:28px}}
@media(max-width:767px){.finale-section,.finale-shell{min-height:1050px}.finale-video{object-position:64% center}.finale-shade{background:linear-gradient(180deg,rgba(10,11,9,.72),rgba(10,11,9,.5) 38%,rgba(10,11,9,.91) 76%,#0b0c0a)}.finale-shell{padding:calc(var(--header-height) + 55px) 24px 30px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}.finale-index{display:none}.finale-copy{margin-top:45px}.finale-copy h2{font-size:clamp(43px,12.4vw,60px);line-height:.91;margin:22px 0 24px}.finale-copy>p{font-size:12px;max-width:345px}.finale-card{align-self:stretch;margin:78px 0 0;padding:20px}.finale-card h3{font-size:30px;margin:28px 0 25px}.finale-progress{left:24px;right:24px;bottom:68px}.finale-meta{margin-top:auto;padding-bottom:0;font-size:6px}.finale-meta span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.finale-video{transform:none}.finale-section [data-finale-reveal],.finale-section [data-finale-reveal].active{opacity:1;transform:none;filter:none}.finale-progress i{transform:scaleX(0)!important}.finale-pause{display:none}}

/* Precision continuity / restore the soft green light carried from the hero. */
.precision-section:before{background:radial-gradient(ellipse 58% 42% at 72% 16%,rgba(215,247,91,.2),transparent 72%),linear-gradient(180deg,rgba(250,250,247,.9),rgba(250,250,247,.78) 36%,rgba(250,250,247,.95))}
.precision-orbit{background:radial-gradient(circle at 48% 50%,rgba(215,247,91,.42),rgba(215,247,91,.14) 38%,transparent 70%);filter:blur(9px);opacity:.92}

/* Stroke lab / keep the manifesto on the same reading rail as its intro. */
.lab-heading>p{justify-self:start}
.lab-story{min-width:0}
@media(max-width:1400px){.lab-heading{grid-template-columns:1fr;gap:30px}.lab-heading>p{max-width:520px;padding-bottom:0}.lab-layout{grid-template-columns:minmax(0,1fr)}.lab-story{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(34px,5vw,72px)}.lab-principles{margin-top:0}}
@media(max-width:767px){.lab-story{display:block}.lab-principles{margin-top:45px}}