:root{--bg:#050b16;--bg2:#081a32;--card:#0b1e38;--card2:#0e2747;--text:#f4f8ff;--muted:#b6c5d9;--blue:#2477ff;--blue2:#60a5ff;--line:rgba(255,255,255,.12);--shadow:0 22px 70px rgba(0,0,0,.45);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top right,#0d2d5a 0,#050b16 46%,#03060d 100%);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 5vw;background:rgba(5,11,22,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#6d5cff,#0ea5ff);box-shadow:0 8px 26px rgba(36,119,255,.35);font-size:24px}.brand strong{display:block;font-size:22px;letter-spacing:-.04em}.brand em{font-style:normal;color:var(--blue2)}.brand small{display:block;color:var(--muted);font-size:13px;margin-top:-3px}.nav{display:flex;gap:26px;color:#dbe8ff}.nav a:hover{color:var(--blue2)}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:14px;padding:15px 24px;background:linear-gradient(135deg,#2b84ff,#0d58ff);color:#fff;font-weight:800;box-shadow:0 14px 38px rgba(36,119,255,.32);transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(36,119,255,.45)}.btn-small{padding:11px 18px}.btn-ghost{background:rgba(255,255,255,.06);border:1px solid var(--line);box-shadow:none}.section-pad{padding:82px 5vw}.hero{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(420px,1.25fr);gap:42px;align-items:center;min-height:calc(100vh - 78px)}.eyebrow{color:var(--blue2);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:900;margin:0 0 14px}.hero h1,.section-title h2,.split h2,.privacy h2,.cta h2{font-size:clamp(40px,6vw,82px);line-height:.96;letter-spacing:-.07em;margin:0 0 22px}.section-title h2,.split h2,.privacy h2,.cta h2{font-size:clamp(34px,4vw,58px)}.lead{font-size:clamp(18px,2vw,24px);color:#d4e4f8;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.download-card{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:18px;padding:16px 18px;max-width:560px}.download-card strong,.download-card span,.download-card small{display:block}.download-card span,.download-card small{color:var(--muted)}code{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:7px}.hero-media{position:relative}.hero-media:before{content:"";position:absolute;inset:8% 3%;background:linear-gradient(135deg,rgba(36,119,255,.35),rgba(96,165,255,.12));filter:blur(50px);z-index:-1}.hero-media img,.wide-shot{border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.trust-strip span{background:rgba(8,26,50,.82);padding:20px 5vw;text-align:center;color:#d7e5f9;font-weight:700}.section-title{max-width:850px;margin:0 auto 34px;text-align:center}.section-title p{color:var(--muted);font-size:18px}.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,rgba(14,39,71,.82),rgba(8,26,50,.82));border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:210px}.card h3{font-size:22px;margin:0 0 10px}.card p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr .85fr;gap:34px;align-items:center;background:linear-gradient(90deg,rgba(36,119,255,.12),transparent)}.steps{display:grid;gap:16px;padding-left:22px;color:#d9e7fb;font-size:18px}.example-box{background:linear-gradient(180deg,#0e2747,#081a32);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.question{font-size:24px;font-weight:900}.answer{font-size:20px;color:#d7e5f9}.visual-section{background:rgba(255,255,255,.025)}.wide-shot{margin:0 auto}.privacy{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.privacy p{color:var(--muted);font-size:18px}.mini-cards{grid-template-columns:repeat(2,1fr)}.mini-cards div{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:24px;font-weight:800}.cta{text-align:center;background:radial-gradient(circle,#123e7c 0,#071426 55%,#050b16 100%)}.cta p{color:var(--muted);font-size:18px}.cta small{display:block;margin-top:18px;color:var(--muted)}.faq details{max-width:900px;margin:12px auto;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:18px 22px}.faq summary{font-weight:900;cursor:pointer}.faq p{color:var(--muted)}.footer{padding:32px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);gap:15px}@media(max-width:1080px){.nav{display:none}.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr)}.privacy,.split{grid-template-columns:1fr}}@media(max-width:620px){.site-header{padding:14px 18px}.btn-small{display:none}.section-pad{padding:58px 18px}.hero h1{font-size:52px}.hero-actions{flex-direction:column}.btn{width:100%}.cards,.mini-cards,.trust-strip{grid-template-columns:1fr}.footer{flex-direction:column}.brand strong{font-size:19px}.brand small{font-size:12px}}
