@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer base{:root{--ink:#0a0a0a;--ink-soft:#1a1a1a;--ink-muted:#2a2a2a;--amber:#f59e0b;--amber-bright:#fcd34d;--amber-dim:#f59e0b26;--paper:#f9f6f0;--paper-dark:#ede8df;--text-on-dark:#e8e4dc;--text-muted-on-dark:#7a7670;--green-go:#22c55e;--font-display:"Bebas Neue", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);overflow-x:hidden}}@layer components{.nav{top:calc(var(--spacing,.25rem) * 0);z-index:100;background:var(--ink);border-bottom:1px solid var(--ink-muted);justify-content:space-between;align-items:center;height:56px;padding:0 2rem;display:flex;position:sticky}.nav-wordmark{font-family:var(--font-display);letter-spacing:.08em;color:var(--amber);--tw-leading:1;font-size:1.35rem;line-height:1;text-decoration-line:none}.nav-wordmark span{color:var(--text-on-dark)}.nav-cta{font-family:var(--font-body);letter-spacing:.12em;cursor:pointer;--tw-border-style:none;text-transform:uppercase;color:var(--ink);background:var(--amber);border-style:none;padding:.45rem 1.2rem;font-size:.8rem;font-weight:500;text-decoration-line:none;transition:background .15s,transform .1s}.nav-cta:hover{background:var(--amber-bright);--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hero{background:var(--ink);flex-direction:column;justify-content:center;align-items:flex-start;min-height:100svh;padding:clamp(3rem,8vw,7rem) clamp(1.5rem,6vw,5rem);display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);background:radial-gradient(60% 50% at 70% 40%,#f59e0b12,#0000 70%),radial-gradient(40% 60% at 20% 80%,#f59e0b0a,#0000 60%);position:absolute}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;margin-bottom:calc(var(--spacing,.25rem) * 6);align-items:center;gap:calc(var(--spacing,.25rem) * 3);text-transform:uppercase;color:var(--amber);font-size:.72rem;display:flex}.hero-eyebrow:before{content:"";height:1px;width:calc(var(--spacing,.25rem) * 8);background:var(--amber);display:block}.hero-headline{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-on-dark);margin-bottom:calc(var(--spacing,.25rem) * 8);max-width:14ch;font-size:clamp(4.5rem,12vw,11rem);line-height:.92}.hero-headline em{color:var(--amber);font-style:normal}.hero-sub{color:var(--text-muted-on-dark);margin-bottom:calc(var(--spacing,.25rem) * 10);--tw-leading:var(--leading-relaxed,1.625);max-width:46ch;font-size:clamp(1rem,2vw,1.2rem);font-weight:300;line-height:var(--leading-relaxed,1.625)}.hero-sub strong{color:var(--text-on-dark);font-weight:500}.hero-actions{align-items:center;gap:calc(var(--spacing,.25rem) * 6);flex-wrap:wrap;display:flex}.btn-primary{font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);--tw-border-style:none;text-transform:uppercase;color:var(--ink);background:var(--amber);border-style:none;padding:.9rem 2.2rem;font-size:.85rem;font-weight:500;text-decoration-line:none;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover{background:var(--amber-bright);--tw-translate-y:calc(var(--spacing,.25rem) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.btn-ghost{font-family:var(--font-mono);color:var(--text-muted-on-dark);letter-spacing:.08em;border-bottom:1px solid var(--ink-muted);padding-bottom:2px;font-size:.75rem;text-decoration-line:none;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--text-on-dark);border-color:var(--text-muted-on-dark)}.scroll-hint{align-items:center;gap:calc(var(--spacing,.25rem) * 1);color:var(--text-muted-on-dark);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;flex-direction:column;font-size:.6rem;animation:2s ease-in-out infinite pulse-down;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-hint svg{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);stroke:currentColor;fill:none;stroke-width:1.5px}@keyframes pulse-down{0%,to{opacity:.4;transform:translate(-50%)translateY(0)}50%{opacity:.9;transform:translate(-50%)translateY(5px)}}.demo-section{background:var(--ink-soft);padding:clamp(3rem,7vw,6rem) clamp(1.5rem,5vw,4rem)}.demo-label{font-family:var(--font-mono);letter-spacing:.2em;margin-bottom:calc(var(--spacing,.25rem) * 4);align-items:center;gap:calc(var(--spacing,.25rem) * 3);text-transform:uppercase;color:var(--amber);font-size:.68rem;display:flex}.demo-label:before{content:"";height:1px;width:calc(var(--spacing,.25rem) * 8);background:var(--amber);display:block}.demo-heading{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-on-dark);margin-bottom:calc(var(--spacing,.25rem) * 2);--tw-leading:1;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1}.demo-subhead{color:var(--text-muted-on-dark);margin-bottom:calc(var(--spacing,.25rem) * 10);max-width:52ch;font-size:1rem;font-weight:300}.demo-frame{border:1px solid var(--ink-muted);background:#111;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;min-height:480px;display:grid;overflow:hidden}@media(max-width:768px){.demo-frame{grid-template-columns:1fr}}.demo-titlebar{background:var(--ink);border-bottom:1px solid var(--ink-muted);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);grid-column:1/-1;padding:.6rem 1rem;display:flex}.demo-dots{gap:calc(var(--spacing,.25rem) * 1.5);display:flex}.demo-dots span{height:calc(var(--spacing,.25rem) * 2.5);width:calc(var(--spacing,.25rem) * 2.5);background:var(--ink-muted);border-radius:3.40282e38px}.demo-dots span:first-child{background:#ff5f57}.demo-dots span:nth-child(2){background:#febc2e}.demo-dots span:nth-child(3){background:#28c840}.demo-filename{font-family:var(--font-mono);color:var(--text-muted-on-dark);letter-spacing:.05em;font-size:.7rem}.demo-coming-soon{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);background:var(--amber-dim);border:1px solid #f59e0b4d;padding:.2rem .6rem;font-size:.62rem}.demo-panel{padding:1.5rem;overflow:auto}.demo-panel-left{border-right:1px solid var(--ink-muted)}.demo-panel-title{font-family:var(--font-mono);letter-spacing:.15em;margin-bottom:calc(var(--spacing,.25rem) * 4);padding-bottom:calc(var(--spacing,.25rem) * 2);text-transform:uppercase;color:var(--text-muted-on-dark);border-bottom:1px solid var(--ink-muted);font-size:.62rem}.skill-code{font-family:var(--font-mono);color:#9ca3af;white-space:pre-wrap;font-size:.72rem;line-height:1.8}.skill-code .heading{color:#e8e4dc;font-weight:500}.skill-code .comment{color:#4b5563}.skill-code .body-text{color:#9ca3af}.skill-code .keyword{color:var(--amber);background:var(--amber-dim);border-radius:2px;padding:0 3px;font-weight:500}.skill-code .step-num{color:var(--amber-bright)}.skill-code .colon{color:#6b7280}.skill-code .instruction{color:#c4b5a0}.output-feed{gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex}.output-step{border:1px solid var(--ink-muted);overflow:hidden}.output-step-header{background:var(--ink);border-bottom:1px solid var(--ink-muted);justify-content:space-between;align-items:center;padding:.4rem .75rem;display:flex}.output-step-num{font-family:var(--font-mono);color:var(--text-muted-on-dark);letter-spacing:.1em;font-size:.6rem}.output-status{font-family:var(--font-mono);letter-spacing:.1em;border-radius:var(--radius-sm,.25rem);text-transform:uppercase;padding:.1rem .45rem;font-size:.58rem}.status-done{color:var(--green-go);background:#22c55e1a;border:1px solid #22c55e4d}.status-waiting{color:var(--amber);background:var(--amber-dim);border:1px solid #f59e0b4d;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.output-step-body{color:#9ca3af;font-size:.72rem;font-family:var(--font-mono);padding:.65rem .75rem;line-height:1.6}.output-step-body .em{color:#e8e4dc}.output-step-body .amber{color:var(--amber)}.checkpoint-bar{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-family:var(--font-mono);color:var(--amber);background:#f59e0b0f;border:1px solid #f59e0b40;margin-top:.75rem;padding:.65rem .75rem;font-size:.68rem;display:flex}.checkpoint-bar .cp-keyword{background:var(--amber-dim);padding:.1rem .4rem;font-weight:500}.checkpoint-bar .cp-text{color:#c4b5a0}.approve-row{margin-top:calc(var(--spacing,.25rem) * 2);gap:calc(var(--spacing,.25rem) * 2);display:flex}.approve-btn{font-family:var(--font-mono);letter-spacing:.08em;cursor:default;--tw-border-style:none;text-transform:uppercase;border-style:none;border-radius:2px;padding:.3rem .75rem;font-size:.62rem}.approve-btn.yes{color:var(--green-go);background:#22c55e26;border:1px solid #22c55e4d}.approve-btn.no{background:var(--ink-muted);color:var(--text-muted-on-dark);border:1px solid #333}.paradigm-section{background:var(--paper);border-top:3px solid var(--ink);padding:clamp(4rem,8vw,7rem) clamp(1.5rem,5vw,4rem)}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;margin-bottom:calc(var(--spacing,.25rem) * 4);align-items:center;gap:calc(var(--spacing,.25rem) * 3);text-transform:uppercase;opacity:.4;color:var(--ink);font-size:.68rem;display:flex}.section-eyebrow:before{content:"";height:1px;width:calc(var(--spacing,.25rem) * 8);background:currentColor;display:block}.section-heading{font-family:var(--font-display);letter-spacing:.03em;color:var(--ink);margin-bottom:calc(var(--spacing,.25rem) * 14);--tw-leading:1;max-width:16ch;font-size:clamp(2.8rem,6vw,5rem);line-height:1}.paradigm-grid{border:2px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;display:grid}.paradigm-card{border-right:2px solid var(--ink);padding:2.5rem 2rem;position:relative;overflow:hidden}.paradigm-card:last-child{border-right:none}@media(max-width:860px){.paradigm-card{border-right:none;border-bottom:2px solid var(--ink)}.paradigm-card:last-child{border-bottom:none}}.paradigm-card:before{content:"";inset:calc(var(--spacing,.25rem) * 0);background:var(--ink);transform-origin:bottom;z-index:0;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;transform:scaleY(0)}.paradigm-card:hover:before{transform:scaleY(1)}.paradigm-card:hover .paradigm-num{color:var(--amber)}.paradigm-card:hover .paradigm-title{color:#fff}.paradigm-card:hover .paradigm-body{color:#9ca3af}.paradigm-num{font-family:var(--font-display);z-index:1;margin-bottom:calc(var(--spacing,.25rem) * 3);--tw-leading:1;color:var(--paper-dark);font-size:5rem;line-height:1;transition:color .3s;position:relative}.paradigm-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--ink);z-index:1;margin-bottom:calc(var(--spacing,.25rem) * 4);font-size:1.8rem;transition:color .3s;position:relative}.paradigm-body{color:#4b5563;z-index:1;--tw-leading:1.65;font-size:.9rem;font-weight:300;line-height:1.65;transition:color .3s;position:relative}.paradigm-tag{z-index:1;margin-top:calc(var(--spacing,.25rem) * 5);text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.1em;background:var(--ink);color:var(--amber);padding:.2rem .5rem;font-size:.65rem;display:inline-block;position:relative}.paradigm-card:hover .paradigm-tag{background:var(--amber);color:var(--ink)}.usecases-section{background:var(--ink);padding:clamp(4rem,8vw,7rem) clamp(1.5rem,5vw,4rem)}.usecases-heading{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-on-dark);margin-bottom:calc(var(--spacing,.25rem) * 2);--tw-leading:1;font-size:clamp(2.5rem,5vw,4rem);line-height:1}.usecases-sub{color:var(--text-muted-on-dark);margin-bottom:calc(var(--spacing,.25rem) * 12);max-width:48ch;font-size:.95rem;font-weight:300}.usecases-grid{background:var(--ink-muted);border:1px solid var(--ink-muted);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;display:grid}.usecase-card{background:var(--ink-soft);gap:calc(var(--spacing,.25rem) * 5);flex-direction:column;padding:2rem;transition:background .2s;display:flex}.usecase-card:hover{background:var(--ink-muted)}.usecase-role{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--amber);font-size:.65rem}.usecase-before-after{gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex}.usecase-before,.usecase-after{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 1.5);--tw-leading:var(--leading-snug,1.375);font-size:.88rem;line-height:var(--leading-snug,1.375);display:flex}.usecase-before{color:var(--text-muted-on-dark)}.usecase-after{color:var(--text-on-dark);font-weight:500}.ba-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;margin-top:2px;padding:.15rem .35rem;font-size:.58rem}.ba-label.before{color:#6b7280;background:#1f2937;border:1px solid #374151}.ba-label.after{background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b4d}.usecase-divider{background:var(--ink-muted);height:1px}.usecase-stat{font-family:var(--font-display);letter-spacing:.05em;color:var(--amber);--tw-leading:1;font-size:1.6rem;line-height:1}.usecase-stat-label{color:var(--text-muted-on-dark);font-size:.75rem;font-weight:300}.progression-section{background:var(--paper);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:clamp(4rem,7vw,6rem) clamp(1.5rem,5vw,4rem)}.progression-label{font-family:var(--font-mono);letter-spacing:.2em;margin-bottom:calc(var(--spacing,.25rem) * 6);align-items:center;gap:calc(var(--spacing,.25rem) * 3);text-transform:uppercase;opacity:.4;color:var(--ink);font-size:.68rem;display:flex}.progression-label:before{content:"";height:1px;width:calc(var(--spacing,.25rem) * 8);background:currentColor;display:block}.progression-headline{font-family:var(--font-display);letter-spacing:.03em;color:var(--ink);margin-bottom:calc(var(--spacing,.25rem) * 12);--tw-leading:1;max-width:20ch;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1}.progression-track{padding-bottom:calc(var(--spacing,.25rem) * 2);align-items:stretch;gap:0;display:flex;overflow-x:auto}.progression-step{border:2px solid var(--ink);background:var(--paper);flex:1;min-width:200px;padding:2rem 1.5rem;position:relative}.progression-step+.progression-step{border-left:none}.progression-step:first-child{background:var(--ink)}.progression-step:first-child .prog-num,.progression-step:first-child .prog-title,.progression-step:first-child .prog-body{color:#fff}.progression-step:first-child .prog-num{color:var(--amber)}.prog-arrow{z-index:2;background:var(--amber);flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.prog-arrow svg{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);stroke:var(--ink);fill:none;stroke-width:2.5px}.progression-step:last-child .prog-arrow{display:none}.prog-num{font-family:var(--font-display);margin-bottom:calc(var(--spacing,.25rem) * 2);--tw-leading:1;color:var(--paper-dark);font-size:3rem;line-height:1}.prog-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--ink);margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:1.5rem}.prog-body{color:#6b7280;font-size:.82rem;font-weight:300;line-height:1.55}.prog-audience{margin-top:calc(var(--spacing,.25rem) * 4);text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.1em;background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b4d;padding:.15rem .45rem;font-size:.6rem;display:inline-block}.footer-cta{background:var(--ink);align-items:center;gap:calc(var(--spacing,.25rem) * 8);text-align:center;flex-direction:column;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,5vw,4rem);display:flex}.footer-headline{font-family:var(--font-display);letter-spacing:.03em;color:var(--text-on-dark);max-width:12ch;font-size:clamp(3rem,9vw,7.5rem);line-height:.95}.footer-headline em{color:var(--amber);font-style:normal}.footer-sub{color:var(--text-muted-on-dark);--tw-leading:var(--leading-relaxed,1.625);max-width:40ch;font-size:1rem;font-weight:300;line-height:var(--leading-relaxed,1.625)}.footer-copy{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted-on-dark);margin-top:calc(var(--spacing,.25rem) * 12);opacity:.5;font-size:.62rem}@media(max-width:600px){.demo-frame{min-height:auto}.demo-panel-left{border-right:none;border-bottom:1px solid var(--ink-muted)}}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}