:root{--ink:var(--brand-text,#15201c);--cool-slate:#84939b;--muted:#465a64;--surface:var(--brand-surface,#f4f6f2);--card:color-mix(in srgb, var(--surface) 68%, white);--accent:var(--brand-accent,#3157ff);--line:color-mix(in srgb, var(--brand-primary,#0b1f2a) 18%, var(--surface));--system-radius:1.4rem;--system-shadow:0 1.5rem 4rem #15201c1a;--motion-fast:.16s;--motion-medium:.32s;--motion-slow:.52s;--motion-ease:cubic-bezier(.22, 1, .36, 1);--content-gutter:calc(10px + clamp(1.5rem, 4vw, 4.5rem))}html[data-visual-system=precision]{--system-radius:.45rem;--system-shadow:0 1rem 0 #14213d14}html[data-visual-system=neighborly]{--system-radius:2rem;--system-shadow:0 1.25rem 3.5rem #2454471f}html[data-visual-system=signature]{--system-radius:.9rem;--system-shadow:0 1rem 3rem #0713191a}html[data-visual-system=precision] h1,html[data-visual-system=precision] h2{letter-spacing:-.035em}html[data-visual-system=neighborly] h1,html[data-visual-system=neighborly] h2{letter-spacing:-.045em}html[data-visual-system=signature] h1,html[data-visual-system=signature] h2{font-family:var(--font-heading), Arial, sans-serif;font-weight:750}html[data-visual-system=signature] .editorial-accent{font-family:var(--font-accent), Georgia, serif;font-style:italic}*{box-sizing:border-box}html{background:var(--surface);color:var(--ink)}body{background:var(--surface);min-height:100vh;color:var(--ink);font-family:var(--font-body), Arial, sans-serif;margin:0}a{text-underline-offset:.2em;text-decoration-thickness:.08em}::selection{background:color-mix(in srgb, var(--brand-accent) 45%, white);color:var(--brand-text)}button,input,select,textarea{font:inherit}.demo-shell{background:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--brand-accent) 18%, transparent), transparent 34rem), linear-gradient(145deg, color-mix(in srgb, var(--brand-surface) 72%, white), var(--brand-surface));place-items:center;min-height:70vh;padding:2rem;display:grid}.demo-hero{border:1px solid var(--line);background:#ffffffe0;border-radius:2rem;width:min(100%,68rem);padding:clamp(2rem,7vw,6rem);box-shadow:0 2rem 6rem #15201c1a}.demo-label{color:var(--brand-primary);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.75rem;font-weight:700}.demo-hero h1{letter-spacing:-.07em;max-width:12ch;margin:0;font-size:clamp(2.4rem,5.5vw,4.5rem);line-height:.92}.demo-intro{max-width:40rem;color:var(--muted);margin:2rem 0 0;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6}.demo-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.demo-actions span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.7rem .9rem;font-size:.85rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}