:root{
  /* Subtle neon accents */
  --accent-cyan:#22d3ee;
  --accent-purple:#a78bfa;
  --accent-green:#34d399;
  --accent-pink:#f472b6;

  /* Dark surfaces */
  --bg-main:#060b1a;
  --bg-soft:#0b122e;
  --bg-card:rgba(15, 23, 42, 0.78);
  --bg-glass:rgba(255,255,255,0.06);

  /* Text */
  --text-main:#f8fafc;
  --text-muted:#cbd5e1;
  --text-soft:#94a3b8;

  /* Borders */
  --border-soft:rgba(148,163,184,0.25);
  --border-focus:rgba(34,211,238,0.55);

  /* Material shadows */
  --shadow-xs:0 1px 2px rgba(0,0,0,.25);
  --shadow-sm:0 10px 24px rgba(0,0,0,.35);
  --shadow-md:0 22px 52px rgba(0,0,0,.48);
  --shadow-glow:0 0 22px rgba(34,211,238,.22);

  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-full:999px;

  --transition-fast:.18s ease;
  --transition-med:.28s ease;

  --header-height:72px;
}

*,
*::before,
*::after{ box-sizing:border-box; }

html, body{ margin:0; padding:0; }

body{
  font-family:"Poppins", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color:var(--text-main);
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}

/* Dark theme background (subtle, premium) */
body.theme-dark{
  background:
    radial-gradient(800px 420px at 15% 10%, rgba(34,211,238,.12), transparent 55%),
    radial-gradient(700px 520px at 85% 20%, rgba(167,139,250,.12), transparent 58%),
    linear-gradient(180deg,#0b122e 0%,#060b1a 100%),
    url("images/medical-3d-dark.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

/* Light theme */
body.theme-light{
  --bg-main: rgba(245, 248, 255, 0.96);
  --bg-soft: rgba(255, 255, 255, 0.96);
  --bg-card: rgba(255, 255, 255, 0.90);
  --bg-glass: rgba(255,255,255,0.65);

  --text-main:#0f172a;
  --text-muted:#334155;
  --text-soft:#64748b;

  --border-soft: rgba(100,116,139,0.22);
  --border-focus: rgba(34,211,238,0.45);

  --shadow-xs:0 1px 2px rgba(15,23,42,.12);
  --shadow-sm:0 10px 22px rgba(15,23,42,.14);
  --shadow-md:0 20px 40px rgba(15,23,42,.18);
  --shadow-glow:0 0 18px rgba(34,211,238,.18);

  background:
    radial-gradient(900px 520px at 18% 12%, rgba(34,211,238,.10), transparent 60%),
    radial-gradient(900px 560px at 84% 20%, rgba(167,139,250,.10), transparent 60%),
    linear-gradient(180deg, #eef6ff 0%, #f7f8ff 50%, #ffffff 100%),
    url("images/medical-3d-light.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background: rgba(0,0,0,.04);
}
body.theme-light::before{ background: rgba(255,255,255,.10); }

.container{
  width:min(1120px, 100% - 2.5rem);
  margin-inline:auto;
}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:40;
  height:var(--header-height);
  backdrop-filter: blur(16px);
  background: linear-gradient(180deg, rgba(15,23,42,.85), rgba(15,23,42,.62));
  border-bottom:1px solid var(--border-soft);
}
body.theme-light .site-header{
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.55));
}

.header-inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}

.logo{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  text-decoration:none;
  color:var(--text-main);
}
.logo-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));
  box-shadow: var(--shadow-xs);
  font-weight:800;
  color:#041019;
}
.logo-text{ font-weight:700; letter-spacing:.02em; }
.logo-dot{ color:var(--accent-pink); }

.main-nav{
  display:flex;
  align-items:center;
  gap:1.15rem;
}

.nav-link{
  text-decoration:none;
  font-size:.92rem;
  color:var(--text-muted);
  position:relative;
  padding:.2rem .05rem;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}
.nav-link:hover{ color:var(--text-main); }

.nav-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  height:2px;
  width:0;
  border-radius:999px;
  background: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));
  transition: width var(--transition-fast);
}
.nav-link:hover::after,
.nav-link.active::after{ width:100%; }

