:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243a50;background:#e9f0f7;font-synthesis:none;--muted:#667c91;--accent:#2467cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 30%,#eef4ff80,transparent 60%);overflow-x:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #2b70c9;outline-offset:5px}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient i{position:absolute;border-radius:50%;filter:blur(75px)}.ambient i:nth-child(1){width:700px;height:650px;left:-200px;top:170px;background:#b7d9f0}.ambient i:nth-child(2){width:580px;height:600px;left:24%;top:310px;background:#c6cec9}.ambient i:nth-child(3){width:650px;height:650px;right:-200px;top:-200px;background:#d4cef3}header,main,.how,footer{max-width:1200px;margin:auto}header{padding:34px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:650;letter-spacing:-.7px}.brand svg{width:33px;height:33px;fill:none;stroke:#31536c;stroke-width:1.8;stroke-linejoin:round}.brand svg circle{fill:#edf5fd;stroke:#709ba7}.help{font-size:14px;color:#5b6e84;display:flex;gap:18px}.help:hover{color:#1a5db1}main{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;padding:48px 32px 34px;align-items:center}.edition{font-size:13px;color:#536f81;display:flex;gap:9px;align-items:center}.edition span,.signal span,.connected-dot{width:7px;height:7px;background:#5c9a85;border-radius:50%;box-shadow:0 0 0 4px #8bb4a51a}h1{font-size:clamp(38px,4.6vw,58px);line-height:1.12;font-weight:550;letter-spacing:-2.7px;margin:23px 0 20px}.lead{font-size:16px;line-height:1.75;color:#5a7186;max-width:430px;margin:0}.scene{height:312px;position:relative;max-width:500px;margin-top:16px;isolation:isolate}.orbit{position:absolute;width:340px;height:170px;border:1px solid #ffffff85;border-radius:50%;transform:rotate(-18deg);left:64px;top:85px}.orbit-two{width:400px;height:200px;left:34px;top:70px;transform:rotate(13deg);border-color:#ffffff50}.hub{position:absolute;left:145px;top:72px;width:170px;height:144px;border-radius:38px;background:linear-gradient(140deg,#ffffffb0,#eff8ff48 40%,#c6e2ef7a);box-shadow:inset 2px 2px 2px #fff, inset -2px -2px 8px #7a99b34a,0 32px 25px -16px #42597138,0 2px 3px #ffffffad;border:1px solid #ffffffc9;backdrop-filter:blur(16px);transform:rotate(-8deg)}.hub-top{display:flex;align-items:center;justify-content:center;height:110px;border-radius:36px;background:linear-gradient(160deg,#ffffff7a,#e6f3ff16);box-shadow:inset 0 -1px 0 #ffffffa8}.hub svg{width:70px;height:70px;fill:none;stroke:#5b84a27a;stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 2px 0 white)}.hub-light{position:absolute;width:20px;height:3px;background:#78b3a5;bottom:12px;border-radius:4px;box-shadow:0 0 8px #58b2a5}.hub-caption{position:absolute;bottom:-42px;left:48px;font-size:13px;color:#688095;transform:rotate(8deg)}.device{position:absolute;background:linear-gradient(135deg,#ffffffa1,#ffffff40);border:1px solid #ffffffbd;box-shadow:inset 0 1px 0 #fff,0 12px 22px #4d688c12;backdrop-filter:blur(14px);border-radius:22px;display:flex;align-items:center;gap:10px;padding:15px;font-size:11px;color:#536f85}.device svg{width:33px;height:33px;fill:none;stroke:#6689a7;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.device-light{top:30px;left:20px;transform:rotate(-9deg);flex-direction:column;gap:7px;width:98px}.device-temp{right:8px;top:36px;flex-direction:column;gap:4px;transform:rotate(7deg);width:118px}.device-temp strong{font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-2px;color:#557a91}.device-temp strong span{font-size:24px}.device-plug{right:0;bottom:36px;transform:rotate(-4deg)}.connected-dot{width:5px;height:5px;margin:0 1px 0 4px}.signal{position:absolute;bottom:28px;left:28px;color:#608074;font-size:11px;display:flex;align-items:center;gap:9px}.signal span{width:5px;height:5px}.compatibility{display:flex;align-items:center;gap:21px;color:#4b687e;font-size:13px;margin-top:0}.compatibility>span{font-size:11px;color:#667e91}.compatibility b{font-weight:550;letter-spacing:-.3px}.compat-end{margin-left:auto}.glass{background:linear-gradient(135deg,#ffffffad,#ffffff54 50%,#f7fbff8c);border:1px solid #ffffffdf;box-shadow:inset 0 1px 1px #fff,0 22px 80px #385b7b12,0 3px 12px #496d8610;backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%);border-radius:30px}.activation{padding:30px 32px 0;position:relative;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.key-icon{width:46px;height:46px;background:linear-gradient(135deg,#fff9,#c3ddf780);box-shadow:inset 0 1px 0 #fff,0 3px 7px #45657b0d;border:1px solid #fff;border-radius:15px;display:grid;place-items:center}.key-icon svg{width:27px;fill:none;stroke:#6485a5;stroke-width:1.7;stroke-linecap:round}.secure{font-size:10px;color:#6d8294;display:flex;gap:5px;align-items:center}.secure svg{height:13px;width:13px;fill:none;stroke:currentColor;stroke-width:1.3}h2{font-size:25px;font-weight:550;letter-spacing:-.8px;line-height:1.25;margin:0 0 12px}.card-description{font-size:13px;line-height:1.75;color:#6a7d90;margin:0 0 25px}label,legend{font-size:12px;font-weight:550}.input-wrap{position:relative;margin-top:9px}.input-wrap input{width:100%;height:53px;padding:0 46px 0 16px;letter-spacing:1.3px;color:#355575;border:1px solid #bbcddc8c;background:#e7eff64f;border-radius:13px;box-shadow:inset 0 2px 3px #60829e09;transition:border-color .2s,background .2s}.input-wrap input::placeholder{color:#8298ab;letter-spacing:1.5px;font-size:13px}.input-wrap input:focus{outline:2px solid #79a7db;background:#fff8;border-color:transparent}.input-wrap>svg{position:absolute;width:21px;height:21px;right:15px;top:16px;fill:none;stroke:#8aa0b4;stroke-width:1.5;pointer-events:none}.hint{font-size:10px;color:#74899a;margin:10px 0 24px}.hint button{border:0;background:none;color:#417aaa;font-size:10px;padding:0 2px;text-decoration:underline;text-underline-offset:3px}fieldset{padding:0;margin:0 0 23px;border:0}legend{margin-bottom:10px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choices label{cursor:pointer;position:relative}.choices input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}.choices span{display:flex;height:37px;align-items:center;justify-content:center;border-radius:10px;border:1px solid #fff9;background:#ffffff32;color:#6b8196;transition:all .2s;font-size:12px}.choices input:checked+span{color:#356c9d;background:#f5faffbd;border:1px solid #82afd19e;box-shadow:0 2px 6px #567c9b0a}.choices input:focus-visible+span{outline:2px solid #2b70c9;outline-offset:3px}.included{display:flex;gap:11px;align-items:center;margin-bottom:18px;padding:16px 0;border-top:1px solid #c5d7e35c;border-bottom:1px solid #c5d7e35c}.check{font-size:14px;color:#629286;background:#d2e6dd75;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.included strong{font-size:11px;font-weight:550;display:block;margin-bottom:5px}.included div>span{font-size:10px;color:#8093a2;display:block}.gift{font-size:10px;color:#6d8d7f;margin-left:auto;white-space:nowrap}.primary{border:1px solid #5488c1;background:linear-gradient(180deg,#4d87c9,#346eb5);box-shadow:inset 0 1px 0 #ffffff3d,0 5px 12px #4576b024;color:#fff;width:100%;height:49px;border-radius:13px;font-size:13px;font-weight:550;display:flex;justify-content:center;align-items:center;gap:20px;transition:transform .2s,box-shadow .2s}.primary:hover{box-shadow:inset 0 1px 0 #ffffff3d,0 7px 17px #4576b040;transform:translateY(-1px)}.primary:active{transform:translateY(1px)}.primary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.primary:disabled{opacity:.7;cursor:wait;transform:none}.privacy{text-align:center;font-size:10px;color:#8293a4;margin:12px 0 22px;line-height:1.5}.card-footer{padding:17px 0;border-top:1px solid #ffffffa1;font-size:10px;color:#7d93a6;text-align:center}.small-house{font-size:17px;margin-right:7px;vertical-align:-1px}.how{display:grid;grid-template-columns:repeat(3,1fr);padding:45px 32px 40px;gap:60px}.how>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px}.step-icon{grid-row:span 2;font-size:27px;color:#7a98ae;line-height:1.3}h3{font-size:12px;font-weight:550;margin:0 0 7px}.how p{font-size:11px;color:#7a8da0;line-height:1.7;margin:0;max-width:230px}footer{border-top:1px solid #bed0e142;padding:22px 32px 28px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7c90a2}#form-error{font-size:11px;color:#a04848;line-height:1.5;margin:0 0 10px}#form-error:empty{display:none}.success-symbol{width:58px;height:58px;border-radius:50%;background:#d0e6df99;box-shadow:inset 0 1px 0 #fff;color:#518975;font-size:25px;display:grid;place-items:center;margin-bottom:20px}.demo-label{font-size:10px;color:#5b8a7a;margin-bottom:12px}.next-steps{list-style:none;margin:25px 0 28px;padding:0;display:grid;gap:19px}.next-steps li{display:flex;align-items:flex-start;gap:12px}.next-steps li>span{width:23px;height:23px;flex:none;display:grid;place-items:center;border:1px solid #bdd0e2;border-radius:50%;font-size:10px;color:#6b85a0}.next-steps strong{font-size:12px;font-weight:550}.next-steps p{font-size:11px;color:#7a8da0;line-height:1.6;margin:5px 0 0}#success-view:focus{outline:none}@media(min-width:1500px){main{padding-top:80px}.how{padding-top:65px}}@media(max-width:1000px){main{gap:35px}h1{font-size:44px}.compatibility{gap:15px}.compat-end{display:none}.scene{transform:scale(.88);transform-origin:left center}.activation{padding:25px 25px 0}h2{font-size:23px}}@media(max-width:760px){header{padding:24px}.brand{font-size:21px}.help{font-size:12px;gap:7px}main{display:flex;flex-direction:column;padding:28px 24px 24px;gap:25px;max-width:520px}.intro{width:100%}.edition{font-size:12px}h1{font-size:44px;letter-spacing:-2px;margin:19px 0 15px}.lead{font-size:14px}.scene{height:265px;transform:scale(.88);margin-top:0;margin-bottom:-27px;width:465px}.compatibility{margin-top:2px;justify-content:flex-start;gap:22px}.activation{width:100%;padding:25px 25px 0;border-radius:26px}.card-top{margin-bottom:22px}.how{grid-template-columns:1fr;max-width:520px;padding:12px 27px 30px;gap:24px}.how p{max-width:none}footer{max-width:520px;padding:20px 24px 26px;flex-wrap:wrap;gap:10px;font-size:9px}footer span:nth-child(2){order:3;width:100%}footer span:last-child{margin-left:auto}.ambient i:nth-child(1){top:170px}.ambient i:nth-child(2){top:550px}.ambient i:nth-child(3){top:-130px}}@media(max-width:390px){.scene{transform:scale(.72);transform-origin:left center;margin-bottom:-47px;height:255px}h1{font-size:38px}.secure{font-size:9px}.included div>span{font-size:9px}.activation{padding:23px 20px 0}.help span{display:none}.compatibility{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:760px){.scene{margin-bottom:0}.compatibility{margin-top:5px}}@media(max-width:390px){.scene{margin-bottom:-10px}}