:root{--on-accent:#000;--shadow:0 4px 8px #00000040,0 16px 32px #00000030;--font-sans:'Plus Jakarta Sans',Arial,sans-serif;--font-display:'Instrument Serif',Georgia,serif;--font-mono:ui-monospace,monospace;--ease:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--dur-quick:.15s;--dur-base:.3s;--dur-hover:.35s;--dur-slow:.5s;--dur-reveal:.75s;--stagger:.08s;--section-y:clamp(5rem,9vw,8.5rem);--radius-pill:9999px}
/* Homepage palette; aliases keep the existing interactive demos consistent. */
:root[data-theme=light]{color-scheme:light;--bg:#fff;--surface:#fafafa;--ink:#000;--muted:#5c5c5c;--line:#ebebeb;--chip:#f0f0f0;--accent:#ef7025;--on-accent:#000;--success:#26654a;--wheel-alt:#e2e2e2;--shadow:0 4px 8px #0000000d,0 16px 32px #0000000d;--header-bg:#ffffffd9}
:root:not([data-theme=light]){color-scheme:dark;--bg:#000;--surface:#0d0d0d;--ink:#fff;--muted:#a6a6a6;--line:#242424;--chip:#191919;--accent:#ff8b45;--success:#8cdbb9;--wheel-alt:#bbb;--header-bg:#000000d9}
:root[data-theme=dark]{color-scheme:dark;--bg:#000;--surface:#0d0d0d;--ink:#fff;--muted:#a6a6a6;--line:#242424;--chip:#191919;--accent:#ff8b45;--success:#8cdbb9;--wheel-alt:#bbb;--header-bg:#000000d9}
/* Shared editorial section titles for marketing and legal pages. */
.section-label{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;font:500 11px/1.5 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.section-rule{width:30px;height:1px;background:var(--line);flex-shrink:0}.section-number{color:var(--accent);font-size:15px;font-weight:700;letter-spacing:.12em}.section-label-text{min-width:0}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--accent);font-size:10px;letter-spacing:.14em;white-space:nowrap}.section-badge>span{font-size:9px;letter-spacing:0}
@media(max-width:540px){.section-label{gap:10px;font-size:9px;letter-spacing:.14em}.section-rule{width:20px}.section-number{font-size:13px}.section-badge{font-size:8px;padding:4px 8px}}
/* Shared public website typography. */
:root{--site-title-size:clamp(36px,4.4vw,56px);--site-title-leading:1.08;--site-title-tracking:-.045em;--site-title-word-spacing:.08em;--site-description-size:16px;--site-description-leading:1.75;--site-description-word-spacing:.06em}
@media(max-width:540px){:root{--site-title-size:clamp(34px,9vw,48px);--site-description-size:15px}}

:root{--dur-icon-tilt:.8s}
.ui-icon{display:block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}.arrow-icon{width:17px;height:17px}.theme{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0}.btn .ui-icon,.whatsapp .ui-icon{margin-left:8px}.whatsapp{align-items:center;justify-content:center}