/* LUCIX SHARED SYSTEM — paste into <style> of each resource page */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --indigo:#5558F0;--indigo-dark:#3D40B8;--indigo-light:#7B7DF5;--indigo-pale:#EEF0FE;
  --ink:#0F172A;--slate:#475569;--slate-light:#64748B;--border:#E2E8F0;
  --surface:#F8FAFC;--white:#FFFFFF;
  --success-muted:#4A8C65;--danger-muted:#C0504D;--warn-muted:#92713A;
  --success-bg:rgba(74,140,101,0.08);--success-border:rgba(74,140,101,0.2);
  --danger-bg:rgba(192,80,77,0.07);--danger-border:rgba(192,80,77,0.2);
  --warn-bg:rgba(146,113,58,0.08);--warn-border:rgba(146,113,58,0.2);
  --ink-deep:#080f1e;
  --glass-bg:rgba(255,255,255,0.72);--glass-blur:blur(14px);
  --glass-border:rgba(226,232,240,0.8);--glass-inset:0 0 0 1px rgba(255,255,255,0.8) inset;
  --font-brand:'PT Sans',sans-serif;--font-ui:'DM Sans',sans-serif;
  --shadow-xs:0 1px 2px rgba(15,23,42,0.05);
  --shadow-sm:0 1px 3px rgba(15,23,42,0.08);--shadow-md:0 4px 16px rgba(15,23,42,0.10);
  --shadow-lg:0 8px 32px rgba(15,23,42,0.12);
  --shadow-indigo:0 4px 20px rgba(85,88,240,0.25);
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;
  /* Aliases for home.css / product.css token naming convention */
  --radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-ui);color:var(--ink);background:var(--white);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--font-brand);font-weight:700;line-height:1.2;letter-spacing:-0.01em}
h1{font-size:clamp(2rem,4.5vw,3rem)}
h2{font-size:clamp(1.4rem,3vw,2.25rem)}
h3{font-size:clamp(1rem,1.8vw,1.3rem)}
p{font-size:1rem;color:var(--slate);line-height:1.7}
.container{max-width:1180px;margin:0 auto;padding:0 24px}
@media(min-width:768px){.container{padding:0 40px}}
section{padding:64px 0}
@media(max-width:768px){section{padding:44px 0}}