:root{--ink:#161919;--paper:#f1f0e9;--lime:#c8f43d;--orange:#ff6847;--muted:#6d716d;--line:rgba(22,25,25,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
button,input,textarea{font:inherit}
button,a{color:inherit}
button{cursor:pointer}
main{overflow:hidden}
header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4.6vw;position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:.25s;background:rgba(241,240,233,.82);backdrop-filter:blur(14px)}
header.scrolled{border-color:var(--line)}
.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-weight:800;letter-spacing:.06em}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);border-radius:50% 50% 44% 46%;font-size:17px;transform:rotate(-4deg)}
nav{display:flex;gap:34px;font-size:14px}
nav a{text-decoration:none;position:relative}
nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--ink);transition:.25s}
nav a:hover:after{width:100%}
.nav-cta,.primary,.kit-grid button,.form-row button{border:0;background:var(--ink);color:white;padding:13px 18px;font-weight:700;display:flex;align-items:center;gap:28px;justify-content:space-between;transition:.2s}
.nav-cta:hover,.primary:hover,.kit-grid button:hover,.form-row button:hover{background:var(--orange);transform:translateY(-2px)}
.menu-button{display:none;border:0;background:transparent;font-size:24px}
.hero{min-height:760px;padding:128px 4.6vw 48px;display:grid;grid-template-columns:47% 53%;border-bottom:1px solid var(--line)}
.hero-copy{padding:42px 4vw 0 2vw;z-index:2}
.eyebrow,.section-index{font-family:"Space Grotesk","Noto Sans SC";font-size:12px;letter-spacing:.15em;font-weight:700;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:12px}
.eyebrow span{width:28px;height:3px;background:var(--orange)}
h1{font-size:clamp(52px,6.3vw,94px);letter-spacing:-.075em;line-height:.98;margin:34px 0 30px;font-weight:900}
h1 em,h2 em{font-style:normal;color:var(--orange)}
.hero-lede{font-size:17px;line-height:1.8;max-width:520px;color:#4f5451}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}
.primary{font-size:15px;padding:17px 20px;min-width:210px}
.text-link{font-size:14px;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}
.hero-proof{display:flex;margin-top:52px;padding-top:24px;border-top:1px solid var(--line);max-width:520px}
.hero-proof div{display:flex;gap:10px;align-items:center;flex:1;border-right:1px solid var(--line);padding-left:20px}
.hero-proof div:first-child{padding-left:0}.hero-proof div:last-child{border:0}
.hero-proof strong{font:700 28px "Space Grotesk"}.hero-proof span{font-size:11px;line-height:1.4;color:var(--muted)}
.hero-visual{position:relative;background:#dce0d7;overflow:hidden;border-radius:4px 4px 80px 4px}
.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.65),transparent 40%),radial-gradient(circle at 50% 55%,rgba(200,244,61,.28),transparent 36%)}
.visual-label{position:absolute;top:24px;left:28px;font:600 11px "Space Grotesk";letter-spacing:.14em;z-index:5}
.visual-caption{position:absolute;bottom:25px;left:30px;font-size:11px;color:#555;z-index:5}
.robot-scene{position:absolute;inset:0;display:grid;place-items:center;perspective:900px}
.robot{position:relative;width:290px;height:430px;transform:rotateY(-8deg) rotateX(2deg);filter:drop-shadow(0 35px 25px rgba(20,25,22,.23));animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:rotateY(-4deg) translateY(-8px)}}
.head{position:absolute;left:48px;top:40px;width:194px;height:145px;background:linear-gradient(145deg,#f7f6ee,#cfd4cc);border:2px solid #454c48;border-radius:42% 42% 34% 34%;box-shadow:inset -18px -16px 25px rgba(60,70,65,.15)}
.face{position:absolute;inset:24px 18px 18px;background:#212727;border-radius:33px;box-shadow:inset 0 0 22px #000}
.eye{position:absolute;top:35px;width:33px;height:39px;background:var(--lime);border-radius:50%;box-shadow:0 0 18px rgba(200,244,61,.55)}
.eye-left{left:29px}.eye-right{right:29px}
.eye:after{content:"";position:absolute;width:8px;height:8px;background:white;border-radius:50%;top:8px;left:8px}
.smile{position:absolute;width:35px;height:14px;border-bottom:3px solid var(--lime);border-radius:50%;bottom:16px;left:62px}
.ear{position:absolute;top:78px;width:32px;height:68px;background:#ff7355;border:2px solid #454c48;z-index:-1}
.ear-left{left:24px;border-radius:20px 4px 4px 20px}.ear-right{right:24px;border-radius:4px 20px 20px 4px}
.antenna{position:absolute;left:139px;top:2px;width:8px;height:47px;background:#414844;border-radius:5px}
.antenna i{position:absolute;width:18px;height:18px;background:var(--orange);border:3px solid #414844;border-radius:50%;left:-5px;top:-7px}
.neck{position:absolute;top:178px;left:116px;width:58px;height:39px;background:#909994;border:2px solid #3d4440}
.body{position:absolute;top:205px;left:54px;width:182px;height:152px;background:linear-gradient(145deg,#f2f0e7,#b9c1ba);border:2px solid #414844;border-radius:34px 34px 28px 28px;z-index:2}
.core-light{position:absolute;left:69px;top:35px;width:44px;height:44px;border-radius:50%;background:var(--lime);border:8px solid #343a37;box-shadow:0 0 22px rgba(200,244,61,.65)}
.vent{position:absolute;display:flex;gap:5px;left:64px;bottom:23px}.vent i{width:5px;height:18px;background:#6e7772;border-radius:3px}
.arm{position:absolute;top:224px;width:46px;height:110px;background:#d9ddd6;border:2px solid #414844;border-radius:20px;z-index:1}
.arm-left{left:19px;transform:rotate(12deg)}.arm-right{right:19px;transform:rotate(-12deg)}
.arm i{position:absolute;width:38px;height:43px;background:#ff7355;border:2px solid #414844;border-radius:14px;bottom:-20px;left:2px}
.track{position:absolute;top:342px;width:80px;height:66px;background:#343a37;border:3px solid #1e2220;border-radius:22px;z-index:3}
.track:after{content:"";position:absolute;inset:9px;border:3px dashed #89918c;border-radius:16px}
.track-left{left:53px}.track-right{right:53px}
.orbit{position:absolute;border:1px solid rgba(40,45,42,.18);border-radius:50%;transform:rotateX(68deg)}
.orbit-one{width:580px;height:380px}.orbit-two{width:430px;height:270px}
.measure{position:absolute;font:600 9px "Space Grotesk";letter-spacing:.14em;color:#626966}
.measure-a{right:9%;top:27%;writing-mode:vertical-rl}.measure-b{right:7%;bottom:18%}
.axis{position:absolute;background:rgba(40,50,45,.15)}.axis-x{width:90%;height:1px}.axis-y{height:90%;width:1px}
.manifesto{padding:120px 8vw 90px;background:var(--ink);color:white}
.manifesto>p{color:#8e9691;font-size:14px}.manifesto h2{font-size:clamp(40px,6vw,82px);line-height:1.15;letter-spacing:-.05em;margin:22px 0 70px;max-width:1100px}
.manifesto-line{display:flex;align-items:center;gap:24px}.manifesto-line span{height:1px;background:#4c514f;flex:1}.manifesto-line i{font:500 10px "Space Grotesk";letter-spacing:.2em;color:var(--lime)}
.section{padding:120px 6.5vw}
.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:5vw;align-items:start;margin-bottom:75px}
.section-heading h2,.core-copy h2,.create h2{font-size:clamp(38px,4.3vw,66px);line-height:1.12;letter-spacing:-.055em;margin:0}
.section-heading>p:last-child{color:var(--muted);line-height:1.8;font-size:14px}
.section-index{color:var(--orange)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
.steps article{padding:25px 28px 20px 0;min-height:300px;border-right:1px solid var(--line);position:relative}
.steps article+article{padding-left:28px}.steps article>span{font:600 11px "Space Grotesk";color:var(--muted)}
.step-icon{width:64px;height:64px;border:1px solid var(--ink);border-radius:50%;margin:34px 0;position:relative}
.step-icon i:first-child{position:absolute;width:23px;height:23px;border:2px solid var(--ink);border-radius:50%;left:13px;top:13px}
.step-icon i:last-child{position:absolute;width:21px;height:2px;background:var(--orange);right:7px;bottom:14px;transform:rotate(-40deg)}
.steps h3{font-size:20px;margin:0 0 13px}.steps p{font-size:13px;line-height:1.75;color:var(--muted)}
.core{background:#dfe2da;display:grid;grid-template-columns:55% 45%;padding:0;min-height:820px}
.core-visual{position:relative;min-height:760px;overflow:hidden}
.core-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(38,44,40,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(38,44,40,.09) 1px,transparent 1px);background-size:42px 42px}
.core-bot{transform:scale(.95)}
.core-bot .robot{animation:none}
.callout{position:absolute;background:rgba(241,240,233,.92);padding:10px 13px;font-size:10px;font-weight:600;letter-spacing:.04em;z-index:5}.callout i{position:absolute;height:1px;background:var(--ink);width:90px}
.c1{top:21%;left:11%}.c1 i{left:100%;top:50%}.c2{top:46%;right:7%}.c2 i{right:100%;top:50%}.c3{bottom:26%;left:8%}.c3 i{left:100%;top:50%}.c4{bottom:13%;right:10%}.c4 i{right:100%;top:50%}
.core-copy{background:var(--paper);padding:100px 5vw}
.core-copy h2{margin:23px 0 28px}.core-intro{line-height:1.8;color:var(--muted);font-size:14px}
.assurances{margin-top:45px;border-top:1px solid var(--ink)}
.assurances div{display:grid;grid-template-columns:38px 120px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid var(--line);align-items:start}
.assurances span{font:600 10px "Space Grotesk";color:var(--orange)}.assurances h3{font-size:14px;margin:0}.assurances p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.status-legend{margin-top:38px;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.status-legend span{width:8px;height:8px;border-radius:50%;margin-left:12px}.status-legend .green{background:#78b916}.status-legend .amber{background:#f2a329}.status-legend .gray{background:#9ea29f}
.compact{grid-template-columns:1fr 2fr 1fr}
.families{background:var(--ink);color:white}
.families .section-heading>p:last-child{color:#919995}
.family-stage{height:510px;background:#292f2c;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.family-stage:before{content:"";position:absolute;width:620px;height:620px;border:1px solid #424945;border-radius:50%}
.family-meta{position:absolute;left:5%;bottom:7%;z-index:3}.family-meta>span{font:600 10px "Space Grotesk";color:var(--lime);letter-spacing:.15em}.family-meta h3{font-size:34px;margin:10px 0 5px}.family-meta p{color:#b6bcb8;margin:0}.family-meta small{display:block;color:#747c78;margin-top:14px;font-size:9px}
.family-robot{position:relative;width:230px;height:360px;filter:drop-shadow(0 25px 35px #151817);transition:.45s}
.family-head{position:absolute;left:35px;top:20px;width:160px;height:130px;background:#e9e9df;border:3px solid #757d78;border-radius:48px;z-index:2}
.family-head .fe1,.family-head .fe2{position:absolute;width:30px;height:33px;border-radius:50%;background:var(--lime);top:43px;box-shadow:0 0 15px rgba(200,244,61,.5)}.family-head .fe1{left:32px}.family-head .fe2{right:32px}
.family-head b{position:absolute;width:38px;height:2px;background:#636b66;bottom:20px;left:58px}
.family-body{position:absolute;left:45px;top:150px;width:140px;height:130px;background:#cdd2ca;border:3px solid #757d78;border-radius:36px}.family-body i{position:absolute;width:45px;height:45px;border:8px solid #353b38;background:var(--orange);border-radius:50%;left:44px;top:30px}
.family-base{position:absolute;left:34px;bottom:20px;width:162px;height:70px;background:#606965;border-radius:28px}.family-base i{position:absolute;width:55px;height:45px;border:3px dashed #a7aea9;border-radius:20px;top:12px}.family-base i:first-child{left:12px}.family-base i:last-child{right:12px}
.family-ear{position:absolute;width:38px;height:75px;background:var(--orange);top:46px;border-radius:19px}.family-ear.left{left:16px}.family-ear.right{right:16px}
.family-animal .family-ear{width:55px;height:70px;top:0;clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;background:#e9e9df}.family-animal .family-head{border-radius:50px 50px 62px 62px}.family-animal .family-head b{height:16px;border-bottom:3px solid var(--orange);border-radius:50%;background:none}
.family-mono .family-head{border-radius:50% 50% 35% 35%}.family-mono .fe1{left:58px!important;width:43px!important;height:43px!important}.family-mono .fe2{display:none}.family-mono .family-ear{display:none}.family-mono .family-body{background:#d4e8b1}
.family-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}
.family-tabs button{background:none;border:0;border-top:1px solid #555c58;color:#8e9691;padding:20px 0;text-align:left;font-weight:700}.family-tabs button span{font:600 10px "Space Grotesk";margin-right:20px}.family-tabs button.active{color:white;border-color:var(--lime)}
.kits{background:#efeee7}.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kit-grid article{border:1px solid var(--line);padding:35px;min-height:510px;display:flex;flex-direction:column;position:relative;background:#f5f4ed}
.kit-grid article>p{font:700 10px "Space Grotesk";letter-spacing:.1em;color:var(--orange)}.kit-grid h3{font-size:24px;margin:15px 0 30px}
.price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;align-items:baseline;gap:7px}.price small{margin-right:auto;color:var(--muted)}.price strong{font:700 32px "Space Grotesk"}.price span{font-size:12px}
.kit-grid ul{list-style:none;padding:20px 0;margin:0;line-height:2.15;font-size:13px;color:#535854}.kit-grid li:before{content:"+";color:var(--orange);margin-right:9px;font-weight:800}
.kit-grid button{margin-top:auto;width:100%}.kit-grid .featured{background:var(--ink);color:white;transform:translateY(-15px);border-color:var(--ink)}.featured .price{border-color:#454a47}.featured ul{color:#c2c6c3}.featured button{background:var(--lime);color:var(--ink)}.featured .tag{position:absolute;right:20px;top:20px;background:var(--orange);padding:5px 9px;font-size:9px;font-weight:700}
.create{padding:110px 8vw;background:var(--orange);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.create .section-index{color:var(--ink)}.create h2{margin:20px 0}.create>div>p:last-child{line-height:1.8;max-width:570px}
form{background:var(--paper);padding:34px;box-shadow:14px 14px 0 rgba(22,25,25,.2)}form label{font-size:13px;font-weight:800;display:block;margin-bottom:13px}textarea,input{width:100%;border:1px solid var(--line);background:#fff;padding:15px;outline:none}textarea:focus,input:focus{border-color:var(--orange)}textarea{height:130px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr auto;margin-top:12px}.form-row input{border-right:0}.form-row button{min-width:170px}form small{display:block;margin-top:13px;color:var(--muted);font-size:9px;line-height:1.5}
.success{background:var(--paper);padding:45px;box-shadow:14px 14px 0 rgba(22,25,25,.2)}.success span{display:grid;place-items:center;width:48px;height:48px;background:var(--lime);border-radius:50%;font-size:24px}.success h3{font-size:26px;margin:20px 0 8px}.success p{font-size:13px;line-height:1.7;color:var(--muted)}
footer{padding:50px 5vw;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:30px}footer>p{color:#969d99;font-size:13px}footer>div{display:flex;gap:20px}footer a{text-decoration:none;font-size:12px}footer small{color:#6e7571;font-size:9px}
@media(max-width:900px){
 header{height:68px;padding:0 20px}.menu-button{display:block}.nav-cta{display:none}nav{position:absolute;top:68px;left:0;right:0;background:var(--paper);flex-direction:column;padding:25px;transform:translateY(-150%);transition:.25s;z-index:-1;border-bottom:1px solid var(--line)}nav.open{transform:translateY(0)}
 .hero{grid-template-columns:1fr;padding:100px 20px 30px}.hero-copy{padding:10px 0 45px}.hero-visual{height:590px}.hero-proof{margin-top:38px}
 .section{padding:80px 22px}.section-heading,.compact{grid-template-columns:1fr;gap:18px;margin-bottom:45px}.section-heading h2{order:1}.section-heading .section-index{order:0}.section-heading>p:last-child{order:2}
 .steps{grid-template-columns:1fr 1fr}.steps article:nth-child(2){border-right:0}.steps article+article{padding-left:20px}
 .core{grid-template-columns:1fr}.core-visual{min-height:620px}.core-copy{padding:70px 25px}.core-bot{transform:scale(.8)}
 .family-stage{height:500px}.family-meta{left:25px}.kit-grid{grid-template-columns:1fr}.kit-grid .featured{transform:none}.create{grid-template-columns:1fr;padding:80px 24px}
 footer{grid-template-columns:1fr 1fr}footer>div{justify-content:flex-end}
}
@media(max-width:560px){
 h1{font-size:54px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-proof div{padding-left:10px}.hero-proof strong{font-size:22px}.hero-visual{height:480px}.robot-scene{transform:scale(.8)}.manifesto{padding:80px 24px}
 .steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:25px 0!important}.step-icon{margin:25px 0}
 .assurances div{grid-template-columns:30px 1fr}.assurances p{grid-column:2}.callout{display:none}.family-tabs button{font-size:11px}.family-tabs button span{display:block;margin-bottom:5px}.family-meta{bottom:20px}
 .form-row{grid-template-columns:1fr}.form-row input{border-right:1px solid var(--line);margin-bottom:10px}.form-row button{min-height:50px}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Static edition: local fonts, accessible navigation and narrow layouts. */
section[id]{scroll-margin-top:88px}
:focus-visible{outline:3px solid #a44824;outline-offset:5px}
.success .primary{margin-top:24px}
@media(max-width:1100px) and (min-width:901px){
 .hero-actions{align-items:flex-start;flex-direction:column;gap:20px}
 .assurances div{grid-template-columns:28px 1fr}.assurances p{grid-column:2}
 .form-row{grid-template-columns:1fr}.form-row input{border-right:1px solid var(--line);margin-bottom:10px}
 .kit-grid article{padding:25px}.featured .tag{position:static;align-self:flex-start}
 footer{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
 nav{visibility:hidden;pointer-events:none;z-index:1}nav.open{visibility:visible;pointer-events:auto}
}
@media(max-width:560px){
 .family-stage{height:560px;align-items:flex-start;padding-top:22px}
 .family-meta{right:20px}.family-meta h3{font-size:28px}
 form{padding:24px}.kit-grid article{padding:25px}
}
@media(max-width:360px){h1{font-size:48px}.hero-proof div{gap:6px}.hero-proof strong{font-size:20px}}