/* generated by tools/themes.mjs at build — do not edit; sources: assets/themes/*.css */
/* CLASSIC — Jeroen's Website C as exported: cream, ink, blue; pills and 24px cards; Bricolage + Instrument.
   Light = the original values (so the page is byte-for-byte the design); dark = the same page re-inked. */
:root{
  /* an explicit scheme: a cross-origin iframe (the Cal popup) paints an opaque white canvas when its colour scheme differs from ours; `light` here and `dark` below keep it transparent in both modes */
  color-scheme:light;
  --t-head:"Bricolage Grotesque",sans-serif;--t-text:"Instrument Sans",sans-serif;
  --t-canvas:#FBF6EC;--t-card:#FFFFFF;--t-sand:#F6F3EE;--t-sand2:#F3EDE1;
  --t-line:#ECE4D4;--t-line2:#E6DCC8;--t-line3:#DCD2BF;
  --t-ink:#14161A;--t-ink-bg:#14161A;--t-body:#4A4D50;--t-body2:#2E3134;--t-mute:#6B655C;--t-faint:#716A5F;
  --t-accent:#1B34C9;--t-accent-text:#1B34C9;--t-accent-wash:#E5E9F9;--t-on-accent:#FBF6EC;
  --t-rust:#C75B39;--t-rust-text:#B34A2C;--t-rust-wash:#F7E3D9;--t-sun:#FFD34E;--t-err:#B42318;--t-cream:#FBF6EC;--t-on-sun:#14161A;--t-sep:#CFC6B5;--t-focus:#1B34C9;
  --t-hero:linear-gradient(180deg,#FBF6EC 0%,#F6F3EE 45%,#E2E8FA 100%);
  --t-sh18:rgba(20,22,26,.18);--t-sh25:rgba(20,22,26,.25);--t-sh30:rgba(20,22,26,.3);--t-sh35:rgba(20,22,26,.35);--t-sh40:rgba(20,22,26,.4);
  --t-glass55:rgba(255,255,255,.55);--t-glass78:rgba(255,255,255,.78);--t-glass90:rgba(255,255,255,.9);
  --t-accent-glow35:rgba(27,52,201,.35);--t-accent-glow55:rgba(27,52,201,.55);--t-accent-glow70:rgba(27,52,201,.7);
  --t-on-accent-10:rgba(251,246,236,.1);--t-on-accent-12:rgba(251,246,236,.12);--t-on-accent-18:rgba(251,246,236,.18);
  --t-on-accent-24:rgba(251,246,236,.24);--t-on-accent-28:rgba(251,246,236,.28);--t-on-accent-55:rgba(251,246,236,.55);
}
[data-mode="dark"]{
  /* Jeroen's «Website C Dark» (Claude Design, 28 Oct 2026): every value below is his light→dark pair, read from the export */
  color-scheme:dark;
  --t-canvas:#131417;--t-card:#1E1F23;--t-sand:#17181B;--t-sand2:#1A1917;
  --t-line:#2B2A27;--t-line2:#34322E;--t-line3:#3A3833;
  --t-ink:#F3EEE4;--t-ink-bg:#F3EEE4;--t-body:#C4BFB5;--t-body2:#DAD5CB;--t-mute:#A8A195;--t-faint:#8F897D;
  --t-accent:#1B34C9;--t-accent-text:#93A2F7;--t-accent-wash:#1F2850;--t-on-accent:#FBF6EC;
  --t-rust:#E8876A;--t-rust-text:#E8876A;--t-rust-wash:#3A231A;--t-err:#FF8A7A;--t-sep:#6E695F;--t-focus:#93A2F7;
  --t-hero:linear-gradient(180deg,#131417 0%,#17181B 45%,#18203F 100%);
  --t-sh18:rgba(0,0,0,.29);--t-sh25:rgba(0,0,0,.4);--t-sh30:rgba(0,0,0,.48);--t-sh35:rgba(0,0,0,.56);--t-sh40:rgba(0,0,0,.64);
  --t-glass55:rgba(30,31,35,.55);--t-glass78:rgba(30,31,35,.78);--t-glass90:rgba(30,31,35,.9);
  --t-accent-glow35:rgba(0,0,0,.56);
}
[data-mode="dark"] .skip{color:#131417}
/* the lockup by night, Jeroen's tone «bDark»: the mark blue, the word cream */
[data-mode="dark"] .lockup{color:#FBF6EC}
[data-mode="dark"] .lockup .mark{color:#1B34C9}
/* links by night: #93A2F7, cream on hover (Jeroen) — zero specificity, so buttons and nav keep their own ink */
:where([data-mode="dark"] a):hover{color:var(--t-cream)}

/* buttons: one action family for every CTA, <a> and <button> alike; tabs and chips are not in it */
:is(.x40,.x113,.x131,.x243,.x259,.x294,.price,.feed-done .ok,.faq.open .faq-icon){--t-focus:var(--t-cream)}
:is(a:is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)),a:is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool),.x117,.x167,.x168,.x169,.x173){transition:transform .15s ease,box-shadow .15s ease,color .15s ease}
:is(a:is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)),.x167,.x173):hover:not(:disabled){color:var(--t-on-accent);transform:translateY(-1px);box-shadow:0 10px 24px -14px var(--t-accent-glow70)}
:is(a:is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool),.x168,.x169):hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px -16px var(--t-sh30)}
a:is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool):hover{color:var(--t-ink)}
.x117:hover{color:var(--t-accent);transform:translateY(-1px);box-shadow:0 10px 24px -14px rgba(0,0,0,.35)}
:is(a:is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)),a:is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool),.x117,.x167,.x168,.x169,.x173):active:not(:disabled){transform:none;box-shadow:none}
@media (prefers-reduced-motion:reduce){:is(a:is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)),a:is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool),.x117,.x167,.x168,.x169,.x173,.btn){transition:none}:is(a:is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)),a:is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool),.x117,.x167,.x168,.x169,.x173,.btn):hover{transform:none}}


