/* Extracted from the design component's helmet styles */

:root{
  --font-sans:'IBM Plex Sans',system-ui,sans-serif;
  --font-display:'IBM Plex Sans',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --r:8px; --shadow:none; --on-accent:#120f0c; --track:-.025em;
  --bg:#0c0c0b; --bg2:#121211; --panel:#161615; --panel2:#1c1c1a;
  --line:#2a2a27; --line2:#3a3a36; --grid:rgba(240,236,228,.028);
  --ink:#f2eee6; --ink2:#a9a49b; --ink3:#8f8a80;
  --accent:#d4703a; --accent-ink:#e0844e; --accent-soft:rgba(212,112,58,.13);
}
[data-theme="light"]{
  --bg:#f6f4ef; --bg2:#fffefa; --panel:#ffffff; --panel2:#f1efe9;
  --line:#e0dbd1; --line2:#cdc7ba; --grid:rgba(26,26,24,.038);
  --ink:#17170f; --ink2:#55524b; --ink3:#6a655d;
  --accent:#b8551f; --accent-ink:#9c4718; --accent-soft:rgba(184,85,31,.10);
}

/* Variant B — Ink: sage green, square corners, flat surfaces */
[data-variant="ink"]{
  --font-sans:'Be Vietnam Pro',system-ui,sans-serif;
  --font-display:'Be Vietnam Pro',system-ui,sans-serif;
  --r:2px; --track:-.02em;
  --bg:#0a0f10; --bg2:#0d1415; --panel:#101819; --panel2:#152022;
  --line:#1d2a2b; --line2:#2c3d3e; --grid:transparent;
  --ink:#e9efec; --ink2:#a3b0ac; --ink3:#8b9995;
  --accent:#8fae7c; --accent-ink:#a4c391; --accent-soft:rgba(143,174,124,.13);
  --on-accent:#0a0f10;
}
[data-variant="ink"][data-theme="light"]{
  --bg:#eef1ed; --bg2:#f7f9f6; --panel:#ffffff; --panel2:#e7ebe6;
  --line:#d9ded8; --line2:#c2c9bf; --grid:transparent;
  --ink:#101614; --ink2:#4e564f; --ink3:#646c63;
  --accent:#4a6f43; --accent-ink:#3d5e38; --accent-soft:rgba(74,111,67,.10);
  --on-accent:#f7f9f6;
}

/* Variant C — Paper: warm paper, serif headings, soft cards */
[data-variant="paper"]{
  --font-sans:'Be Vietnam Pro',system-ui,sans-serif;
  --font-display:'Source Serif 4','Source Serif Pro',Georgia,serif;
  --r:12px; --track:-.015em; --shadow:0 1px 2px rgba(23,21,18,.05),0 8px 24px rgba(23,21,18,.05);
  --bg:#f4f0e7; --bg2:#faf7f0; --panel:#fffdf7; --panel2:#efe9dc;
  --line:#ded6c6; --line2:#c6bda9; --grid:rgba(23,21,18,.03);
  --ink:#171512; --ink2:#544f47; --ink3:#6b665c;
  --accent:#1f6f66; --accent-ink:#175a52; --accent-soft:rgba(31,111,102,.10);
  --on-accent:#fffdf7;
}
[data-variant="paper"][data-theme="dark"]{
  --bg:#14120f; --bg2:#191713; --panel:#1e1b16; --panel2:#252118;
  --line:#2e2921; --line2:#403a2f; --grid:rgba(243,238,226,.03);
  --ink:#f3eee2; --ink2:#b0a897; --ink3:#968f80;
  --accent:#4aa398; --accent-ink:#6dbdb2; --accent-soft:rgba(74,163,152,.14);
  --on-accent:#14120f;
}
/* Variant D — Signal: black, acid lime, tight geometry */
[data-variant="signal"]{
  --font-sans:'Be Vietnam Pro',system-ui,sans-serif;
  --font-display:'Be Vietnam Pro',system-ui,sans-serif;
  --r:4px; --track:-.03em;
  --bg:#080808; --bg2:#0d0d0d; --panel:#111111; --panel2:#181818;
  --line:#212121; --line2:#343434; --grid:rgba(255,255,255,.03);
  --ink:#f6f6f3; --ink2:#a5a5a1; --ink3:#8c8c88;
  --accent:#c9f24a; --accent-ink:#d5f86e; --accent-soft:rgba(201,242,74,.12);
  --on-accent:#0b0f02;
}
[data-variant="signal"][data-theme="light"]{
  --bg:#f3f5ee; --bg2:#f9faf5; --panel:#ffffff; --panel2:#ecefe4;
  --line:#e1e4d9; --line2:#c8cdbc; --grid:rgba(13,15,10,.035);
  --ink:#0d0f0a; --ink2:#4d5147; --ink3:#63685c;
  --accent:#4e6d10; --accent-ink:#3f5a0b; --accent-soft:rgba(78,109,16,.10);
  --on-accent:#f9faf5;
}

