*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--type-font-family);font-size:var(--type-size-base);line-height:var(--type-line-body);text-rendering:optimizeLegibility}button,code{font:inherit}a{color:var(--color-accent);text-underline-offset:var(--space-1)}a:hover{color:var(--color-primary)}:focus-visible{outline:var(--space-1) solid var(--color-focus);outline-offset:var(--space-1)}.skip-link{position:fixed;z-index:20;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-background);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(100% - var(--space-6),var(--layout-content));margin-inline:auto}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:var(--space-7);min-height:80vh;align-items:center;padding-block:var(--space-8)}.hero__copy{max-width:var(--layout-reading)}.eyebrow,.feature-card__label{margin:0 0 var(--space-3);color:var(--color-accent);font-size:var(--type-size-xs);font-weight:var(--type-weight-bold);letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{line-height:var(--type-line-heading);letter-spacing:-.025em}h1{max-width:11ch;margin-block-end:var(--space-5);font-size:var(--type-size-3xl);line-height:var(--type-line-tight)}h2{margin-block-end:var(--space-4);font-size:var(--type-size-2xl)}h3{margin-block-end:var(--space-3);font-size:var(--type-size-lg)}.hero__summary{max-width:42rem;margin-block-end:var(--space-6);color:var(--color-text-muted);font-size:var(--type-size-lg)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-background);font-weight:var(--type-weight-bold);text-decoration:none}.button:hover{background:var(--color-primary-strong);color:var(--color-background)}.button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.hero__media{min-width:0}.media-placeholder{position:relative;overflow:hidden;min-height:28rem;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 var(--space-5) var(--space-8) color-mix(in srgb,var(--color-text) 12%,var(--color-background))}.media-placeholder:before{position:absolute;width:18rem;height:18rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary) 35%,var(--color-surface));content:"";inset-block-start:-7rem;inset-inline-end:-5rem}.media-placeholder__label{position:relative;color:var(--color-text-muted);font-size:var(--type-size-sm)}.key-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-block-start:var(--space-8)}.key{min-height:5rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-strong);box-shadow:inset 0 calc(var(--space-1) * -1) 0 color-mix(in srgb,var(--color-border) 75%,var(--color-surface));color:var(--color-text);font-weight:var(--type-weight-bold)}.key--accent{border-color:var(--color-accent);background:var(--color-accent-soft)}.install-block{display:grid;grid-template-columns:minmax(12rem,.6fr) minmax(20rem,1.4fr);gap:var(--space-6);align-items:center;margin-block:0 var(--space-9);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.install-block h2{margin:0}.install-command{display:flex;min-width:0;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}.install-command code{min-width:0;flex:1;overflow-x:auto;color:var(--color-text);font-family:var(--type-font-mono);font-size:var(--type-size-sm);white-space:nowrap}.install-command button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-background);cursor:pointer;font-weight:var(--type-weight-bold)}.copy-status{grid-column:2;min-height:1.5em;margin:calc(var(--space-5) * -1) 0 0;color:var(--color-text-muted);font-size:var(--type-size-sm)}.section{padding-block:var(--space-8)}.section--reading{max-width:var(--layout-reading);margin-inline:auto}.section__heading{max-width:var(--layout-reading);margin-block-end:var(--space-6)}.section__heading>p,.feature-card>p,.faq-item>p,.story-panel>p{color:var(--color-text-muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.feature-card,.faq-item,.story-panel{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.feature-card>:last-child,.faq-item>:last-child,.story-panel>:last-child{margin-block-end:0}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.faq-list{display:grid;gap:var(--space-4)}.table-scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}table{width:100%;min-width:42rem;border-collapse:collapse;background:var(--color-surface)}th,td{padding:var(--space-4);border-block-end:1px solid var(--color-border);text-align:left;vertical-align:top}thead th{background:var(--color-surface-strong);font-size:var(--type-size-sm)}tbody th{width:22%}tbody tr:last-child>*{border-block-end:0}.site-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-6);align-items:start;margin-block-start:var(--space-8);padding-block:var(--space-7);border-block-start:1px solid var(--color-border);color:var(--color-text-muted)}.site-footer p{margin-block-end:var(--space-2)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}@media(max-width:52rem){.hero,.install-block,.site-footer{grid-template-columns:1fr}.hero{min-height:auto;padding-block:var(--space-7)}.feature-grid{grid-template-columns:1fr}.copy-status{grid-column:1;margin-block-start:calc(var(--space-5) * -1)}}@media(max-width:36rem){.site-shell{width:min(100% - var(--space-5),var(--layout-content))}.story-grid,.key-grid{grid-template-columns:1fr}.media-placeholder{min-height:auto}.install-command{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}