/* GLASS — the prototype's Glass 2 (collabix-nextgen kit/glass2.css + liquid.css): an ice ground by day, a violet ink by
   night, three soft lights and a faint grid behind everything, frosted plates with a lit top edge and blue-grey shadows,
   one blue, rounded-rect controls (not pills), DM Sans for everything. */
@font-face{font-family:"DM Sans";font-weight:300 800;font-display:swap;src:url("/assets/fonts/DMSans-variable.ttf") format("truetype")}

[data-theme="glass"]{
  --t-head:"DM Sans","Bricolage Grotesque",sans-serif;--t-text:"DM Sans","Instrument Sans",sans-serif;
  --t-canvas:#F4F7FB;--t-card:#FFFFFF;--t-sand:#E9EEF5;--t-sand2:#E3E9F2;
  --t-line:rgba(15,30,60,.13);--t-line2:rgba(15,30,60,.16);--t-line3:rgba(15,30,60,.26);
  --t-ink:#1C2331;--t-ink-bg:#1C2331;--t-body:#3E4A5C;--t-body2:#2B3443;--t-mute:#5B6778;--t-faint:#7B8698;
  --t-accent:#2F5BEA;--t-accent-text:#1F49D6;--t-accent-wash:#E8F1FF;--t-on-accent:#FFFFFF;
  --t-rust:#DD6B00;--t-rust-text:#B53C0B;--t-rust-wash:#FFF4E0;--t-sun:#FFD34E;--t-err:#B42318;
  --t-hero:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0));
  --t-sh18:rgba(15,40,90,.08);--t-sh25:rgba(15,40,90,.1);--t-sh30:rgba(15,40,90,.12);--t-sh35:rgba(15,40,90,.14);--t-sh40:rgba(15,40,90,.16);
  --t-glass55:rgba(255,255,255,.5);--t-glass78:rgba(255,255,255,.6);--t-glass90:rgba(255,255,255,.72);
  --t-accent-glow35:rgba(47,91,234,.18);--t-accent-glow55:rgba(47,91,234,.26);--t-accent-glow70:rgba(47,91,234,.3);
  --t-on-accent-10:rgba(255,255,255,.1);--t-on-accent-12:rgba(255,255,255,.12);--t-on-accent-18:rgba(255,255,255,.18);
  --t-on-accent-24:rgba(255,255,255,.24);--t-on-accent-28:rgba(255,255,255,.28);--t-on-accent-55:rgba(255,255,255,.55);
  --g-plate:rgba(255,255,255,.66);--g-plate-line:rgba(255,255,255,.92);
  --g-plate-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,30,60,.06),0 1px 2px rgba(15,30,60,.05),0 12px 30px rgba(15,40,90,.08);
  --g-hi:#fff;--g-lo:rgba(15,30,60,.05);--g-grid:rgba(15,30,60,.05);
  letter-spacing:0;
}
[data-theme="glass"][data-mode="dark"]{
  --t-canvas:#0D0C15;--t-card:#1C1B27;--t-sand:#171622;--t-sand2:#1C1B27;
  --t-line:rgba(230,230,240,.12);--t-line2:rgba(230,230,240,.16);--t-line3:rgba(230,230,240,.26);
  --t-ink:#E6E6F0;--t-ink-bg:#E6E6F0;--t-body:#B7B6C9;--t-body2:#CFCEDD;--t-mute:#9B9AB0;--t-faint:#8584A0;
  --t-accent:#7A74E6;--t-accent-text:#B0ADF0;--t-accent-wash:rgba(122,116,230,.16);--t-on-accent:#FFFFFF;
  --t-rust:#D7694A;--t-rust-text:#F2A184;--t-rust-wash:#3A2A26;--t-err:#FF8A7A;
  --t-sh18:rgba(0,0,0,.3);--t-sh25:rgba(0,0,0,.36);--t-sh30:rgba(0,0,0,.4);--t-sh35:rgba(0,0,0,.45);--t-sh40:rgba(0,0,0,.5);
  --t-glass55:rgba(18,17,28,.55);--t-glass78:rgba(18,17,28,.7);--t-glass90:rgba(18,17,28,.82);
  --t-accent-glow35:rgba(122,116,230,.22);--t-accent-glow55:rgba(122,116,230,.3);--t-accent-glow70:rgba(122,116,230,.36);
  --g-plate:rgba(18,17,28,.62);--g-plate-line:rgba(255,255,255,.10);
  --g-plate-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.45),0 12px 32px rgba(0,0,0,.36);
  --g-hi:rgba(255,255,255,.14);--g-lo:rgba(0,0,0,.45);--g-grid:rgba(230,230,240,.05);
}

