:root{--navy:#0d2a5c;--green:#6cb33f;--blue:#2b8be6}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2a44;background:#fff}
h1,h2,h3,.logo{font-family:Oswald,'Arial Narrow',Impact,sans-serif;color:var(--navy);font-weight:700;letter-spacing:.01em}
h1{text-transform:uppercase;line-height:1.1}h2{color:var(--navy)}h3{color:var(--navy)}
a{color:var(--blue)}a:hover{color:var(--green)}
header{background:#fff;border-bottom:3px solid var(--green);position:sticky;top:0;z-index:5}
.w{max-width:1040px;margin:auto;padding:0 20px}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 0}
.logo{font-size:1.5rem;color:var(--navy);text-decoration:none;text-transform:uppercase}.logo:hover{color:var(--green)}
nav a{margin-right:14px;text-decoration:none;font-size:.95rem;display:inline-block;padding:4px 0;color:var(--navy);font-weight:600}nav a:hover{color:var(--green)}
.hero{background:linear-gradient(135deg,#fff 55%,#e6f1fd);padding:48px 0;border-bottom:1px solid #e3ecf7}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}
.hero h1{font-size:clamp(2.1rem,6vw,3.4rem);margin:0 0 12px;color:var(--navy)}
.hero-img{width:100%;height:auto;border-radius:18px;box-shadow:0 10px 30px rgba(43,139,230,.25)}
.slogan{font-weight:700;color:var(--navy);font-size:1.2rem;margin-top:22px;border-top:2px solid var(--green);padding-top:14px}
.script{display:block;font-family:'Kaushan Script',Pacifico,cursive;color:var(--green);font-size:clamp(2rem,6vw,2.8rem);font-weight:400;line-height:1.3}
.btn{display:inline-block;background:var(--green);color:#fff;padding:13px 26px;border-radius:999px;text-decoration:none;font-weight:700;margin:6px 6px 6px 0;transition:background .2s,box-shadow .2s;box-shadow:0 4px 14px rgba(108,179,63,.35)}
.btn:hover,.btn:focus{background:var(--navy);color:#fff;box-shadow:0 4px 16px rgba(43,139,230,.45)}
.btn-alt{background:var(--navy)}.btn-alt:hover{background:var(--blue)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}
.card{background:#fff;border:1px solid #dbe6f5;border-top:4px solid var(--blue);border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:0 2px 10px rgba(13,42,92,.06)}
.card h3{margin-top:0}.card h3 a{color:var(--navy);text-decoration:none}.card h3 a:hover{color:var(--green)}
main{padding:36px 0}footer{background:var(--navy);color:#dbe6f5;padding:28px 0;font-size:.9rem;border-top:4px solid var(--green)}footer a{color:#9cc9f5}
.note{background:#f1f8ec;border:1px solid #c5e3b0;border-left:4px solid var(--green);border-radius:10px;padding:12px 16px;font-size:.92rem}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero{padding:32px 0}nav a{margin-right:10px;font-size:.9rem}}
.fine{font-size:.8rem;color:#888;line-height:1.4;margin-top:.4rem}

.page-img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover;border-radius:14px;margin:0 0 1.5rem}
.page-img.chart{max-height:none;object-fit:contain;height:auto}
.offer{margin:.5rem 0 0;font-weight:700;color:#0d2a5c;font-size:.95rem}