/* UNPHOLD LAB — Design tokens */
:root {
  --ul-grad: linear-gradient(90deg,
    #8A72CF 0%, #A64FB8 10%, #B8338E 27%, #BF3372 36%,
    #BE3B5D 45%, #D15948 54%, #CF882E 63%,
    #E4A728 72%, #C0BC25 81%, #5ABEA4 90%, #24A8D9 100%);
  --ul-grad-diag: linear-gradient(135deg, #8A72CF 0%, #B8338E 35%, #D15948 60%, #E4A728 80%, #24A8D9 100%);

  --c-violet:#8A72CF; --c-rose-v:#A64FB8; --c-rose:#B8338E;
  --c-framboise:#BF3372; --c-rose-r:#BE3B5D; --c-corail:#D15948;
  --c-orange:#CF882E; --c-ambre:#E4A728; --c-jaune-v:#C0BC25;
  --c-teal:#5ABEA4; --c-bleu:#24A8D9;

  --f-serif: 'DM Serif Display', 'Times New Roman', serif;
  --f-sans:  'DM Sans', ui-sans-serif, system-ui, sans-serif;
  --f-mono:  'JetBrains Mono', ui-monospace, monospace;

  --r-xs:2px; --r-sm:4px; --r-md:6px; --r-lg:8px; --r-xl:12px; --r-2xl:16px; --r-pill:999px;
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --maxw: 1280px;
  --pad:  clamp(20px, 4vw, 52px);
}
html[data-theme="light"] {
  --bg-0:#F0EEE8; --bg-1:#F5F4F1; --bg-2:#FFFFFF; --bg-3:#FAF8F3;
  --ink:#1C1C1C; --ink-2:#3C3C3C; --muted:#8C8B85;
  --border:#E2E0D8; --border-2:rgba(28,28,28,0.08);
  --navy:#15184F; --navy-2:#1E2D80; --navy-ink:#FFFFFF;
  --surface-dark:#1A1A2E; --on-surface-dark:#FFFFFF; --tag-color:#15184F;
  --shadow-sm:0 1px 2px rgba(15,18,79,0.04);
  --shadow-md:0 8px 28px rgba(15,18,79,0.08);
  --shadow-lg:0 24px 60px rgba(15,18,79,0.10);
}
html[data-theme="dark"] {
  --bg-0:#0D0D1A; --bg-1:#13131F; --bg-2:#1A1A2E; --bg-3:#20203A;
  --ink:#F0EEF8; --ink-2:#C8C6DA; --muted:#8A88A3;
  --border:rgba(255,255,255,0.08); --border-2:rgba(255,255,255,0.13);
  --navy:#7B8FE8; --navy-2:#7B8FE8; --navy-ink:#0D0D1A;
  --surface-dark:#0D0D1A; --on-surface-dark:#F0EEF8; --tag-color:#7B8FE8;
  --shadow-sm:0 1px 2px rgba(0,0,0,0.3);
  --shadow-md:0 8px 28px rgba(0,0,0,0.4);
  --shadow-lg:0 24px 80px rgba(0,0,0,0.6);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--f-sans);background:var(--bg-1);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .5s var(--ease-out), color .5s var(--ease-out)}
.grad-text{background:var(--ul-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
html[data-theme="dark"] .grad-text{filter:drop-shadow(0 0 10px rgba(184,51,142,.25))}
.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);position:relative}
.eyebrow{font-family:var(--f-sans);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease-out), transform .9s var(--ease-out)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal-delay="1"]{transition-delay:.08s}
[data-reveal-delay="2"]{transition-delay:.16s}
[data-reveal-delay="3"]{transition-delay:.24s}
[data-reveal-delay="4"]{transition-delay:.32s}
:focus-visible{outline:2px solid var(--c-rose);outline-offset:3px;border-radius:4px}
::selection{background:var(--c-rose);color:white}