/* the field: three lights and a faint grid, fixed, so the plates float over it as you scroll */
[data-theme="glass"] body{background:
  linear-gradient(var(--g-grid) 1px,transparent 1px) 0 0/64px 64px,
  linear-gradient(90deg,var(--g-grid) 1px,transparent 1px) 0 0/64px 64px,
  radial-gradient(480px 660px at 2% 62%,rgba(59,130,246,.16),transparent 70%),
  radial-gradient(900px 520px at 56% 106%,rgba(124,108,255,.09),transparent 70%),
  radial-gradient(580px 760px at 104% 56%,rgba(56,189,248,.14),transparent 70%),
  var(--t-canvas);background-attachment:fixed}
[data-theme="glass"][data-mode="dark"] body{background:
  linear-gradient(var(--g-grid) 1px,transparent 1px) 0 0/64px 64px,
  linear-gradient(90deg,var(--g-grid) 1px,transparent 1px) 0 0/64px 64px,
  radial-gradient(760px 560px at 12% 6%,rgba(122,116,230,.16),transparent 70%),
  radial-gradient(820px 640px at 62% 96%,rgba(124,108,255,.10),transparent 70%),
  radial-gradient(560px 680px at 100% 34%,rgba(59,130,246,.08),transparent 70%),
  var(--t-canvas);background-attachment:fixed}
[data-theme="glass"] :is(.x1,.x35,.x119,.x136,.x205,.x250,.legal-hero){background:transparent}
[data-theme="glass"] :is(.x42,.x43,.x145,.x217,.x225,.x233,.x279,.x299,.cf-info,.tip-body,.legal .note,.seg,.stepper,.look-seg){background:var(--g-plate);border:1px solid var(--g-plate-line);box-shadow:var(--g-plate-shadow)}

