:root{--color-bg: #faf8f5;--color-surface: #ffffff;--color-surface-muted: #efefec;--color-band: #efefed;--color-inverse: #111111;--color-on-inverse-muted: rgb(255 255 255 / .68);--color-status: #2f9e5b;--color-text: #171717;--color-text-secondary: #6b6b6b;--color-text-tertiary: #8a8a86;--color-border: #e6e6e3;--color-border-strong: #d4d4cf;--color-accent: #111111;--color-on-accent: #ffffff;--color-focus: #171717;--color-error: #b3261e;--color-success: #1f6b3a;--font-display: "Newsreader", "Iowan Old Style", Georgia, "Times New Roman", serif;--font-body: "DM Sans", "Iowan Old Style", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);--text-2xl: clamp(2rem, 1.4rem + 2.4vw, 3.5rem);--text-3xl: clamp(2.5rem, 1.5rem + 4.2vw, 5.5rem);--text-display: clamp(2.75rem, 1.2rem + 6.4vw, 8rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--section-space: clamp(3.5rem, 2.5rem + 3.5vw, 6rem);--container-max: 1360px;--gutter: clamp(1rem, .4rem + 2.8vw, 3rem);--header-height: 68px;--radius-sm: 4px;--radius-md: 6px;--radius-pill: 999px;--ease: cubic-bezier(.2, .7, .2, 1);--duration: .24s}:root{--c-coral: #c8401c;--c-coral-tint: #ffede6;--c-coral-soft: #ff8a65;--c-violet: #6246ea;--c-violet-tint: #eeeaff;--c-violet-soft: #9b87ff;--c-teal: #0e7c6b;--c-teal-tint: #ddf4ee;--c-teal-soft: #3cc7a8;--c-amber: #a85a07;--c-amber-tint: #fff1d9;--c-amber-soft: #ffb84d;--color-brand: var(--c-violet);--color-brand-tint: var(--c-violet-tint);--gradient-brand: linear-gradient(100deg, var(--c-coral) 0%, var(--c-violet) 55%, var(--c-teal) 100%)}[data-tone="1"]{--tone: var(--c-coral);--tone-tint: var(--c-coral-tint);--tone-soft: var(--c-coral-soft)}[data-tone="2"]{--tone: var(--c-violet);--tone-tint: var(--c-violet-tint);--tone-soft: var(--c-violet-soft)}[data-tone="3"]{--tone: var(--c-teal);--tone-tint: var(--c-teal-tint);--tone-soft: var(--c-teal-soft)}[data-tone="4"]{--tone: var(--c-amber);--tone-tint: var(--c-amber-tint);--tone-soft: var(--c-amber-soft)}::selection{background:var(--c-violet-tint);color:var(--c-violet)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-5))}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}::selection{background:var(--color-accent);color:var(--color-on-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-space)}.section--divided{border-top:1px solid var(--color-border)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:100;padding:var(--space-3) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-4)}.placeholder-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);white-space:nowrap}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:-.015em;text-wrap:balance}p{margin:0;text-wrap:pretty}.display{font-size:var(--text-display);line-height:1;letter-spacing:-.025em;font-weight:600}.title-xl{font-size:clamp(2.1rem,1.5rem + 2.4vw,3.5rem);line-height:1;letter-spacing:-.01em;text-transform:uppercase}.title-lg{font-size:var(--text-2xl);line-height:1.02}.title-md{font-size:var(--text-xl);line-height:1.1;letter-spacing:-.02em}.title-sm{font-size:var(--text-lg);line-height:1.2;letter-spacing:-.015em}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary)}.eyebrow--dot{align-items:flex-start}.eyebrow--dot:before{content:"";flex-shrink:0;margin-top:.55em;width:5px;height:5px;border-radius:50%;background:var(--color-brand)}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:var(--text-lg);line-height:1.5;color:var(--color-text-secondary)}.muted{color:var(--color-text-secondary)}.index-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.btn app-icon{transition:transform var(--duration) var(--ease)}.btn:hover app-icon{transform:translate(2px,-2px)}.btn:disabled{opacity:.55;cursor:progress}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover{background:var(--color-brand)}.btn--secondary{background:#e7e7e4;color:var(--color-text)}.btn--secondary:hover{background:#dcdcd8}.btn--inverse{background:var(--color-surface);color:var(--color-text)}.btn--inverse:hover{background:#e7e7e4}.text-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;border-bottom:1px solid currentColor;padding-bottom:2px}.text-link app-icon{transition:transform var(--duration) var(--ease)}.text-link:hover{color:var(--color-brand)}.text-link:hover app-icon{transform:translate(3px)}.icon-circle{display:inline-grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface);color:var(--color-text);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.icon-square{display:inline-grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease)}
