:root{--navy: #0a2540;--navy-2: #12365c;--maple: #d64045;--ink: #1c2b3a;--muted: #5b6b7c;--bg: #ffffff;--bg-soft: #f4f7fa;--line: #dfe7ee;--radius: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}a{color:var(--navy)}.site-header{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:10}.nav{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:1.25rem;text-decoration:none;color:var(--navy);letter-spacing:-.02em}.brand span{color:var(--maple)}.links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.links a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--ink)}.links a:hover{color:var(--maple)}.links a.cta{background:var(--navy);color:#fff;padding:8px 16px;border-radius:999px}.links a.cta:hover{background:var(--navy-2);color:#fff}.links a.lang{border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-weight:700;font-size:.8rem}.hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:72px 0 64px}.hero .kicker{display:inline-block;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 14px;font-size:.85rem;margin-bottom:20px}.hero h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15;margin:0 0 18px;letter-spacing:-.02em}.hero p.sub{font-size:1.1rem;max-width:46rem;color:#d7e3ef;margin:0 0 28px}.hero .actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;font-weight:700;padding:12px 24px;border-radius:999px}.btn.primary{background:var(--maple);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{border:2px solid #fff;color:#fff}.btn.ghost:hover{background:#ffffff1f}.btn.navy{background:var(--navy);color:#fff}section.block{padding:56px 0}section.block.soft{background:var(--bg-soft)}h2{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.01em;margin:0 0 24px;color:var(--navy)}.grid{display:grid;gap:20px}@media(min-width:720px){.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card h3{margin:0 0 8px;font-size:1.05rem;color:var(--navy)}.card p{margin:0;font-size:.95rem;color:var(--muted)}.stats{display:grid;gap:14px;margin-top:34px}@media(min-width:720px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:14px 16px;font-size:.92rem;color:#e6eef6}.steps{counter-reset:step;display:grid;gap:18px}.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 22px 64px;position:relative}.step:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:20px;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center}.step h3{margin:0 0 6px;color:var(--navy)}.step p{margin:0;color:var(--muted)}ul.checks{list-style:none;padding:0;margin:0;display:grid;gap:12px}ul.checks li{padding-left:30px;position:relative}ul.checks li:before{content:"✓";position:absolute;left:0;top:0;color:var(--maple);font-weight:800}.note-box{background:#fff7f0;border:1px solid #f0d9c8;border-radius:var(--radius);padding:20px 22px}.note-box h3{margin:0 0 8px;color:var(--navy)}.note-box p{margin:0;color:var(--ink)}.site-footer{background:var(--navy);color:#cfdceb;padding:40px 0;margin-top:40px}.site-footer .tagline{font-weight:600;color:#fff;margin:0 0 6px}.site-footer .privacy-note{font-size:.9rem;color:#e6eef6;margin:0 0 10px;padding:10px 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.18);border-radius:10px;max-width:60rem}.site-footer .demo-note{font-size:.85rem;margin:0 0 16px;color:#9db4cb}.foot-contact{margin:0 0 10px;font-size:.95rem}.foot-contact a{color:#fff;font-weight:600;text-decoration:none}.foot-contact a:hover{color:var(--maple)}.foot-contact .sep{color:#6f89a4;margin:0 10px}.foot-links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px}.foot-links a{color:#cfdceb;font-size:.9rem}.rights{font-size:.8rem;color:#8ba3bb;margin:0}