/* Remix Digital services — verbatim export from design source. */
/* Remixd Digital — global CSS entry. Import-only by contract. */








































































/* SUBSTITUTION NOTICE — no font binaries were supplied with the brand assets.
   These are the nearest Google Fonts matches to the live site's editorial-serif
   + technical-mono pairing. Swap the @font-face sources here if licensed files exist. */
:root{
  --font-display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --font-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

:root{
  /* --- Base palette: sampled from the Remixd logotype + live site theme-color --- */
  --paper-50:#FAF8F4;
  --paper-100:#F4F1EB;   /* site meta theme-color */
  --paper-200:#EDE8DE;
  --paper-300:#E2DCCF;
  --paper-400:#DCD7CC;
  --paper-500:#C4BCAA;

  --navy-900:#152238;    /* logotype outline / deep ink */
  --navy-800:#1C2C46;
  --navy-700:#2A3B57;
  --ink-900:#14161A;      /* near-black, product surfaces */
  --ink-800:#1B1E24;
  --ink-700:#2C3037;
  --ink-500:#585D67;
  --ink-400:#7C818C;
  --ink-300:#A2A7B0;

  --orange-600:#CF441F;
  --orange-500:#E9532C;   /* logotype fill — primary accent */
  --orange-400:#F0764F;
  --orange-100:#FBE2D8;

  --blue-600:#3F7FB6;
  --blue-500:#5E9BD1;     /* logotype keyline */
  --blue-200:#BFD6EB;
  --blue-100:#E2EDF7;

  --silver-400:#B7BEC5;
  --silver-300:#D2D7DC;   /* turntable platter */
  --silver-200:#E6E9EC;

  /* Product accents observed on the four RMX systems */
  --rmx-violet:#7C5CFF;
  --rmx-orange:#E9532C;
  --rmx-gold:#E8B44A;
  --rmx-indigo:#241C57;

  /* --- Semantic aliases: use these in components --- */
  --canvas:var(--paper-100);
  --canvas-sunken:var(--paper-200);
  --canvas-raised:var(--paper-50);
  --surface-card:var(--paper-50);
  --surface-quiet:var(--paper-200);
  --surface-inverse:var(--ink-900);
  --surface-inverse-raised:var(--ink-800);
  --surface-brand:var(--navy-900);

  --text-body:var(--ink-900);
  --text-strong:var(--navy-900);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-400);
  --text-inverse:var(--paper-100);
  --text-inverse-muted:rgba(244,241,235,.62);
  --text-accent:var(--orange-500);
  --text-link:var(--navy-900);

  --accent:var(--orange-500);
  --accent-hover:var(--orange-600);
  --accent-quiet:rgba(233,83,44,.10);
  --accent-secondary:var(--blue-500);
  --accent-secondary-quiet:rgba(94,155,209,.14);

  --line-hairline:var(--paper-400);
  --line-strong:var(--paper-500);
  --line-ink:var(--navy-900);
  --line-inverse:rgba(244,241,235,.16);

  --focus-ring:var(--orange-500);
  --selection-bg:rgba(233,83,44,.22);

  --status-live:#3F8F5B;
  --status-idle:var(--ink-400);
  --status-warn:var(--rmx-gold);
}

:root{
  /* Display — Instrument Serif, tight and optical */
  --text-display-1-size:clamp(3.25rem,7vw,6.25rem);
  --text-display-1-lh:0.94;
  --text-display-1-ls:-0.025em;
  --text-display-2-size:clamp(2.375rem,4.6vw,3.75rem);
  --text-display-2-lh:1.02;
  --text-display-2-ls:-0.02em;
  --text-display-3-size:clamp(1.75rem,2.6vw,2.5rem);
  --text-display-3-lh:1.1;
  --text-display-3-ls:-0.015em;

  /* Sans headings + body — IBM Plex Sans */
  --text-h4-size:1.375rem; --text-h4-lh:1.28;
  --text-h5-size:1.0625rem; --text-h5-lh:1.35;
  --text-body-lg-size:1.125rem; --text-body-lg-lh:1.6;
  --text-body-size:1rem; --text-body-lh:1.65;
  --text-body-sm-size:0.9375rem; --text-body-sm-lh:1.55;
  --text-caption-size:0.8125rem; --text-caption-lh:1.45;

  /* Mono — labels, indices, spec values */
  --text-label-size:0.6875rem; --text-label-ls:0.14em; --text-label-lh:1;
  --text-index-size:0.75rem; --text-index-ls:0.08em;
  --text-meta-size:0.625rem; --text-meta-ls:0.18em;
  --text-numeral-size:clamp(1.75rem,3vw,2.75rem);

  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;

  --measure-prose:62ch;
  --measure-narrow:44ch;
  --measure-display:22ch;
}