/* Variant E — Mist: cool light surfaces, cobalt, generous radii */
[data-variant="mist"]{
  --font-sans:'Lexend',system-ui,sans-serif;
  --font-display:'Lexend',system-ui,sans-serif;
  --r:14px; --track:-.02em;
  --bg:#f1f4f9; --bg2:#f8fafd; --panel:#ffffff; --panel2:#e9eef6;
  --line:#e0e5ef; --line2:#c5cede; --grid:transparent;
  --ink:#0f1420; --ink2:#4b5465; --ink3:#616b7d;
  --accent:#3355ff; --accent-ink:#2843cf; --accent-soft:rgba(51,85,255,.09);
  --on-accent:#ffffff;
}
[data-variant="mist"][data-theme="dark"]{
  --bg:#090c13; --bg2:#0d1119; --panel:#111725; --panel2:#161d2d;
  --line:#1c2333; --line2:#2d374b; --grid:transparent;
  --ink:#eef1f7; --ink2:#a7b0c1; --ink3:#8f99ab;
  --accent:#6e8bff; --accent-ink:#93a9ff; --accent-soft:rgba(110,139,255,.14);
  --on-accent:#080b12;
}

/* Variant F — Mono: pure black and white, no colour at all */
[data-variant="mono"]{
  --r:6px; --track:-.035em;
  --bg:#000000; --bg2:#070707; --panel:#0c0c0c; --panel2:#141414;
  --line:#1f1f1f; --line2:#303030; --grid:rgba(255,255,255,.025);
  --ink:#ffffff; --ink2:#adadad; --ink3:#909090;
  --accent:#ffffff; --accent-ink:#ffffff; --accent-soft:rgba(255,255,255,.08);
  --on-accent:#000000;
}
[data-variant="mono"][data-theme="light"]{
  --bg:#ffffff; --bg2:#fafafa; --panel:#ffffff; --panel2:#f1f1f1;
  --line:#e5e5e5; --line2:#cdcdcd; --grid:rgba(0,0,0,.03);
  --ink:#000000; --ink2:#515151; --ink3:#646464;
  --accent:#000000; --accent-ink:#000000; --accent-soft:rgba(0,0,0,.06);
  --on-accent:#ffffff;
}
/* Variant G — Editorial: serif broadsheet, rules instead of boxes */
[data-variant="editorial"]{
  --font-sans:'Source Serif 4','Source Serif Pro',Georgia,serif;
  --font-display:'Source Serif 4','Source Serif Pro',Georgia,serif;
  --r:0px; --track:-.01em;
  --bg:#ecebe4; --bg2:#f4f3ee; --panel:#f8f7f3; --panel2:#e3e2da;
  --line:#d3d1c7; --line2:#b6b3a6; --grid:transparent;
  --ink:#14130f; --ink2:#4a483f; --ink3:#5f5d53;
  --accent:#a83a1c; --accent-ink:#8c2f16; --accent-soft:rgba(168,58,28,.09);
  --on-accent:#f8f7f3;
}
[data-variant="editorial"][data-theme="dark"]{
  --bg:#111110; --bg2:#161615; --panel:#1b1b19; --panel2:#232320;
  --line:#2c2c28; --line2:#3d3d37; --grid:transparent;
  --ink:#f3f1e8; --ink2:#b0ada1; --ink3:#97948a;
  --accent:#e0562f; --accent-ink:#ec7250; --accent-soft:rgba(224,86,47,.13);
  --on-accent:#111110;
}
[data-variant="editorial"] h1{font-size:clamp(40px,7vw,82px) !important; font-weight:400 !important; line-height:1.02 !important}
[data-variant="editorial"] h2{font-weight:400 !important; font-size:clamp(28px,4vw,46px) !important}
[data-variant="editorial"] h3{font-family:var(--font-display); font-weight:600}
[data-variant="editorial"] [data-hero]{grid-template-columns:1fr !important; gap:36px !important}
[data-variant="editorial"] [data-hero-stats]{background:transparent !important; border:0 !important; border-top:2px solid var(--ink) !important; gap:0 32px !important}
[data-variant="editorial"] [data-hero-stats] > div{background:transparent !important; padding:18px 0 0 !important; border-right:1px solid var(--line) !important}
[data-variant="editorial"] [data-cards8]{background:transparent !important; border:0 !important; gap:0 44px !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important}
[data-variant="editorial"] [data-cards8] > div{background:transparent !important; padding:24px 0 !important; border-bottom:1px solid var(--line) !important}
[data-variant="editorial"] [data-cols3] > div{background:transparent !important; border:0 !important; border-top:1px solid var(--ink2) !important; padding:20px 0 0 !important}