/* plates: frosted, a lit top edge, a shaded foot, a blue-grey drop; corners 16px */
[data-theme="glass"] :is(.x34,.x36,.x52,.x63,.x67,.x70,.x74,.x75,.x95,.x125,.x137,.x147,.x156,.x160,.x176,.x186,.x197,.x203,.x206,.x215,.x222,.x230,.x235,.x239,.x298,.card,.faq,.consent,.look-menu,.hdr-drop,.ask-row,.ask-ok,.fc-in,.feed,.legal .card-s,.ask-chip-v){background:var(--g-plate);border-color:var(--g-plate-line);box-shadow:var(--g-plate-shadow);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px}
[data-theme="glass"] :is(.x12,.x123,.x195){background:var(--g-plate);border-color:var(--g-plate-line);box-shadow:var(--g-plate-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px}
[data-theme="glass"] :is(.ask-chip-v,.fc-in){backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:10px}
[data-theme="glass"] .hdr-bar{background:var(--g-plate);border:1px solid var(--g-plate-line);box-shadow:var(--g-plate-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:14px}
[data-theme="glass"] .hdr-drop{border-radius:14px}

/* controls: rounded rectangles; the primary the one blue with a lit edge (no coloured glow), the secondary white glass */
[data-theme="glass"] :is(.btn,.seg,.seg-btn,.stepper,.step,.tab,.cx-tool,.who-opt,.consent-btns button,.look-seg,.look-seg button,.ask-in,.hdr-menu,.fc-ap,.fc-ed,.eyebrow,.eyebrow span,.pill,.seg-tag,.ask-chip-v){border-radius:10px}
[data-theme="glass"] :is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)){background:rgba(47,91,234,.97);color:#fff;border-radius:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.16),0 4px 12px rgba(15,30,60,.14)}
[data-theme="glass"][data-mode="dark"] :is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)){background:rgba(122,116,230,.62);border:1px solid rgba(190,185,255,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.18),0 6px 18px rgba(0,0,0,.35)}
[data-theme="glass"] :is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.16),0 6px 16px rgba(15,30,60,.18)}
[data-theme="glass"] :is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool){background:linear-gradient(180deg,#fff,rgba(243,246,251,.95));border:1px solid rgba(15,30,60,.16);color:var(--t-ink);border-radius:10px;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,30,60,.08)}
[data-theme="glass"][data-mode="dark"] :is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool){background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-color:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(0,0,0,.3)}
[data-theme="glass"] :is(.x3,.x252,.eyebrow,.cx-tool){background:var(--g-plate);border:1px solid var(--g-plate-line);box-shadow:inset 0 1px 0 var(--g-hi),0 1px 2px rgba(15,30,60,.06);border-radius:10px}
[data-theme="glass"] :is(.x4,.x79,.x162,.x174,.eyebrow span,.seg-tag,.pill-blue){border-radius:7px}
[data-theme="glass"] .seg-btn.on,[data-theme="glass"] .look-seg button.on,[data-theme="glass"] .tab.on{border-radius:8px}
[data-theme="glass"] .step{background:var(--t-card)}

/* the blue blocks (price card) as blue glass */
[data-theme="glass"] :is(.x40,.x113,.x131,.x243,.x259,.x294,.price,.feed-done .ok,.faq.open .faq-icon){box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.18),0 24px 60px -24px rgba(47,91,234,.45)}
[data-theme="glass"] .price{border-radius:16px}
[data-theme="glass"][data-mode="dark"] :is(.x40,.x113,.x131,.x243,.x259,.x294,.price,.feed-done .ok,.faq.open .faq-icon){background:rgba(122,116,230,.66);border:1px solid rgba(190,185,255,.28)}
[data-theme="glass"][data-mode="dark"] :is(img.hero-img,.x12 img,.founder-photo){filter:saturate(1.05) brightness(.9)}
[data-theme="glass"] .lockup{color:var(--t-accent-text)}
[data-theme="glass"] h1,[data-theme="glass"] h2,[data-theme="glass"] h3{letter-spacing:-.035em}


/* LOUD — the prototype's Loud pair (Jeroen's direction D, collabix-nextgen kit/brand.css): cream and ink on a faint grid;
   terracotta is the person, blue is the record; the pair bar at the top; square forms, 1px lines, no shadows;
   the primary a flat blue block, the secondary an ink outline. Bricolage + Instrument, as the brand. */
[data-theme="loud"]{
  --t-canvas:#FBF6EC;--t-card:#FFFFFF;--t-sand:#F4ECDC;--t-sand2:#EFE6D3;
  --t-line:rgba(70,52,20,.20);--t-line2:rgba(70,52,20,.24);--t-line3:rgba(70,52,20,.34);
  --t-ink:#22252B;--t-ink-bg:#22252B;--t-body:#45413A;--t-body2:#33302A;--t-mute:#625C53;--t-faint:#7A7368;
  --t-accent:#1B34C9;--t-accent-text:#1B34C9;--t-accent-wash:rgba(27,52,201,.07);--t-on-accent:#FFFFFF;
  --t-rust:#C75B39;--t-rust-text:#B04D2D;--t-rust-wash:#F3E3DB;--t-sun:#FFD34E;--t-err:#A82D27;
  --t-hero:linear-gradient(var(--t-canvas),var(--t-canvas));
  --t-sh18:transparent;--t-sh25:transparent;--t-sh30:transparent;--t-sh35:transparent;--t-sh40:transparent;
  --t-glass55:#FFFFFF;--t-glass78:#FFFFFF;--t-glass90:#FFFFFF;
  --t-accent-glow35:transparent;--t-accent-glow55:transparent;--t-accent-glow70:transparent;
  --l-grid:rgba(70,52,20,.08);--l-person:#C75B39;--l-record:#1B34C9;
}
[data-theme="loud"][data-mode="dark"]{
  --t-canvas:#17151B;--t-card:#211E27;--t-sand:#1D1A22;--t-sand2:#26222D;
  --t-line:rgba(239,236,230,.16);--t-line2:rgba(239,236,230,.22);--t-line3:rgba(239,236,230,.32);
  --t-ink:#EFECE6;--t-ink-bg:#EFECE6;--t-body:#C9C2BA;--t-body2:#DAD4CC;--t-mute:#A59E96;--t-faint:#8E887F;
  --t-accent:#6479F7;--t-accent-text:#8394FA;--t-accent-wash:rgba(100,121,247,.14);--t-on-accent:#12101A;
  --t-rust:#E8794F;--t-rust-text:#F0906A;--t-rust-wash:#3A2A26;--t-err:#F0646E;
  --t-glass55:#211E27;--t-glass78:#211E27;--t-glass90:#211E27;
  --l-grid:rgba(239,236,230,.06);--l-person:#E8794F;--l-record:#6479F7;
}