:root{
  --space-0:0px;
  --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;
  --space-11:160px;
  --space-12:224px;

  --gutter:var(--space-5);
  --section-y:var(--space-10);
  --section-y-tight:var(--space-9);
  --stack-tight:var(--space-2);
  --stack:var(--space-4);
  --stack-loose:var(--space-6);

  --grid-columns:12; /* @kind other */
  --grid-gap:var(--space-5);
  --container-max:1240px;
  --container-prose:720px;
  --container-pad:clamp(20px,5vw,64px);
}

:root{
  --border-hairline:1px solid var(--line-hairline);
  --border-strong:1px solid var(--line-strong);
  --border-ink:1px solid var(--line-ink);
  --border-inverse:1px solid var(--line-inverse);
  --border-accent:1px solid var(--accent);
  --border-rule-weight:1px;
  --border-emphasis-weight:2px;

  --radius-0:0px;
  --radius-1:2px;
  --radius-2:4px;
  --radius-3:8px;
  --radius-pill:999px;
}

:root{
  /* Rams-adjacent: structure comes from rules, not shadow. Shadows are rare. */
  --shadow-none:none;
  --shadow-hairline:inset 0 0 0 1px var(--line-hairline);
  --shadow-lift:0 1px 0 rgba(21,34,56,.06);
  --shadow-panel:0 24px 48px -28px rgba(21,34,56,.24);
  --shadow-inverse-panel:0 24px 48px -28px rgba(0,0,0,.6);
  --blur-veil:blur(14px); /* @kind other */
  --veil-paper:rgba(244,241,235,.82);
  --veil-ink:rgba(20,22,26,.72);
}

:root{
  --ease-standard:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in-out:cubic-bezier(.65,.05,.36,1); /* @kind other */
  --duration-1:120ms; /* @kind other */
  --duration-2:200ms; /* @kind other */
  --duration-3:320ms; /* @kind other */
  --duration-4:640ms; /* @kind other */
  --transition-hover:color var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard),border-color var(--duration-2) var(--ease-standard),opacity var(--duration-2) var(--ease-standard);
  --press-scale:0.99; /* @kind other */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-lh);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;text-wrap:pretty}
::selection{background:var(--selection-bg)}
a{color:var(--text-link);text-decoration:none;border-bottom:1px solid var(--line-strong);transition:var(--transition-hover)}
a:hover{color:var(--accent);border-bottom-color:var(--accent)}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-regular);margin:0}
h4,h5,h6{font-family:var(--font-sans);font-weight:var(--weight-medium);margin:0}
p{margin:0}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
img{max-width:100%;display:block}
.rmx-label{font-family:var(--font-mono);font-size:var(--text-label-size);letter-spacing:var(--text-label-ls);line-height:var(--text-label-lh);text-transform:uppercase;color:var(--text-muted)}
.rmx-index{font-family:var(--font-mono);font-size:var(--text-index-size);letter-spacing:var(--text-index-ls);color:var(--text-faint);font-variant-numeric:tabular-nums}
.rmx-display{font-family:var(--font-display);font-size:var(--text-display-1-size);line-height:var(--text-display-1-lh);letter-spacing:var(--text-display-1-ls)}
.rmx-container{max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-pad)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ============================================================
   THE MASTER MIX — the deck / presentation expression.
   A second, distinct brand voice: paper-craft collage.
   Sampled from "Remixing the AI Future" (both decks).
   Textures in assets/textures/ are real crops from those slides.
   ============================================================ */
