:root{--navy:#081426;--ink:#11213a;--gold:#e5b94e;--cream:#fff9e9;--muted:#667085}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6fa;color:var(--ink)}.hero{background:radial-gradient(circle at 80% 10%,#1e3a5e 0,#081426 48%,#050b15 100%);color:white;min-height:360px;padding:30px 6vw 60px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.23) 1px,transparent 1px);background-size:18px 18px;opacity:.35}.nav,.hero-in{position:relative;z-index:1;max-width:1200px;margin:auto}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;font-size:25px;letter-spacing:.5px;color:var(--cream)}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:2px;margin-top:3px}.nav a{color:#f8e3a6;text-decoration:none;font-weight:700;font-size:14px}.hero-in{padding-top:70px}.eyebrow{color:var(--gold);font-weight:800;font-size:12px;letter-spacing:2px;text-transform:uppercase}.hero h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,68px);line-height:1.04;max-width:740px;margin:12px 0}.hero p{color:#d7e0ed;font-size:18px;max-width:620px;line-height:1.55}.main{max-width:1200px;margin:-34px auto 0;padding:0 24px 70px;position:relative;z-index:2}.intro{background:#fff;border-radius:20px;padding:25px 28px;box-shadow:0 12px 30px rgba(17,33,58,.10)}.intro b{color:#b37811}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:17px;margin-top:26px}.card{display:block;text-decoration:none;color:var(--ink);background:white;border:1px solid #e5e9f0;border-radius:18px;padding:22px;transition:.2s;min-height:150px}.card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(19,35,60,.12);border-color:#dfb14d}.emoji{font-size:30px}.card h2{font-size:20px;margin:17px 0 5px}.card p{color:var(--muted);font-size:14px;margin:0}.arrow{float:right;color:#bd831a;font-weight:bold;font-size:22px}.foot{text-align:center;color:#697586;font-size:13px;padding:25px}.foot a{color:#556b8b}@media(max-width:560px){.hero{padding:24px 22px 55px;min-height:350px}.hero-in{padding-top:58px}.hero p{font-size:16px}.main{padding:0 16px 55px}.intro{padding:20px}.grid{grid-template-columns:1fr 1fr;gap:11px}.card{padding:16px;min-height:135px}.card h2{font-size:17px;margin:12px 0 4px}.card p{font-size:12px}.nav a{font-size:12px}}

.brand{display:flex;align-items:center;gap:9px}.brand small{position:absolute;margin-left:0}.brand-symbol{width:32px;height:32px;border-radius:10px;object-fit:cover}.brand>small{margin-left:41px;margin-top:24px}