/* Experiment – Global polish + Headings */
:root{
  --bg-1:#0d1417; --bg-2:#0e171b; --bg-3:#0f1f25;
  --surface:#0f181d; --border:#1a2a31;
  --primary:#3ebaaf; --accent:#72e0d1;
  --text:#eaf2f3; --muted:#a7bcc1;
  --radius:18px;
  --shadow-soft: 0 10px 30px rgba(0,0,0,.28);
}
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
.section{ padding-top: clamp(36px, 6vw, 72px); padding-bottom: clamp(28px, 5vw, 60px); }
h1,h2,h3{ line-height: 1.2; }
h1{ font-size: clamp(2rem, 1.6rem + 2vw, 3rem); letter-spacing:.1px }
h2{ font-size: clamp(1.5rem, 1.25rem + 1.2vw, 2.1rem); letter-spacing:.2px; margin-bottom: .8rem; position:relative }
h3{ font-size: clamp(1.1rem, 1rem + .6vw, 1.35rem); letter-spacing:.2px }
.section h2::after{
  content:""; display:block; width: 64px; height: 3px; margin-top:.45rem;
  background: linear-gradient(90deg, var(--accent), transparent);
  border-radius: 2px;
}
.btn{ border-radius: 14px; box-shadow: 0 10px 26px rgba(61,183,173,.18); }
.btn:hover{ transform: translateY(-2px); box-shadow: 0 14px 32px rgba(61,183,173,.28); }
.btn:focus-visible{ outline: none; box-shadow: 0 0 0 3px rgba(114,224,209,.45), 0 10px 26px rgba(61,183,173,.18) }
a:hover{ opacity:.92 }
.site-header .nav nav{
  background: rgba(16,29,33,.35);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 14px;
  border: 1px solid rgba(26,42,49,.6);
}
.site-footer{ color:var(--muted); }
.site-footer a{ color:var(--text); opacity:.9 }
.site-footer a:hover{ opacity:1 }
.reveal{ will-change: transform, opacity; }