*{box-sizing:border-box}
html{background:var(--canvas-0);color:var(--text-primary);font-family:var(--font-human);scroll-behavior:smooth;scroll-padding-top:96px;color-scheme:dark}
body{margin:0;background:var(--canvas-0);color:var(--text-primary);font-size:16px;line-height:1.62;overflow-wrap:anywhere}
::selection{background:color-mix(in srgb,var(--accent-blue) 38%,transparent);color:var(--text-primary)}
a{color:inherit;text-decoration-thickness:.07em;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 48%,transparent)}
a:hover{text-decoration-color:currentColor}
button,input,textarea,select{font:inherit;color-scheme:dark}
img,svg{display:block;max-width:100%}
hr{border:0;border-top:1px solid var(--border-subtle);margin:2rem 0}
main[id],section[id],article[id],[id]{scroll-margin-top:96px}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 5px rgba(133,184,255,.16)}
.skip-link{position:fixed;left:16px;top:16px;z-index:1000;padding:11px 15px;background:var(--surface-inverse);color:var(--text-inverse);transform:translateY(-180%);border-radius:12px;box-shadow:var(--shadow-soft)}.skip-link:focus{transform:none}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2.35rem,5.2vw,4.25rem);line-height:1;letter-spacing:-.048em;font-weight:760}
h2{font-size:clamp(1.9rem,3.5vw,2.875rem);line-height:1.05;letter-spacing:-.035em}
h3{font-size:clamp(1.1rem,1.7vw,1.3rem);line-height:1.2;letter-spacing:-.016em}
.lead{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.62;color:var(--text-secondary);max-width:760px}
.eyebrow,.mono-label,.timecode{font-family:var(--font-machine);font-size:.74rem;letter-spacing:.085em;text-transform:uppercase}
.eyebrow,.mono-label{color:var(--text-muted)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:var(--radius-control);background:linear-gradient(135deg,var(--accent-violet),var(--accent-blue));color:var(--text-primary);text-decoration:none;font-weight:720;border:1px solid color-mix(in srgb,var(--accent-blue) 56%,transparent);box-shadow:0 12px 28px rgba(24,66,145,.22)}
.button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-violet) 82%,white),color-mix(in srgb,var(--accent-blue) 84%,white));border-color:var(--accent-blue)}
.button:active{transform:translateY(1px)}
.button--compact{min-height:42px;padding:8px 14px}
.text-link{font-weight:680;color:var(--text-primary)}
blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid var(--accent-violet);background:var(--surface-1);color:var(--text-secondary);border-radius:0 var(--radius-control) var(--radius-control) 0}
code{font-family:var(--font-machine);font-size:.9em;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:7px;padding:.12em .35em;color:var(--accent-cyan)}
pre{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-control);padding:1rem;overflow:auto;color:var(--text-secondary)}
pre code{background:transparent;border:0;padding:0;color:inherit}
table{width:100%;border-collapse:collapse;background:var(--surface-1);border:1px solid var(--border-subtle)}
th,td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle)}
th{color:var(--text-primary);background:var(--surface-2)}
td{color:var(--text-secondary)}
input,textarea,select{background:var(--surface-1);color:var(--text-primary);border-color:var(--border-strong)}
input::placeholder,textarea::placeholder{color:var(--text-muted)}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--surface-1) inset;caret-color:var(--text-primary)}
@media(max-width:560px){h1{font-size:clamp(2.25rem,10vw,2.625rem);line-height:1.02}h2{font-size:clamp(1.75rem,7.5vw,2.125rem);line-height:1.08}.eyebrow,.mono-label,.timecode{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){:focus-visible{outline:3px solid Highlight;box-shadow:none}.button{border:2px solid ButtonText;background:ButtonFace;color:ButtonText}.skip-link{border:2px solid CanvasText}.text-link{color:LinkText}}