/* the field: a faint grid; the pair bar — the person's terracotta two thirds, the record's blue the rest */
[data-theme="loud"] body{background:
  linear-gradient(var(--l-grid) 1px,transparent 1px) 0 0/72px 72px,
  linear-gradient(90deg,var(--l-grid) 1px,transparent 1px) 0 0/72px 72px,var(--t-canvas);background-attachment:fixed}
[data-theme="loud"] body::before{content:"";position:fixed;top:0;left:0;right:0;height:6px;z-index:400;pointer-events:none;
  background:linear-gradient(90deg,var(--l-person) 0 66%,var(--l-record) 66%)}
[data-theme="loud"] :is(.x1,.x35,.x119,.x136,.x205,.x250,.legal-hero){background:transparent}

/* square forms everywhere */
[data-theme="loud"] :is(.btn,.seg,.seg-btn,.stepper,.step,.tab,.pill,.eyebrow,.eyebrow span,.ask-row,.ask-in,.cx-tool,.who-opt,.fc-ap,.fc-ed,.consent,.consent-btns button,.look-menu,.look-menu button,.look-seg,.look-seg button,.hdr-drop,.hdr-menu,.faq,.faq-icon,.price,.card,.cf-info,.tip-body,.feed,.fc-in,.ask-ok,.ask-chip-v,.seg-tag,.legal .note,.legal .card-s,.skip,.look-btn,.feed-done .ok,.switch,.knob){border-radius:2px}
[data-theme="loud"] :is(.x34,.x36,.x52,.x63,.x67,.x70,.x74,.x75,.x95,.x125,.x137,.x147,.x156,.x160,.x176,.x186,.x197,.x203,.x206,.x215,.x222,.x230,.x235,.x239,.x298,.card,.faq,.consent,.look-menu,.hdr-drop,.ask-row,.ask-ok,.fc-in,.feed,.legal .card-s,.ask-chip-v){border-radius:2px;border:1px solid var(--t-line);box-shadow:none}
[data-theme="loud"] :is(.x12,.x123,.x195){border-radius:2px;border:1px solid var(--t-line);box-shadow:none;background:var(--t-card)}
[data-theme="loud"] :is(:is(.x34,.x36,.x52,.x63,.x67,.x70,.x74,.x75,.x95,.x125,.x137,.x147,.x156,.x160,.x176,.x186,.x197,.x203,.x206,.x215,.x222,.x230,.x235,.x239,.x298,.card,.faq,.consent,.look-menu,.hdr-drop,.ask-row,.ask-ok,.fc-in,.feed,.legal .card-s,.ask-chip-v),:is(.x12,.x123,.x195)) img{border-radius:0}
[data-theme="loud"] :is(.x42,.x43,.x145,.x217,.x225,.x233,.x279,.x299,.cf-info,.tip-body,.legal .note,.seg,.stepper,.look-seg){border-radius:2px;border:1px solid var(--t-line)}
[data-theme="loud"] :is(.x12,.x34,.x36,.x52,.x63,.x67,.x70,.x74,.x75,.x94,.x95,.x123,.x125,.x137,.x147,.x156,.x160,.x195,.x197,.x206,.x259){box-shadow:none}
[data-theme="loud"] :is(.x3,.x252,.eyebrow,.cx-tool){border-radius:2px;border:1px solid var(--t-line)}
[data-theme="loud"] :is(.x4,.x79,.x162,.x174,.eyebrow span,.seg-tag,.pill-blue){border-radius:0;background:transparent;color:var(--t-rust-text);padding-left:0;padding-right:0;box-shadow:inset 0 -2px 0 var(--l-person);font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:11px}
[data-theme="loud"] :is(.x40,.x113,.x131,.x243,.x259,.x294,.price,.feed-done .ok,.faq.open .faq-icon){border-radius:2px}

