@font-face{font-family:Manrope;src:url('fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}

:root{--bg:#eef2ed;--surface:#e5ebe5;--surface-2:#dbe4dc;--text:#1d3028;--muted:#617168;--line:#c6d1c8;--accent:#587565;--accent-strong:#3f5f50;--accent-ink:#f4f7f3;--wood:#c8a77b;--max:1440px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
.grain{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.018;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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}
.skip-link{position:fixed;left:1rem;top:-4rem;z-index:20;background:var(--accent-strong);color:var(--accent-ink);padding:12px}.skip-link:focus{top:1rem}
.nav{height:72px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 4vw;position:absolute;inset:0 0 auto;z-index:4;border-bottom:1px solid rgba(29,48,40,.14);transition:background .3s,box-shadow .3s}
.nav.is-stuck{position:fixed;background:rgba(238,242,237,.88);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(39,64,52,.06)}
.brand{color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.06em;text-decoration:none;justify-self:start}.brand span{background:var(--accent-strong);color:var(--accent-ink);padding:5px 4px;margin-right:2px}
.nav nav{display:flex;gap:34px}.nav nav a{color:var(--text);font-size:12px;text-decoration:none;transition:color .2s}.nav nav a:hover{color:var(--accent-strong)}

.hero{min-height:100dvh;display:grid;grid-template-columns:45% 55%;max-width:1920px;margin:auto;position:relative}
.hero-copy{padding:clamp(108px,13vh,142px) 3vw 5vh 4vw;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.eyebrow,.section-kicker,.stage-ui,.process-step>span,.early-access>p{font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.09em;text-transform:uppercase}
.eyebrow{color:var(--accent-strong);margin:0 0 28px}
.hero h1{font-size:clamp(52px,6vw,106px);line-height:.92;letter-spacing:-.072em;margin:0;max-width:830px;font-weight:600}.hero h1 span{color:var(--accent-strong)}
.hero-lead{font-size:clamp(16px,1.2vw,19px);line-height:1.6;max-width:520px;color:var(--muted);margin:30px 0 30px}
.hero-actions{display:flex;align-items:center;gap:28px}.text-link{color:var(--text);font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:6px}.text-link span{color:var(--accent-strong);margin-left:6px}
.stage{min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(circle at 53% 44%,#f3f4ec 0,#d9e2da 48%,#c2d0c6 100%);border-left:1px solid var(--line)}
.stage:before{content:'';position:absolute;inset:7%;border:1px solid rgba(63,95,80,.12);border-radius:50%;transform:scaleY(.72)}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.stage-fallback{position:absolute;inset:0;display:grid;place-items:center;opacity:1;transition:opacity .45s ease;pointer-events:none}.webgl-ready .stage-fallback{opacity:0}.fallback-cabinet{position:relative;width:min(42%,340px);aspect-ratio:.82;transform:perspective(900px) rotateX(-5deg) rotateY(-24deg);filter:drop-shadow(0 30px 28px rgba(49,72,61,.18));animation:fallback-breathe 2.8s cubic-bezier(.16,1,.3,1) infinite}.fallback-cabinet:before{content:'';position:absolute;inset:0;background:#d7bd94;border:1px solid rgba(72,91,80,.2)}.fallback-side{position:absolute;left:-18%;top:4%;width:18%;height:96%;background:#b89c74;transform:skewY(-34deg);transform-origin:right top}.fallback-door-left,.fallback-door-right{position:absolute;top:3%;bottom:3%;width:47%;background:linear-gradient(150deg,#789486,#5e796b);border:1px solid rgba(41,67,54,.3);animation-duration:2.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-iteration-count:infinite}.fallback-door-left{left:2%;animation-name:assemble-left}.fallback-door-right{right:2%;animation-name:assemble-right}.fallback-door-left:after,.fallback-door-right:after{content:'';position:absolute;width:3px;height:22%;top:39%;border-radius:4px;background:#304a3e}.fallback-door-left:after{right:12%}.fallback-door-right:after{left:12%}.fallback-cabinet i,.fallback-cabinet b{position:absolute;left:8%;right:8%;height:1px;background:rgba(226,211,184,.45)}.fallback-cabinet i{top:33%}.fallback-cabinet b{top:66%}.stage-loader{position:absolute;left:50%;bottom:16%;z-index:2;width:min(250px,62%);transform:translateX(-50%);color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.05em;text-align:center;transition:opacity .3s ease}.stage-loader[aria-hidden=true]{opacity:0;pointer-events:none}.stage-loader i{display:block;height:1px;margin-top:12px;background:var(--line);overflow:hidden}.stage-loader i:after{content:'';display:block;width:48%;height:100%;background:var(--accent-strong);transform-origin:left;animation:loader-travel 1.6s cubic-bezier(.65,0,.35,1) infinite}
.stage-ui{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;color:#73847a;text-transform:none;letter-spacing:.025em;font-size:11px}.stage-ui b{color:var(--accent-strong);font-weight:600}.stage-ui-top{top:98px}.stage-ui-bottom{bottom:30px}
.stage-control{position:absolute;right:30px;bottom:70px;border:1px solid rgba(63,95,80,.45);color:var(--text);background:rgba(238,242,237,.72);backdrop-filter:blur(12px);padding:12px 16px;font:600 10px Manrope,Arial,sans-serif;letter-spacing:.04em;cursor:pointer;transition:background .25s,color .25s,transform .25s,opacity .25s}.stage-control:hover,.stage-control[aria-pressed=true]{background:var(--accent-strong);color:var(--accent-ink)}.stage-control:active{transform:scale(.98)}.stage-control:disabled{opacity:0;pointer-events:none}
.hero-enter{opacity:0;transform:translateY(22px);animation:hero-in .8s cubic-bezier(.16,1,.3,1) forwards}.hero-enter:nth-child(2){animation-delay:.08s}.hero-enter:nth-child(3){animation-delay:.16s}.hero-enter:nth-child(4){animation-delay:.24s}

.proof{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.proof p{margin:0;padding:25px 3vw;font-size:12px;border-right:1px solid var(--line);color:var(--muted)}.proof p:last-child{border:0}
.intro{max-width:var(--max);margin:auto;padding:145px 4vw 96px}.section-kicker{color:var(--accent-strong);margin-bottom:28px}.intro h2,.process h2,.safety h2,.architecture h2,.early-access h2{font-size:clamp(42px,5.5vw,82px);line-height:1;letter-spacing:-.058em;margin:0;font-weight:500}.intro>p:last-child{font-size:18px;line-height:1.7;color:var(--muted);max-width:680px;margin:40px 0 0}
.capabilities{max-width:var(--max);margin:auto;padding:0 4vw 145px;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:repeat(2,minmax(350px,auto));gap:12px}.capability{background:rgba(255,255,255,.3);border:1px solid var(--line);padding:34px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 22px 60px rgba(43,67,55,.04)}.capability-visual{grid-row:span 2}.capability h3{font-size:26px;letter-spacing:-.035em;margin:0 0 12px}.capability p{color:var(--muted);line-height:1.65;max-width:520px;margin:0}
.contour-demo{height:58%;position:relative;transform:perspective(700px) rotateX(57deg) rotateZ(-17deg);margin:4% 10%}.contour-sheet{position:absolute;inset:5%;border:1px solid #8ea297;background:#dbe4dc;box-shadow:18px 24px 0 #c6d3c9}.contour-line{position:absolute;border:1px solid var(--accent-strong);z-index:1}.line-one{left:18%;top:23%;width:55%;height:48%}.line-two{right:15%;bottom:18%;width:19%;height:24%;border-radius:50%}.measure{position:absolute;color:var(--accent-strong);font-size:10px;font-weight:600;z-index:2}.measure-x{bottom:6%;left:37%}.measure-y{right:4%;top:42%;transform:rotate(90deg)}
.review-orbit{position:relative;width:190px;height:190px;border:1px solid #a9b9af;border-radius:50%;margin:auto}.review-orbit:before,.review-orbit:after{content:'';position:absolute;border:1px solid #b7c5bc;border-radius:50%;inset:22px}.review-orbit:after{inset:48px}.review-orbit span{position:absolute;inset:0;border-top:1px solid var(--accent-strong);border-radius:50%;animation:spin 9s linear infinite}.review-orbit i{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-style:normal;font-size:32px;color:var(--accent-strong)}
.ir-flow{display:flex;align-items:center;justify-content:center;gap:8px;height:150px}.ir-flow span{border:1px solid #a3b4a9;padding:12px 9px;font-size:9px;font-weight:600;color:var(--text)}.ir-flow i{height:1px;width:28px;background:var(--accent-strong)}

.factory{max-width:var(--max);margin:0 auto 145px;padding:0 4vw;display:grid;grid-template-columns:1.28fr .72fr;align-items:end}.factory-media{height:min(72dvh,800px);overflow:hidden;position:relative;background:var(--surface-2)}.factory-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(31,54,43,.24))}.factory-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.02);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.factory:hover img{transform:scale(1.018)}.factory-copy{background:var(--accent-strong);color:var(--accent-ink);padding:clamp(34px,5vw,70px);position:relative;z-index:1;box-shadow:0 30px 70px rgba(34,61,48,.14)}.factory-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.05em;margin:0 0 28px;font-weight:600}.factory-copy p{font-size:15px;line-height:1.72;margin:0 0 34px;color:#dce6df}.factory-copy .text-link{color:var(--accent-ink);border-color:rgba(244,247,243,.55)}.factory-copy .text-link span{color:#d8c19f}

.process{background:var(--surface);padding:135px 4vw;overflow:hidden}.process-head{max-width:var(--max);margin:0 auto 76px}.process-track{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.process-step{background:var(--bg);min-height:410px;padding:28px;display:flex;flex-direction:column;position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s}.process-step:hover{transform:translateY(-9px);background:#f4f6f2}.process-step>span{color:var(--accent-strong)}.process-step h3{font-size:29px;letter-spacing:-.04em;margin:auto 0 15px}.process-step p{color:var(--muted);line-height:1.65;margin:0}.process-step b{font-size:62px;font-variant-numeric:tabular-nums;font-weight:500;color:#d3ddd5;position:absolute;right:22px;top:20px}
.safety{max-width:var(--max);margin:auto;min-height:790px;padding:135px 4vw;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw}.safety-visual{position:relative;aspect-ratio:1}.zero{font-size:clamp(220px,34vw,490px);line-height:.85;color:var(--accent-strong);letter-spacing:-.14em;font-weight:600;position:relative;z-index:1}.safety-ring{position:absolute;border:1px solid #a4b6aa;border-radius:50%;left:48%;top:45%;transform:translate(-50%,-50%)}.ring-a{width:82%;height:82%;animation:slow-pulse 6s ease-in-out infinite}.ring-b{width:58%;height:58%;animation:slow-pulse 6s 1s ease-in-out infinite}.safety-copy>p{font-size:17px;color:var(--muted);line-height:1.72;max-width:610px;margin:35px 0 50px}.safety-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.safety-facts div{background:var(--bg);padding:20px}.safety-facts b{display:block;color:var(--accent-strong);font-size:11px;margin-bottom:10px}.safety-facts span{font-size:12px;color:var(--muted)}
.architecture{background:var(--surface);padding:135px 4vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.architecture-copy{max-width:620px;margin-left:auto}.architecture-copy p{color:var(--muted);line-height:1.72;font-size:17px;max-width:580px}.architecture-map{height:580px;position:relative;border:1px solid var(--line);background-image:radial-gradient(#b8c7bd 1px,transparent 1px);background-size:24px 24px}.architecture-map:before,.architecture-map:after{content:'';position:absolute;background:var(--line);left:50%;top:0;bottom:0;width:1px}.architecture-map:after{top:50%;left:0;right:0;width:auto;height:1px}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border:1px solid var(--accent-strong);background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;z-index:1;box-shadow:0 22px 55px rgba(42,65,54,.08)}.core small{font-size:9px;color:var(--accent-strong);margin-top:8px}.architecture-map>span{position:absolute;left:var(--x);top:var(--y);border:1px solid #aabbb0;background:var(--surface);padding:13px;font-size:10px;font-weight:600;z-index:1}
.early-access{min-height:78dvh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:120px max(4vw,calc((100vw - var(--max))/2 + 4vw));position:relative;overflow:hidden;border-top:1px solid var(--line)}.early-access>p{color:var(--accent-strong);position:relative;z-index:1}.early-access h2{position:relative;z-index:1;margin:28px 0 48px}.early-access-copy{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px);max-width:980px}.early-access-copy p{font-size:17px;line-height:1.72;color:var(--muted);margin:0}.early-access-orb{position:absolute;width:min(67vw,860px);aspect-ratio:1;border:1px solid #bdcbc1;border-radius:50%;right:-17%;top:-19%;background:radial-gradient(circle at 42% 38%,#d8e2da,transparent 58%);animation:orb-float 9s ease-in-out infinite}
footer{max-width:var(--max);margin:auto;padding:34px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:10px;color:var(--muted)}footer p:last-child{text-align:right}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.motion-ready .reveal.visible{opacity:1;transform:none}
@keyframes hero-in{to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slow-pulse{50%{transform:translate(-50%,-50%) scale(1.045);opacity:.5}}@keyframes orb-float{50%{transform:translate3d(-2%,-2%,0) scale(1.02)}}@keyframes assemble-left{0%,18%{transform:translate3d(-22%,0,18px);opacity:.62}55%,100%{transform:none;opacity:1}}@keyframes assemble-right{0%,18%{transform:translate3d(22%,0,18px);opacity:.62}55%,100%{transform:none;opacity:1}}@keyframes fallback-breathe{0%,100%{filter:drop-shadow(0 30px 28px rgba(49,72,61,.16))}55%{filter:drop-shadow(0 36px 34px rgba(49,72,61,.24))}}@keyframes loader-travel{0%{transform:translateX(-105%) scaleX(.35)}50%{transform:translateX(72%) scaleX(1)}100%{transform:translateX(225%) scaleX(.35)}}

@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-copy{min-height:72dvh}.stage{min-height:64dvh;border-left:0;border-top:1px solid var(--line)}.capabilities{grid-template-columns:1fr;grid-template-rows:auto}.capability-visual{grid-row:auto;min-height:620px}.factory{grid-template-columns:1fr}.factory-media{height:65dvh}.factory-copy{margin:-1px 0 0 14%}.process-track{grid-template-columns:repeat(2,1fr)}.safety,.architecture{grid-template-columns:1fr}.architecture-copy{margin:0}.architecture-map{height:500px}}
@media(max-width:700px){.nav{padding:0 5vw}.nav nav{display:none}.hero-copy{min-height:72dvh;padding:108px 5vw 56px}.hero h1{font-size:53px}.hero-lead{max-width:340px}.stage{min-height:62dvh}.stage-ui{left:18px;right:18px}.stage-ui-top{top:24px}.stage-control{right:18px;bottom:62px}.proof{grid-template-columns:1fr}.proof p{border-right:0;border-bottom:1px solid var(--line);padding:20px 5vw}.intro,.process,.safety,.architecture{padding:88px 5vw}.capabilities{padding:0 5vw 88px}.capability{padding:24px}.capability-visual{min-height:540px}.factory{padding:0 5vw;margin-bottom:88px}.factory-media{height:55dvh}.factory-copy{margin:0;padding:32px 24px}.process-track{grid-template-columns:1fr}.process-step{min-height:310px}.safety{min-height:0}.safety-facts{grid-template-columns:1fr}.architecture-map{height:420px}.architecture-map>span{font-size:7px;padding:9px}.core{width:130px;height:130px}.early-access{min-height:70dvh;padding:88px 5vw}.early-access h2{font-size:46px}.early-access-copy{grid-template-columns:1fr}.early-access-orb{width:120vw;right:-60%;top:-5%}footer{grid-template-columns:1fr;gap:16px;padding:30px 5vw}footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-enter,.motion-ready .reveal{opacity:1;transform:none;animation:none;transition:none}.review-orbit span,.safety-ring,.early-access-orb,.fallback-cabinet,.fallback-door-left,.fallback-door-right,.stage-loader i:after{animation:none}.process-step{transition:none}}
@media(prefers-color-scheme:dark){:root{--bg:#17231e;--surface:#1d2b25;--surface-2:#24352d;--text:#e5ece7;--muted:#a8b6ad;--line:#3b4d43;--accent:#91aa9b;--accent-strong:#a9c0b2;--accent-ink:#18241e}.grain{opacity:.025}.nav{border-color:rgba(229,236,231,.12)}.nav.is-stuck{background:rgba(23,35,30,.9);box-shadow:0 12px 40px rgba(0,0,0,.12)}.brand span{background:#a9c0b2}.stage{background:radial-gradient(circle at 53% 44%,#405247 0,#26372f 50%,#1c2923 100%)}.stage-control{background:rgba(27,41,34,.72);color:var(--text);border-color:#71887a}.capability{background:rgba(255,255,255,.025);box-shadow:none}.contour-sheet{background:#26372f;box-shadow:18px 24px 0 #142019}.process-step:hover{background:#213129}.process-step b{color:#2d4036}.factory-copy{background:#29463a}.factory-copy p{color:#d3dfd7}.core{background:var(--bg)}.early-access-orb{border-color:#40544a;background:radial-gradient(circle at 42% 38%,#31483c,transparent 58%)}}