:root{--bg:#FFFFFF;--alt:#F5F5F7;--paper:#FFFFFF;--card:#FFFFFF;--ink:#1D1D1F;--muted:#6E6E73;--faint:#86868B;
--line:#E5E5EA;--line2:#D2D2D7;--accent:#0A66D9;--accent-2:#0858BD;--soft:#E8F1FD;
--ok:#1D8348;--okbg:#E7F5EC;--warn:#935F00;--warnbg:#FFF4D9;--red:#C2410C;--redbg:#FDECE4;
--nav:rgba(255,255,255,.72);--shadow:0 2px 6px rgba(0,0,0,.04),0 30px 70px -30px rgba(0,0,0,.25);
--ui:"SF Pro Display","SF Pro Text","Segoe UI Variable Display","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
--mono:"SF Mono","Cascadia Mono",ui-monospace,Consolas,"DejaVu Sans Mono",monospace}
@media (prefers-color-scheme:dark){:root{--bg:#000000;--alt:#101012;--paper:#1C1C1E;--card:#1C1C1E;--ink:#F5F5F7;--muted:#A1A1A6;
--faint:#6E6E73;--line:#2C2C2E;--line2:#3A3A3C;--accent:#3B8CF5;--accent-2:#5A9DF6;--soft:#162A45;
--ok:#4FD18B;--okbg:#133224;--warn:#F5B94A;--warnbg:#382A0E;--red:#FF8A5B;--redbg:#3B1F14;
--nav:rgba(22,22,23,.72);--shadow:0 30px 70px -30px rgba(0,0,0,.8)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 var(--ui);-webkit-font-smoothing:antialiased;letter-spacing:-.011em}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}
code{font:.88em var(--mono);background:var(--alt);padding:1px 6px;border-radius:6px}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:5;background:var(--nav);backdrop-filter:saturate(180%) blur(20px);
-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:22px;height:56px}
.brand{display:flex;align-items:center}.brand img{height:24px;width:auto}
.nav .links{display:flex;gap:26px;margin-left:auto;align-items:center}
.nav .links a{color:var(--muted);font-size:14px}.nav .links a:hover{color:var(--ink);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:980px;font-weight:500;
border:1px solid transparent;font-size:17px;line-height:1.2;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.btn:hover{text-decoration:none}
.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2)}
.btn.ghost{border-color:var(--accent);color:var(--accent);background:transparent}.btn.ghost:hover{background:var(--soft)}
.btn.small{padding:7px 15px;font-size:14px}
.nav .links .btn.primary{color:#fff}
.hero{padding:88px 0 40px;text-align:center}
.eyebrow{font-size:19px;font-weight:600;color:var(--muted);letter-spacing:-.01em}
.hero .mark{height:64px;width:auto;margin:0 auto 22px}
h1{font-size:clamp(40px,6.4vw,80px);line-height:1.04;letter-spacing:-.035em;font-weight:700;margin:10px auto 22px;max-width:920px}
.lead{font-size:clamp(19px,1.8vw,24px);line-height:1.45;color:var(--muted);max-width:760px;margin:0 auto 34px;letter-spacing:-.015em}
.ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.micro{color:var(--faint);font-size:14px;margin-top:16px}
.privacy{display:inline-flex;gap:10px;align-items:center;margin:0 auto 30px;padding:10px 18px;border-radius:999px;
background:var(--okbg);color:var(--ok);font-weight:600;font-size:16px;max-width:760px;line-height:1.35;text-align:left}
.expect{color:var(--muted);font-size:14px;line-height:1.5;max-width:640px;margin:14px auto 0}
.shot{width:100%;height:auto;margin:56px auto 0;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:var(--paper);border:1px solid var(--line)}
.works{display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:center;margin:44px 0 0;color:var(--muted);font-size:13px}
.works span{font-family:var(--mono);background:var(--alt);border-radius:8px;padding:5px 11px}
section{padding:110px 0}section.alt{background:var(--alt)}
h2{font-size:clamp(32px,4.4vw,56px);letter-spacing:-.03em;line-height:1.07;margin:0 0 16px;font-weight:700}
.sub{color:var(--muted);max-width:660px;margin:0 0 52px;font-size:21px;line-height:1.45;letter-spacing:-.015em}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{background:var(--card);border-radius:20px;padding:30px}
section:not(.alt) .step{background:var(--alt)}
.step .no{font:600 13px var(--mono);color:var(--accent)}
.step h3{margin:12px 0 8px;font-size:22px;letter-spacing:-.02em}.step p{margin:0;color:var(--muted);font-size:16px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feat{padding:28px;border-radius:20px;background:var(--alt)}
section.alt .feat{background:var(--card)}
.feat h3{margin:0 0 8px;font-size:21px;letter-spacing:-.02em}.feat p{margin:0;color:var(--muted);font-size:16px}
.pill{font:600 12px var(--ui);border-radius:999px;padding:3px 10px;display:inline-block;margin-bottom:14px;letter-spacing:0}
.pill.ok{background:var(--okbg);color:var(--ok)}.pill.warn{background:var(--warnbg);color:var(--warn)}.pill.red{background:var(--redbg);color:var(--red)}
.pill.blue{background:var(--soft);color:var(--accent)}
.offline{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.offline .shot{margin:0}
.price{max-width:520px;margin:0 auto;background:var(--card);border-radius:28px;padding:44px 40px;text-align:center;box-shadow:var(--shadow)}
.price .amt{font-size:72px;font-weight:700;letter-spacing:-.04em;line-height:1}.price .amt small{font-size:19px;color:var(--muted);font-weight:500;letter-spacing:-.01em}
.price ul{list-style:none;padding:0;margin:30px 0 30px;text-align:left}
.price li{padding:11px 0 11px 30px;border-bottom:1px solid var(--line);position:relative;font-size:16px}
.price li:before{content:"✓";position:absolute;left:4px;color:var(--accent);font-weight:700}
.price .final{color:var(--muted);font-size:14px;margin-top:18px}
.faq{max-width:780px}.faq details{border-bottom:1px solid var(--line2);padding:20px 0}
.faq summary{font-weight:600;cursor:pointer;font-size:19px;list-style:none;letter-spacing:-.015em}.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;color:var(--faint);font-weight:300;font-size:24px;line-height:1}.faq details[open] summary:after{content:"–"}
.faq p{color:var(--muted);margin:12px 0 0;font-size:16px}
footer{padding:34px 0 50px;color:var(--faint);font-size:13px;border-top:1px solid var(--line);background:var(--alt)}
footer .wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:center}footer a{color:var(--muted)}
footer a:hover{color:var(--ink)}footer .sp{margin-left:auto}footer .fm{height:18px;width:auto;opacity:.8}
.page{max-width:760px;margin:0 auto;padding:72px 24px 96px}
.page h1{font-size:clamp(34px,4.6vw,52px);text-align:left;margin:0 0 20px}
.card{background:var(--alt);border-radius:20px;padding:30px}
.legal h1{margin-bottom:8px}.legal p,.legal li{font-size:16px}
ol.big{padding-left:22px;margin:0}ol.big li{margin:10px 0}
input[type=email],input[type=password]{width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--line2);background:var(--paper);
color:var(--ink);font:17px var(--ui)}input:focus{outline:3px solid var(--soft);border-color:var(--accent)}
.row{display:flex;gap:10px;margin-top:12px}.row input{flex:1}
.msg{margin-top:14px;color:var(--muted)}
table.stats{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
table.stats td,table.stats th{padding:9px 10px;border-bottom:1px solid var(--line);text-align:right}
table.stats td:first-child,table.stats th:first-child{text-align:left;font-family:var(--mono)}
@media (max-width:860px){.steps,.grid,.offline{grid-template-columns:1fr}.nav .links a:not(.btn){display:none}
section{padding:72px 0}.hero{padding-top:56px}}