@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600&display=swap');
:root{color-scheme:dark;--bg:#101514;--fg:#f0f3ee;--muted:#99a6a0;--line:#34403b;--accent:#ade6cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{padding-left:5%;padding-right:5%}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;margin:0 0 32px}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:#101514ed;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:11px;font-size:30px;letter-spacing:-1.3px;font-weight:550}.brand img{display:block}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav>a:not(.nav-contact):hover{color:var(--accent)}.nav-contact{padding:12px 20px;border-radius:30px;background:#26312c;display:flex;gap:30px}.menu-toggle{display:none}.hero{height:740px;min-height:640px;position:relative;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#101514 0%,#101514e0 28%,#10151400 68%),linear-gradient(0deg,#101514,transparent 28%),url('hero.png');background-position:center;background-size:cover;z-index:-1}.hero-content{padding:110px 5% 90px}.hero .eyebrow{color:var(--accent);margin-bottom:36px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,5.8vw,88px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin-bottom:30px}h1 em{font-style:normal;color:var(--accent)}.hero-copy{font-size:20px;line-height:1.5;color:#c2cbc5;margin-bottom:36px}.pill{display:inline-flex;align-items:center;gap:24px;border-radius:50px;padding:9px 10px 9px 25px;background:#27352e;font-size:16px}.pill span{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:#15231b;border-radius:50%;font-size:23px;transition:transform .25s}.pill:hover span{transform:rotate(-20deg)}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;gap:24px;justify-content:space-between;color:#a3afa7;font-size:11px;letter-spacing:.07em}.image-note{opacity:.7}h2{font-size:clamp(38px,4vw,60px);font-weight:400;line-height:1.13;letter-spacing:-.043em;margin-bottom:30px}.intro{padding-top:125px;padding-bottom:130px;display:grid;grid-template-columns:1fr 3fr;border-bottom:1px solid var(--line)}.section-label{padding-top:10px;color:var(--muted)}.muted{color:#899b91}.intro-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;margin-top:46px}.intro-bottom p{max-width:470px;color:#b5c1b9;font-size:18px;margin-bottom:0}.intro-bottom p:last-child{color:var(--accent)}.technology{padding-top:115px;padding-bottom:125px}.section-heading{display:grid;grid-template-columns:1fr 1fr}.section-heading>.eyebrow{grid-column:1/-1;color:var(--muted)}.section-heading>p:last-child{max-width:320px;justify-self:end;align-self:end;color:#aebbb3;font-size:18px;margin-bottom:34px}.pipeline{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;margin-top:34px;align-items:center}.pipeline-visual{background:#16201b;border:1px solid #33493c;border-radius:18px;overflow:hidden}.visual-top,.visual-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 26px;font-size:11px;letter-spacing:.055em;color:#a9c3b5}.visual-top>span:last-child,.visual-bottom>span:last-child{color:#799285}.pipeline-visual svg{width:100%;height:auto;display:block}.visual-bottom{font-size:12px;letter-spacing:0}.visual-bottom>span:last-child{font-size:10px}.step{border-bottom:1px solid var(--line);padding:21px 0}.step:first-child{border-top:1px solid var(--line)}.step button{background:none;border:0;padding:0;width:100%;text-align:left;display:flex;align-items:center;gap:22px;font-size:25px;letter-spacing:-.02em}.step button>span{font-size:12px;color:#8ba396;letter-spacing:0}.step b{margin-left:auto;font-weight:400;font-size:22px;color:#8ba396}.step p{font-size:16px;color:#a7b9ae;margin:16px 24px 0 40px}.js .step:not(.active) p{display:none}.step.active button{color:var(--accent)}.camera-rays,.joints,.measurement{transition:opacity .35s}.measurement{opacity:.1}.stage-1 .camera-rays,.stage-2 .camera-rays,.stage-3 .camera-rays{opacity:.15}.stage-1 .joints,.stage-2 .measurement,.stage-3 .measurement{opacity:1}.stage-2 .joints,.stage-3 .joints{opacity:.5}.analysis{background:#dce7df;color:#192b22;padding:110px 0 65px}.analysis .eyebrow{color:#4a6656}.analysis-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end}.analysis-heading>p{max-width:340px;justify-self:end;color:#4d6356;font-size:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px}.metrics article{border-top:1px solid #9aafa0;padding:25px 38px 0 0;position:relative}.metrics article+article{padding-left:38px;border-left:1px solid #adbdaf}.metric-index{font-size:12px;color:#516d5b}h3{font-weight:450;letter-spacing:-.025em;line-height:1.2;font-size:28px}.metrics h3{margin:27px 0 16px}.metrics p{max-width:310px;color:#496051}.angle-art svg{width:100%;height:140px;fill:none;stroke:#315d45;stroke-width:2}.angle-art .arc{stroke:#6d9379;stroke-dasharray:4 5}.angle-art span,.art-caption{font-size:10px;letter-spacing:.1em;color:#51705b}.symmetry-art{height:140px;display:flex;align-items:center;justify-content:center;gap:10px;color:#50745d;font-size:12px}.symmetry-art i{height:70px;width:56px;border-top:1px solid #487958;border-bottom:1px solid #487958;background:repeating-linear-gradient(0deg,transparent 0 7px,#688f7733 7px 9px);transform:skewY(-12deg)}.symmetry-art i+i{transform:skewY(12deg);height:90px}.report-art{margin-top:26px;border:1px solid #99b2a0;padding:15px 20px;max-width:240px;font-size:10px;letter-spacing:.08em}.report-art div{margin-top:13px;height:4px;background:#adc4b3}.report-art div:nth-child(3){width:75%}.report-art b{display:block;margin-top:16px;font-weight:400}.schematic-note{font-size:11px;color:#536e5c;margin:38px 0 0}.applications{padding-top:125px;padding-bottom:115px;display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.applications .eyebrow{color:var(--muted)}.applications-copy{max-width:320px;color:#a4b4aa;font-size:18px}.application-list article{padding:30px 0;border-top:1px solid var(--line);display:flex;gap:34px}.application-list article>span{font-size:12px;color:#89a092;padding-top:6px}.application-list h3{font-size:25px;margin-bottom:17px}.application-list p{color:#9eafa4;margin:0;max-width:460px}.contact{text-align:center;padding-top:92px;padding-bottom:115px;background:#1a2820;border-top:1px solid #314b3b}.contact .eyebrow{color:#98bda7}.contact h2{font-size:clamp(48px,5.7vw,84px);margin-bottom:38px}.contact .pill{background:#354a3d}.email{display:block;margin-top:25px;color:#a5bbaa;font-size:14px}.email:hover{text-decoration:underline}footer{padding-top:38px;padding-bottom:38px;display:flex;gap:32px;align-items:center;color:#9aaa9f;font-size:12px}footer .brand{color:#eef5ef;font-size:25px}footer p{margin:0;max-width:270px}footer>span{margin-left:auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--accent);color:#102219;padding:12px}.skip:focus{top:10px}.reveal{transition:opacity .65s,transform .65s}.reveal.pending{opacity:0;transform:translateY(18px)}
@media(min-width:1600px){.wrap,header{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}.hero-content{padding-left:max(5%,calc((100vw - 1500px)/2))}.hero{height:850px}.hero-content{padding-top:160px}}
@media(max-width:1000px){.intro{grid-template-columns:1fr}.intro-bottom{gap:40px}.pipeline{gap:30px;grid-template-columns:1.2fr 1fr}.visual-top>span:last-child,.visual-bottom>span:last-child{display:none}.applications{gap:45px}.metrics article{padding-right:22px}.metrics article+article{padding-left:22px}.hero-image{background-position:60% center}.hero{height:700px}h1{font-size:64px}nav{gap:22px}}
@media(max-width:700px){header{height:76px}.brand{font-size:27px}.menu-toggle{display:flex;gap:18px;background:none;border:1px solid #425447;border-radius:30px;padding:8px 16px;font-size:14px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#17221b;padding:24px 5%;align-items:stretch;gap:22px}nav.open{display:flex;flex-direction:column}.nav-contact{justify-content:space-between}.hero{height:760px;min-height:0}.hero-content{padding-top:60px}.hero .eyebrow{font-size:10px;margin-bottom:25px}h1{font-size:clamp(44px,10.2vw,68px);letter-spacing:-.055em}.hero-image{background-size:auto 560px;background-repeat:no-repeat;background-position:63% bottom;background-image:linear-gradient(180deg,#101514 0%,#10151400 45%,#101514 100%),url('hero.png');opacity:.85}.hero-copy{font-size:17px;margin-bottom:25px}.pill{font-size:14px;padding-left:20px;gap:20px}.hero-bottom{font-size:9px;bottom:22px}.hero-bottom>span:nth-child(2){display:none}.intro,.technology,.applications{padding-top:74px;padding-bottom:75px}.eyebrow{font-size:11px;margin-bottom:24px}h2{font-size:38px}.intro-bottom{grid-template-columns:1fr;gap:24px;margin-top:25px}.intro-bottom p{font-size:16px}.section-heading,.pipeline,.analysis-heading,.applications{grid-template-columns:1fr}.section-heading>p:last-child,.analysis-heading>p{justify-self:start;font-size:16px;margin:0;max-width:100%}.pipeline{margin-top:30px;gap:28px}.pipeline-visual{border-radius:12px}.visual-top,.visual-bottom{padding:18px;font-size:10px}.step button{font-size:24px}.analysis{padding:70px 0 38px}.analysis-heading{gap:0}.metrics{grid-template-columns:1fr;margin-top:35px}.metrics article,.metrics article+article{border-left:0;padding:24px 0 28px}.metrics p{max-width:100%;font-size:16px}.metrics h3{margin-top:18px}.angle-art,.symmetry-art{max-width:260px}.report-art{max-width:260px}.schematic-note{margin-top:0}.applications{gap:28px}.application-list article{gap:22px}.application-list h3{font-size:24px}.contact{padding-top:70px;padding-bottom:75px}.contact h2{font-size:47px}footer{flex-wrap:wrap;gap:24px}footer p{max-width:220px}footer>span{margin-left:0}footer>.brand{width:100%}}

/* Final editorial scale: let the primary type and visual evidence carry each viewport. */
@media(min-width:1001px){
  .hero{height:820px}
  h1{font-size:clamp(68px,7vw,108px)}
  h2{font-size:clamp(44px,4.6vw,72px)}
  .hero-copy,.intro-bottom p,.section-heading>p:last-child,.analysis-heading>p,.applications-copy{font-size:20px}
  .intro,.technology,.applications{padding-top:92px;padding-bottom:92px}
  .reconstruction-scene .model-view{height:470px}
  .pipeline-visual{min-height:520px}
  .analysis{padding-top:92px;padding-bottom:55px}
}
@media(max-width:700px){
  h1{font-size:clamp(48px,12vw,64px)}
  h2{font-size:clamp(40px,10.5vw,52px)}
  .hero-image{background-size:cover}
  .reconstruction-scene .model-view{height:390px}
  .analysis .angle-model{height:270px}
}

/* Stronger hero scale and a continuous dark field behind the editorial copy. */
@media(min-width:1001px){
  h1{font-size:clamp(76px,8vw,124px);line-height:.98}
  .hero-copy{font-size:21px}
  .hero-image{background-image:linear-gradient(90deg,#101514 0%,#101514f2 25%,#101514b8 46%,#10151412 74%),linear-gradient(0deg,#101514 0%,transparent 28%),url('hero.png')}
}
@media(max-width:700px){
  h1{font-size:clamp(52px,13.5vw,72px);line-height:.96}
  .hero-copy{font-size:17px}
  .hero-image{background-image:linear-gradient(90deg,#101514 0%,#101514e8 34%,#10151455 68%,transparent 100%),linear-gradient(180deg,#101514 0%,#10151400 28%,#10151400 78%,#101514 100%),url('hero.png')}
}

/* The opening viewport is deliberately only the hero and its first action. */
.hero-bottom{display:none}
@media(min-width:701px){
  .hero{height:calc(100svh - 94px);min-height:720px}
  .hero-content{padding-top:clamp(110px,17vh,190px)}
}
@media(max-width:700px){
  .hero{height:calc(100svh - 76px);min-height:650px}
  .hero-content{padding-top:clamp(58px,11vh,96px)}
}
.hero-image{background-size:auto 100%;background-repeat:no-repeat;background-position:right center}.hero-copy{font-size:18px}.hero-bottom,.visual-top,.visual-bottom,.visual-bottom>span:last-child,.angle-art span,.art-caption,.report-art,.schematic-note{font-size:12px}.report-art{margin-top:22px}.report-art div{height:auto;background:none;margin-top:9px;padding-bottom:4px;border-bottom:1px solid #adc4b3}.report-art div:nth-child(3){width:100%}.symmetry-art{gap:14px}.symmetry-art span{line-height:1.5}.joint-labels{opacity:.6}.stage-2 .joint-labels{opacity:1}.stage-3 .skeleton{stroke:#91b3a1;stroke-dasharray:5 4}.stage-3 .joints{opacity:1}.stage-3 .measurement{stroke-width:4}
@media(max-width:700px){.hero-image{background-size:auto 475px;background-position:right bottom}.hero{height:810px}.hero-copy{font-size:16px;max-width:330px}.hero .eyebrow,.hero-bottom,.eyebrow{font-size:12px}.hero-bottom{gap:15px}.hero-bottom>span:first-child{max-width:170px}.hero-image{background-image:linear-gradient(180deg,#101514 0%,#10151400 23%,#10151400 82%,#101514 100%),url('hero.png')}.hero-content{position:relative;z-index:1}.menu-toggle{display:none}nav{display:flex;position:static;flex-wrap:wrap;flex-direction:row;gap:16px;padding:12px 0;font-size:12px}header{height:auto;min-height:76px;flex-wrap:wrap}.js header{height:76px}.js .menu-toggle{display:flex}.js nav{display:none;position:absolute;top:75px;padding:24px 5%;font-size:14px}.js nav.open{display:flex;flex-direction:column}.report-art{max-width:280px}.visual-top{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal.pending{opacity:1;transform:none}}
footer p{max-width:340px}footer p span{display:inline-block;margin-top:3px;color:#b2c0b7}
.header-company{margin:0 auto 0 24px;padding-left:24px;border-left:1px solid #34403b;color:#9eaca4;font-size:10px;line-height:1.35;letter-spacing:.02em}.header-company span{color:#c1cbc5}@media(max-width:900px){.header-company{display:none}}