:root{
  /* Grounds */
  --craft-paper:#F2EDE2;        /* speckled recycled paper — default slide ground */
  --craft-paper-light:#F7F3EA;
  --craft-kraft:#B79365;        /* corrugated cardboard */
  --craft-kraft-dark:#9C7A4E;
  --craft-manila:#C9A778;       /* folder / luggage tag */
  --craft-tape:#E7DCBB;         /* masking tape */
  --craft-sticky:#EFE6A6;       /* sticky note yellow */

  /* Card stocks */
  --craft-card:#EFEAE0;         /* torn white card */
  --craft-card-grey:#A3A19A;    /* grey chipboard */
  --craft-card-lined:#F1EDE3;   /* lined index card */

  /* Inks */
  --craft-ink:#3D3A35;          /* charcoal — headlines */
  --craft-ink-soft:#5A554D;
  --craft-ink-invert:#F7F3EA;

  /* Accents — same family as the logotype */
  --craft-orange:#F0522A;
  --craft-blue:#3FA6DC;         /* brighter than the web blue */
  --craft-blue-deep:#4A86C8;
  --craft-green:#2ECC55;
  --craft-red-pen:#C4342E;      /* hand annotation */

  /* Type — heavy geometric sans headlines over typewriter body */
  --craft-font-display:"Montserrat","Helvetica Neue",Helvetica,sans-serif;
  --craft-font-body:"Courier Prime","Courier New",monospace;
  --craft-display-weight:800;

  --craft-title:clamp(38px,3.9vw,60px); /* @kind font */   /* slide titles */
  --craft-title-lh:1.04; /* @kind other */
  --craft-subtitle:clamp(24px,2.2vw,34px); /* @kind font */
  --craft-heading:clamp(20px,1.7vw,26px); /* @kind font */ /* card headings, display font */
  --craft-body:clamp(15px,1.28vw,19px); /* @kind font */   /* typewriter body */
  --craft-body-lh:1.5; /* @kind other */
  --craft-caption:clamp(13px,1.05vw,16px); /* @kind font */
  --craft-kicker:clamp(15px,1.25vw,19px); /* @kind font */

  /* Collage shadows — physical, offset, soft */
  --craft-lift-sm:2px 3px 6px rgba(50,40,28,.24);
  --craft-lift:4px 6px 12px rgba(50,40,28,.28);
  --craft-lift-lg:8px 12px 24px rgba(50,40,28,.32);

  /* Torn / ragged edges, as clip-paths */
  --craft-tear-card:polygon(0% 3%,4% 0%,17% 2%,31% 0%,48% 3%,63% 0%,79% 2%,92% 0%,100% 4%,99% 19%,100% 36%,98% 52%,100% 68%,99% 84%,100% 97%,88% 100%,72% 98%,55% 100%,38% 98%,22% 100%,8% 98%,0% 100%,1% 82%,0% 65%,2% 48%,0% 31%,1% 16%); /* @kind other */
  --craft-tear-strip:polygon(0% 8%,3% 0%,14% 5%,26% 0%,39% 4%,52% 0%,65% 5%,78% 0%,90% 4%,100% 0%,100% 92%,89% 100%,76% 95%,63% 100%,50% 96%,37% 100%,24% 95%,11% 100%,0% 96%); /* @kind other */
  --craft-tear-tab:polygon(0% 6%,6% 0%,25% 4%,50% 0%,75% 4%,94% 0%,100% 7%,99% 50%,100% 93%,93% 100%,74% 96%,50% 100%,26% 96%,7% 100%,0% 94%,1% 50%); /* @kind other */
}

/* Reusable collage primitives — the only class-based CSS in this system,
   because slide surfaces need texture that tokens alone cannot carry. */
