:root{--blue:#0B3C7D;--gold:#D4AF37;--white:#ffffff;--ink:#0f172a}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
.container{max-width:1060px;margin:0 auto;padding:0 16px}
.hero{background:var(--blue);color:var(--white);padding:56px 0}
.hero-inner{display:flex;align-items:center;gap:24px}
.logo{width:120px;height:120px;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.25);background:#0B3C7D}
.logo img{width:100%;height:100%}
.hero-copy h1{font-size:40px;margin:0 0 8px}
.hero-copy p{font-size:18px;margin:0 0 16px;opacity:.95}
.cta-row{display:flex;gap:12px}
.btn{display:inline-block;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700;border:2px solid transparent;transition:transform .08s ease,opacity .2s}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold);color:#1a1200}
.btn-white{background:transparent;border-color:var(--white);color:var(--white)}
.features{padding:40px 0}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 10px 18px rgba(0,0,0,.04)}
.card h3{margin:0 0 6px;font-size:18px;color:var(--blue)}
.download{padding:24px 0;text-align:center}
.footer{background:var(--blue);color:var(--white);padding:24px 0;margin-top:24px}
.footer .logo-sm{width:48px;height:48px;border-radius:12px;vertical-align:middle;margin-right:8px;background:#0B3C7D}
@media (max-width:720px){.grid{grid-template-columns:1fr}.hero-inner{flex-direction:column;text-align:center}.logo{width:100px;height:100px}}