.nav-cta{
  padding:.45rem .95rem;
  border:1px solid var(--border-focus);
  border-radius:var(--radius-full);
  background: rgba(34,211,238,.08);
}
.nav-cta:hover{ box-shadow: var(--shadow-glow); }

.header-actions{
  display:flex;
  align-items:center;
  gap:.75rem;
}

.theme-toggle{
  width:42px;
  height:42px;
  border-radius:var(--radius-full);
  border:1px solid var(--border-soft);
  background: rgba(255,255,255,.06);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}
.theme-toggle:hover{
  transform: translateY(-1px);
  border-color: var(--border-focus);
  box-shadow: var(--shadow-glow);
}
.theme-icon{
  position:absolute;
  opacity:0;
  transform: translateY(8px);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}
body.theme-dark .theme-icon-dark{ opacity:1; transform: translateY(0); }
body.theme-light .theme-icon-light{ opacity:1; transform: translateY(0); }

/* hamburger */
.menu-toggle{
  display:none;
  flex-direction:column;
  gap:6px;
  width:36px;
  height:36px;
  background:transparent;
  border:none;
  padding:0;
  cursor:pointer;
}
.menu-toggle span{
  height:2px;
  width:100%;
  background: var(--text-main);
  border-radius:999px;
}

/* ===== Mega dropdown (desktop) ===== */
.nav-mega{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.nav-btn{ border:0; background:transparent; cursor:pointer; font:inherit; }

.mega-panel{
  position:absolute;
  top: calc(100% + 14px);
  left: 0;

  /* prevents overflow */
  max-width: calc(100vw - 24px);
  width: min(1120px, calc(100vw - 24px));

  padding: 14px;
  border-radius: 18px;
  border: 1px solid var(--border-soft);

  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    var(--bg-card);

  box-shadow: var(--shadow-md);
  z-index: 60;

  opacity:0;
  visibility:hidden;
  transform: translateY(10px);
  transition: opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);
}

/* If near right edge, clamp by shifting left using translateX */
.nav-mega .mega-panel{ right:auto; }
@supports (left: max(0px)) {
  .mega-panel{
    left: max(12px, 0px);
  }
}

/* open state */
.nav-mega:hover .mega-panel,
.nav-mega:focus-within .mega-panel,
.nav-mega.open .mega-panel{
  opacity:1;
  visibility:visible;
  transform: translateY(0);
}

.mega-inner{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.mega-col, .mega-cta{
  border:1px solid var(--border-soft);
  border-radius: 16px;
  padding: 12px;
  background: rgba(255,255,255,.04);
}
body.theme-light .mega-col,
body.theme-light .mega-cta{
  background: rgba(255,255,255,.60);
}

.mega-title{
  margin:0 0 .55rem;
  font-weight:700;
  font-size:.95rem;
  color: var(--text-main);
}

.mega-link{
  display:block;
  padding:.45rem .55rem;
  border-radius: 12px;
  text-decoration:none;
  color: var(--text-muted);
  border: 1px solid transparent;
  font-size:.9rem;
}
.mega-link:hover{
  color: var(--text-main);
  background: rgba(34,211,238,.10);
  border-color: var(--border-focus);
}

/* ===== Hero ===== */
.hero{ padding: 3.2rem 0 3.8rem; position:relative; }
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: url("images/hero-medical-3d.png");
  background-repeat:no-repeat;
  background-position:right center;
  background-size: min(420px, 45vw);
  opacity: 0.14;
  pointer-events:none;
}
.hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2.2fr);
  gap:2.4rem;
  align-items:center;
}

.hero-kicker{
  font-size:.8rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color: var(--accent-cyan);
  margin:0 0 .8rem;
}
.hero h1{
  font-size: clamp(2.2rem, 4vw, 3.1rem);
  margin:0 0 1rem;
  line-height:1.08;
}
.hero-subtitle{
  margin:0 0 1.4rem;
  color:var(--text-muted);
  max-width: 38rem;
  font-size: .98rem;
}

.neon-text{ color: var(--accent-cyan); }
.neon-text-alt{ color: var(--accent-purple); }

