:root{--ink:#0a0b0d;--ink-soft:#12141a;--paper:#f4f1ea;--paper-muted:#e3dfd4;--cream:#faf8f3;--text:#1a1814;--text-muted:#5c574c;--accent:#b45309;--accent-hot:#ea580c;--accent-glow:#ea580c59;--ring:#ea580c;--font-display:"Fraunces", "Georgia", serif;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{box-sizing:border-box;min-height:100vh}body{font-family:var(--font-sans);color:var(--text);background:var(--paper);margin:0}*{box-sizing:border-box;margin:0;padding:0}html.scroll-smooth{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html.scroll-smooth{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:200;background:var(--cream);color:var(--ink);font-weight:600;font-family:var(--font-sans);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--accent-hot);border-radius:2px;padding:.75rem 1.25rem;text-decoration:none;transition:top .2s cubic-bezier(.22,1,.36,1);position:absolute;top:-100%;left:1rem}.skip-link:focus-visible{outline:3px solid var(--ring);outline-offset:3px;top:1rem}#overview,#features{scroll-margin-top:6rem}.overview{background:var(--cream);border-top:1px solid #1a181414;border-bottom:1px solid #1a18140f;padding:clamp(4rem,9vw,6.5rem) clamp(1.25rem,4vw,3rem)}.overview .container{max-width:1200px;margin:0 auto}.overview-header{max-width:44rem;margin-bottom:clamp(2.5rem,5vw,3.5rem)}.overview h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:1rem;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:650;line-height:1.12}.overview-lede{color:var(--text-muted);max-width:40rem;font-size:1.125rem;line-height:1.7}.overview-pillars{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=900px){.overview-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}}.overview-pillar{background:var(--paper);border:1px solid #1a18141a;border-top:3px solid var(--accent-hot);border-radius:2px;padding:1.5rem 1.5rem 1.65rem}.overview-pillar h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:.65rem;font-size:1.2rem;font-weight:650}.overview-pillar p{color:var(--text-muted);font-size:.98rem;line-height:1.65}.app{min-height:100vh;overflow-x:clip}.hero{min-height:min(92vh,880px);color:var(--cream);background-color:var(--ink);isolation:isolate;padding:clamp(3rem,8vw,6rem) clamp(1.25rem,4vw,3rem);position:relative}.hero:before{content:"";z-index:0;background:radial-gradient(ellipse 140% 100% at 85% -20%, #b4530938 0%, transparent 55%), radial-gradient(ellipse 90% 70% at 0% 100%, #faf8f30f 0%, transparent 50%), linear-gradient(165deg, #0d0f14 0%, var(--ink) 38%, #08090c 100%);pointer-events:none;position:absolute;inset:0}.hero:after{content:"";z-index:1;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero .container{z-index:2;grid-template-columns:1fr;align-items:end;gap:clamp(2rem,5vw,4rem);max-width:1200px;margin:0 auto;display:grid;position:relative}@media (width>=960px){.hero .container{grid-template-columns:minmax(0,1.15fr) minmax(220px,.5fr);align-items:end}}.hero-copy{max-width:38rem}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#faf8f38c;margin-bottom:1.25rem;font-size:.75rem;font-weight:600}.hero h1{font-family:var(--font-display);font-variation-settings:"SOFT" 40, "WONK" .9;letter-spacing:-.04em;margin-bottom:1.25rem;font-size:clamp(3.75rem,12vw,7.5rem);font-weight:700;line-height:.92;animation:.85s cubic-bezier(.22,1,.36,1) both hero-rise}@media (prefers-reduced-motion:reduce){.hero h1{animation:none}}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero .tagline{font-family:var(--font-sans);letter-spacing:-.02em;color:#faf8f3eb;max-width:22em;margin-bottom:1.5rem;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:200;line-height:1.35;animation:.85s cubic-bezier(.22,1,.36,1) 80ms both hero-rise}@media (prefers-reduced-motion:reduce){.hero .tagline{animation:none}}.hero .description{color:#faf8f3b8;max-width:36rem;margin-bottom:2.5rem;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:400;line-height:1.75;animation:.85s cubic-bezier(.22,1,.36,1) .14s both hero-rise}@media (prefers-reduced-motion:reduce){.hero .description{animation:none}}.hero .actions{flex-wrap:wrap;gap:1rem 1.25rem;animation:.85s cubic-bezier(.22,1,.36,1) .2s both hero-rise;display:flex}@media (prefers-reduced-motion:reduce){.hero .actions{animation:none}}.hero-rail{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#faf8f359;border-left:3px solid var(--accent-hot);place-self:end;max-width:16rem;padding:0 0 0 1.25rem;font-size:.7rem;line-height:1.6;display:none}@media (width>=960px){.hero-rail{display:block}}.btn{font-family:var(--font-sans);border-radius:2px;justify-content:center;align-items:center;padding:1rem 1.85rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),background .25s,color .25s,border-color .25s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.btn.primary{background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--accent-hot)}.btn.primary:hover{box-shadow:8px 8px 0 var(--accent-hot);transform:translate(-2px,-2px)}.btn.secondary{color:var(--cream);background:0 0;border:2px solid #faf8f373}.btn.secondary:hover{border-color:var(--cream);background:#faf8f30f}.features{background:var(--paper);background-image:linear-gradient(180deg, var(--paper-muted) 0%, var(--paper) 18%, var(--paper) 100%);padding:clamp(4.5rem,10vw,7rem) clamp(1.25rem,4vw,3rem)}.features .container{max-width:1200px;margin:0 auto}.features-header{max-width:40rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.features h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:.75rem;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:650;line-height:1.1}.features-lede{color:var(--text-muted);max-width:32rem;font-size:1.125rem;line-height:1.65}.feature-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=720px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (width>=1024px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,auto)}.feature--wide{grid-column:span 2}.feature--tall{grid-row:span 2}}.feature{background:var(--cream);border:1px solid #1a181414;border-radius:2px;padding:clamp(1.75rem,3vw,2.25rem);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 1px #1a18140a}.feature:before{content:"";background:linear-gradient(180deg, var(--accent-hot) 0%, var(--accent) 100%);border-radius:2px 0 0 2px;width:4px;position:absolute;top:0;bottom:0;left:0}.feature:hover{transform:translateY(-6px);box-shadow:0 24px 48px #0a0b0d1a}@media (prefers-reduced-motion:reduce){.feature:hover{transform:none}}.feature-index{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent-hot);margin-bottom:.75rem;font-size:.6875rem;font-weight:600;display:block}.feature h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:.65rem;font-size:clamp(1.2rem,2vw,1.45rem);font-weight:650}.feature p{color:var(--text-muted);font-size:1rem;line-height:1.7}.installation{background:var(--ink-soft);color:var(--cream);border-top:4px solid var(--accent-hot);padding:clamp(4.5rem,10vw,7rem) clamp(1.25rem,4vw,3rem)}.installation .container{max-width:900px;margin:0 auto}.installation-header{margin-bottom:2rem}.installation h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3.25rem);font-weight:650;line-height:1.1}.installation-lede{color:#faf8f39e;max-width:36rem;font-size:1.05rem;line-height:1.6}.code-block-wrapper{margin-top:.5rem;position:relative}.code-block{background:#07080a;border:1px solid #faf8f31f;border-radius:2px;padding:3.25rem 2rem 2rem;position:relative;overflow-x:auto;box-shadow:0 32px 64px #00000073}.code-copy-btn{font-family:var(--font-sans);color:#faf8f3bf;cursor:pointer;background:#faf8f30f;border:1px solid #faf8f32e;border-radius:2px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:color .2s,background .2s,border-color .2s;display:inline-flex;position:absolute;top:.85rem;right:.85rem}.code-copy-btn:hover{color:var(--cream);background:#faf8f31a;border-color:#faf8f359}.code-copy-btn:focus-visible{outline:3px solid var(--accent-hot);outline-offset:2px}.code-copy-btn .code-copy-icon{font-family:var(--font-mono);opacity:.9;font-size:.95rem}.code-block pre{margin:0}.code-block code{font-family:var(--font-mono);color:#d6d3cd;font-size:.9rem;line-height:1.65}.footer{background:var(--paper-muted);border-top:1px solid #1a18141a;padding:clamp(3rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem)}.footer .container{text-align:left;max-width:900px;margin:0 auto}@media (width>=640px){.footer .container{justify-content:space-between;align-items:baseline;gap:1.5rem;display:flex}}.footer p{color:var(--text-muted);margin-bottom:1rem;font-size:1rem}@media (width>=640px){.footer p{margin-bottom:0}}.footer a{font-family:var(--font-sans);color:var(--accent-hot);border-radius:2px;font-weight:700;text-decoration:none}.footer a:hover{text-underline-offset:4px;text-decoration:underline}.footer a:focus-visible{outline:3px solid var(--ring);outline-offset:3px}