*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ff6947;--primary-dark: #e84f2d;--primary-light: #ff8a6f;--secondary: #ffb29f;--bg-main: #f4f0eb;--bg-subtle: #ebe5de;--bg-card: #fbf8f4;--bg-code: #161617;--bg-dark: #161617;--bg-darker: #111112;--text-primary: #1f1c1b;--text-secondary: #706a67;--text-muted: #9a928d;--border: rgba(31, 28, 27, .14);--border-light: rgba(31, 28, 27, .08);--gradient-bar: linear-gradient(90deg, #ff9278 0%, #ff6947 55%, #ee4d2d 100%);--gradient-accent: linear-gradient(135deg, #ff8a6f 0%, #ff6947 100%);--ease-out: cubic-bezier(.22, 1, .36, 1);--shadow-soft: 0 30px 80px rgba(58, 36, 28, .12);--container-max: 1100px;--section-padding: 5rem 2rem;--section-padding-mobile: 3.5rem 1.25rem;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace}html{scroll-behavior:smooth;touch-action:manipulation}html,body{overflow-x:hidden;max-width:100%}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(31,28,27,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,28,27,.035) 1px,transparent 1px);background-size:96px 96px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 95%);mask-image:linear-gradient(to bottom,#000 0%,transparent 95%)}::selection{color:#fff;background:var(--primary)}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}@media(max-width:480px){.container{padding:0 1rem}}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(max-width:768px){.section-title{font-size:1.875rem}}.section-intro{font-family:var(--font-serif);font-style:italic;color:var(--text-secondary);font-size:1.125rem;margin-bottom:.5rem}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark);text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-subtle);padding:.2em .4em;border-radius:4px;color:var(--primary-dark)}pre{font-family:var(--font-mono);background:var(--bg-code);color:#e2e8f0;padding:1.5rem;border-radius:2px;overflow-x:auto}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:2px;font-weight:500;font-size:1rem;text-decoration:none;transition:transform .35s var(--ease-out),color .2s ease,background .2s ease,border-color .2s ease;border:none;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);text-decoration:none;transform:translateY(-3px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}.static-intro{display:flex;align-items:center;padding:7rem 0 4rem;background:#f5f5f5}.static-intro h1{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}.static-intro p{max-width:60ch;margin-bottom:1rem}.static-intro nav{display:flex;flex-wrap:wrap;gap:1rem 2rem}body{opacity:1;transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(hover:none)and (pointer:coarse){.btn,button,a.btn{min-height:44px}}