@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111318;--panel:#1b1f27;--ink:#f3f5f9;--muted:#aeb5c2;--gold:#e4bc58;--soft:#f6dda0;--line:#6f5b2d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(800px 460px at 86% -5%,rgba(228,188,88,.14),transparent 60%),var(--bg);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif}.wrap{width:min(940px,calc(100% - 32px));margin:auto;padding:30px 0 34px}.hero{padding:62px 0 30px;max-width:820px;animation:rise .7s ease both}.eyebrow{color:var(--soft);font:700 12px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}h1{font-size:clamp(42px,7vw,70px);line-height:1;letter-spacing:-3px;margin:15px 0}h1 span,h2{color:var(--soft)}.lead{font-size:18px;color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:25px;background:linear-gradient(135deg,rgba(54,46,27,.58),rgba(27,31,39,.97));transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:after{content:'';position:absolute;inset:-110% -35%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,rgba(255,248,199,.17) 50%,transparent 57%);transform:translateX(-60%) rotate(15deg)}.card:hover{transform:translateY(-4px);border-color:var(--soft);box-shadow:0 16px 32px rgba(0,0,0,.25)}.card:hover:after{animation:card-sheen .78s ease-out}@keyframes card-sheen{to{transform:translateX(115%) rotate(15deg)}}.wide{grid-column:1/-1}h2{margin:0 0 10px;font-size:23px;letter-spacing:-.8px}.card p,.card li{color:#d6dbe4}.card p{margin:0}.card ul{margin:10px 0 0;padding-left:20px}.card li+li{margin-top:7px}.cta{display:inline-flex;align-items:center;gap:9px;margin-top:24px;background:linear-gradient(135deg,#f8e5a7,#d9ac49);color:#1a1509;text-decoration:none;font-weight:800;border-radius:9px;padding:13px 17px;transition:transform .2s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(228,188,88,.28)}.note{margin:17px 0 0;padding:13px 16px;border-left:2px solid var(--gold);color:#dfe3ea;background:rgba(228,188,88,.07);font-size:14px}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.wrap{width:min(100% - 26px,640px)}.hero{padding-top:54px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}