:root{--navy:#061d49;--blue:#0878ff;--muted:#64748b;--line:#dce9f8;--bg:#f6fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy);background:white}nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px);position:sticky;top:0;background:#ffffffdf;backdrop-filter:blur(16px);z-index:10;border-bottom:1px solid #edf4fb}.brand{font-weight:850;font-size:20px;color:var(--navy);text-decoration:none}nav div{display:flex;gap:28px}nav div a,.legal a{color:#375275;text-decoration:none}.hero{min-height:780px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px max(7vw,28px);overflow:hidden;background:radial-gradient(circle at 78% 48%,#d9efff 0,transparent 35%),linear-gradient(145deg,#fff 50%,#f2f9ff)}.copy{max-width:690px}.eyebrow,.heading span,.download span{font-size:13px;letter-spacing:.18em;font-weight:800;color:var(--blue)}h1{font-size:clamp(58px,7vw,108px);line-height:.91;letter-spacing:-.06em;margin:24px 0}h1 em,h2 em{font-style:normal;color:var(--blue)}.copy p,.showcase p,.formats p{font-size:20px;line-height:1.65;color:var(--muted);max-width:650px}.cta{display:inline-block;margin-top:18px;padding:18px 25px;border-radius:16px;background:var(--blue);color:#fff;text-decoration:none;font-weight:750;box-shadow:0 16px 35px #0878ff38}.copy small{display:block;margin-top:20px;color:#8090a6}.visual{position:relative;display:grid;place-items:center}.visual img{width:min(650px,100%);position:relative;filter:drop-shadow(0 35px 45px #0b3a7440)}.glow{position:absolute;width:70%;aspect-ratio:1;background:#37b7ff55;filter:blur(80px);border-radius:50%}.trust{padding:25px max(7vw,28px);display:flex;gap:32px;justify-content:center;flex-wrap:wrap;border-block:1px solid var(--line);color:#71829a}.trust b{color:var(--navy)}.section,.formats,.tools{padding:120px max(7vw,28px)}.heading h2,.showcase h2,.download h2{font-size:clamp(44px,5vw,74px);line-height:1;letter-spacing:-.045em;margin:16px 0 50px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article,.toolgrid div{border:1px solid var(--line);border-radius:28px;padding:34px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 16px 45px #163c6810}.cards i{font-style:normal;font-size:12px;font-weight:900;color:var(--blue)}.cards h3{font-size:28px;margin:45px 0 12px}.cards p,.toolgrid p{color:var(--muted);line-height:1.65}.cards .pro{background:linear-gradient(145deg,#071f4b,#0b4e9b);color:white}.cards .pro p{color:#c7ddfa}.showcase{padding:100px max(7vw,28px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:var(--bg)}.showcase img{width:100%;max-height:850px;object-fit:contain;border-radius:35px;filter:drop-shadow(0 30px 50px #16487925)}.showcase ul{padding:0;list-style:none;color:#526b89}.showcase li{padding:12px 0;border-bottom:1px solid var(--line)}.formats{text-align:center}.formats .heading h2{margin-bottom:35px}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:900px;margin:40px auto}.format-grid b{font-size:28px;padding:38px 20px;border-radius:24px;background:#f5faff;border:1px solid var(--line)}.formats p{margin:auto}.tools{background:#061d49;color:white}.tools .heading span{color:#62b5ff}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.toolgrid div{background:#0b2859;border-color:#1c4178}.toolgrid b{font-size:21px}.toolgrid p{color:#afc6e5}.download{padding:100px max(7vw,28px);display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;background:linear-gradient(135deg,#eaf7ff,#fff)}.download img{width:min(420px,90%)}.download h2{margin-bottom:10px}.dark{background:var(--navy)}.legal{display:grid;grid-template-columns:1fr 1fr;padding:70px max(7vw,28px);gap:30px}.legal div{border-top:1px solid var(--line);padding-top:25px}.legal p{color:var(--muted);line-height:1.8}footer{padding:30px max(7vw,28px);display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#71829a}@media(max-width:850px){nav div{display:none}.hero,.showcase,.download{grid-template-columns:1fr}.hero{padding-top:70px}.visual{margin-top:30px}.cards,.toolgrid{grid-template-columns:1fr}.format-grid{grid-template-columns:1fr 1fr}.showcase{gap:30px}.download img{max-width:260px}.legal{grid-template-columns:1fr}footer{gap:15px;flex-direction:column}h1{font-size:64px}}
