@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#071b2d;--panel:#0d2940;--gold:#ffda74;--text:#eff6ff;--muted:#afc4d8;--line:#31536b}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 82% 25%,#123b5e88,transparent 55%),var(--bg);font:15px/1.65 'DM Sans',Arial,sans-serif}.container{width:min(1230px,calc(100% - 48px));margin-inline:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-100px;left:16px;background:var(--gold);color:#071b2d;padding:12px;z-index:10}.skip:focus{top:8px}.announcement{min-height:34px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#153d54;padding:7px 16px;font-size:10px;font-weight:800;letter-spacing:1.4px}.announcement a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.live-dot,.connection-dot{height:8px;width:8px;border-radius:100%;background:#76f5bb;box-shadow:0 0 14px #76f5bb88;display:inline-block}.site-header{background:#061624e8;border-bottom:1px solid #ffffff20}.header-inner{min-height:94px;display:flex;align-items:center;gap:32px}.brand img{display:block;object-fit:contain;width:72px;height:72px}.header-links{margin-left:auto;display:flex;gap:30px;font-size:12px;font-weight:800;color:var(--muted)}.header-links a{padding-block:12px}.header-links .current{color:var(--gold)}button,.button{font:800 12px/1.35 'DM Sans',Arial,sans-serif;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border:1px solid #7197af;border-radius:10px;background:#12334a;color:var(--text);cursor:pointer;text-align:center;letter-spacing:.3px}.gold{background:linear-gradient(120deg,#ffe797,#f8c44f);color:#102137;border-color:#ffdc7b;box-shadow:0 5px 0 #95651b}.gold:hover{color:#102137;filter:brightness(1.06)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center;padding:78px 0 68px}.eyebrow{font-size:10px;line-height:1.6;font-weight:800;letter-spacing:1.7px;color:var(--gold);margin:0 0 23px}h1,h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;line-height:1;letter-spacing:-.5px}h1{font-size:clamp(54px,6.1vw,86px);margin:0 0 28px}h1 span,.section-heading h2 span{color:var(--gold)}.lead{font-size:20px;font-weight:700;line-height:1.45;margin:0 0 15px}.intro-copy{color:var(--muted);max-width:490px}.benefits{display:flex;gap:20px;flex-wrap:wrap;color:#bad1df;font-size:11px;margin:24px 0 18px}.text-link{font-size:12px;font-weight:700;color:var(--gold)}.phone-note{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:14px;max-width:460px}.phone-note strong{font-size:13px}.phone-note p{font-size:12px;color:var(--muted);margin:4px 0 0}.shield{color:#7df3c8;display:grid;place-items:center;background:#163d45;width:36px;height:40px;border-radius:10px;flex-shrink:0}.pairing-card{border:1px solid #b79b5080;border-radius:24px;background:linear-gradient(135deg,#214459,#0c253c 65%);padding:32px;box-shadow:0 24px 65px #0003;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-heading .eyebrow{margin:0}.pairing-card h2{font-size:39px;margin:25px 0 18px}#status{font-size:16px;font-weight:600;margin:0;overflow-wrap:anywhere}#label{color:var(--gold);font-size:10px;letter-spacing:1.4px;font-weight:800}#qr{background:#fff;border-radius:16px;width:min(100%,280px);padding:8px;margin:22px auto}#qr svg{width:100%;height:auto;display:block}#expiry{text-align:center;font-size:12px;color:var(--gold);font-weight:700}#manual{text-align:center;border-top:1px solid #ffffff20;padding-top:12px}#manual p{font-size:12px;color:var(--muted)}#code{display:block;font:700 clamp(16px,2.6vw,21px)/1.5 monospace;letter-spacing:1px;overflow-wrap:anywhere;margin:8px 0 16px}#copy{min-height:44px;padding:9px 20px}#instructions{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.actions{display:flex;flex-direction:column;gap:15px;margin-top:25px}.card-foot{border-top:1px solid #ffffff20;margin-top:28px;padding-top:19px;color:var(--muted);font-size:10px;letter-spacing:.2px}.card-foot span{color:var(--gold);font-size:16px;margin-right:6px}.howto{padding:42px 0 36px;border-top:1px solid var(--line)}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font-size:48px;margin:0 0 30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:0}.steps li{border:1px solid #365a71;border-radius:18px;padding:25px;background:linear-gradient(135deg,#15334a,#0b2337)}.steps li:nth-child(2){background:linear-gradient(135deg,#105054,#0b2d3b)}.steps li:nth-child(3){background:linear-gradient(135deg,#383953,#14243b)}.step-number{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1px}.steps h3{font-size:18px;margin:16px 0 8px}.steps p{font-size:12px;color:#c0d3e2;margin:0}.protection{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:10px 0 45px}.protection h3{font-size:13px;margin:12px 0 5px}.protection p{color:var(--muted);font-size:12px;max-width:510px;margin:0}.footer{border-top:1px solid var(--line);padding-block:25px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.footer a{color:var(--gold)}
@media(max-width:900px){.hero-grid{gap:35px;padding-top:50px}.header-links{gap:18px}.header-inner{gap:24px}.pairing-card{padding:25px}h1{font-size:65px}.steps{gap:12px}.steps li{padding:20px}}
@media(max-width:650px){.container{width:calc(100% - 32px)}.announcement{font-size:8px;gap:7px;letter-spacing:.8px}.header-inner{min-height:78px;gap:12px;flex-wrap:wrap;padding-block:10px}.brand img{width:55px;height:55px}.header-links{gap:15px;font-size:10px}.header-cta{display:none}.hero-grid{grid-template-columns:1fr;gap:30px;padding:38px 0}.intro h1{font-size:64px}.intro .eyebrow{font-size:9px;margin-bottom:19px}.lead{font-size:18px}.intro-copy{font-size:13px}.phone-note{display:none}.benefits{margin-top:20px}.pairing-card{padding:24px;border-radius:20px}.pairing-card h2{font-size:36px}.steps{grid-template-columns:1fr;gap:12px}.steps li{padding:20px 22px}.steps h3{margin-top:8px}.section-heading h2{font-size:40px}.protection{grid-template-columns:1fr;gap:8px}.footer{font-size:10px;gap:16px}.footer span{order:3;width:100%}.howto{padding-top:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}