.hero-actions{ display:flex; gap:.9rem; flex-wrap:wrap; margin-bottom: 1.4rem; }
.hero-meta{ display:flex; gap:1rem; flex-wrap:wrap; }
.meta-item{ min-width: 110px; }
.meta-number{ display:block; font-size:1.18rem; font-weight:700; color: var(--text-main); }
.meta-label{ font-size:.78rem; color: var(--text-muted); }

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: .75rem 1.55rem;
  border-radius: var(--radius-full);
  text-decoration:none;
  border:1px solid transparent;
  cursor:pointer;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
  white-space:nowrap;
  font-weight:600;
}

.btn-primary{
  background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));
  color:#041019;
  box-shadow: var(--shadow-sm);
}
.btn-primary:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow-glow);
}

.btn-ghost{
  color: var(--text-main);
  background: rgba(255,255,255,.06);
  border-color: var(--border-soft);
}
.btn-ghost:hover{
  transform: translateY(-1px);
  border-color: var(--border-focus);
  box-shadow: var(--shadow-glow);
}

.hero-visual{ display:flex; flex-direction:column; gap:1rem; }
.hero-card{
  position:relative;
  border-radius: var(--radius-lg);
  padding: 1.2rem 1.25rem;
  border:1px solid var(--border-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    var(--bg-card);
  box-shadow: var(--shadow-sm);
}
.hero-card:hover{ box-shadow: var(--shadow-md); border-color: var(--border-focus); }
.hero-icon{
  width:46px;
  height:46px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,0.08);
  margin-bottom: .65rem;
}
.hero-card h3{ margin:.1rem 0 .35rem; }
.hero-card p{ margin:0; color: var(--text-muted); font-size:.92rem; }

.pulse-circle{
  position:absolute;
  top:-40px;
  right:-40px;
  width:150px;
  height:150px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(34,211,238,.40), transparent 70%);
  opacity:.55;
  filter: blur(1px);
  animation: pulse 3s infinite alternate;
  pointer-events:none;
}
@keyframes pulse{
  from{ transform: scale(.9); opacity:.45; }
  to{ transform: scale(1.06); opacity:.65; }
}

/* sections */
.section{ padding: 3.6rem 0; }
.section-head{ margin-bottom: 2rem; }
.section-head h2{ margin:0 0 .45rem; font-size: 1.85rem; }
.section-head p{ margin:0; color: var(--text-muted); }

.card-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1.2rem;
}
.card{
  border-radius: var(--radius-md);
  padding: 1.15rem 1.2rem;
  border:1px solid var(--border-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    var(--bg-card);
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-med), box-shadow var(--transition-med), border-color var(--transition-med);
}
.card:hover{
  transform: translateY(-4px);
  border-color: var(--border-focus);
  box-shadow: var(--shadow-md);
}
.card-icon{ font-size: 1.7rem; margin-bottom:.6rem; }
.card h3{ margin: 0 0 .35rem; }
.card p{ margin: 0 0 .9rem; color: var(--text-muted); }

.card-link{
  text-decoration:none;
  color: var(--accent-cyan);
  font-weight:600;
}
.card-link:hover{ text-decoration: underline; }

/* footer */
.site-footer{
  margin-top: 1.5rem;
  border-top:1px solid var(--border-soft);
  background: rgba(0,0,0,0.10);
}
.footer-inner{
  display:grid;
  grid-template-columns: minmax(0, 2.2fr) repeat(2, minmax(0, 1.2fr));
  gap: 2rem;
  padding: 2rem 0 1.3rem;
}
.footer-text{ margin:0; color: var(--text-muted); max-width: 24rem; }
.footer-links{ list-style:none; padding:0; margin:0; }
.footer-links li{ margin-bottom: .35rem; color: var(--text-muted); }
.footer-links a{ color: inherit; text-decoration:none; }
.footer-links a:hover{ color: var(--accent-cyan); }
.footer-bottom{
  border-top:1px solid var(--border-soft);
  padding: .9rem 0 1.2rem;
  text-align:center;
  color: var(--text-muted);
  font-size: .85rem;
}

/* scroll to top */
.scroll-top{
  position:fixed;
  right:1.5rem;
  bottom:1.5rem;
  width:40px;
  height:40px;
  border-radius: var(--radius-full);
  border:1px solid var(--border-soft);
  background: rgba(255,255,255,.06);
  color: var(--text-main);
  cursor:pointer;
  display:none;
  align-items:center;
  justify-content:center;
  box-shadow: var(--shadow-sm);
  z-index:50;
}
.scroll-top.show{ display:flex; }
.scroll-top:hover{ border-color: var(--border-focus); box-shadow: var(--shadow-glow); }

