.hero{position:relative;background:var(--night);border-bottom:1px solid var(--border);padding-bottom:var(--space-5);overflow:hidden}.hero-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:var(--space-1) var(--space-3);font-family:var(--font-mono)}.hero-bar-label{font-size:var(--step--1);color:var(--amber);letter-spacing:.05em;text-transform:uppercase}.hero-inner{padding-top:var(--space-6);padding-bottom:var(--space-4);max-width:820px}.hero-pretitle{font-family:var(--font-display);font-weight:600;line-height:1.1;margin-top:var(--space-4);margin-bottom:0;color:var(--document)}.hero-eyebrow{margin-bottom:var(--space-2);color:var(--teal)}.hero-title{font-size:var(--step-4);margin-bottom:var(--space-2);letter-spacing:-.02em}.hero-title-line{display:block;color:var(--document)}.hero-title-line-accent{color:var(--red);position:relative}.is-glitching .hero-title-line-accent{animation:titleGlitch .48s var(--ease-out)}.is-glitching .hero-title-line-accent:before,.is-glitching .hero-title-line-accent:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%}.is-glitching .hero-title-line-accent:before{color:var(--teal);animation:glitchSlice1 .48s var(--ease-out);clip-path:inset(0 0 60% 0)}.is-glitching .hero-title-line-accent:after{color:var(--amber);animation:glitchSlice2 .48s var(--ease-out);clip-path:inset(60% 0 0 0)}@keyframes titleGlitch{0%{transform:translate(0)}10%{transform:translate(-6px,1px)}20%{transform:translate(8px,-1px)}30%{transform:translate(-4px)}45%{transform:translate(3px,1px)}60%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes glitchSlice1{0%{transform:translate(0);opacity:0}15%{transform:translate(6px,-2px);opacity:.8}35%{transform:translate(-5px,1px);opacity:.6}to{transform:translate(0);opacity:0}}@keyframes glitchSlice2{0%{transform:translate(0);opacity:0}20%{transform:translate(-7px,2px);opacity:.8}40%{transform:translate(5px,-1px);opacity:.5}to{transform:translate(0);opacity:0}}.hero-sub{font-size:var(--step-1);color:var(--text-secondary);max-width:56ch;margin-bottom:var(--space-4)}.hero-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3)}.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.03em;text-transform:uppercase;text-decoration:none;padding:.9em 1.6em;border-radius:var(--radius-sm);border:1px solid transparent;transition:transform .15s var(--ease-out),background .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--teal);color:var(--night);font-weight:500}.btn-primary:hover{background:#25b39e}.btn-ghost{background:transparent;border-color:var(--border);color:var(--document)}.btn-ghost:hover{border-color:var(--text-secondary)}.hero-stat{font-size:var(--step--1);color:var(--text-secondary);max-width:38ch}.hero-stat strong{color:var(--amber);font-family:var(--font-mono)}.hero-stat-source{display:block;color:var(--text-muted);margin-top:2px}.hero-tags.wrap{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--border)}.pattern-tag{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:var(--step--1);text-decoration:none;padding:.55em .9em;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:border-color .15s,color .15s}.pattern-tag:hover{color:var(--document)}.pattern-tag-icon{width:8px;height:8px;display:inline-block;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.pattern-tag-amber:hover{border-color:var(--amber)}.pattern-tag-amber .pattern-tag-icon{background:var(--amber)}.pattern-tag-red:hover{border-color:var(--red)}.pattern-tag-red .pattern-tag-icon{background:var(--red)}.pattern-tag-teal:hover{border-color:var(--teal)}.pattern-tag-teal .pattern-tag-icon{background:var(--teal)}.about{border-bottom:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 860px){.about-grid{grid-template-columns:1fr 1fr;gap:var(--space-5)}}.about-heading{font-size:var(--step-3);color:var(--document);margin-top:var(--space-2);letter-spacing:-.01em}.about-body p{color:var(--text-secondary);margin-bottom:var(--space-2);max-width:58ch}.about-body p:last-child{margin-bottom:0}.pdemo{padding:var(--space-5) 0;border-top:1px solid var(--border)}.pdemo-meta{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-4)}.pdemo-number{font-family:var(--font-mono);font-size:var(--step-1);width:2.4em;height:2.4em;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.pdemo-number-amber{color:var(--amber);border-color:var(--amber-dim)}.pdemo-number-red{color:var(--red);border-color:var(--red-dim)}.pdemo-number-teal{color:var(--teal);border-color:var(--teal-dim)}.pdemo-label{font-size:var(--step-2);margin-bottom:.3em;color:var(--document)}.pdemo-prompt{color:var(--text-secondary);max-width:56ch}.pdemo-stage{background:var(--document);color:#2a2a26;border-radius:var(--radius-md);padding:var(--space-4);position:relative;border:1px solid var(--document-dim)}.pdemo-stage :global(.pdemo-target),.pdemo-stage .pdemo-target{position:relative}.is-glitching .pdemo-target{animation:pdemoGlitch .5s cubic-bezier(.16,1,.3,1)}.is-glitching.is-glitching-no-shake .pdemo-target{animation:none}.is-glitching .pdemo-target *{color:var(--pdemo-glitch-color, var(--red))!important;border-color:var(--pdemo-glitch-color, var(--red))!important}.is-glitching .pdemo-target input[type=checkbox]{accent-color:var(--pdemo-glitch-color, var(--red))!important}.is-glitching-static .pdemo-target{animation:none}.is-glitching-static .pdemo-target *{color:var(--pdemo-glitch-color, var(--red))!important;border-color:var(--pdemo-glitch-color, var(--red))!important}.is-glitching-static .pdemo-target input[type=checkbox]{accent-color:var(--pdemo-glitch-color, var(--red))!important}@keyframes pdemoGlitch{0%{transform:translate(0)}12%{transform:translate(-5px,1px)}24%{transform:translate(6px,-1px)}38%{transform:translate(-3px)}55%{transform:translate(2px,1px)}72%{transform:translate(-1px)}to{transform:translate(0)}}.pdemo-reveal{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .32s var(--ease-out),opacity .28s ease,margin-top .32s var(--ease-out)}.pdemo-reveal.is-shown{max-height:600px;opacity:1;margin-top:var(--space-3)}.pdemo-reveal-amber{border-left:3px solid var(--amber)}.pdemo-reveal-red{border-left:3px solid var(--red)}.pdemo-reveal-teal{border-left:3px solid var(--teal)}.pdemo-reveal{background:var(--bg-raised);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0}.pdemo-reveal-icon{margin-bottom:var(--space-2)}.pdemo-reveal-icon-amber{color:var(--amber)}.pdemo-reveal-icon-red{color:var(--red)}.pdemo-reveal-icon-teal{color:var(--teal)}.pdemo-reveal-title{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.05em;color:var(--red);margin-bottom:.5em}.pdemo-reveal-title-corrected{color:var(--teal)}.pdemo-reveal-text{color:var(--document);max-width:60ch;margin-bottom:var(--space-2)}.pdemo-reveal-divider{height:1px;background:var(--border);margin:var(--space-3) 0}.pdemo-reset{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--step--1);padding:.6em 1.2em;border-radius:var(--radius-sm);margin-top:var(--space-2)}.pdemo-reset:hover{border-color:var(--teal);color:var(--document)}.pdemo-motion-toggle{display:flex;align-items:center;gap:.5em;margin-top:var(--space-3);font-size:var(--step--1);color:var(--text-muted);font-family:var(--font-mono)}.pdemo-motion-toggle input{accent-color:var(--teal)}.pat-card{max-width:480px}.pat-card-heading{font-family:var(--font-display);font-weight:600;font-size:var(--step-1);margin-bottom:.3em;color:#1a1a18}.pat-card-sub{color:#5a5850;font-size:var(--step--1);margin-bottom:var(--space-3)}.pat-field{border:1px solid var(--document-dim);border-radius:var(--radius-sm);padding:.75em 1em;margin-bottom:.6em;font-size:var(--step--1);color:#8a877d;background:#fff}.pat-card-actions{display:flex;flex-wrap:wrap;gap:.75em;align-items:center;margin-top:var(--space-2)}.pat-btn{font-family:var(--font-body);font-weight:500;font-size:var(--step--1);padding:.75em 1.4em;border-radius:var(--radius-sm);border:1px solid transparent;transition:opacity .15s}.pat-btn:disabled{cursor:default}.pat-btn-primary{background:var(--teal-dim);color:#fff}.pat-btn-primary:hover:not(:disabled){opacity:.9}.pat-btn-secondary{background:#2a2a26;color:var(--document);width:100%;margin-top:.4em}.pat-btn-shame{background:transparent;border-color:var(--document-dim);color:#6b6862;font-size:var(--step--1)}.pat-btn-link{background:none;border:none;color:#5a5850;text-decoration:underline;font-size:var(--step--1);padding:.5em}.pat-checkbox-row{display:flex;align-items:flex-start;gap:.6em;margin:var(--space-2) 0;cursor:pointer}.pat-checkbox-row input{margin-top:.2em;accent-color:var(--teal-dim)}.pat-checkbox-text{font-size:var(--step--1);color:#8a877d;line-height:1.4}.pat-toggle-list{margin-top:var(--space-2);padding:var(--space-2);background:#dedace;border-radius:var(--radius-sm)}.pat-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:.6em .2em;font-size:var(--step--1);color:#3a3934;border-bottom:1px solid var(--document-dim)}.pat-toggle-row:last-of-type{border-bottom:none}.pat-toggle-row input{accent-color:var(--teal-dim)}.demos-heading{font-size:var(--step-3);color:var(--document);max-width:24ch;margin-bottom:var(--space-4);letter-spacing:-.01em}.closing{border-top:1px solid var(--border)}.closing-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}@media (min-width: 860px){.closing-grid{grid-template-columns:1fr .9fr;gap:var(--space-5)}}.closing-heading{font-size:var(--step-3);color:var(--document);margin:var(--space-2) 0 var(--space-3);max-width:18ch}.closing-text{color:var(--text-secondary);max-width:52ch}.closing-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg-raised)}.closing-card-label{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.05em;color:var(--amber);margin-bottom:var(--space-2)}.closing-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.closing-steps li{display:flex;gap:.8em;font-size:var(--step--1);color:var(--document);border-bottom:1px dashed var(--border);padding-bottom:var(--space-2)}.closing-steps li:last-child{border-bottom:none;padding-bottom:0}.closing-steps span{font-family:var(--font-mono);color:var(--teal);flex-shrink:0}.footer{border-top:1px solid var(--border);padding:var(--space-4) 0}.footer-inner{display:flex;flex-direction:column;gap:.4em}.footer-title{font-family:var(--font-display);font-weight:600;color:var(--document)}.footer-credit{color:var(--text-muted);font-size:var(--step--1);max-width:60ch}:root{--night: #1A1A18;--night-soft: #232320;--night-line: #34342F;--teal: #1D9E8C;--teal-dim: #156F62;--amber: #F5A623;--amber-dim: #B97B1A;--document: #E8E4DC;--document-dim: #C9C4B8;--red: #C8412A;--red-dim: #9A311F;--bg: var(--night);--bg-raised: var(--night-soft);--border: var(--night-line);--text-primary: var(--document);--text-secondary: #9C9890;--text-muted: #6B6862;--accent: var(--teal);--accent-text: var(--night);--warn: var(--amber);--warn-text: var(--night);--danger: var(--red);--danger-text: var(--document);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace;--step--1: clamp(.78rem, .74rem + .2vw, .875rem);--step-0: clamp(1rem, .95rem + .25vw, 1.125rem);--step-1: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--step-2: clamp(1.6rem, 1.4rem + 1vw, 2.1rem);--step-3: clamp(2.1rem, 1.7rem + 2vw, 3.2rem);--step-4: clamp(2.8rem, 2.1rem + 3.5vw, 4.6rem);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 6rem;--space-7: 9rem;--radius-sm: 3px;--radius-md: 6px;--container: 1100px;--ease-out: cubic-bezier(.16, 1, .3, 1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.1;margin:0}p{margin:0}a{color:inherit}button{font-family:inherit;cursor:pointer}::selection{background:var(--teal);color:var(--night)}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--space-3)}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.section{padding:var(--space-6) 0}@media (max-width: 640px){.section{padding:var(--space-5) 0}}