/* Variant H — Terminal: monospaced throughout, amber on near-black, zero radius */
[data-variant="terminal"]{
  --font-sans:'IBM Plex Mono',ui-monospace,monospace;
  --font-display:'IBM Plex Mono',ui-monospace,monospace;
  --r:0px; --track:-.01em;
  --bg:#08090a; --bg2:#0c0e0f; --panel:#101314; --panel2:#161a1b;
  --line:#1f2426; --line2:#313839; --grid:rgba(255,176,0,.045);
  --ink:#e9e6dd; --ink2:#a5a29a; --ink3:#8d8a82;
  --accent:#ffb000; --accent-ink:#ffc23d; --accent-soft:rgba(255,176,0,.12);
  --on-accent:#08090a;
}
[data-variant="terminal"][data-theme="light"]{
  --bg:#f2f1ec; --bg2:#f8f7f3; --panel:#ffffff; --panel2:#eae8e1;
  --line:#dfddd5; --line2:#c4c1b7; --grid:rgba(20,20,18,.04);
  --ink:#14140f; --ink2:#4c4a43; --ink3:#615f57;
  --accent:#8a5a00; --accent-ink:#6f4800; --accent-soft:rgba(138,90,0,.10);
  --on-accent:#f8f7f3;
}
[data-variant="terminal"] h1{font-size:clamp(28px,3.6vw,46px) !important; font-weight:500 !important; line-height:1.16 !important}
[data-variant="terminal"] h2{font-weight:500 !important; font-size:clamp(22px,2.6vw,30px) !important}
[data-variant="terminal"] h3{font-weight:500}
[data-variant="terminal"] [data-cards8]{grid-template-columns:1fr !important}
[data-variant="terminal"] [data-cards8] > div{display:grid !important; grid-template-columns:26px minmax(0,15rem) minmax(0,1fr) !important; align-items:baseline !important; gap:16px !important; padding:14px 20px !important}
[data-variant="terminal"] [data-hero-stats]{border-radius:0 !important}

