:root{
  --bg:#06080b;
  --header-bg:rgba(7,10,13,.92);
  --menu-bg-top:#0c1117;
  --menu-bg-bottom:#0c1117;
  --text:#fff;
  --muted:rgba(255,255,255,.72);
  --line:rgba(255,255,255,.13);
  --line2:rgba(255,255,255,.09);
  --card:rgba(255,255,255,.035);
  --radius:16px;
  --wrap:1120px;
  --gap:12px;
  --pad:14px;
  --accent:rgba(255,200,0,.92);
  --accent2:rgba(255,200,0,.25);
  --link:rgba(78,163,255,.95);
  --link-hover:rgba(140,196,255,.95);

  --h1:clamp(28px, 6vw, 48px);
  --h2:clamp(20px, 4.2vw, 28px);
  --logo:128px;

  --fs-min:12.5px;
  --fs-tech:14px;
  --fs-base:16px;

  --control-h:44px;
  --control-radius:14px;
  --anchor-offset:96px;
  --header-h:72px;
}

*{ box-sizing:border-box; }

html{
  background:var(--bg);
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  line-height:1.55;
  font-family:system-ui;
  font-size:var(--fs-base);
  -webkit-font-smoothing:antialiased;
}

a{
  color:var(--link);
  text-decoration:none;
}

button{
  font:inherit;
}

h1{
  margin:0;
  font-size:var(--h1);
  line-height:1.06;
  letter-spacing:-.2px;
}

h2{
  margin:0;
  font-size:var(--h2);
  line-height:1.15;
  letter-spacing:-.1px;
}

h3{
  margin:0;
  font-size:18px;
  letter-spacing:.1px;
}

p{
  margin:0;
}

.srOnly{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
}