/* myai v3 tokens (brand v3.1, S3). Source of truth: design/v3/brand. */

@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/Inter-latin-wght.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* R25: the live myai.is fonts (same files, same unicode ranges as /assets/myai.css): Bricolage Grotesque for display,
   Inter for body, the system mono stack for code. Both SIL OFL 1.1, self-hosted (LICENSES/NOTICE). */
@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/BricolageGrotesque-latin-wght.woff2) format("woff2");font-weight:200 800;font-display:swap;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}
@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/BricolageGrotesque-latin-ext-wght.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url(/assets/fonts/Inter-latin-ext-wght.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/geist-mono-latin.woff2) format("woff2")}
:root{
  --font-scripts:"Noto Sans Devanagari","Noto Sans Kannada","Noto Sans Arabic","Noto Sans Hebrew";
  --font-body:Inter,var(--font-scripts),-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",Arial,sans-serif;
  --font-label:var(--font-body);
  --font-brand:"Bricolage Grotesque",Inter,var(--font-scripts),system-ui,sans-serif;
  --font-display:var(--font-brand);
  --font-code:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace;
  --ink:#1C2024;
  --ink-strong:#0F1113;
  --ink-2:#3F434A;
  --mute:#60646C;
  --mute-2:#6E7279;
  --faint:#80838D;
  --line:#EDEDF0;
  --hair:#F0F0F2;
  --border:#E6E8EB;
  --border-strong:#D9DBE0;
  --bg:#FFFFFF;
  --bg-subtle:#FCFCFD;
  --surface-1:#F9F9FB;
  --surface-2:#F6F6F8;
  --surface-3:#F4F4F6;
  --surface-4:#F0F0F3;
  --brand:#1F93FF;
  --brand-darker:#2161CA;
  --primary:#1875EE;
  --primary-aa:#106ADF;
  --primary-ink:#FFFFFF;
  --link:#086DE0;
  --focus-ring:#2781F6;
  --accent:#7E5BDC;
  --violet-tint:#F1ECFF; --violet-ink:#2C1D52; --violet-fill:#CBB8FF; --violet-text:#7353BA; --violet-ui:#7E5BDC;
  --blue-tint:#E4ECFB;   --blue-ink:#0F2459;   --blue-fill:#D2E1FA;   --blue-text:#2B59C3;   --blue-ui:#1875EE;
  --green-tint:#E7F6EF;  --green-ink:#0B3527;  --green-fill:#DCF1E6;  --green-text:#0E7C58;  --green-ui:#12946A;
  --amber-tint:#FFF1CC;  --amber-ink:#5C3D05;  --amber-fill:#FFCB47;  --amber-text:#8A6516;  --amber-ui:#B7800F;
  --sand-tint:#FFF8E6;   --sand-ink:#3C2B10;   --sand-fill:#E2A336;   --sand-text:#8A6516;   --sand-ui:#A87200;
  --rose-tint:#FFF1F3;   --rose-ink:#5A1024;   --rose-fill:#FFD6DE;   --rose-text:#B4234A;   --rose-ui:#E54666;
  --teal-tint:#E3F4F8;   --teal-ink:#07394A;   --teal-fill:#C6EAF2;   --teal-text:#0B6A85;   --teal-ui:#0E7C9B;
  --slate-tint:#F6F6F8;  --slate-ink:#0F1113;  --slate-fill:#E6E8EB;  --slate-text:#60646C;  --slate-ui:#60646C;
  --success:#0E7C58; --success-bg:#E7F6EF;
  --warning:#8A6516; --warning-bg:#FFF1CC;
  --danger:#B4234A;  --danger-bg:#FFF1F3;
  --info:#086DE0;    --info-bg:#E4ECFB;
  --live:#12946A;
  --band-b-tint:#EEF3FC;
  --band-d:#CBB8FF;
  --band-f:#7EE6B4; --band-f-px:#5FD39C;
  --band-h:#FBFCFD; --band-h-ink:#0F2459;
  --band-i:#FFCB47; --band-i-px:#F2B726; --band-i-ink:#1B1206;
  --code-line:rgba(64,42,22,.45); --code-rule:rgba(255,255,255,.12); --code-ink:#FFD98A; --code-mute:#C9A978;
  --band-hatch:#F4F5F7;
  --d-display:clamp(32px,4.7vw,60px);  --lh-display:1.09; --tr-display:-0.07em;
  --d-h2:clamp(24.5px,2.82vw,36px);    --lh-h2:1.15;      --tr-h2:-0.06em;
  --d-h3:clamp(22.5px,2.44vw,30px);    --lh-h3:1.15;      --tr-h3:-0.06em;
  --d-h3-alt:clamp(24.5px,2.63vw,32px);--lh-h3-alt:1.17;
  --d-h4:21px;                         --lh-h4:1.3;       --tr-h4:-0.04em;
  --d-quote:clamp(16px,1.5vw,18.8px);  --lh-quote:1.54;   --tr-quote:-0.037em;
  --d-wordmark:18.8px;                 --tr-wordmark:-0.065em;
  --text-lede:clamp(17px,1.55vw,20px); --lh-lede:1.5;
  --text-body:15px;    --lh-body:1.6;
  --text-body-sm:14.5px;
  --text-ui:13.5px;
  --text-small:13px;   --lh-small:1.45;
  --text-xs:12.5px;
  --text-caption:11.5px;
  --text-eyebrow:10.5px; --tr-eyebrow:0.1em;
  --text-eyebrow-xs:10px; --tr-eyebrow-xs:0.14em;
  --text-mono:12.5px;
  --tr-ui:-0.005em;
  --fw-regular:400; --fw-medium:500; --fw-label:520; --fw-semibold:600; --fw-bold:700;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px;
  --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;
  --gutter:24px;
  --section-pad-top:clamp(40px,4.5vw,64px);
  --section-pad-bottom:clamp(24px,2.8vw,32px);
  --section-head-top:clamp(32px,3.4vw,44px);
  --hero-pad-top:clamp(44px,5.4vw,76px);
  --card-gap:24px; --card-pad:24px;
  --px:4px; --px-corner:8px; --px-strip:16px; --px-band:24px;
  --frame:1200px;
  --measure:820px;
  --bp-sm:640px; --bp-md:768px; --bp-lg:1024px; --bp-xl:1280px;
  --radius-xs:2px; --radius-tag:2.5px; --radius-sm:3px; --radius-chip:5px; --radius-md:6px; --radius-nav:7px;
  --radius-lg:8px; --radius-tile:10px; --radius-xl:12px; --radius-card:14px; --radius-2xl:16px; --radius-3xl:24px; --radius-pill:999px;
  --shadow-sm:0 1px 2px 0 rgb(0 0 0 / .05);
  --shadow-hairline:inset 0 0 0 1px var(--border);
  --shadow-card:0 0 0 1px #E3E4E8, 0 4px 10px -6px rgba(28,32,36,.16);
  --shadow-float:0 24px 48px -24px rgba(16,24,40,.18);
  --shadow-btn-secondary:inset 0 0 0 1px var(--border-strong), 0 1px 2px #1C20240F;
  --shadow-sticker:3px 3px 0 var(--ink-strong);
  --ring-focus:0 0 0 2px #fff, 0 0 0 4px var(--focus-ring);
  --ease-standard:cubic-bezier(.4,0,.2,1); --ease-out:ease-out; --ease-in-out:ease-in-out;
  --dur-press:120ms; --dur-fast:150ms; --dur-quick:180ms; --dur-base:200ms; --dur-med:250ms; --dur-slow:400ms; --dur-reveal:450ms;
  --dur-float:4.5s; --dur-blink:1.4s; --dur-progress:6s; --float-distance:-5px; --press-scale:.98; --tag-tilt:-3.5deg;
  color-scheme:light;
}
@media (min-width:768px){:root{--px-band:32px}}
@media (prefers-reduced-motion:reduce){:root{--dur-press:0ms;--dur-fast:0ms;--dur-quick:0ms;--dur-base:0ms;--dur-med:0ms;--dur-slow:0ms;--dur-reveal:0ms}}