/* ===== Mobile Drawer ===== */
.drawer{ position:fixed; inset:0; display:none; z-index:80; }
.drawer.show{ display:block; }

.drawer-backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(4px);
}

.drawer-panel{
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width: min(420px, 92vw);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    var(--bg-card);
  border-left: 1px solid var(--border-soft);
  box-shadow: var(--shadow-md);
  padding: 14px;
  overflow:auto;
}

.drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-soft);
}
.drawer-brand{
  display:flex;
  align-items:center;
  gap:.55rem;
}
.drawer-close{
  width:40px;
  height:40px;
  border-radius: 999px;
  border:1px solid var(--border-soft);
  background: rgba(255,255,255,.06);
  color: var(--text-main);
  cursor:pointer;
}

.drawer-body{ padding: 12px 2px 4px; }
.drawer-link{
  display:flex;
  padding: .7rem .7rem;
  border-radius: 14px;
  text-decoration:none;
  color: var(--text-main);
  border:1px solid transparent;
}
.drawer-link:hover{
  border-color: var(--border-focus);
  background: rgba(34,211,238,.08);
}
.drawer-link-cta{
  margin-top: 10px;
  border:1px solid var(--border-focus);
  background: rgba(34,211,238,.08);
}

.drawer-acc-btn{
  width:100%;
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: .75rem .7rem;
  border-radius: 14px;
  border:1px solid var(--border-soft);
  background: rgba(255,255,255,.04);
  color: var(--text-main);
  cursor:pointer;
  font: inherit;
  font-weight: 600;
}
.drawer-acc-panel{
  display:none;
  padding: .5rem .35rem .25rem;
}
.drawer-acc-panel.show{ display:block; }

.drawer-sublink{
  display:block;
  padding: .55rem .7rem;
  border-radius: 12px;
  text-decoration:none;
  color: var(--text-muted);
  border:1px solid transparent;
}
.drawer-sublink:hover{
  color: var(--text-main);
  background: rgba(34,211,238,.08);
  border-color: var(--border-focus);
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .hero-inner{ grid-template-columns: 1fr; }
  .hero-visual{ order: -1; }
}

@media (max-width: 980px){
  .main-nav{ display:none; }
  .menu-toggle{ display:inline-flex; }
}

