.os-body{flex-direction:column;min-height:100vh;display:flex}.os-h{background:radial-gradient(820px 420px at 82% -6%,#0891b221,#0000 64%),radial-gradient(700px 380px at 8% 18%,#f59e0b17,#0000 62%),#fff;flex:1 0 auto;align-items:center;padding:76px 0 72px;display:flex}.os-h>.s-wrap{width:100%}.os-stage{grid-template-columns:minmax(0,600px) minmax(0,420px);justify-content:space-between;align-items:start;gap:120px;display:grid;position:relative}.os-copy{text-align:left}.os-copy h1{letter-spacing:-.02em;color:var(--ink);margin:26px 0 0;font-size:max(40px,min(4.8vw,64px));font-weight:700;line-height:1.08}.os-lede{max-width:540px;color:var(--ink-2);margin:24px 0 0;font-size:20px;line-height:1.55}.os-box{max-width:600px;margin:34px 0 0}.os-box .s-box{max-width:none}.os-box .s-box-go{white-space:nowrap}.os-drop{height:258px;margin-top:8px;position:relative}.os-drop.off{display:none}.os-list{border:1px solid var(--line);border-radius:var(--r-14);box-shadow:var(--shadow-lg);opacity:0;background:#fff;transition:opacity .35s,transform .35s;overflow:hidden;transform:translateY(-6px)}.os-list.on{opacity:1;transform:none}.os-opt{opacity:0;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:12px 16px;transition:opacity .3s,transform .3s,background .3s;display:flex;transform:translateY(-4px)}.os-opt:last-child{border-bottom:0}.os-opt.in{opacity:1;transform:none}.os-opt.pick{background:#f0fdff}.os-ic{width:34px;height:34px;color:var(--ink-2);background:#f1f5f9;border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.os-opt.build .os-ic{color:#d97706;background:#fef3c7;font-size:18px}.os-opt.maps .os-ic{color:#15803d;background:#dcfce7}.os-opt.maps .os-nm{color:#15803d}.os-opt.web .os-ic{font-size:11px}.os-opt.web .os-nm{color:var(--ink-2);font-weight:600}.os-opt.pick.maps,.os-opt.pick.build{background:var(--wash)}.os-opt>div:nth-child(2){flex:1;min-width:0}.os-nm{color:var(--ink);font-size:15.5px;font-weight:700}.os-sb{color:var(--mute);font-size:13.5px}.os-bd{letter-spacing:.06em;text-transform:uppercase;color:#15803d;background:#dcfce7;border-radius:999px;flex:none;padding:4px 9px;font-size:11px;font-weight:700;transition:box-shadow .4s}.os-bd.req{color:#c2410c;background:#ffedd5}.os-bd.no{color:#b45309;background:#fef3c7}.os-opt.pick .os-bd{box-shadow:0 0 0 4px #22c55e2e}.os-opt.pick .os-bd.req{box-shadow:0 0 0 4px #ea580c29}.os-cur{pointer-events:none;opacity:0;width:22px;height:22px;transition:left .6s var(--ease-out), top .6s var(--ease-out), opacity .3s;z-index:3;position:absolute}.os-cur.on{opacity:1}.os-cur.tap:after{content:"";background:#0891b240;border-radius:50%;width:20px;height:20px;animation:.5s ease-out os-tap;position:absolute;top:-6px;left:-6px}@keyframes os-tap{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.os-eye{margin:6px 0 16px}.os-doors{gap:16px;display:grid}.os-door{border:1px solid var(--line);border-radius:var(--r-18);background:#fff;align-items:flex-start;gap:16px;padding:20px 22px;transition:border-color .45s,box-shadow .45s,transform .45s;display:flex;position:relative}.os-door:hover{border-color:#cbd5e1}.os-dt{border-radius:var(--r-12);width:44px;height:44px;color:var(--mute);background:#f1f5f9;flex:none;place-items:center;transition:background .45s,color .45s;display:grid}.os-door h3{letter-spacing:-.01em;color:var(--ink);margin:8px 0 0;font-size:19px;font-weight:700}.os-door p{color:var(--mute);margin:5px 0 0;font-size:15px;line-height:1.5}.os-door .os-bd{display:inline-block}.os-door.lit[data-d=a]{border-color:#86efac;transform:translate(-4px);box-shadow:0 20px 44px -22px #16a34a8c}.os-door.lit[data-d=a] .os-dt{color:#15803d;background:#dcfce7}.os-door.lit[data-d=b]{border-color:#fdba74;transform:translate(-4px);box-shadow:0 20px 44px -22px #ea580c80}.os-door.lit[data-d=b] .os-dt{color:#c2410c;background:#ffedd5}.os-door.lit[data-d=c]{border-color:#fcd34d;transform:translate(-4px);box-shadow:0 20px 44px -22px #d9770680}.os-door.lit[data-d=c] .os-dt{color:#b45309;background:#fef3c7}.os-wire{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.os-wire .base{fill:none;stroke:#e2e8f0;stroke-width:1.5px;stroke-dasharray:3 5}.os-wire .lit{fill:none;stroke-width:2.2px;stroke-linecap:round}.os-wire .spark{filter:drop-shadow(0 0 6px)}@media (max-width:1100px){.os-stage{grid-template-columns:1fr;gap:40px}.os-wire{display:none}.os-door.lit{transform:none}}@media (prefers-reduced-motion:reduce){.os-list,.os-opt,.os-door{transition:none}}