:root{--ink:#111820;--navy:#082b5c;--red:#b30d13;--tan:#6f5946;--paper:#fff;--line:#d9dee6;--muted:#586577}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(145deg,#594535,#806955);min-height:100vh}
.shell{width:min(1080px,calc(100% - 28px));margin:auto;padding:32px 0 56px}
.head,.card{background:#ffffffed;border:1px solid #ffffff80;box-shadow:0 18px 60px #20160f30}
.head{display:flex;gap:22px;align-items:center;border-radius:24px;padding:24px}
.head img{width:116px;height:82px;object-fit:contain;border-radius:14px;background:#fff}
.eyebrow{margin:0;color:var(--red);font-weight:900;letter-spacing:.12em;font-size:.78rem}
.head h1{font-size:clamp(2rem,6vw,3.7rem);margin:.15em 0}
.head p:last-child{color:var(--muted);margin:0;font-size:1.05rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.card{display:flex;flex-direction:column;min-height:230px;border-radius:19px;padding:24px;text-decoration:none;color:var(--ink);transition:.18s transform,.18s box-shadow}
.card:hover,.card:focus-visible{transform:translateY(-4px);box-shadow:0 24px 60px #20160f50;outline:3px solid #f2bc46}
.icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--navy);color:#fff;font-size:1.35rem}
.card h2{margin:18px 0 7px}
.card p{color:var(--muted);margin:0;line-height:1.5}
.card strong{margin-top:auto;padding-top:20px;color:var(--navy)}
.security{margin-top:22px;background:#0b2848;color:#e7eef8;border-radius:18px;padding:22px}
.security strong{color:#f2bc46}
.security p{margin:5px 0 0;line-height:1.5}
.footer{text-align:center;color:#f8efe8;padding-top:24px}
.footer a{color:#fff}
@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.shell{padding-top:16px}.head{align-items:flex-start;flex-direction:column}.head img{width:96px;height:66px}.grid{grid-template-columns:1fr}.card{min-height:190px}}