:root { color-scheme: dark; --bg:#071229; --panel:#0d1d3f; --line:rgba(145,177,255,.18); --text:#f7f9ff; --muted:#a9b7d4; --cyan:#25d9ff; --violet:#9b6cff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:radial-gradient(900px 520px at 85% 6%,rgba(112,75,255,.25),transparent 65%),radial-gradient(700px 420px at 10% 28%,rgba(0,198,255,.15),transparent 70%),var(--bg); color:var(--text); font-family:"Segoe UI",system-ui,sans-serif; }
main { max-width:1180px; margin:auto; padding:0 28px; }
.nav { height:90px; display:flex; align-items:center; gap:28px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; font-weight:750; letter-spacing:-.02em; }
.brand img { width:44px; height:44px; border-radius:12px; box-shadow:0 10px 35px rgba(37,217,255,.18); }
.nav-link { margin-left:auto; color:var(--muted); text-decoration:none; font-size:14px; }
.hero { min-height:650px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:64px; padding:86px 0; }
.eyebrow { color:var(--cyan); font-size:12px; font-weight:750; letter-spacing:.18em; }
h1 { max-width:690px; margin:20px 0 24px; font-size:clamp(44px,6vw,76px); line-height:1.02; letter-spacing:-.055em; }
.lead { max-width:650px; color:var(--muted); font-size:20px; line-height:1.65; }
.chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }
.chips span { padding:10px 14px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.035); color:#dce6ff; font-size:13px; }
.hero-card { padding:28px; border:1px solid var(--line); border-radius:26px; background:linear-gradient(145deg,rgba(18,40,83,.93),rgba(10,23,52,.96)); box-shadow:0 35px 90px rgba(0,0,0,.36); transform:rotate(1.2deg); }
.card-head { display:flex; align-items:center; gap:13px; padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid var(--line); }
.card-head img { width:48px; height:48px; border-radius:13px; }
.card-head div { display:flex; flex-direction:column; gap:3px; }.card-head span { color:var(--muted); font-size:12px; }
.summary-item { margin:20px 0; padding:17px 18px; border-radius:14px; background:rgba(255,255,255,.04); }
.summary-item b { color:var(--cyan); font-size:11px; letter-spacing:.12em; }.summary-item p { margin:8px 0 0; color:#e6ecfb; line-height:1.55; }
.summary-item.risk b { color:#d8a5ff; }
.section { padding:100px 0; border-top:1px solid var(--line); }
.section-heading { max-width:720px; }.section h2 { margin:14px 0 18px; font-size:clamp(32px,4vw,50px); letter-spacing:-.04em; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:48px; }
.steps article { padding:30px; min-height:230px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.03); }
.steps article>span { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,var(--cyan),var(--violet)); color:#06102a; font-weight:900; }
.steps h3 { margin:28px 0 10px; font-size:20px; }.steps p,.features p,.features li,footer p { color:var(--muted); line-height:1.65; }
.features { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }.features h2 { margin-top:0; }.features ul { margin:8px 0 0; padding:0; list-style:none; }.features li { padding:14px 0 14px 28px; border-bottom:1px solid var(--line); position:relative; }.features li::before { content:"✓"; position:absolute; left:0; color:var(--cyan); font-weight:800; }
footer { display:flex; align-items:center; gap:32px; padding:45px 0 58px; border-top:1px solid var(--line); } footer p { margin-left:auto; }
@media (max-width:800px) { .hero { grid-template-columns:1fr; gap:40px; padding:60px 0 80px; }.hero-card { transform:none; }.steps,.features { grid-template-columns:1fr; gap:18px; }.section { padding:72px 0; } footer { align-items:flex-start; flex-direction:column; gap:8px; } footer p { margin:0; } }
@media (max-width:520px) { main { padding:0 18px; }.nav { height:76px; }.nav-link { display:none; } h1 { font-size:42px; }.lead { font-size:17px; }.hero-card,.steps article { padding:22px; } }