/* Variant I — Bento: rounded tiles of two sizes, periwinkle on charcoal */
[data-variant="bento"]{
  --font-sans:'Lexend',system-ui,sans-serif;
  --font-display:'Lexend',system-ui,sans-serif;
  --r:20px; --track:-.03em;
  --bg:#0e0e11; --bg2:#131318; --panel:#191920; --panel2:#20202a;
  --line:#26262f; --line2:#383843; --grid:transparent;
  --ink:#f2f2f6; --ink2:#a9a9b8; --ink3:#9090a1;
  --accent:#a6a2ff; --accent-ink:#b8b5ff; --accent-soft:rgba(166,162,255,.13);
  --on-accent:#0e0e11;
}
[data-variant="bento"][data-theme="light"]{
  --bg:#f3f3f7; --bg2:#f9f9fc; --panel:#ffffff; --panel2:#ecebf4;
  --line:#e6e5ee; --line2:#cbc9da; --grid:transparent;
  --ink:#12121a; --ink2:#4d4d5e; --ink3:#5f5f72;
  --accent:#5b4de0; --accent-ink:#4a3ec4; --accent-soft:rgba(91,77,224,.09);
  --on-accent:#ffffff;
}
[data-variant="bento"] [data-cards8]{background:transparent !important; border:0 !important; gap:12px !important; grid-template-columns:repeat(6,minmax(0,1fr)) !important; overflow:visible !important}
[data-variant="bento"] [data-cards8] > div{background:var(--panel) !important; border:1px solid var(--line) !important; border-radius:20px !important; grid-column:span 2 !important; padding:26px 24px !important}
[data-variant="bento"] [data-cards8] > div:nth-child(1),[data-variant="bento"] [data-cards8] > div:nth-child(2){grid-column:span 3 !important}
[data-variant="bento"] [data-hero-stats]{background:transparent !important; border:0 !important; gap:12px !important; overflow:visible !important}
[data-variant="bento"] [data-hero-stats] > div{background:var(--panel) !important; border:1px solid var(--line) !important; border-radius:16px !important}
@media (max-width:820px){ [data-variant="bento"] [data-cards8] > div,[data-variant="bento"] [data-cards8] > div:nth-child(1),[data-variant="bento"] [data-cards8] > div:nth-child(2){grid-column:span 3 !important} }
@media (max-width:520px){ [data-variant="bento"] [data-cards8]{grid-template-columns:1fr !important} [data-variant="bento"] [data-cards8] > div,[data-variant="bento"] [data-cards8] > div:nth-child(1),[data-variant="bento"] [data-cards8] > div:nth-child(2){grid-column:span 1 !important} }
@media (max-width:720px){ [data-variant="editorial"] [data-hero-stats] > div{border-right:0 !important} }

h1,h2{font-family:var(--font-display); letter-spacing:var(--track)}
[data-variant="paper"] h3{font-family:var(--font-display)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background-color:var(--bg); color:var(--ink);
  font-family:var(--font-sans); font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-wrap:pretty;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:34px 34px;
}
h1,h2,h3,h4,p,ul,figure{margin:0}
ul{padding:0;list-style:none}
a{color:var(--accent-ink); text-decoration:none}
a:hover{color:var(--ink); text-decoration:underline; text-underline-offset:3px}
button,select,input{font:inherit; color:inherit}
:focus-visible{outline:2px solid var(--accent-ink); outline-offset:2px; border-radius:2px}
@keyframes om-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:1020px){ [data-cols-results]{grid-template-columns:1fr !important} }
@media (max-width:960px){
  [data-hero]{grid-template-columns:1fr !important}
  [data-cards8]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:1010px){ [data-navlinks]{display:none !important} }
@media (max-width:720px){
  [data-cols3]{grid-template-columns:1fr !important}
  [data-cols2]{grid-template-columns:1fr !important}
  [data-hero-stats]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:480px){
  [data-cards8]{grid-template-columns:1fr !important}
  [data-hero-stats]{grid-template-columns:1fr !important}
}

