:root{--ink:#0b2447;--muted:#5b6b85;--accent:#2563eb;--card-border:#e6ecf5;--bg-top:#eef5ff;--bg-bot:#fff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bot) 46%);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}.page{max-width:960px;margin:0 auto;padding:88px 24px 48px}.hero{text-align:center;padding:24px 0 56px}.hero-mark{width:auto;max-width:100%;height:72px}.hero-sub{max-width:560px;color:var(--muted);margin:22px auto 0;font-size:20px;line-height:1.5}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 24px;font-size:13px;font-weight:700}.grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.card{border:1px solid var(--card-border);color:inherit;background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:30px 28px 26px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f21470a,0 12px 30px #0f21470f}.card:before{content:"";background:var(--accent);opacity:.9;height:4px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--card-border));transform:translateY(-4px);box-shadow:0 2px 4px #0f21470d,0 20px 44px #0f21471f}.card-mark{align-items:center;height:52px;display:flex}.card-mark img{width:auto;max-width:100%;height:52px}.card-tagline{color:var(--ink);margin:6px 0 0;font-size:19px;font-weight:700}.card-desc{color:var(--muted);flex-grow:1;margin:0;font-size:15.5px;line-height:1.55}.card-cta{color:var(--accent);align-items:center;gap:7px;margin-top:8px;font-size:15px;font-weight:600;display:inline-flex}.card:hover .card-cta svg{transform:translate(3px)}.card-cta svg{transition:transform .18s}.footer{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:64px;font-size:14px;display:flex}.footer-dot{opacity:.5}@media (max-width:680px){.page{padding:56px 20px 40px}.hero-mark{height:56px}.hero-sub{font-size:18px}.grid{grid-template-columns:1fr}}