/* Framer-inspired skin (2026-10-31): pure black, white type, one blue #0099FF,
   Inter (Display optical size) headlines with tight tracking. Loaded last; tokens only + light touches. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root,[data-theme=dark]{
  --bg:#000;--s1:#0d0d0d;--s2:#171717;--s3:#242424;--line:rgba(255,255,255,.1);
  --tx:#fff;--mu:rgba(255,255,255,.6);--tx2:rgba(255,255,255,.8);--dim:#303030;--dot:#555;
  --ac:#0099ff;--ac2:#0088e6;--hdr:rgba(0,0,0,.72);--frame:#141414;color-scheme:dark
}
[data-theme=light]{
  --bg:#fff;--s1:#fff;--s2:#f3f3f3;--s3:#eaeaea;--line:rgba(0,0,0,.08);
  --tx:#000;--mu:rgba(0,0,0,.56);--tx2:rgba(0,0,0,.78);--dim:#d4d4d4;--dot:#b5b5b5;
  --ac:#0099ff;--ac2:#0084dd;--hdr:rgba(255,255,255,.8);--frame:#1a1a1a;color-scheme:light
}

body{font-family:"Inter","Plex Ar",system-ui,sans-serif;font-feature-settings:"cv11","ss01";font-optical-sizing:auto;letter-spacing:-.01em}
html[lang=ar] body,html[lang=ckb] body{letter-spacing:0}

/* headlines: Display cut, semibold, tight (Latin only; Arabic must not be tracked) */
h1,h2,h3{font-weight:600}
h1,.phero h1,.hero h1,.hero2.nova h1{line-height:1.05}
html[lang=en] h1{letter-spacing:-.045em}
html[lang=en] h2{letter-spacing:-.035em;line-height:1.1}
html[lang=en] h3{letter-spacing:-.02em}
html[lang=ar] h1,html[lang=ckb] h1,html[lang=ar] h2,html[lang=ckb] h2{letter-spacing:0;line-height:1.2}
.lead{color:var(--mu)}
.eyebrow{color:var(--mu);font-weight:500}

/* buttons: Framer pills */
.btn{border-radius:999px;font-weight:500;height:46px;padding:0 22px;background:var(--s2);border-color:transparent}
.btn:hover{background:var(--s3)}
.btn.pri,.band .btn.pri{background:var(--ac);border-color:var(--ac);color:#fff}
.btn.pri:hover{background:var(--ac2)}
.btn.sm{height:36px;padding:0 15px;border-radius:999px;font-size:14px}
.tbtn{border-radius:999px;border-color:transparent;background:var(--s2)}
.tbtn:hover{background:var(--s3)}

/* header: glass black, hairline */
header{backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
nav.main a.on,nav.main a[aria-current]{color:var(--tx)}

/* cards: flat, hairline border, no lift shadow */
.feat,.ccard,.svcard,.tile,.scard,.prod,.nums,.os,.hl-card,.related,.mini,.case{border-color:var(--line)}
.feat.link:hover,.ccard:hover,.svcard:hover,.related:hover,.mini:hover{border-color:color-mix(in srgb,var(--tx) 22%,transparent);box-shadow:none}
[data-theme=light] .hl-card,[data-theme=light] .nums,[data-theme=light] .os,[data-theme=light] .feat,[data-theme=light] .scard{box-shadow:none}

.go{font-weight:500}
footer{color:var(--mu)}
::selection{background:color-mix(in srgb,var(--ac) 40%,transparent)}