:root{
  --bg: #f7f7fb;
  --panel: #ffffff;
  --ink: #111827;
  --accent1: #06b6d4;
  --accent2: #f97316;
}

body{background:linear-gradient(180deg, rgba(6,182,212,.10), rgba(249,115,22,.06)), var(--bg); color:var(--ink);}
#logo img{height:34px; width:auto; display:block;}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}

.hero-card{background:var(--panel); border:1px solid rgba(0,0,0,.06); border-radius:16px;}
.hero-card .kicker{display:inline-block; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; padding:.25rem .5rem; border-radius:999px; background:rgba(6,182,212,.12); color:#0e7490; margin-bottom:.75rem;}

.slide-card{height:100%; min-height:180px; display:flex; align-items:center; justify-content:center; font-weight:700; border-radius:16px; background:linear-gradient(135deg, rgba(6,182,212,.18), rgba(249,115,22,.18)); border:1px solid rgba(0,0,0,.06);}

.content-box{background:var(--panel); border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:1.25rem;}
.side-card{background:var(--panel); border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:1rem;}
.stack{display:grid; gap:1rem;}

#footer{background:#ffffff; border-top:1px solid rgba(0,0,0,.06);}
#footer .container{max-width:1100px; padding:1.2rem;}