:root{color-scheme:dark;--bg:#0d1822;--bg2:#102532;--card:#183440;--line:#315461;--ink:#f2faf9;--muted:#a8bdc2;--mint:#70e7ca;--mint-dark:#16372f;--amber:#ffd18e;--max:1160px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:0;background:radial-gradient(circle at 78% 2%,#1b4250 0,transparent 28rem),linear-gradient(180deg,#0d1822 0%,#0c1c28 52%,#0d1822 100%);color:var(--ink);line-height:1.55;overflow-x:hidden}
a{color:inherit}
button,input{font:inherit}
button{cursor:pointer}
.test-banner{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;min-height:42px;padding:.45rem 1rem;text-align:center;background:#254035;color:#e7fff5;border-bottom:1px solid #4a8372;font-size:.8rem;letter-spacing:.02em}
.test-banner strong{color:var(--mint);letter-spacing:.13em}
.site-header{width:min(100%,calc(var(--max) + 3rem));margin:auto;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;min-width:0}
.brand img{flex:none;width:44px;height:44px;border-radius:10px;box-shadow:0 0 20px #4de1c044}
.brand span{display:flex;flex-direction:column;line-height:1.1;gap:.3rem}
.brand strong{font-size:1.22rem;white-space:nowrap}
.brand small{font-size:.62rem;color:var(--mint);letter-spacing:.17em;text-transform:uppercase;white-space:nowrap}
nav{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;justify-content:flex-end}
nav a{font-size:.92rem;color:#c3d9da;text-decoration:none;white-space:nowrap}
nav a:last-child{color:var(--mint);font-weight:700}
nav a:hover,.text-link:hover,.back-link:hover{color:#fff}
main{width:min(100%,calc(var(--max) + 3rem));margin:auto;padding:0 1.5rem}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:2rem;align-items:center;min-height:575px;padding:3rem 0 5rem}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:750;font-size:.75rem;color:var(--mint);margin:0 0 1.1rem}
h1,h2,h3,p{overflow-wrap:anywhere}
h1{font-size:clamp(2.7rem,5.9vw,5.25rem);letter-spacing:-.055em;line-height:1.05;margin:.2rem 0 1.35rem;max-width:13ch}
h2{font-size:clamp(2rem,3.5vw,3.1rem);letter-spacing:-.045em;line-height:1.13;margin:.3rem 0 1rem}
h3{font-size:1.08rem;margin:.5rem 0}
p{color:var(--muted);margin:.5rem 0 1rem}
.lead{font-size:1.13rem;max-width:55ch;color:#c4d9db}
.hero-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin:2rem 0 1rem}
.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.35rem;border-radius:12px;border:1px solid var(--mint);font-weight:750;text-align:center;text-decoration:none;line-height:1.25;max-width:100%}
.button{background:var(--mint);color:#0b2928;box-shadow:0 10px 26px #44cfa52b}
.button:hover{background:#a2f5e0;transform:translateY(-1px)}
.button-secondary{color:var(--mint);background:transparent}
.button-secondary:hover{background:#244942}
form{margin:0}
.text-link,.back-link{font-weight:650;color:var(--mint);text-decoration:none}
.fine{font-size:.84rem;color:#8faab0}
.hero-art{position:relative;min-height:440px;display:grid;place-items:center;isolation:isolate}
.hero-art::before{content:"";position:absolute;width:min(95%,440px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#4bd8bb32 0,#184b4a24 47%,transparent 73%);filter:blur(10px)}
.orbit{position:absolute;width:min(88%,430px);aspect-ratio:1;border:1px solid #76e5ca44;border-radius:50%;transform:rotate(-22deg) scaleY(.65)}
.orbit-two{width:min(65%,320px);transform:rotate(35deg) scaleY(.73);border-color:#89d9d366}
.device{width:min(70%,290px);aspect-ratio:1;display:grid;place-items:center;border-radius:44px;background:linear-gradient(145deg,#234856,#10272e);border:1px solid #6bc5b889;box-shadow:0 32px 100px #020a0f99,inset 0 1px 1px #ffffff2b;transform:rotate(-8deg)}
.device img{width:63%;height:auto;filter:drop-shadow(0 0 20px #5de6c455)}
.floating-label{position:absolute;background:#163441e8;border:1px solid #70e7ca77;box-shadow:0 12px 28px #020a0f66;border-radius:999px;color:#e0fcf3;font-weight:700;font-size:.8rem;padding:.55rem .85rem;white-space:nowrap}
.label-one{top:16%;left:3%}.label-two{right:0;top:26%}.label-three{right:5%;bottom:16%}
.section{padding:4.5rem 0;border-top:1px solid #2d4650}
.section>p:not(.eyebrow){max-width:65ch}
.plan-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:2.5rem;align-items:center}
.plan-card,.checkout-card{border:1px solid var(--line);background:linear-gradient(160deg,#1a3944,#112b35);border-radius:22px;box-shadow:0 18px 45px #020b122c}
.plan-card{padding:2rem}
.plan-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;color:#e9fff8;font-weight:750}
.plan-top strong{font-size:3.5rem;line-height:1;letter-spacing:-.06em;color:var(--mint)}
.plan-sub{margin:.1rem 0 1.35rem}
.plan-card ul{list-style:none;padding:0;margin:1.4rem 0 2rem}
.plan-card li{position:relative;padding:.7rem 0 .7rem 1.85rem;border-top:1px solid #35515a;color:#e0eeee}
.plan-card li::before{content:"✓";position:absolute;left:0;color:var(--mint);font-weight:800}
.plan-card .button{width:100%}
.unavailable{display:block;padding:.8rem 1rem;border:1px solid #46616a;border-radius:12px;color:var(--muted);text-align:center;font-weight:700}
.status-note{padding:.9rem 1.1rem;margin:1.4rem 0;border:1px solid #8b7754;border-radius:12px;background:#423627;color:#ffe5b8}
.steps,.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.steps article,.faq-grid article{border:1px solid #2b4b55;border-radius:18px;background:#142b36;padding:1.5rem;min-width:0}
.steps b{font-size:.85rem;color:var(--mint);letter-spacing:.14em}
.steps p,.faq-grid p{font-size:.94rem}
.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
footer{border-top:1px solid #304a54;width:min(100%,calc(var(--max) + 3rem));margin:3rem auto 0;padding:1.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#8baab0;font-size:.82rem}
.narrow{max-width:770px;margin:3rem auto 5rem}
.narrow h1{font-size:clamp(2.5rem,5vw,4rem);max-width:none}
.back-link{display:inline-block;margin-bottom:2rem}
.checkout-card{margin-top:2rem;padding:2rem}
.checkout-card hr{border:0;border-top:1px solid var(--line);margin:1.2rem 0}
.checkout-card form{margin-top:1.5rem}
.checkout-card .button{width:100%}
.checkout-row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;font-size:1.08rem}
.checkout-row strong{font-size:1.4rem;color:var(--mint)}
.checkout-row.muted{font-size:.95rem;color:var(--muted)}
.checkout-row.muted strong{color:#fff;font-size:1.1rem}
.badge{display:inline-block;font-size:.69rem;letter-spacing:.11em;font-weight:800;color:var(--amber);border:1px solid #ad8d63;border-radius:999px;padding:.3rem .6rem}
.limit{color:var(--amber);font-weight:700}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:2rem 0 3.5rem}.hero-art{min-height:330px;order:-1}.device{max-width:205px;border-radius:30px}.label-one{left:8%}.label-two{right:6%}.label-three{right:12%;bottom:8%}.plan-section{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps article{padding:1.2rem}}
@media(max-width:560px){.site-header{align-items:flex-start;padding:1rem}.brand img{width:38px;height:38px}.brand strong{font-size:1.02rem}.brand small{font-size:.5rem}nav{gap:.6rem;flex-direction:column;align-items:flex-end}nav a{font-size:.76rem}main{padding:0 1rem}.hero-art{min-height:265px}.device{max-width:170px}.orbit{max-width:280px}.orbit-two{max-width:205px}.floating-label{font-size:.64rem;padding:.37rem .55rem}.hero{gap:.5rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.section{padding:3rem 0}.plan-card,.checkout-card{padding:1.35rem}.faq-grid{grid-template-columns:1fr}.narrow{margin:2rem auto 4rem}.checkout-row{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}