/* controls: the primary a flat blue block; the secondary an ink outline, 1.5px */
[data-theme="loud"] :is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)){border-radius:2px;background:var(--t-accent);color:var(--t-on-accent);box-shadow:none}
[data-theme="loud"] :is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)):hover{box-shadow:none;transform:none;filter:brightness(1.08)}
[data-theme="loud"] :is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool){border-radius:2px;background:transparent;border:1.5px solid var(--t-ink);color:var(--t-ink);box-shadow:none}
[data-theme="loud"] :is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool):hover{background:var(--t-ink);color:var(--t-canvas);transform:none}
[data-theme="loud"] .step{border:1px solid var(--t-line);background:var(--t-card)}
[data-theme="loud"] .step:hover{background:var(--t-ink);color:var(--t-canvas)}
[data-theme="loud"] :is(.seg,.stepper,.look-seg){background:transparent;border:1px solid var(--t-line);padding:3px}
[data-theme="loud"] .btn:hover{transform:none}

/* the header: a flat bar on the canvas under the pair bar, square, one line beneath */
[data-theme="loud"] .hdr{top:6px;margin-top:6px;padding:0}
[data-theme="loud"] .hdr-bar{max-width:none;height:64px;padding:0 max(20px,calc((100% - 1120px)/2));border-radius:0;background:var(--t-canvas);border:0;border-bottom:1px solid var(--t-line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
[data-theme="loud"] .hdr-nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--l-person);padding-bottom:4px}
[data-theme="loud"] .hdr-drop{margin:0;max-width:none;border-radius:0;border:0;border-bottom:1px solid var(--t-line);box-shadow:none}
[data-theme="loud"] .lockup{color:var(--t-ink)}
[data-theme="loud"] .lockup .mark{color:var(--l-record)}