/* mega panel columns adjust */
@media (max-width: 1100px){
  .mega-inner{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* ===========================
   AAFA-STYLE MEGA DROPDOWN
   =========================== */

.mega-wide{
  /* full width feel but still clamped to viewport */
  width: min(1200px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
}

.mega-aafa{
  display:grid;
  grid-template-columns: 360px 1fr; /* feature + columns */
  gap: 14px;
}

.mega-feature{
  border-radius: 16px;
  border: 1px solid var(--border-soft);
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    var(--bg-card);
  box-shadow: var(--shadow-sm);
  min-height: 320px;
  display:flex;
  flex-direction:column;
}

.mega-img{
  height: 160px;
  background:
    linear-gradient(90deg, rgba(34,211,238,.20), rgba(167,139,250,.14)),
    url("images/mega-family.jpg");
  background-size: cover;
  background-position: center;
}

.mega-feature-body{
  padding: 12px 12px 14px;
}

.mega-feature h3{
  margin: 0 0 6px;
  font-size: 1.25rem;
  color: var(--text-main);
}

.mega-feature p{
  margin: 0 0 12px;
  color: var(--text-muted);
  font-size: .92rem;
  line-height: 1.45;
}

.mega-feature-btn{
  display:inline-flex;
  width: fit-content;
  padding: .55rem .85rem;
  border-radius: 999px;
  border: 1px solid var(--border-focus);
  background: rgba(34,211,238,.10);
  text-decoration:none;
  font-weight: 700;
  color: var(--text-main);
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}
.mega-feature-btn:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow-glow);
}

/* right columns area */
.mega-cols{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

/* Make mega columns flatter like AAFA */
.mega-cols .mega-col{
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border-soft);
  border-radius: 16px;
  padding: 12px;
}

.mega-cols .mega-title{
  margin: 0 0 8px;
  font-weight: 800;
  font-size: .95rem;
  color: var(--accent-cyan);
  letter-spacing: .01em;
}

/* spacing between grouped sections inside a column */
.mega-cols .mega-title + .mega-link{ margin-top: 2px; }
.mega-cols .mega-link + .mega-title{ margin-top: 14px; }

.mega-cols .mega-link{
  display:block;
  padding: .35rem .5rem;
  border-radius: 12px;
  text-decoration:none;
  color: var(--text-muted);
  border: 1px solid transparent;
  font-size: .90rem;
}
.mega-cols .mega-link:hover{
  color: var(--text-main);
  background: rgba(34,211,238,.10);
  border-color: var(--border-focus);
}

/* Light theme tuning */
body.theme-light .mega-feature,
body.theme-light .mega-cols .mega-col{
  background: rgba(255,255,255,.70);
}

/* Responsive: avoid overflow and stack nicely */
@media (max-width: 1100px){
  .mega-aafa{ grid-template-columns: 1fr; }
  .mega-cols{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .mega-feature{ min-height: auto; }
}

@media (max-width: 820px){
  /* Desktop mega panel not used (drawer is used), but if it appears: */
  .mega-cols{ grid-template-columns: 1fr; }
}

/* ===========================
   AAFA-STYLE MEGA DROPDOWN
   (Diseases / Symptoms / Allergies)
   =========================== */

.mega-wide{
  width: min(1200px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
}

.mega-aafa{
  display:grid;
  grid-template-columns: 360px 1fr;
  gap: 14px;
}

/* left featured */
.mega-feature{
  border-radius: 16px;
  border: 1px solid var(--border-soft);
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    var(--bg-card);
  box-shadow: var(--shadow-sm);
  display:flex;
  flex-direction:column;
  min-height: 340px;
}

.mega-img{
  height: 170px;
  background-size: cover;
  background-position: center;
}

/* Different images per menu (optional) */
.mega-img-diseases{
  background:
    linear-gradient(90deg, rgba(34,211,238,.20), rgba(167,139,250,.12)),
    url("images/mega-diseases.jpg");
}
.mega-img-symptoms{
  background:
    linear-gradient(90deg, rgba(34,211,238,.20), rgba(167,139,250,.12)),
    url("images/mega-symptoms.jpg");
}
.mega-img-allergies{
  background:
    linear-gradient(90deg, rgba(34,211,238,.20), rgba(167,139,250,.12)),
    url("images/mega-allergies.jpg");
}

.mega-feature-body{ padding: 12px 12px 14px; }
.mega-feature h3{ margin:0 0 6px; font-size:1.25rem; }
.mega-feature p{
  margin:0 0 12px;
  color: var(--text-muted);
  font-size:.92rem;
  line-height:1.45;
}

.mega-feature-btn{
  display:inline-flex;
  width: fit-content;
  padding: .55rem .85rem;
  border-radius: 999px;
  border: 1px solid var(--border-focus);
  background: rgba(34,211,238,.10);
  text-decoration:none;
  font-weight: 700;
  color: var(--text-main);
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}
.mega-feature-btn:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow-glow);
}

/* right columns */
.mega-cols{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}

.mega-cols .mega-col{
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border-soft);
  border-radius: 16px;
  padding: 12px;
}

.mega-cols .mega-title{
  margin: 0 0 8px;
  font-weight: 800;
  font-size: .95rem;
  color: var(--accent-cyan);
  letter-spacing: .01em;
}

.mega-cols .mega-link{
  display:block;
  padding: .35rem .5rem;
  border-radius: 12px;
  text-decoration:none;
  color: var(--text-muted);
  border: 1px solid transparent;
  font-size: .90rem;
}
.mega-cols .mega-link:hover{
  color: var(--text-main);
  background: rgba(34,211,238,.10);
  border-color: var(--border-focus);
}

/* group spacing inside column */
.mega-cols .mega-link + .mega-title{ margin-top: 14px; }

/* light theme */
body.theme-light .mega-feature,
body.theme-light .mega-cols .mega-col{
  background: rgba(255,255,255,.70);
}

/* responsive */
@media (max-width: 1100px){
  .mega-aafa{ grid-template-columns: 1fr; }
  .mega-cols{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .mega-feature{ min-height:auto; }
}
@media (max-width: 820px){
  .mega-cols{ grid-template-columns: 1fr; }
}