:root{--navy:#14295a;--steel:#4a78a8;--red:#c8202f;--ink:#1d2433;--bg:#f6f8fb;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--steel)}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:9}
header{background:#fff;border-bottom:3px solid var(--red);position:sticky;top:0;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;max-width:1100px;margin:auto;flex-wrap:wrap}
.nav img{height:44px;width:auto}.nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;flex-wrap:wrap}
.nav a{text-decoration:none;color:var(--navy);font-weight:600}.nav a[aria-current]{color:var(--red)}
.hero{background:linear-gradient(135deg,var(--navy),var(--steel));color:#fff;padding:80px 0}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:0 0 12px;line-height:1.15}.tag{color:#ffd5d9;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
.btn{display:inline-block;background:var(--red);color:#fff;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:1rem}
.btn.alt{background:transparent;border:2px solid #fff}.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn-row .btn{text-align:center;box-sizing:border-box}@media(max-width:600px){.btn-row{flex-direction:column;align-items:stretch}}
section{padding:56px 0}h2{color:var(--navy);font-size:1.9rem;margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:var(--card);border-radius:10px;padding:24px;box-shadow:0 2px 10px rgba(20,41,90,.08);border-top:4px solid var(--steel)}
.card h3{margin-top:0;color:var(--navy)}.steps{counter-reset:s}.steps .card::before{counter-increment:s;content:counter(s);display:inline-block;background:var(--red);color:#fff;width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px;font-weight:700;margin-bottom:8px}
.cta{background:var(--navy);color:#fff;text-align:center}.cta h2{color:#fff}
.ph{border:2px dashed var(--steel);padding:16px;border-radius:8px;color:#556;background:#fff}
label{display:block;font-weight:600;margin:12px 0 4px}input,textarea,select{width:100%;padding:10px;border:1px solid #b8c2d4;border-radius:6px;font:inherit}
.result{font-size:1.4rem;color:var(--navy);font-weight:700}.note{font-size:.9rem;color:#556}
footer{background:#0e1d40;color:#cdd6e6;padding:30px 0;font-size:.9rem}footer a{color:#fff}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}

.nav img{height:56px}
.hero{position:relative;overflow:hidden;padding:72px 0}
.hero::before{content:"";position:absolute;inset:-10% -10%;background:url(logo.png) center/min(1500px,140%) no-repeat;opacity:.1;filter:brightness(0) invert(1);pointer-events:none;transform:rotate(-8deg)}
.hero .wrap{position:relative}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.hero .sub{font-size:1.35rem;font-weight:700;color:#ffd5d9;margin:6px 0 14px}.hero .lead{max-width:640px;font-size:1.1rem}
.logo-card{margin:0;background:#fff;border-radius:16px;padding:36px 32px 24px;box-shadow:0 18px 50px rgba(0,0,0,.35);border-bottom:6px solid var(--red);text-align:center}
.logo-card img{display:block;width:100%;max-width:460px;height:auto;margin:auto}
.logo-card figcaption{margin-top:14px;padding-top:12px;border-top:2px solid var(--red);color:var(--navy);font-weight:800;letter-spacing:.35em;text-transform:uppercase;font-size:.95rem}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.logo-card{max-width:440px;width:100%;margin:auto;order:-1}.nav img{height:44px}}