:root { --ink:#090b0d; --ink-soft:#13171a; --ash:#d8dedb; --bone:#eeefec; --mint:#b6f1dd; --green:#8fe3c4; --lime:#cdf26d; --line-dark:rgba(255,255,255,.12); --line-light:rgba(9,11,13,.16); --body:"Manrope",Arial,sans-serif; --mono:"DM Mono",monospace; }
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.site-nav{position:absolute;inset:0 0 auto;z-index:10;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,66px);color:#f6f8f4}.wordmark{font-size:20px;line-height:1;letter-spacing:-.08em;font-weight:700}.wordmark span{color:var(--lime)}.nav-links{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font-size:12px;font-weight:600}.nav-links>a:not(.nav-cta){opacity:.72;transition:opacity .2s}.nav-links>a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:10px 14px 10px 17px;transition:color .25s,background .25s}.nav-cta:hover{color:var(--ink);background:var(--bone)}.nav-cta span{margin-left:7px}
.hero{min-height:max(720px,100svh);position:relative;overflow:hidden;color:#f6f8f4;background:var(--ink)}.hero-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:center center;animation:hero-in 1.6s cubic-bezier(.2,.8,.2,1) both}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,5,.8) 0%,rgba(3,4,5,.48) 35%,rgba(3,4,5,.04) 70%),linear-gradient(0deg,rgba(3,4,5,.7) 0%,transparent 35%,rgba(3,4,5,.16) 100%)}.hero-content{position:relative;z-index:2;padding:clamp(160px,22vh,240px) clamp(22px,8vw,124px) 120px;max-width:860px}.eyebrow{font-family:var(--mono);font-size:10px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px;font-weight:500}.light-reveal{color:var(--green);animation:rise .8s .2s ease both}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:24px;font-size:clamp(58px,8.4vw,134px);letter-spacing:-.085em;line-height:.91;font-weight:600;animation:rise .9s .28s ease both}h1 span{color:#d3dbd7;font-weight:400}.hero-copy{max-width:500px;color:rgba(246,248,244,.72);font-size:clamp(15px,1.35vw,18px);line-height:1.65;margin-bottom:30px;animation:rise .9s .38s ease both}.button{display:inline-flex;align-items:center;gap:18px;border-radius:999px;padding:14px 17px 14px 20px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:17px;line-height:10px}.button-light{background:#eff3ee;color:var(--ink);animation:rise .9s .48s ease both}.button-light:hover{background:var(--lime)}.button-dark{background:var(--ink);color:var(--bone)}.button-dark:hover{color:var(--ink);background:var(--lime)}.hero-meta{position:absolute;z-index:3;bottom:35px;left:clamp(22px,4vw,66px);display:flex;gap:9px;align-items:center;color:rgba(246,248,244,.58);font-family:var(--mono);font-size:10px}.status-pip,.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(205,242,109,.12)}.hero-index{position:absolute;z-index:3;right:clamp(22px,4vw,66px);bottom:35px;display:flex;align-items:center;gap:10px;font:10px var(--mono);color:rgba(246,248,244,.58)}.hero-index i{display:block;width:40px;border-top:1px solid rgba(246,248,244,.45)}
.section-shell{width:min(100% - 44px,1250px);margin:auto}.manifesto{padding:clamp(120px,15vw,220px) 0 clamp(100px,12vw,170px)}.manifesto>.eyebrow{color:#6c7670}.manifesto-grid{display:grid;grid-template-columns:1.45fr .72fr;gap:8vw;align-items:end}h2{font-size:clamp(42px,5.5vw,86px);letter-spacing:-.075em;line-height:.98;font-weight:600;margin-bottom:0}h2 em{color:#78837d;font-weight:400}.manifesto-copy{font-size:16px;line-height:1.7;color:#4b5550;padding-bottom:5px}.manifesto-copy p{margin-bottom:20px}.manifesto-copy p:last-child{margin-bottom:0;color:var(--ink)}
.signal-band{display:grid;grid-template-columns:minmax(200px,.5fr) minmax(0,1.5fr);min-height:620px;background:var(--ink);color:var(--bone)}.signal-intro{display:flex;flex-direction:column;justify-content:space-between;padding:52px clamp(22px,4vw,66px);border-right:1px solid var(--line-dark)}.signal-intro .eyebrow{color:var(--green)}.signal-intro>p:last-child{font-size:clamp(17px,1.5vw,23px);line-height:1.42;margin-bottom:0;color:#d2d9d5;letter-spacing:-.03em}.motion-stage{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(circle at 45% 35%,#1a2223,#090b0d 58%)}#motion-canvas{width:100%;height:100%;position:absolute;inset:0}.stage-label{position:absolute;z-index:2;font:10px var(--mono);letter-spacing:.03em;color:#a9b5b0}.label-top{top:30px;left:32px;display:flex;align-items:center;gap:10px;color:#e8efe9}.label-bottom{bottom:29px;left:32px;color:#748079}.stage-scale{position:absolute;z-index:2;right:32px;bottom:29px;display:flex;gap:20px;font:9px var(--mono);color:#748079}
.system{padding:clamp(110px,14vw,190px) 0 0;background:#e9ece8;overflow:hidden}.system-heading-wrap{display:grid;grid-template-columns:.7fr 1.2fr .8fr;align-items:end;gap:28px;padding-bottom:75px}.system-heading-wrap .eyebrow{align-self:start;color:#64706a}.system-heading-wrap>p{color:#4c5751;font-size:15px;line-height:1.7;margin:0;max-width:29ch}.product-architecture{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);background:#dce1dc;border-top:1px solid var(--line-light)}.product-render{position:relative;min-height:780px;overflow:hidden;border-right:1px solid var(--line-light);background:radial-gradient(circle at 47% 38%,#394240,#1a2020 46%,#101314 78%)}.product-render img{width:min(80%,680px);height:100%;object-fit:contain;margin:auto;position:relative;z-index:2;filter:contrast(1.05)}.render-glow{position:absolute;width:62%;aspect-ratio:1;left:19%;top:17%;border-radius:50%;background:rgba(125,235,195,.16);filter:blur(80px)}.callout{position:absolute;z-index:4;font:10px var(--mono);color:#cfd7d2;display:flex;align-items:center;gap:8px}.callout i{width:45px;height:1px;background:rgba(205,242,109,.78);display:block}.callout-shoulder{left:6%;top:27%}.callout-core{right:5%;top:48%;flex-direction:row-reverse}.callout-knee{left:7%;bottom:19%}.system-notes{padding:16px clamp(24px,3vw,55px) 22px;display:flex;flex-direction:column;justify-content:space-around}.system-notes article{padding:25px 0 30px;border-bottom:1px solid var(--line-light)}.system-notes article:last-child{border-bottom:0}.system-notes article>span{color:#78968d;font:10px var(--mono)}.system-notes h3{font-size:clamp(20px,2vw,28px);line-height:1.12;letter-spacing:-.055em;margin:16px 0 13px}.system-notes p{font-size:13px;line-height:1.65;color:#59655e;margin:0;max-width:30ch}
.material-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(50px,10vw,160px);align-items:center;padding:clamp(120px,16vw,220px) 0}.material-copy .eyebrow{color:#6c7670}.material-copy>p:not(.eyebrow){max-width:40ch;color:#4b5550;line-height:1.75;font-size:15px;margin:30px 0}.material-points{display:flex;flex-wrap:wrap;gap:8px}.material-points span{border:1px solid #c4ccc6;border-radius:99px;padding:8px 11px;color:#58635d;font:10px var(--mono)}.material-image{margin:0;position:relative}.material-image img{width:100%;aspect-ratio:4/5;object-fit:cover}.material-image figcaption{position:absolute;right:18px;bottom:18px;max-width:220px;margin:0;color:#e4eae6;font:10px/1.5 var(--mono);text-align:right}
.principles{background:var(--mint);padding:clamp(105px,13vw,180px) 0 0}.principles .eyebrow{color:#3f6d5b}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(85px,11vw,145px)}.principles-grid article{min-height:280px;padding:28px 30px 36px 0;border-top:1px solid rgba(12,64,47,.25);margin-right:30px}.principles-grid article+article{padding-left:30px;border-left:1px solid rgba(12,64,47,.25)}.principle-number{color:#548372;font:10px var(--mono)}.principles-grid h3{font-size:clamp(22px,2.2vw,31px);letter-spacing:-.055em;margin:59px 0 12px}.principles-grid p{color:#356352;max-width:26ch;font-size:14px;line-height:1.65;margin-bottom:0}
.pathway{padding:clamp(120px,15vw,210px) 0}.pathway-intro{display:grid;grid-template-columns:.7fr 1.3fr;margin-bottom:clamp(80px,10vw,145px)}.pathway-intro .eyebrow{color:#6c7670}.pathway-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--line-light)}.pathway-list li{display:grid;grid-template-columns:.35fr 1fr .27fr;gap:20px;padding:28px 0 34px;border-bottom:1px solid var(--line-light);align-items:start}.pathway-list li>span,.pathway-list i{font:10px var(--mono);color:#6c7670;font-style:normal}.pathway-list i{text-align:right;color:#578b75}.pathway-list h3{font-size:clamp(21px,2vw,29px);letter-spacing:-.06em;margin-bottom:7px}.pathway-list p{margin:0;color:#66716b;font-size:13px}
.closing{position:relative;min-height:660px;overflow:hidden;display:flex;align-items:center;background:var(--ink);color:var(--bone)}.closing-background{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 55%,rgba(126,230,191,.24),transparent 11%),radial-gradient(ellipse at 75% 55%,#182b29,transparent 31%),linear-gradient(115deg,#090b0d 35%,#172220)}.closing-background::before,.closing-background::after{content:"";position:absolute;border:1px solid rgba(182,241,221,.25);border-radius:50%;width:68vw;height:68vw;right:-20vw;top:50%;transform:translateY(-50%) rotate(22deg)}.closing-background::after{width:45vw;height:45vw;border-color:rgba(205,242,109,.24)}.closing-content{position:relative;z-index:1}.closing .eyebrow{color:var(--green)}.closing h2{max-width:850px;font-size:clamp(55px,7.5vw,114px)}.closing p:not(.eyebrow){margin:28px 0 32px;max-width:490px;color:#b1bcb5;line-height:1.75;font-size:15px}.site-footer{min-height:210px;background:#050607;color:#dce3de;padding:43px clamp(22px,4vw,66px);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-content:start;gap:20px;font-size:11px}.site-footer .wordmark{font-size:22px}.site-footer p,.site-footer span{margin:0;color:#717c76}.site-footer a[href^="mailto"]{text-decoration:underline;text-decoration-color:#48534c;text-underline-offset:3px}.site-footer>span{text-align:right}
@keyframes hero-in{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.light-reveal,h1,.hero-copy,.button-light{animation:none}

/* Product cinema — the motion story is intentionally visual first. */
.capture-section{padding:clamp(110px,14vw,190px) 0 0;background:#101617;color:#eff4ef;overflow:hidden}.capture-heading{display:grid;grid-template-columns:1.2fr .55fr;gap:9vw;align-items:end;margin-bottom:clamp(55px,7vw,90px)}.capture-heading .eyebrow{color:var(--green)}.capture-heading h2 em,.capture-section h2 em{color:#83928c}.capture-heading>p{margin:0 0 7px;color:#aeb9b3;font-size:15px;line-height:1.75;max-width:31ch}.capture-film{position:relative;display:block;overflow:hidden;margin-bottom:0;background:#1e2525}.capture-film>img{width:100%;aspect-ratio:16/9;object-fit:cover}.capture-film::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,11,.22),transparent 35%,rgba(7,11,11,.2)),linear-gradient(0deg,rgba(7,11,11,.55),transparent 28%);pointer-events:none}#motion-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.capture-status,.capture-readout,.capture-film figcaption{position:absolute;z-index:3;font:10px var(--mono);letter-spacing:.025em}.capture-status{top:25px;left:28px;display:flex;gap:10px;align-items:center;color:#f0f5f0}.capture-readout{display:flex;align-items:center;gap:8px;color:#e4f0e9;text-transform:uppercase}.capture-readout b{color:var(--lime);font-weight:500}.capture-readout i{display:block;width:clamp(35px,5vw,78px);height:1px;background:var(--lime);opacity:.7}.capture-readout-one{left:3%;top:42%}.capture-readout-two{right:4%;top:34%;flex-direction:row-reverse}.capture-readout-three{right:4%;bottom:18%;flex-direction:row-reverse}.capture-film figcaption{display:flex;justify-content:space-between;left:28px;right:28px;bottom:23px;color:#bac7c0}.capture-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0}.capture-notes article{padding:37px 38px 45px 0;border-top:1px solid rgba(214,237,225,.18)}.capture-notes article+article{padding-left:38px;border-left:1px solid rgba(214,237,225,.18)}.capture-notes span{font:10px var(--mono);color:var(--lime)}.capture-notes h3{font-size:clamp(23px,2.2vw,31px);letter-spacing:-.06em;line-height:1;margin:45px 0 12px}.capture-notes p{font-size:13px;line-height:1.7;color:#a7b4ad;margin:0;max-width:28ch}
.garment-section{background:#080a0b;color:#edf1ed;padding:clamp(100px,13vw,170px) 0 0;overflow:hidden}.garment-copy{display:grid;grid-template-columns:.62fr 1fr .6fr;gap:40px;align-items:end}.garment-copy .eyebrow{grid-column:1;color:var(--green)}.garment-copy h2{grid-column:2;margin:0}.garment-copy h2 em{color:#71817a}.garment-copy>p:last-child{grid-column:3;margin:0;color:#9facA5;font-size:14px;line-height:1.75}.garment-stage{position:relative;max-width:1120px;height:clamp(600px,63vw,900px);margin:clamp(65px,8vw,110px) auto 0;overflow:hidden;background:radial-gradient(circle at 50% 42%,#31423e 0%,#17201f 28%,#080a0b 66%)}.garment-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0b 0%,transparent 27%,transparent 73%,#080a0b 100%);z-index:2;pointer-events:none}.garment-stage img{position:relative;z-index:1;height:100%;width:100%;object-fit:contain;filter:contrast(1.18) brightness(1.1)}.garment-pulse{position:absolute;z-index:3;border:1px solid rgba(205,242,109,.55);border-radius:50%;animation:garment-pulse 3.2s ease-out infinite}.garment-pulse-a{width:28px;height:28px;left:39%;top:42%}.garment-pulse-b{width:23px;height:23px;left:58%;top:68%;animation-delay:1.1s}.garment-label{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;color:#c5d2cb;font:10px var(--mono);letter-spacing:.02em}.garment-label i{display:block;width:clamp(45px,7vw,95px);height:1px;background:var(--lime)}.garment-label b{color:var(--lime);font-weight:400}.garment-label-a{left:6%;top:31%}.garment-label-b{right:6%;top:48%;flex-direction:row-reverse}.garment-label-c{left:8%;bottom:22%}.garment-foot{display:flex;justify-content:space-between;padding:20px 0 32px;color:#74817b;border-top:1px solid rgba(230,241,234,.13);font:10px var(--mono);text-transform:uppercase}.garment-foot span:nth-child(2){color:#b5c6bd}
.cue-section{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#e6eae5}.cue-image{min-height:660px;overflow:hidden;background:#cfd4ce}.cue-image img{width:100%;height:100%;object-fit:cover;object-position:62% center}.cue-copy{padding:clamp(55px,9vw,135px) clamp(32px,9vw,140px);align-self:center}.cue-copy .eyebrow{color:#63766d}.cue-copy h2{margin-bottom:30px}.cue-copy>p:not(.eyebrow){color:#526058;line-height:1.75;font-size:15px;max-width:34ch}.cue-card{margin-top:48px;display:flex;gap:14px;align-items:center;padding:18px 17px;border:1px solid #bfc8c0;background:#f4f5f1;box-shadow:0 13px 32px rgba(37,53,45,.08)}.cue-card small{display:block;font:9px var(--mono);text-transform:uppercase;color:#6b7c73;margin-bottom:7px}.cue-card strong{font-size:15px;letter-spacing:-.04em}.waveform{height:27px;display:flex;align-items:center;gap:3px;margin-left:auto}.waveform i{width:2px;background:#315647;animation:wave 1.1s ease-in-out infinite alternate}.waveform i:nth-child(1){height:8px}.waveform i:nth-child(2){height:20px;animation-delay:.2s}.waveform i:nth-child(3){height:12px;animation-delay:.1s}.waveform i:nth-child(4){height:25px;animation-delay:.3s}.waveform i:nth-child(5){height:15px;animation-delay:.15s}.waveform i:nth-child(6){height:20px;animation-delay:.4s}.waveform i:nth-child(7){height:7px;animation-delay:.25s}
.material-section{background:#f0f1ee}.material-section .material-copy h2{color:#101615}.material-section .material-copy>p:not(.eyebrow){color:#59645e}.material-section .material-points span{background:#f8f9f6}.material-image{box-shadow:0 24px 55px rgba(16,28,22,.14)}
@keyframes garment-pulse{0%{transform:scale(.25);opacity:1}100%{transform:scale(4);opacity:0}}@keyframes wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@media(max-width:800px){.capture-heading{grid-template-columns:1fr;gap:28px}.capture-film{width:100%}.capture-film>img{aspect-ratio:1.15/1;object-position:55% center}.capture-readout{font-size:8px}.capture-readout-one{left:4%;top:52%}.capture-readout-two{top:31%;right:3%}.capture-readout-three{right:3%;bottom:22%}.capture-film figcaption{left:20px;right:20px;bottom:17px;font-size:8px}.capture-notes{grid-template-columns:1fr}.capture-notes article,.capture-notes article+article{padding:27px 0 32px;border-left:0}.capture-notes h3{margin:26px 0 9px}.garment-copy{grid-template-columns:1fr;gap:21px}.garment-copy .eyebrow,.garment-copy h2,.garment-copy>p:last-child{grid-column:auto}.garment-stage{height:650px;margin-top:52px}.garment-label{font-size:8px}.garment-label i{width:35px}.garment-label-a{left:3%;top:28%}.garment-label-b{right:3%;top:49%}.garment-label-c{left:3%;bottom:18%}.garment-foot{gap:14px;line-height:1.55}.cue-section{grid-template-columns:1fr}.cue-image{min-height:570px}.cue-copy{padding:75px 22px}.cue-copy h2{font-size:54px}.material-section{padding-top:100px}.material-image{grid-row:auto}}
@media(prefers-reduced-motion:reduce){.garment-pulse,.waveform i{animation:none}}

/* Final refinements: balanced hero framing and a true data product view. */
.hero-image{animation:none;transform:scale(1.045) translateX(1.5%)}
.performance-section{background:#dfe5df;padding:clamp(115px,15vw,205px) 0;color:#101716}.performance-heading{display:grid;grid-template-columns:1.15fr .55fr;gap:10vw;align-items:end;margin-bottom:clamp(58px,8vw,105px)}.performance-heading .eyebrow{color:#526d61}.performance-heading h2 em{color:#657c71}.performance-heading>p{margin:0 0 6px;max-width:33ch;font-size:15px;line-height:1.75;color:#4b5f55}.performance-dashboard{background:#0d1212;border:1px solid rgba(191,224,208,.28);box-shadow:0 30px 75px rgba(20,38,29,.18);color:#e9f2eb}.dashboard-top,.dashboard-bottom{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(188,221,206,.15);color:#9fb2a7;font:9px var(--mono);letter-spacing:.035em;text-transform:uppercase}.dashboard-top span:first-child{display:flex;align-items:center;gap:9px;color:#d8e8de}.dashboard-top .signal-dot{transform:scale(.72)}.dashboard-body{display:grid;grid-template-columns:190px minmax(0,1fr) 200px;min-height:475px}.dashboard-meta,.dashboard-metrics{padding:28px 22px;border-right:1px solid rgba(188,221,206,.15);display:flex;flex-direction:column}.dashboard-meta .meta-label{color:#80978b;font:9px var(--mono);text-transform:uppercase}.dashboard-meta strong{margin:10px 0 31px;font-size:21px;letter-spacing:-.055em}.set-chip{display:flex;align-items:baseline;gap:6px;padding:17px 0;border-top:1px solid rgba(188,221,206,.15);border-bottom:1px solid rgba(188,221,206,.15)}.set-chip span,.set-chip small{font:9px var(--mono);color:#90a59a;text-transform:uppercase}.set-chip b{margin-left:auto;font:36px/.8 var(--body);letter-spacing:-.08em;color:var(--lime)}.signal-legend{display:flex;flex-direction:column;gap:12px;margin-top:auto;color:#95a99e;font:9px var(--mono)}.signal-legend span{display:flex;align-items:center;gap:8px}.signal-legend i{width:9px;height:2px;background:#b6f1dd}.signal-legend span:nth-child(2) i{background:#cdf26d}.signal-legend span:nth-child(3) i{background:#7ce0ba}.dashboard-chart{position:relative;padding:22px 26px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#17201e,#0d1212 67%)}#performance-canvas{width:100%;height:100%;min-height:430px}.chart-label{position:absolute;left:29px;font:9px var(--mono);letter-spacing:.03em;color:#91a69b}.label-angle{top:25px}.label-balance{top:calc(33.33% + 10px)}.label-depth{top:calc(66.66% + 4px)}.dashboard-metrics{border-right:0;border-left:1px solid rgba(188,221,206,.15);padding:28px 22px;gap:0}.dashboard-metrics>div{position:relative;padding:18px 0 23px;border-bottom:1px solid rgba(188,221,206,.15)}.dashboard-metrics>div:first-child{padding-top:0}.dashboard-metrics>div:last-child{border-bottom:0}.dashboard-metrics span{display:block;color:#879b91;font:9px var(--mono);text-transform:uppercase;margin-bottom:9px}.dashboard-metrics strong{font-size:14px;letter-spacing:-.035em}.dashboard-metrics i{position:absolute;right:0;bottom:29px;width:7px;height:7px;border-radius:50%}.metric-good{background:var(--green);box-shadow:0 0 0 4px rgba(143,227,196,.08)}.metric-watch{background:var(--lime);box-shadow:0 0 0 4px rgba(205,242,109,.08)}.dashboard-bottom{height:52px;border-bottom:0}.dashboard-bottom>span:first-child{color:var(--lime)}.rep-track{display:flex;flex:1;gap:7px;margin:0 22px}.rep-track i{display:block;flex:1;height:2px;background:#557166;position:relative}.rep-track i::after{content:"";position:absolute;right:0;top:-2px;width:6px;height:6px;border-radius:50%;background:#b6f1dd}.rep-track i:nth-child(7)::after,.rep-track i:nth-child(8)::after{background:var(--lime)}
@media(max-width:800px){.hero-image{transform:scale(1.06) translateX(2%)}.performance-heading{grid-template-columns:1fr;gap:28px}.dashboard-top span:nth-child(2),.dashboard-top span:nth-child(3){display:none}.dashboard-body{grid-template-columns:1fr}.dashboard-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px;border-right:0;border-bottom:1px solid rgba(188,221,206,.15)}.dashboard-meta strong{margin:8px 0 0}.set-chip{grid-column:2;grid-row:1;border-top:0;padding:0}.signal-legend{display:none}.dashboard-chart{min-height:360px;padding:17px 12px}#performance-canvas{min-height:330px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 22px;border-left:0;border-top:1px solid rgba(188,221,206,.15)}.dashboard-metrics>div,.dashboard-metrics>div:first-child{padding:0;border-bottom:0}.dashboard-metrics strong{font-size:12px}.dashboard-metrics i{display:none}.dashboard-bottom>span:last-child{display:none}.rep-track{margin:0 15px}.performance-dashboard{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){.hero-image{transform:scale(1.045) translateX(1.5%)}}
@media(max-width:800px){.site-nav{height:68px}.nav-links>a:not(.nav-cta){display:none}.hero{min-height:760px}.hero-image{object-position:59% center}.hero-vignette{background:linear-gradient(90deg,rgba(3,4,5,.76) 0%,rgba(3,4,5,.34) 85%),linear-gradient(0deg,rgba(3,4,5,.7),transparent 45%)}.hero-content{padding:140px 22px 100px}.manifesto-grid,.system-heading-wrap,.material-section,.pathway-intro{grid-template-columns:1fr;gap:30px}.signal-band{grid-template-columns:1fr}.signal-intro{min-height:250px;gap:45px;border-right:0;border-bottom:1px solid var(--line-dark)}.motion-stage{min-height:450px}.system-heading-wrap{padding-bottom:60px}.product-architecture{grid-template-columns:1fr}.product-render{min-height:640px;border-right:0;border-bottom:1px solid var(--line-light)}.product-render img{width:min(95%,560px)}.system-notes{padding:14px 22px}.system-notes article{padding:28px 0}.material-section{padding:110px 0}.material-image{grid-row:1}.principles-grid{grid-template-columns:1fr;margin-top:68px}.principles-grid article,.principles-grid article+article{min-height:0;padding:25px 0 37px;margin:0;border-left:0}.principles-grid h3{margin-top:37px}.pathway-intro{margin-bottom:75px}.pathway-list li{grid-template-columns:34px 1fr;gap:12px}.pathway-list i{grid-column:2;text-align:left}.closing{min-height:590px}.closing-background::before{width:140vw;height:140vw;right:-68vw}.closing-background::after{width:90vw;height:90vw;right:-43vw}.site-footer{grid-template-columns:1fr 1fr;min-height:240px}.site-footer>span{text-align:left}}
@media(max-width:450px){h1{font-size:53px}h1 span{display:block}.hero-copy{max-width:290px}.callout{font-size:9px}.callout i{width:26px}.callout-core{right:2%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

#performance-canvas{height:430px;min-height:0}@media(max-width:800px){#performance-canvas{height:330px;min-height:0}}

/* Raw movement and interpreted signal deliberately live beside one another.
   This avoids implying that a generic skeleton is literally pinned to the athlete. */
.hero-image{transform:none;object-position:center center}
.capture-film{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(310px,.72fr);aspect-ratio:16/8.15;background:#0b1010;border:1px solid rgba(214,237,225,.14)}
.capture-film::after{display:none}.capture-photo{position:relative;min-width:0;overflow:hidden;background:#1b2020}.capture-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,11,.5),transparent 35%);pointer-events:none}.capture-film>.capture-photo>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center center}.capture-photo .capture-status{top:22px;left:24px}.capture-photo figcaption{position:absolute;z-index:3;left:24px;bottom:20px;color:#d0dcd4;font:9px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.capture-analysis{position:relative;min-width:0;overflow:hidden;border-left:1px solid rgba(214,237,225,.14);background:radial-gradient(ellipse at 48% 43%,#162221 0%,#0b1010 66%)}.capture-analysis::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(182,241,221,.03),transparent 38%);pointer-events:none}.analysis-top,.analysis-foot{position:absolute;z-index:3;left:22px;right:22px;display:flex;justify-content:space-between;color:#8ea197;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.analysis-top{top:22px}.analysis-top span:first-child{color:#d7e7dc}.analysis-foot{bottom:18px;padding-top:12px;border-top:1px solid rgba(214,237,225,.14)}.capture-analysis #motion-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.analysis-readout{position:absolute;z-index:3;left:22px;right:22px;bottom:58px;display:grid;gap:8px;color:#c5d3cb;font:9px var(--mono);text-transform:uppercase}.analysis-readout span{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(214,237,225,.14)}.analysis-readout b{color:var(--lime);font-weight:400;margin-right:8px}
.cue-image img{object-position:72% center}
@media(max-width:800px){.hero-image{transform:none;object-position:58% center}.capture-film{display:grid;grid-template-columns:1fr;aspect-ratio:auto;width:calc(100% - 28px)}.capture-photo{height:400px}.capture-analysis{height:420px;border-left:0;border-top:1px solid rgba(214,237,225,.14)}.capture-photo .capture-status{top:18px;left:18px}.capture-photo figcaption{left:18px;bottom:16px}.analysis-top,.analysis-foot{left:18px;right:18px}.analysis-top{top:18px}.analysis-readout{left:18px;right:18px;bottom:55px}.cue-image img{object-position:76% center}}
@media(max-width:800px){.hero h1 span{display:block}}

/* The garment and its live motion twin share one cinematic frame. */
.capture-film.capture-twin-film{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#070a0a;border:1px solid rgba(214,237,225,.16);isolation:isolate}
.capture-twin-film::after{content:"";display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,8,8,.05) 0%,transparent 40%,rgba(5,10,9,.18) 62%,rgba(5,10,9,.28) 100%),linear-gradient(0deg,rgba(5,8,8,.58) 0%,transparent 20%,rgba(5,8,8,.18) 100%);pointer-events:none}
.capture-film>.capture-scene{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center center;filter:grayscale(.22) saturate(.66) contrast(1.04) brightness(.92)}
.capture-twin-film #motion-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.capture-mode{position:absolute;z-index:3;top:24px;display:flex;align-items:center;gap:9px;color:#e4efe8;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.capture-mode small{color:var(--lime);font:inherit}.capture-mode .signal-dot{width:6px;height:6px}.capture-mode-sense{left:26px}.capture-mode-twin{right:26px}.capture-mode-twin .signal-dot{background:var(--green);box-shadow:0 0 0 4px rgba(143,227,196,.1)}
.capture-cycle{position:absolute;z-index:3;left:50%;bottom:25px;transform:translateX(-50%);display:flex;gap:6px;width:28%;max-width:340px}.capture-cycle i{position:relative;display:block;flex:1;height:1px;background:rgba(226,241,232,.2);overflow:hidden}.capture-cycle i::after{content:"";position:absolute;inset:0;background:var(--lime);transform:translateX(-100%);animation:rep-cycle 4.8s linear infinite}.capture-cycle i:nth-child(2)::after{animation-delay:.6s}.capture-cycle i:nth-child(3)::after{animation-delay:1.2s}.capture-cycle i:nth-child(4)::after{animation-delay:1.8s}.capture-cycle i:nth-child(5)::after{animation-delay:2.4s}.capture-cycle i:nth-child(6)::after{animation-delay:3s}.capture-cycle i:nth-child(7)::after{animation-delay:3.6s}.capture-cycle i:nth-child(8)::after{animation-delay:4.2s}
.capture-twin-film figcaption{position:absolute;z-index:3;left:26px;right:26px;bottom:21px;display:flex;justify-content:space-between;color:#9daca4;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.capture-notes article{background:linear-gradient(180deg,rgba(182,241,221,.025),transparent 58%)}
@keyframes rep-cycle{0%,12%{transform:translateX(-100%)}18%,100%{transform:translateX(100%)}}
@media(max-width:800px){.capture-film.capture-twin-film{display:block;aspect-ratio:16/10;width:calc(100% - 28px)}.capture-film>.capture-scene{object-position:center center}.capture-mode{top:14px;font-size:7px}.capture-mode-sense{left:14px}.capture-mode-twin{right:14px}.capture-twin-film figcaption{left:14px;right:14px;bottom:12px;font-size:6px}.capture-cycle{bottom:15px;width:24%}}
@media(prefers-reduced-motion:reduce){.capture-cycle i::after{animation:none;transform:none}}

.site-footer{min-height:120px;padding-top:30px;padding-bottom:26px}
@media(max-width:800px){.site-footer{min-height:150px;padding-top:30px;padding-bottom:26px}}

/* Five-section information architecture. */
.focus-section{padding:clamp(90px,11vw,150px) 0;scroll-margin-top:24px}
.focus-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:clamp(48px,9vw,130px);align-items:end}
.focus-section .eyebrow{color:#65716b}
.focus-copy{max-width:520px;color:#4b5550;font-size:16px;line-height:1.7}
.focus-copy p{margin-bottom:20px}.focus-copy p:last-child{margin-bottom:0;color:var(--ink)}
.problem-section{background:var(--bone)}

.coaching-section{background:#101617;color:#eff4ef}
.coaching-section .eyebrow{color:var(--green)}
.focus-heading>p{max-width:34ch;margin:0;color:#aeb9b3;font-size:15px;line-height:1.75}
.coaching-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(55px,7vw,90px);border-top:1px solid rgba(214,237,225,.18);border-bottom:1px solid rgba(214,237,225,.18)}
.coaching-steps article{padding:30px 36px 35px 0}.coaching-steps article+article{padding-left:36px;border-left:1px solid rgba(214,237,225,.18)}
.coaching-steps span{font:10px var(--mono);color:var(--lime)}
.coaching-steps h3{margin:34px 0 12px;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.055em}
.coaching-steps p{max-width:30ch;margin:0;color:#a7b4ad;font-size:13px;line-height:1.7}
.app-summary{display:grid;grid-template-columns:.5fr .9fr 1fr;gap:clamp(30px,5vw,70px);align-items:start;padding-top:clamp(55px,7vw,90px)}
.app-summary h3{margin:0;font-size:clamp(30px,3.5vw,52px);line-height:1;letter-spacing:-.065em}
.app-summary>p:not(.eyebrow){margin:0;color:#aeb9b3;font-size:14px;line-height:1.75}
.app-fields{grid-column:2/4;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.app-fields span,.outfit-points span{border:1px solid rgba(214,237,225,.22);border-radius:99px;padding:8px 11px;color:#bdc9c2;font:10px var(--mono)}

.outfit-section{background:#f0f1ee}
.outfit-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1fr);gap:clamp(55px,10vw,150px);align-items:center}
.outfit-material{position:relative;margin:0;box-shadow:0 24px 55px rgba(16,28,22,.14)}
.outfit-material img{width:100%;aspect-ratio:4/5;object-fit:cover}
.outfit-material figcaption{position:absolute;right:18px;bottom:18px;max-width:220px;color:#e4eae6;font:10px/1.5 var(--mono);text-align:right}
.outfit-copy h2{margin-bottom:30px}.outfit-copy>p:not(.eyebrow){max-width:49ch;color:#4b5550;font-size:15px;line-height:1.75;margin-bottom:18px}
.outfit-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.outfit-points span{border-color:#c4ccc6;color:#58635d;background:#f8f9f6}

.roadmap-section{background:#0b0e0f;color:var(--bone)}
.roadmap-section .eyebrow{color:var(--green)}
.roadmap-summary{display:flex;gap:14px;align-items:flex-start;color:#aeb9b3;font-size:14px;line-height:1.7}
.roadmap-summary .status-pip{flex:0 0 auto;margin-top:8px}.roadmap-summary p{margin:0}
.roadmap-section .pathway-list{margin-top:clamp(55px,7vw,90px);border-color:rgba(214,237,225,.18)}
.roadmap-section .pathway-list li{border-color:rgba(214,237,225,.18)}
.roadmap-section .pathway-list li>span{color:#76847d}.roadmap-section .pathway-list p{color:#9eaca5}.roadmap-section .pathway-list i{color:var(--green)}
.roadmap-contact{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:clamp(65px,8vw,105px);padding-top:35px;border-top:1px solid rgba(214,237,225,.18)}
.roadmap-contact .eyebrow{margin-bottom:14px}.roadmap-contact h3{margin:0;font-size:clamp(32px,4vw,58px);letter-spacing:-.065em}
.roadmap-contact .button-light{flex:0 0 auto}

@media(max-width:1000px){.site-nav .nav-links{gap:18px}.site-nav .nav-links>a:not(.nav-cta){font-size:11px}}
@media(max-width:800px){
  .focus-section{padding:85px 0}.focus-grid,.outfit-grid{grid-template-columns:1fr;gap:32px;align-items:start}
  .focus-copy{font-size:15px}.coaching-steps{grid-template-columns:1fr;margin-top:52px}
  .coaching-steps article,.coaching-steps article+article{padding:25px 0 29px;border-left:0;border-bottom:1px solid rgba(214,237,225,.18)}
  .coaching-steps article:last-child{border-bottom:0}.coaching-steps h3{margin:23px 0 9px}
  .app-summary{grid-template-columns:1fr;gap:18px;padding-top:55px}.app-summary .eyebrow{margin-bottom:0}.app-fields{grid-column:auto;margin-top:10px}
  .outfit-material{grid-row:2;margin-top:15px}.outfit-copy h2{margin-bottom:25px}
  .roadmap-section .pathway-list{margin-top:52px}.roadmap-contact{align-items:flex-start;flex-direction:column}
}