
:root{--ink:#0a2540;--muted:#53657d;--blue:#635bff;--cyan:#00d4ff;--green:#00a86b;--bg:#f6f9fc;--card:#fff;--line:#dbe7f3;--shadow:0 28px 80px rgba(10,37,64,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:-25vh -20vw auto -20vw;height:70vh;background:linear-gradient(115deg,#635bff,#00d4ff 42%,#00a86b 72%,#f6f9fc 72%);transform:skewY(-8deg);z-index:-2}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.9),transparent 18rem),radial-gradient(circle at 80% 10%,rgba(255,255,255,.55),transparent 22rem);z-index:-1}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,3rem);background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,231,243,.72)}.logo{display:flex;align-items:center;gap:.55rem;color:var(--ink);font-weight:900;text-decoration:none}.logo span{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 8px 24px rgba(99,91,255,.35)}nav{display:flex;gap:.55rem;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;font-weight:800;font-size:.92rem;padding:.45rem .75rem;border-radius:999px;background:rgba(255,255,255,.72)}.hero{max-width:1180px;margin:0 auto;padding:clamp(1.4rem,5vw,4.6rem) clamp(1rem,4vw,2rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:2rem;align-items:center}.eyebrow{display:inline-flex;width:max-content;padding:.35rem .75rem;border-radius:999px;background:#fff;color:var(--blue);font-weight:900;box-shadow:0 12px 30px rgba(10,37,64,.08);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.crumb{margin:1rem 0}.crumb a,.crumb span{padding:0;background:transparent;color:#fff;text-shadow:0 1px 8px rgba(10,37,64,.22);border:0}.hero h1{margin:.7rem 0 1rem;font-size:clamp(2.7rem,8vw,6rem);line-height:.9;letter-spacing:-.075em;color:#fff;text-shadow:0 10px 40px rgba(10,37,64,.22)}.hero p{font-size:1.07rem;color:#173b5c}.risk{padding:1rem;border-radius:22px;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 40px rgba(10,37,64,.08);font-size:.93rem}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.4rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.08rem;border-radius:14px;border:0;background:var(--ink);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 16px 38px rgba(10,37,64,.22)}.btn.ghost{background:#fff;color:var(--ink)}.btn.small{margin-top:.8rem;background:linear-gradient(135deg,var(--blue),var(--cyan))}.hero-visual,.visual{margin:0;border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.75)}img{display:block;width:100%;height:auto}.hero-visual figcaption{font-weight:900;padding:.8rem 1rem;color:var(--blue)}.panel{max-width:1100px;margin:1.25rem auto;padding:clamp(1rem,3vw,1.5rem);border-radius:30px;background:rgba(255,255,255,.84);box-shadow:0 24px 70px rgba(10,37,64,.09);border:1px solid rgba(219,231,243,.9);display:grid;grid-template-columns:minmax(250px,.76fr) minmax(0,1fr);gap:1.4rem;align-items:start}.panel:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(250px,.76fr)}.panel:nth-child(even) .visual{order:2}.panel h2{font-size:clamp(1.55rem,4vw,2.55rem);line-height:1.08;letter-spacing:-.045em;margin:.7rem 0 1rem;color:var(--ink)}.panel p{color:#27455f}.faq details{border:1px solid var(--line);border-radius:18px;background:#fff;margin:.75rem 0;padding:.2rem 1rem}.faq summary{cursor:pointer}.faq h3{display:inline;font-size:1rem;color:var(--ink)}footer{margin-top:2rem;padding:2rem;text-align:center;background:#08192c;color:#dbe7f3}footer a{color:#8be9fd}@media(max-width:850px){.topbar{align-items:flex-start;flex-direction:column}.hero,.panel,.panel:nth-child(even){grid-template-columns:1fr}.panel:nth-child(even) .visual{order:0}.hero h1{font-size:3.4rem}.actions .btn{width:100%}.hero{padding-top:1rem}.panel{margin:.85rem .75rem;border-radius:22px}nav a{font-size:.86rem;padding:.36rem .55rem}}@media(max-width:360px){body{font-size:15px}.hero h1{font-size:3rem}.panel{padding:.9rem}.btn{padding:.8rem .9rem}}
