:root{--paper:#f5f0df;--card:#fffdf5;--ink:#20231f;--muted:#77786f;--line:rgba(32,35,31,.18);--lime:#b6fa55;--orange:#ff9655;--shadow:rgba(32,35,31,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"Avenir Next","PingFang SC",sans-serif;background-color:var(--paper);background-image:linear-gradient(rgba(32,35,31,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,35,31,.035) 1px,transparent 1px);background-size:34px 34px}
a{color:inherit;text-decoration:none}.shell{width:min(1260px,calc(100% - 48px));margin-inline:auto}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:900;letter-spacing:.16em}.brand img{width:48px;height:48px;border-radius:14px;box-shadow:4px 5px 0 var(--shadow)}.nav-actions{display:flex;align-items:center;gap:22px}.quiet-link{font-size:13px;font-weight:700}.mini-button{background:var(--ink);color:white;border-radius:999px;padding:11px 20px;font-size:13px;font-weight:800}
.hero{min-height:720px;display:grid;grid-template-columns:.88fr 1.12fr;gap:5vw;align-items:center;padding-block:55px 80px}.eyebrow{font:800 11px/1.2 "Avenir Next",sans-serif;letter-spacing:.18em;color:var(--muted)}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#45976a;margin-right:10px;box-shadow:0 0 0 6px rgba(69,151,106,.12)}h1{font-size:clamp(58px,6.4vw,92px);line-height:.98;letter-spacing:-.07em;margin:30px 0 28px;font-weight:900}h1 em{font-family:Georgia,"Songti SC",serif;font-weight:400;color:#3b7f5c}.summary{max-width:520px;font-size:18px;line-height:1.85;color:#55574f}.release-note{max-width:570px;font-size:12px;line-height:1.7;color:var(--muted);margin-top:28px}
.controller-card{position:relative;min-height:590px;background:rgba(255,253,245,.82);border:1px solid var(--line);border-radius:44px;box-shadow:0 28px 70px rgba(32,35,31,.1);overflow:hidden}.controller-card:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:var(--lime);filter:blur(95px);opacity:.2;right:-100px;top:-100px}.card-top{position:absolute;z-index:2;left:30px;right:30px;top:25px;display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--muted)}.connected{letter-spacing:0}.connected i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#45976a;margin-right:7px}.controller{position:absolute;width:100%;left:0;top:5%;overflow:visible}.body{fill:#f6f4e9;stroke:var(--ink);stroke-width:5;stroke-linejoin:round}.ghost{fill:none;stroke:#8d8f86;stroke-width:3;opacity:.34;transform:translate(5px,7px)}.hatching{fill:url(#hatch);stroke:none}.seams{fill:none;stroke:#20231f;stroke-opacity:.46;stroke-width:2;stroke-linecap:round;stroke-dasharray:18 5}.trigger,.shoulder{fill:#f6f4e9;stroke:var(--ink);stroke-linejoin:round}.trigger{stroke-width:3}.shoulder{stroke-width:4}.trigger.rear{opacity:.62}.controller text{font-family:"Avenir Next",sans-serif;font-size:21px;font-weight:800;text-anchor:middle;fill:var(--ink)}.controller .rear-label{font-size:16px;opacity:.62}.stick circle{fill:#f7f5ea;stroke:var(--ink);stroke-width:4}.stick circle+circle{fill:url(#hatch);stroke-width:2}.stick circle:nth-child(3){fill:none;stroke:#20231f;stroke-opacity:.25;stroke-width:1.5}.stick path{fill:none;stroke:#8a8c83;stroke-width:2}.dpad path{fill:#f6f4ea;stroke:var(--ink);stroke-width:3;stroke-linejoin:round}.face-buttons circle{fill:#f9f7ee;stroke:var(--ink);stroke-width:3}.face-buttons circle.active{fill:var(--orange);stroke-width:5;stroke-dasharray:10 7}.face-buttons text{font-size:19px}.small-buttons circle,.small-buttons rect{fill:#f8f6ed;stroke:var(--ink);stroke-width:3}.small-buttons .inner-symbol{fill:none;stroke-width:2}.small-buttons .home-symbol{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.small-buttons text{font-size:17px}.map-line{fill:none;stroke:#42976a;stroke-width:3;stroke-dasharray:9 8}.map-dot{fill:#42976a}.mapping-pill{position:absolute;left:13%;right:13%;bottom:27px;min-height:84px;padding:10px 18px;background:rgba(255,255,252,.92);border:2px dashed #61a77d;border-radius:999px;display:flex;align-items:center;gap:16px;box-shadow:0 12px 30px rgba(32,35,31,.1)}.mapping-pill>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--lime);border:2px solid var(--ink);font-weight:900;font-size:22px}.mapping-pill p{margin:0;flex:1}.mapping-pill small,.mapping-pill b{display:block}.mapping-pill small{font-size:10px;color:var(--muted)}.mapping-pill b{font-size:16px;margin-top:3px}.mapping-pill strong{font-size:24px;color:#3b8e63}
.abilities{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);border-radius:36px;overflow:hidden;color:white;margin-bottom:125px}.abilities article{min-height:180px;padding:30px;border-right:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-content:center}.abilities article:last-child{border:0}.abilities span{font-size:10px;color:var(--lime);font-weight:800}.abilities b{font-size:19px}.abilities p{grid-column:2;margin:0;color:#b4b6ad;font-size:13px;line-height:1.7}
.start{padding-bottom:130px}.section-copy{display:grid;grid-template-columns:.55fr 1.45fr;border-top:1px solid var(--line);padding-top:38px}.section-copy h2{font-size:clamp(44px,5vw,70px);line-height:1.08;letter-spacing:-.055em;margin:0}.steps{list-style:none;padding:0;margin:70px 0 0 30%;background:rgba(255,253,245,.8);border:1px solid var(--line);border-radius:38px;overflow:hidden}.steps li{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:26px 30px;border-bottom:1px solid var(--line);align-items:start}.steps li:last-child{border:0}.steps li>span{width:48px;height:48px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font-weight:900;background:var(--lime)}.steps b{font-size:16px}.steps p{font-size:13px;line-height:1.7;color:var(--muted);margin:7px 0 0}
.contact{margin-bottom:70px;padding:45px;background:var(--orange);border:2px solid var(--ink);border-radius:40px;box-shadow:9px 10px 0 var(--shadow);display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);align-items:start;gap:42px}.contact-heading{display:flex;align-items:flex-start;gap:22px;position:sticky;top:24px}.contact img{width:72px;height:72px;border-radius:20px;box-shadow:5px 6px 0 rgba(32,35,31,.18)}.contact p{margin:0 0 7px;font-size:12px;font-weight:800}.contact h2{margin:0;font-size:32px;line-height:1.1;letter-spacing:-.04em}.contact-heading span{display:block;max-width:320px;margin-top:13px;font-size:12px;line-height:1.65;color:rgba(32,35,31,.66)}.feedback-form{display:grid;gap:16px;padding:22px;background:rgba(255,253,245,.93);border:2px solid var(--ink);border-radius:29px;box-shadow:6px 7px 0 rgba(32,35,31,.14)}.feedback-form label{display:grid;gap:8px}.feedback-form label>span{font-size:11px;font-weight:800;letter-spacing:.03em}.feedback-form label i{font-style:normal;font-size:9px;color:var(--muted);margin-left:5px}.feedback-form textarea,.feedback-form input{width:100%;border:1.5px solid rgba(32,35,31,.25);border-radius:16px;background:#fffdf8;color:var(--ink);font:600 14px/1.65 "Avenir Next","PingFang SC",sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.feedback-form textarea{resize:vertical;min-height:132px;padding:15px 17px}.feedback-form input{height:48px;padding:0 15px}.feedback-form textarea::placeholder,.feedback-form input::placeholder{color:#9a9b92;font-weight:500}.feedback-form textarea:focus,.feedback-form input:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(182,250,85,.55);transform:translateY(-1px)}.feedback-message{position:relative}.feedback-message small{position:absolute;right:13px;bottom:10px;padding:2px 6px;border-radius:999px;background:rgba(245,240,223,.92);color:var(--muted);font-size:9px}.feedback-message small b{color:var(--ink)}.feedback-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feedback-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.feedback-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:3px}.feedback-status{margin:0!important;color:var(--muted);font-size:11px!important;font-weight:600!important;line-height:1.5}.feedback-status.success{color:#287750}.feedback-status.error{color:#a23d2b}.feedback-submit button{border:0;background:var(--ink);color:#fff;border-radius:999px;min-height:50px;padding:5px 6px 5px 20px;display:flex;align-items:center;gap:15px;font:800 12px/1 "Avenir Next","PingFang SC",sans-serif;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.feedback-submit button strong{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:18px}.feedback-submit button:hover{transform:translateY(-2px);box-shadow:0 7px 0 rgba(32,35,31,.15)}.feedback-submit button:disabled{cursor:wait;opacity:.65;transform:none;box-shadow:none}footer{border-top:1px solid var(--line);padding-block:30px 45px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:960px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:700px}.controller-card{min-height:620px}.abilities{margin-top:20px}.section-copy{grid-template-columns:1fr;gap:25px}.steps{margin-left:0}.contact{grid-template-columns:1fr;gap:28px}.contact-heading{position:static}.contact-heading span{max-width:none}}
@media(max-width:650px){.shell{width:min(100% - 28px,1260px)}.nav{height:76px}.brand img{width:42px;height:42px}.quiet-link{display:none}.hero{padding-block:42px 65px;gap:35px}h1{font-size:55px}.summary{font-size:16px}.controller-card{min-height:440px;border-radius:30px}.controller{width:112%;left:-6%;top:5%}.card-top{left:20px;right:20px}.mapping-pill{left:6%;right:6%;bottom:18px;min-height:70px;padding:8px 13px}.mapping-pill>span{width:48px;height:48px;font-size:18px}.abilities{grid-template-columns:1fr;border-radius:28px;margin-bottom:90px}.abilities article{min-height:130px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.section-copy h2{font-size:43px}.steps{border-radius:28px}.steps li{padding:22px 18px;grid-template-columns:48px 1fr}.steps li>span{width:42px;height:42px}.contact{padding:27px 20px;border-radius:30px}.contact-heading{display:grid;grid-template-columns:58px 1fr;gap:15px}.contact img{width:58px;height:58px}.contact h2{font-size:27px}.feedback-form{padding:16px;border-radius:23px}.feedback-meta{grid-template-columns:1fr}.feedback-submit{align-items:stretch;flex-direction:column}.feedback-submit button{justify-content:space-between;width:100%}footer{gap:18px;flex-direction:column}}