.craft-stage{width:1280px;height:720px;position:relative;overflow:hidden;background:var(--craft-paper) url("57c51278-3fb1-4259-bc3a-f7bb156187af") repeat;background-size:280px 320px;font-family:var(--craft-font-body);color:var(--craft-ink)}
.craft-kraft{background:var(--craft-kraft) url("063dca81-f273-4b1a-9349-9e9630965d00") repeat;background-size:220px 88px}
.craft-manila-bg{background:var(--craft-manila) url("1d67ef55-506e-4a1f-86a1-077b138276ed") repeat;background-size:260px 180px}
.craft-title{font-family:var(--craft-font-display);font-weight:var(--craft-display-weight);font-size:var(--craft-title);line-height:var(--craft-title-lh);letter-spacing:-.018em;color:var(--craft-ink);margin:0}
.craft-subtitle{font-family:var(--craft-font-display);font-weight:700;font-size:var(--craft-subtitle);line-height:1.14;color:var(--craft-ink);margin:0}
.craft-heading{font-family:var(--craft-font-display);font-weight:700;font-size:var(--craft-heading);line-height:1.15;color:var(--craft-ink);margin:0}
.craft-body{font-family:var(--craft-font-body);font-size:var(--craft-body);line-height:var(--craft-body-lh);color:var(--craft-ink);margin:0}
.craft-card{background:var(--craft-card) url("57c51278-3fb1-4259-bc3a-f7bb156187af") repeat;background-size:280px 320px;clip-path:var(--craft-tear-card);filter:drop-shadow(var(--craft-lift));padding:22px 26px}
.craft-card-grey{background:var(--craft-card-grey);clip-path:var(--craft-tear-card);filter:drop-shadow(var(--craft-lift));padding:22px 26px}
.craft-strip{clip-path:var(--craft-tear-strip);filter:drop-shadow(var(--craft-lift))}
.craft-tape{background:var(--craft-tape);opacity:.9;box-shadow:0 1px 3px rgba(50,40,28,.2)}
.craft-pin{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#C9B48E,#8A7350 62%,#6B5638);box-shadow:1px 3px 5px rgba(50,40,28,.42)}


:root{
  /* --- Base palette: sampled from the Remixd logotype + live site theme-color --- */
  --paper-50:#FAF8F4;
  --paper-100:#F4F1EB;   /* site meta theme-color */
  --paper-200:#EDE8DE;
  --paper-300:#E2DCCF;
  --paper-400:#DCD7CC;
  --paper-500:#C4BCAA;

  --navy-900:#152238;    /* logotype outline / deep ink */
  --navy-800:#1C2C46;
  --navy-700:#2A3B57;
  --ink-900:#14161A;      /* near-black, product surfaces */
  --ink-800:#1B1E24;
  --ink-700:#2C3037;
  --ink-500:#585D67;
  --ink-400:#7C818C;
  --ink-300:#A2A7B0;

  --orange-600:#CF441F;
  --orange-500:#E9532C;   /* logotype fill — primary accent */
  --orange-400:#F0764F;
  --orange-100:#FBE2D8;

  --blue-600:#3F7FB6;
  --blue-500:#5E9BD1;     /* logotype keyline */
  --blue-200:#BFD6EB;
  --blue-100:#E2EDF7;

  --silver-400:#B7BEC5;
  --silver-300:#D2D7DC;   /* turntable platter */
  --silver-200:#E6E9EC;

  /* Product accents observed on the four RMX systems */
  --rmx-violet:#7C5CFF;
  --rmx-orange:#E9532C;
  --rmx-gold:#E8B44A;
  --rmx-indigo:#241C57;

  /* --- Semantic aliases: use these in components --- */
  --canvas:var(--paper-100);
  --canvas-sunken:var(--paper-200);
  --canvas-raised:var(--paper-50);
  --surface-card:var(--paper-50);
  --surface-quiet:var(--paper-200);
  --surface-inverse:var(--ink-900);
  --surface-inverse-raised:var(--ink-800);
  --surface-brand:var(--navy-900);

  --text-body:var(--ink-900);
  --text-strong:var(--navy-900);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-400);
  --text-inverse:var(--paper-100);
  --text-inverse-muted:rgba(244,241,235,.62);
  --text-accent:var(--orange-500);
  --text-link:var(--navy-900);

  --accent:var(--orange-500);
  --accent-hover:var(--orange-600);
  --accent-quiet:rgba(233,83,44,.10);
  --accent-secondary:var(--blue-500);
  --accent-secondary-quiet:rgba(94,155,209,.14);

  --line-hairline:var(--paper-400);
  --line-strong:var(--paper-500);
  --line-ink:var(--navy-900);
  --line-inverse:rgba(244,241,235,.16);

  --focus-ring:var(--orange-500);
  --selection-bg:rgba(233,83,44,.22);

  --status-live:#3F8F5B;
  --status-idle:var(--ink-400);
  --status-warn:var(--rmx-gold);
}
:root{
  /* Display — Instrument Serif, tight and optical */
  --text-display-1-size:clamp(3.25rem,7vw,6.25rem);
  --text-display-1-lh:0.94;
  --text-display-1-ls:-0.025em;
  --text-display-2-size:clamp(2.375rem,4.6vw,3.75rem);
  --text-display-2-lh:1.02;
  --text-display-2-ls:-0.02em;
  --text-display-3-size:clamp(1.75rem,2.6vw,2.5rem);
  --text-display-3-lh:1.1;
  --text-display-3-ls:-0.015em;

  /* Sans headings + body — IBM Plex Sans */
  --text-h4-size:1.375rem; --text-h4-lh:1.28;
  --text-h5-size:1.0625rem; --text-h5-lh:1.35;
  --text-body-lg-size:1.125rem; --text-body-lg-lh:1.6;
  --text-body-size:1rem; --text-body-lh:1.65;
  --text-body-sm-size:0.9375rem; --text-body-sm-lh:1.55;
  --text-caption-size:0.8125rem; --text-caption-lh:1.45;

  /* Mono — labels, indices, spec values */
  --text-label-size:0.6875rem; --text-label-ls:0.14em; --text-label-lh:1;
  --text-index-size:0.75rem; --text-index-ls:0.08em;
  --text-meta-size:0.625rem; --text-meta-ls:0.18em;
  --text-numeral-size:clamp(1.75rem,3vw,2.75rem);

  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;

  --measure-prose:62ch;
  --measure-narrow:44ch;
  --measure-display:22ch;
}
:root{
  --space-0:0px;
  --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;
  --space-11:160px;
  --space-12:224px;

  --gutter:var(--space-5);
  --section-y:var(--space-10);
  --section-y-tight:var(--space-9);
  --stack-tight:var(--space-2);
  --stack:var(--space-4);
  --stack-loose:var(--space-6);

  --grid-columns:12; /* @kind other */
  --grid-gap:var(--space-5);
  --container-max:1240px;
  --container-prose:720px;
  --container-pad:clamp(20px,5vw,64px);
}
:root{
  --border-hairline:1px solid var(--line-hairline);
  --border-strong:1px solid var(--line-strong);
  --border-ink:1px solid var(--line-ink);
  --border-inverse:1px solid var(--line-inverse);
  --border-accent:1px solid var(--accent);
  --border-rule-weight:1px;
  --border-emphasis-weight:2px;

  --radius-0:0px;
  --radius-1:2px;
  --radius-2:4px;
  --radius-3:8px;
  --radius-pill:999px;
}
:root{
  /* Rams-adjacent: structure comes from rules, not shadow. Shadows are rare. */
  --shadow-none:none;
  --shadow-hairline:inset 0 0 0 1px var(--line-hairline);
  --shadow-lift:0 1px 0 rgba(21,34,56,.06);
  --shadow-panel:0 24px 48px -28px rgba(21,34,56,.24);
  --shadow-inverse-panel:0 24px 48px -28px rgba(0,0,0,.6);
  --blur-veil:blur(14px); /* @kind other */
  --veil-paper:rgba(244,241,235,.82);
  --veil-ink:rgba(20,22,26,.72);
}
:root{
  --ease-standard:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in-out:cubic-bezier(.65,.05,.36,1); /* @kind other */
  --duration-1:120ms; /* @kind other */
  --duration-2:200ms; /* @kind other */
  --duration-3:320ms; /* @kind other */
  --duration-4:640ms; /* @kind other */
  --transition-hover:color var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard),border-color var(--duration-2) var(--ease-standard),opacity var(--duration-2) var(--ease-standard);
  --press-scale:0.99; /* @kind other */
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-lh);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;text-wrap:pretty}
::selection{background:var(--selection-bg)}
a{color:var(--text-link);text-decoration:none;border-bottom:1px solid var(--line-strong);transition:var(--transition-hover)}
a:hover{color:var(--accent);border-bottom-color:var(--accent)}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-regular);margin:0}
h4,h5,h6{font-family:var(--font-sans);font-weight:var(--weight-medium);margin:0}
p{margin:0}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
img{max-width:100%;display:block}
.rmx-label{font-family:var(--font-mono);font-size:var(--text-label-size);letter-spacing:var(--text-label-ls);line-height:var(--text-label-lh);text-transform:uppercase;color:var(--text-muted)}
.rmx-index{font-family:var(--font-mono);font-size:var(--text-index-size);letter-spacing:var(--text-index-ls);color:var(--text-faint);font-variant-numeric:tabular-nums}
.rmx-display{font-family:var(--font-display);font-size:var(--text-display-1-size);line-height:var(--text-display-1-lh);letter-spacing:var(--text-display-1-ls)}
.rmx-container{max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-pad)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}