/* the person is terracotta: tags that name a person or a role, the FAQ's open mark, the live dot */
[data-theme="loud"] .faq.open .faq-icon{background:var(--l-person);color:#fff}
[data-theme="loud"] .faq-icon{background:transparent;border:1px solid var(--t-line);color:var(--t-ink)}
[data-theme="loud"] .pill-sun{background:var(--t-sun);color:#14161A}
[data-theme="loud"] .ava--ring{box-shadow:0 0 0 2px var(--t-card),0 0 0 3px var(--l-person)}
[data-theme="loud"][data-mode="dark"] :is(img.hero-img,.x12 img,.founder-photo){filter:sepia(.1) brightness(.92)}


/* NEON — the 2026 collabix.ai as it is live today (Collabix/website index.html): a dark violet ground with a blue light
   top-left and a pink light top-right, THICCCBOI, a full-width glass nav bar, pills with a blue→pink gradient edge,
   gradient words in the headline, blurred colour blobs behind the hero. A night look: it ignores the light/dark switch. */
@font-face{font-family:"THICCCBOI";font-weight:400;font-display:swap;src:url("/assets/fonts/THICCCBOI-Regular.woff2") format("woff2")}
@font-face{font-family:"THICCCBOI";font-weight:500;font-display:swap;src:url("/assets/fonts/THICCCBOI-Medium.woff2") format("woff2")}
@font-face{font-family:"THICCCBOI";font-weight:600;font-display:swap;src:url("/assets/fonts/THICCCBOI-SemiBold.woff2") format("woff2")}
@font-face{font-family:"THICCCBOI";font-weight:700;font-display:swap;src:url("/assets/fonts/THICCCBOI-Bold.woff2") format("woff2")}
@font-face{font-family:"THICCCBOI";font-weight:800;font-display:swap;src:url("/assets/fonts/THICCCBOI-ExtraBold.woff2") format("woff2")}

[data-theme="neon"],[data-theme="neon"][data-mode="light"],[data-theme="neon"][data-mode="dark"]{
  color-scheme:dark;
  --t-head:"THICCCBOI","Inter",sans-serif;--t-text:"THICCCBOI","Inter",sans-serif;
  --t-canvas:#13111A;--t-card:#1D1A27;--t-sand:#272233;--t-sand2:#221E2E;
  --t-line:#302C3F;--t-line2:#3A3550;--t-line3:#4A4560;
  --t-ink:#FFFFFF;--t-ink-bg:#FFFFFF;--t-body:#B7B4C7;--t-body2:#D0CDDC;--t-mute:#88849C;--t-faint:#6F6B82;
  --t-accent:#4D54FF;--t-accent-text:#9B82FF;--t-accent-wash:rgba(155,130,255,.12);--t-on-accent:#FFFFFF;
  --t-rust:#FF4895;--t-rust-text:#FF7DA9;--t-rust-wash:rgba(255,72,149,.14);--t-sun:#F5B942;--t-err:#FF5868;
  --t-hero:linear-gradient(transparent,transparent);
  --t-sh18:rgba(0,0,0,.35);--t-sh25:rgba(0,0,0,.4);--t-sh30:rgba(0,0,0,.45);--t-sh35:rgba(0,0,0,.5);--t-sh40:rgba(0,0,0,.55);
  --t-glass55:rgba(29,26,39,.6);--t-glass78:rgba(23,20,33,.72);--t-glass90:rgba(23,20,33,.88);
  --t-accent-glow35:rgba(77,84,255,.35);--t-accent-glow55:rgba(110,79,233,.45);--t-accent-glow70:rgba(110,79,233,.55);
  --t-on-accent-10:rgba(255,255,255,.1);--t-on-accent-12:rgba(255,255,255,.12);--t-on-accent-18:rgba(255,255,255,.18);
  --t-on-accent-24:rgba(255,255,255,.24);--t-on-accent-28:rgba(255,255,255,.28);--t-on-accent-55:rgba(255,255,255,.55);
  --n-grad-border:linear-gradient(315deg,#434BFF,#FF4B81);--n-grad-head:linear-gradient(90deg,#6F86FF,#B372CE 50%,#FF7586);
}
[data-theme="neon"] body{background:
  radial-gradient(circle at 8% 4%,rgba(77,84,255,.16),transparent 26%),
  radial-gradient(circle at 92% 12%,rgba(255,72,149,.14),transparent 25%),var(--t-canvas);background-attachment:fixed;font-weight:500}
[data-theme="neon"] body,[data-theme="neon"] p,[data-theme="neon"] li{line-height:1.6}
[data-theme="neon"] b,[data-theme="neon"] strong{font-weight:800}

/* the hero: a violet blob top-right and a blue one bottom-left, blurred, behind the copy */
[data-theme="neon"] :is(.x1,.x35,.x119,.x136,.x205,.x250,.legal-hero){position:relative;isolation:isolate}
[data-theme="neon"] :is(.x1,.x35,.x119,.x136,.x205,.x250,.legal-hero)::before,[data-theme="neon"] :is(.x1,.x35,.x119,.x136,.x205,.x250,.legal-hero)::after{content:"";position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-1}
[data-theme="neon"] :is(.x1,.x35,.x119,.x136,.x205,.x250,.legal-hero)::before{width:540px;height:540px;top:-60px;right:-180px;background:#6E4FE9;opacity:.32}
[data-theme="neon"] :is(.x1,.x35,.x119,.x136,.x205,.x250,.legal-hero)::after{width:480px;height:480px;left:-220px;bottom:-200px;background:#1766FF;opacity:.22}
[data-theme="neon"] :is(.x42,.x43,.x145,.x217,.x225,.x233,.x279,.x299,.cf-info,.tip-body,.legal .note,.seg,.stepper,.look-seg){background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.075)}

/* the nav: full width, glass, a line beneath — not a floating pill */
[data-theme="neon"] .hdr{top:0;margin:0;padding:0}
[data-theme="neon"] .hdr-bar{max-width:none;height:72px;padding:0 max(24px,calc((100% - 1180px)/2));border-radius:0;background:rgba(23,20,33,.55);
  border:0;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
[data-theme="neon"] .hdr-nav a{color:rgba(255,255,255,.76);font-weight:700}
[data-theme="neon"] .hdr-nav a:hover,[data-theme="neon"] .hdr-nav a[aria-current]{color:#fff}
[data-theme="neon"] .hdr-login{color:rgba(255,255,255,.82);font-weight:700}
[data-theme="neon"] .hdr-drop{margin:0;max-width:none;border-radius:0 0 24px 24px;background:rgba(23,20,33,.96);border:0;border-bottom:1px solid rgba(255,255,255,.07)}
[data-theme="neon"] .hdr-menu{border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff}
[data-theme="neon"] .lockup{color:#B372CE}
[data-theme="neon"] .lockup .mark{color:#9B82FF}
[data-theme="neon"] .lang-on{color:#9B82FF}

/* words in the accent inside a headline become the gradient */
[data-theme="neon"] :is(.x6,.x72,.x254){background:var(--n-grad-head);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
[data-theme="neon"] h1,[data-theme="neon"] h2,[data-theme="neon"] h3{font-weight:800;letter-spacing:0}

/* cards: the surface with its own line, no drop shadow */
[data-theme="neon"] :is(.x34,.x36,.x52,.x63,.x67,.x70,.x74,.x75,.x95,.x125,.x137,.x147,.x156,.x160,.x176,.x186,.x197,.x203,.x206,.x215,.x222,.x230,.x235,.x239,.x298,.card,.faq,.consent,.look-menu,.hdr-drop,.ask-row,.ask-ok,.fc-in,.feed,.legal .card-s,.ask-chip-v){background:var(--t-card);border:1px solid var(--t-line);box-shadow:none}
[data-theme="neon"] :is(.x12,.x123,.x195){background:linear-gradient(180deg,rgba(20,18,29,.84),rgba(10,9,15,.95)) padding-box,
  conic-gradient(from 232deg at center,rgba(255,255,255,.08) 0 7%,#FF4895 11%,rgba(210,32,255,.56) 18%,rgba(255,255,255,.07) 25% 60%,#4D54FF 65%,rgba(110,79,233,.56) 73%,rgba(255,255,255,.08) 80% 100%) border-box;
  border:2px solid transparent;box-shadow:0 32px 82px rgba(0,0,0,.58),-18px 26px 70px -44px rgba(255,72,149,.78),24px -18px 72px -48px rgba(77,84,255,.82)}
[data-theme="neon"] :is(.x12,.x34,.x36,.x52,.x63,.x67,.x70,.x74,.x75,.x94,.x95,.x123,.x125,.x137,.x147,.x156,.x160,.x195,.x197,.x206,.x259){box-shadow:none}
[data-theme="neon"] .feed{background:rgba(23,20,33,.9)}
[data-theme="neon"] .consent{background:rgba(23,20,33,.96)}

/* controls: pills with a gradient edge (primary) and a faint white fill (secondary); the eyebrow a violet outline */
[data-theme="neon"] :is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)){background:linear-gradient(var(--t-canvas),var(--t-canvas)) padding-box,var(--n-grad-border) border-box;border:1.5px solid transparent;color:#fff;font-weight:800;
  box-shadow:0 0 22px -12px rgba(255,72,149,.5)}
[data-theme="neon"] :is(.x9,.x86,.x167,.x173,.btn-primary,.seg-btn.on,.consent-allow,.fc-ap,.tab.on,.look-seg button.on,.who-opt:has(input:checked)):hover{box-shadow:0 0 28px -8px rgba(210,32,255,.76);color:#fff}
[data-theme="neon"] :is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool){background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:800;box-shadow:none}
[data-theme="neon"] :is(.x10,.x32,.x65,.x87,.x88,.x154,.x168,.x169,.x183,.x220,.x265,.x281,.btn-light,.consent-decline,.tab,.who-opt,.hdr-menu,.step,.fc-ed,.cx-soon .cx-tool):hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);color:#fff}
[data-theme="neon"] .btn-cream{background:#fff;color:#13111A}
[data-theme="neon"] .btn-ghost-cream{border-color:rgba(255,255,255,.3);color:#fff}
[data-theme="neon"] :is(.x3,.x252,.eyebrow,.cx-tool){background:rgba(155,130,255,.06);border:1px solid rgba(155,130,255,.34);color:#9B82FF}
[data-theme="neon"] :is(.x4,.x79,.x162,.x174,.eyebrow span,.seg-tag,.pill-blue){background:transparent;color:#9B82FF;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
[data-theme="neon"] :is(.seg,.stepper,.look-seg){background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
[data-theme="neon"] .step{background:rgba(255,255,255,.08);color:#fff}
[data-theme="neon"] .ask-in{background:rgba(255,255,255,.06);color:#fff}
[data-theme="neon"] .ask-in::placeholder{color:#88849C}

/* the price card: the surface with the gradient edge and a glow */
[data-theme="neon"] .price{background:linear-gradient(#1D1A27,#1D1A27) padding-box,var(--n-grad-border) border-box;border:1.5px solid transparent;color:#fff;
  box-shadow:-18px 26px 70px -44px rgba(255,72,149,.6),24px -18px 72px -48px rgba(77,84,255,.7)}
[data-theme="neon"] .price-lines,[data-theme="neon"] .price-incl{border-color:rgba(255,255,255,.12)}
[data-theme="neon"] .price .btn-cream{background:linear-gradient(var(--t-card),var(--t-card)) padding-box,var(--n-grad-border) border-box;border:1.5px solid transparent;color:#fff}
[data-theme="neon"] .price .btn-ghost-cream{border-color:rgba(255,255,255,.2)}
[data-theme="neon"] :is(.x40,.x113,.x131,.x243,.x259,.x294,.price,.feed-done .ok,.faq.open .faq-icon){background:#272233}
[data-theme="neon"] .seg-btn.on,[data-theme="neon"] .tab.on,[data-theme="neon"] .look-seg button.on,[data-theme="neon"] .fc-ap,[data-theme="neon"] .feed-done .ok,[data-theme="neon"] .faq.open .faq-icon,[data-theme="neon"] .consent-allow,[data-theme="neon"] .who-opt:has(input:checked){background:#4D54FF;color:#fff}
[data-theme="neon"] .seg-btn.on .seg-tag{background:rgba(255,255,255,.18);color:#fff}
[data-theme="neon"] :is(img.hero-img,.x12 img,.founder-photo){filter:brightness(.94) saturate(1.04)}
[data-theme="neon"] .footnote,[data-theme="neon"] .ftr{color:#88849C}
[data-theme="neon"] .look-btn[data-mode-toggle]{opacity:.35;pointer-events:none}