:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8eef6;background:#0d1420;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 900px 560px at 77% 0%,#173149 0%,transparent 70%),#0d1420;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}a{color:#87ded4;text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:800px;margin:auto;padding:0 20px 40px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c394a}.brand{font-size:22px;font-weight:800;color:white;letter-spacing:-.04em}.brand:hover{text-decoration:none}.brandthin{font-weight:350}.mark{color:#65dfd3;margin-right:6px}.toplabel,.eyebrow,.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#94a7be;font-weight:700}.intro{padding:42px 0 26px}.eyebrow{color:#5ce5cc}h1{font-size:clamp(45px,7vw,77px);line-height:1.04;letter-spacing:-.065em;margin:14px 0 15px;font-weight:800}h1 span{color:#6cdbc9}.subtitle{color:#acb9c9;line-height:1.6;max-width:530px;margin:0;font-size:15px}.tabs{display:flex;gap:6px;background:#152134;padding:6px;border-radius:13px;margin-bottom:22px}.tab{flex:1;border:0;background:transparent;color:#9bacc0;border-radius:9px;padding:13px 8px;font-size:13px;font-weight:650}.tab.active{color:#e9faf6;background:#263d52;box-shadow:0 2px 5px #07152366}.panel{display:none}.panel.active{display:block}.card{background:#172235;border:1px solid #304057;border-radius:19px;padding:25px;margin-bottom:18px;box-shadow:0 16px 70px #03070d19}.hero-card{background:linear-gradient(150deg,#1c2d43,#162437 72%)}h2{font-size:24px;margin:7px 0 3px;letter-spacing:-.04em}h3{font-size:18px;margin:0 0 8px;letter-spacing:-.025em}.kicker{color:#8eacc5}.small{font-size:13px;color:#94a6bb;margin:5px 0}.muted{font-size:14px;line-height:1.65;color:#acbbcd;margin:8px 0 18px}.hint{font-size:12px;line-height:1.65;color:#93abc1;margin:10px 0 0}.flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.align-start{align-items:flex-start}.status-pill{font-size:11px;background:#2d3b4c;padding:9px 12px;border-radius:99px;color:#ced9e8;white-space:nowrap}.status-pill.connected{background:#174c43;color:#80ecce}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#9eafc2;margin-right:6px}.connected .dot{background:#70efd0}.bulb-scene{height:255px;display:grid;place-items:center;position:relative;overflow:hidden}.bulb{height:170px;z-index:1;filter:drop-shadow(0 13px 10px #0003)}.light-halo{width:240px;height:240px;border-radius:50%;position:absolute;opacity:0;filter:blur(3px);background:radial-gradient(circle,#ffdb7b70 0%,#ffb73228 41%,transparent 65%);transition:opacity .3s}.light-halo.on{opacity:1}#bulb-glass{transition:fill .22s,stroke .22s}.control-bottom{border-top:1px solid #34445a;padding-top:19px}.power-btn{height:60px;width:60px;border-radius:18px;border:1px solid #3b5264;background:#263d51;color:#fff;display:grid;place-items:center;transition:.2s}.power-btn.is-on{background:#47c5ad;color:#082820}.power-btn:hover:not(:disabled){transform:scale(1.04)}label{display:block;font-size:12px;font-weight:700;color:#c4d4e4;margin:15px 0 9px}input,select{width:100%;background:#0f1b2c;border:1px solid #364a5f;color:#f3f8ff;border-radius:10px;padding:13px 13px;outline:none;font-size:14px;min-width:0}input:focus,select:focus{border-color:#57c5b9;box-shadow:0 0 0 3px #3ad1b71c}select{color:#d3e5ec}.input-row{display:flex;gap:9px}.input-row input{flex:1}.primary,.secondary{border:0;border-radius:11px;padding:13px 17px;font-size:13px;font-weight:760;white-space:nowrap}.primary{background:#62ddc4;color:#08281f}.primary:hover:not(:disabled){background:#92f0dd}.secondary{background:#2b4355;color:#d8eef0;border:1px solid #466276}.full{width:100%;margin-top:17px}.note{background:#132033}.note p{color:#a0b5c9;font-size:13px;line-height:1.8;margin-bottom:0}.step-title{display:flex;gap:15px;align-items:center}.step-icon{border-radius:11px;color:#aef5e6;font-weight:800;font-size:15px;background:#244e52;min-height:44px;min-width:44px;display:grid;place-items:center}.step-title h2{font-size:19px;margin:0}.device-line{display:flex;gap:13px;align-items:center;border:1px solid #344b61;border-radius:11px;margin:18px 0 4px;padding:13px}.device-icon{font-size:26px;background:#264052;color:#72e4d0;padding:5px 13px;border-radius:9px}.device-line strong{font-size:14px}.platform{padding:20px 0;border-bottom:1px solid #35465b;display:flex;gap:16px;align-items:center}.platform>span:first-child{color:#5be6ca;font-size:26px}.platform>div{flex:1}.platform strong{font-size:14px}.coming{white-space:nowrap;border:1px solid #476073;border-radius:99px;font-size:10px;padding:6px 9px;color:#bcd0de}footer{text-align:center;padding:22px;color:#697e95;font-size:11px}@media(max-width:500px){.shell{padding:0 13px 20px}.topbar{height:65px}.intro{padding:34px 2px 23px}.card{padding:19px}.tabs{gap:2px}.tab{font-size:11px;padding:12px 4px}.status-pill{font-size:10px;padding:8px}.bulb-scene{height:225px}.input-row{flex-direction:column}.platform{gap:10px}.coming{font-size:9px}.toplabel{font-size:9px}}

.journey{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #304057;border-radius:18px;background:#131f30;gap:1px;overflow:hidden;margin:5px 0 22px}
.journey>div{padding:18px 14px;display:flex;flex-direction:column;gap:6px;border-right:1px solid #304057}.journey>div:last-child{border-right:0}.journey-num{font-size:11px;font-weight:800;color:#62ddc4}.journey strong{font-size:14px;color:#edf9fa}.journey small{font-size:11px;color:#8da2b6}.card[hidden]{display:none}.primary-link{display:block;text-align:center;text-decoration:none;margin:20px 0 12px}.primary-link:hover{text-decoration:none}.local-entry{display:flex;gap:8px}.local-entry input{flex:1}.local-entry button{flex-shrink:0}.success-card{border-color:#33756e;background:linear-gradient(140deg,#173b3b,#172235)}.hint code{color:#bbf5e7;overflow-wrap:anywhere}#device-dot{margin-left:auto}.warning{color:#ffbe8a}.success{color:#81ecc9}.step-title{margin-bottom:14px}@media(max-width:550px){.journey>div{padding:14px 8px}.journey strong{font-size:12px}.journey small{font-size:10px}.local-entry{flex-direction:column}}