html{scroll-behavior:smooth;background:#0F1114}
body{margin:0;background:#0F1114;color:rgba(244,241,235,.72);font-family:var(--font-sans);font-weight:var(--weight-light);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:rgba(233,83,44,.32)}
a{color:#F4F1EB;text-decoration:none}
a:hover{color:var(--accent)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] [data-plus]{transform:rotate(45deg)}
details[open] [data-cap-name]{color:var(--accent)}
@keyframes sv-blink{0%,48%{opacity:1}49%,100%{opacity:0}}
@keyframes sv-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (max-width:1180px){[data-dial]{display:none!important}}
@media (max-width:1060px){[data-nav-optional]{display:none!important}}
@media (max-width:980px){
[data-nav-links]{display:none!important}
[data-split]{grid-template-columns:minmax(0,1fr)!important}
[data-deck]{display:none!important}
[data-hero-inner]{padding-right:0!important}
[data-act-grid]{grid-template-columns:minmax(0,1fr)!important}
}

/* ===== Lovable export: motion without JS ===== */
@keyframes sv-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes sv-spin{to{transform:rotate(360deg)}}
@keyframes sv-vu{0%{transform:scaleY(.3)}50%{transform:scaleY(1)}100%{transform:scaleY(.3)}}
[data-track]{box-sizing:border-box;display:block;width:100%;cursor:pointer;transition:background-color .24s var(--ease-standard)}
[data-track]:hover{background:rgba(233,83,44,.07)!important}
[data-track]:hover [data-track-num]{color:var(--accent)!important}
[data-crate]{transition:background-color .2s var(--ease-standard)}
[data-crate]:hover{background:rgba(233,83,44,.07)}
[data-dial-item]{transition:color .24s var(--ease-standard)}
[data-dial-item]:hover{color:var(--accent)!important}
[data-dial-item]:hover span{width:22px!important}
[data-reveal],[data-crate]{animation:sv-rise .85s var(--ease-standard) both}
[data-reveal]:nth-of-type(2),[data-crate]:nth-of-type(2){animation-delay:.08s}
[data-reveal]:nth-of-type(3),[data-crate]:nth-of-type(3){animation-delay:.16s}
[data-reveal]:nth-of-type(4),[data-crate]:nth-of-type(4){animation-delay:.24s}
[data-reveal]:nth-of-type(5),[data-crate]:nth-of-type(5){animation-delay:.32s}
[data-reveal]:nth-of-type(n+6),[data-crate]:nth-of-type(n+6){animation-delay:.4s}
[data-scroll-wave]{
  --wave-progress:0;
  clip-path:inset(0 calc((1 - var(--wave-progress)) * 100%) 0 0);
  filter:drop-shadow(calc((var(--wave-progress) - .5) * 10px) 0 7px rgba(233,83,44,.2));
  will-change:clip-path,filter;
  cursor:ew-resize;
  pointer-events:all;
  touch-action:pan-y;
  user-select:none;
}
[data-scroll-wave][data-dragging="true"]{cursor:grabbing}
@media (max-width:980px){[data-deck-mount]{display:none}[data-hero-inner]{padding-right:0!important}}
@media (prefers-reduced-motion:reduce){
  [data-deck-mount] *{animation:none!important}
  [data-scroll-wave]{clip-path:none;filter:none}
}

/* Design-system button hover states (components rendered as plain anchors). */
[data-btn="primary"]:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:var(--paper-50)!important}
[data-btn="ink"]:hover{background:var(--ink-800)!important;border-color:var(--ink-800)!important;color:var(--text-inverse)!important}
[data-btn="outline"]:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--paper-50)!important}
[data-btn="ghost"]:hover{background:var(--accent-quiet)!important;color:var(--accent)!important}
[data-btn]:active{transform:scale(var(--press-scale))}