:root{--bg0:#040b14;--bg1:#07121f;--panel:#0a1828;--panel2:#0c1d30;--line:#16364a;--line2:#1d4a5c;--mint:#4ff0c1;--mint2:#2fc9a4;--teal:#1aa59a;--glow:rgba(79,240,193,.55);--amber:#f5b041;--txt:#d9f3ee;--dim:#9db8bf;--dim2:#6f8c95;--font:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}
html,body{margin:0;color:var(--txt);font:400 18px/1.6 var(--font);background:var(--bg0)}
body{background:radial-gradient(1200px 700px at 70% -10%,rgba(79,240,193,.10),transparent 60%),radial-gradient(900px 600px at 0% 40%,rgba(26,165,154,.08),transparent 60%),var(--bg0)}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--mint);text-decoration-color:rgba(79,240,193,.5);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.draftbar{background:var(--amber);color:#1a1200;font:700 12px var(--mono);letter-spacing:.1em;text-align:center;padding:6px 10px}
header.site{background:rgba(4,11,20,.9);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.brand{font-weight:800;font-size:18px;color:var(--txt);text-decoration:none;letter-spacing:.12em;text-transform:uppercase}
.brand small{display:block;font:600 11px var(--mono);letter-spacing:.16em;color:var(--mint2)}
header nav a{color:var(--dim);font:600 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-left:18px;text-decoration:none}
header nav a:hover{color:var(--mint)}
section{padding:46px 0}
section.alt,section.dark{background:linear-gradient(180deg,rgba(10,24,40,.75),rgba(7,18,31,.75));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kicker{font:700 12px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mint);margin:0 0 8px;text-shadow:0 0 14px var(--glow)}
h1{font-size:46px;line-height:1.1;margin:0 0 16px;color:#effffa;letter-spacing:-.01em}
h2{font-size:32px;line-height:1.2;margin:0 0 14px;color:#effffa}
h3{font-size:21px;line-height:1.25;margin:0 0 8px;color:#effffa}
p{margin:0 0 14px}b,strong{color:#effffa}
.lead{font-size:20px;max-width:42em;color:var(--txt)}
.hero{padding:56px 0 50px}
.hero h1 em{font-style:normal;color:var(--mint);text-shadow:0 0 24px var(--glow)}
.hero .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center}
.btn{display:inline-block;background:var(--mint);color:#04140f;font-weight:800;padding:14px 26px;border-radius:10px;text-decoration:none;font-size:17px;box-shadow:0 0 0 1px var(--mint2),0 0 26px rgba(79,240,193,.45)}
.btn.light{background:var(--mint)}
.btn.ghost{background:transparent;color:var(--mint);box-shadow:0 0 0 1px var(--mint2);margin-left:8px;margin-top:8px}
.ph-btn{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;background:transparent;color:var(--mint);border:2px dashed var(--mint2);box-shadow:none;cursor:not-allowed;font:700 13px var(--mono);letter-spacing:.04em;text-align:center}
.ph{border:2px dashed var(--line2);border-radius:12px;background:repeating-linear-gradient(135deg,rgba(12,29,48,.9) 0 12px,rgba(10,24,40,.9) 12px 24px);color:var(--txt);padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;min-height:120px}
.ph b{font:700 13px var(--mono);letter-spacing:.16em;color:var(--amber)}
.ph span{font-size:15px;max-width:34em;color:var(--dim)}
.ph.cover{aspect-ratio:3/4;min-height:0}.gcover{display:block}.gcover img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line2)}.ph.video{aspect-ratio:16/9}
.panel,.card,.offer,.limits div,.gloss div,.note{background:rgba(10,24,40,.85);border:1px solid var(--line);border-radius:14px;box-shadow:inset 0 1px 0 rgba(79,240,193,.06),0 10px 30px rgba(0,0,0,.35)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{padding:20px;display:flex;flex-direction:column;gap:10px;border-top:2px solid var(--mint2)}
.card ul{margin:0;padding-left:1.2em}.card li{margin:0 0 6px}
.card .meta{font-size:15px;color:var(--dim)}
.tag{display:inline-block;align-self:flex-start;font:700 11px var(--mono);letter-spacing:.1em;background:rgba(79,240,193,.08);color:var(--mint);border:1px solid var(--mint2);border-radius:999px;padding:3px 10px}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 28px}
.steps li{counter-increment:s;position:relative;padding-left:48px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--mint);color:var(--mint);font:700 14px var(--mono);display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px var(--glow)}
.offers{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;align-items:stretch}
.offers>*,.cards>*,.shots>*,.limits>*,.hero .grid>*{min-width:0}
.offer{padding:22px;display:flex;flex-direction:column;gap:10px}
.offer.best{border:1.5px solid var(--mint);box-shadow:0 0 0 1px rgba(79,240,193,.25),0 0 40px rgba(79,240,193,.22);position:relative}
.offer.best .badge{position:absolute;top:-13px;left:22px;background:var(--mint);color:#04140f;font:800 11px var(--mono);letter-spacing:.12em;padding:4px 12px;border-radius:999px}
.price{font:800 46px/1 var(--font);color:var(--mint);text-shadow:0 0 20px var(--glow)}
.offer ul{margin:0 0 6px;padding-left:1.2em}.offer li{margin:0 0 6px}
.offer .btn{margin-top:auto}
.picker{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--dim)}
.picker select{font:inherit;width:100%;max-width:100%;padding:10px;border:1px solid var(--line2);border-radius:8px;background:var(--panel2);color:var(--txt)}
.upgrade{margin-top:18px;padding:14px 18px;border:1px solid var(--mint2);border-radius:12px;background:rgba(79,240,193,.06)}
.upgrade p{margin:0}
table.cmp{width:100%;border-collapse:collapse;background:rgba(10,24,40,.85);font-size:16px}
table.cmp th,table.cmp td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.cmp thead th{background:var(--panel2);color:var(--dim);font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}
table.cmp thead th.best{color:var(--mint)}
table.cmp td.y{font-weight:700;color:var(--mint)}table.cmp td.n{color:var(--dim2)}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid var(--line)}
.shots{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:start}
figure{margin:0}
figure video{width:100%;border-radius:12px;border:1px solid var(--line2);box-shadow:0 0 0 1px rgba(79,240,193,.15),0 0 34px rgba(79,240,193,.18);background:var(--bg1)}
figure.phone video{max-width:300px;margin:0 auto;border-radius:22px}
figcaption{font-size:14px;margin-top:8px;color:var(--dim)}
.note{font-size:15px;border-left:3px solid var(--mint);padding:12px 16px}
.need{background:rgba(79,240,193,.06);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;font-size:17px}.need p{margin:0}
.gloss{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 0}.gloss div{padding:12px 14px}.gloss dt{font:700 13px var(--mono);letter-spacing:.06em;color:var(--mint)}.gloss dd{margin:4px 0 0;font-size:15px}
.limits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.limits div{padding:16px}
.vids{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0}
.vids a{background:rgba(10,24,40,.85);border:1px solid var(--mint2);border-radius:999px;padding:6px 14px;font-size:15px;text-decoration:none}
footer{background:var(--bg1);border-top:1px solid var(--line);padding:28px 0 32px;font-size:15px;color:var(--dim)}
footer .cols{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
footer h2{font:700 13px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
footer p{margin:0 0 8px}
.credit{margin-top:18px;color:var(--dim2)}
.ml-embedded{color-scheme:light}

@media (max-width:900px){.gloss{grid-template-columns:1fr 1fr}.hero .grid,.cards,.offers,.shots,.limits{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.offer.best{order:-1}}
@media (max-width:600px){.gloss{grid-template-columns:1fr}html,body{font-size:17px}h1{font-size:32px}h2{font-size:26px}.lead{font-size:18px}.wrap{padding:0 16px}section{padding:36px 0}header nav a{margin-left:0;margin-right:14px}.price{font-size:40px}.ph.cover{aspect-ratio:auto;min-height:150px}}