:root{--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-body:"Inter", system-ui, sans-serif;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition:.18s cubic-bezier(.16, 1, .3, 1);--content-default:1100px;--content-narrow:720px}[data-theme=dark]{--bg:#0e0d0c;--surface:#141312;--surface-2:#1a1917;--surface-3:#201f1d;--surface-4:#2a2927;--border:#2e2d2b;--border-faint:#242321;--text:#d4d3d0;--text-muted:#7a7976;--text-faint:#4a4947;--text-inv:#0e0d0c;--teal:#4fa8b3;--teal-dim:#2a5a61;--teal-glow:#4fa8b31a;--gold:#e8b84b;--gold-dim:#5c430e;--green:#6daa45;--green-dim:#1e3d12;--orange:#e8904a;--orange-dim:#4a2c12;--purple:#a86fdf;--purple-dim:#3a2152;--red:#dd6974;--red-dim:#4a1e22;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;scroll-padding-top:5rem}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text);background:var(--bg);min-height:100dvh;line-height:1.65}a{color:var(--teal);text-decoration:none}a:hover{color:#7fcad3}img,svg{max-width:100%;display:block}p{text-wrap:pretty}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:var(--radius-full)}.fade-in{opacity:1}@supports (animation-timeline:scroll()){.fade-in{opacity:0;animation:linear both fadeReveal;animation-timeline:view();animation-range:entry entry 75%}}@keyframes fadeReveal{to{opacity:1}}nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-faint);padding:var(--space-3) var(--space-6);align-items:center;gap:var(--space-6);background:#0e0d0ceb;display:flex;position:sticky;top:0}.nav-logo{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--teal);white-space:nowrap;font-weight:500;display:flex}.nav-links{gap:var(--space-1);scrollbar-width:none;flex:1;list-style:none;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;transition:color var(--transition), background var(--transition)}.nav-links a:hover{color:var(--text);background:var(--surface-3)}.container{max-width:var(--content-default);padding-inline:var(--space-6);margin-inline:auto}.container-narrow{max-width:var(--content-narrow);padding-inline:var(--space-6);margin-inline:auto}section{padding-block:clamp(var(--space-12), 6vw, var(--space-20))}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--space-3);font-weight:500}h2.section-title{font-size:var(--text-xl);color:var(--text);margin-bottom:var(--space-4);font-weight:700;line-height:1.15}h3{font-size:var(--text-lg);color:var(--text);font-weight:600;line-height:1.25}.hero{padding-block:clamp(var(--space-16), 10vw, var(--space-24));border-bottom:1px solid var(--border-faint);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#4fa8b312 0%,#0000 70%);position:absolute;inset:0}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--teal);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.hero-eyebrow:before{content:"";background:var(--teal);width:2rem;height:1px;display:inline-block}.hero-title{font-size:var(--text-2xl);letter-spacing:-.02em;color:#ededec;margin-bottom:var(--space-5);font-weight:800;line-height:1.05}.hero-title span{color:var(--teal)}.hero-sub{font-size:var(--text-base);color:var(--text-muted);max-width:60ch;margin-bottom:var(--space-10);line-height:1.75}.hero-meta{gap:var(--space-6);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;display:flex}.hero-meta-item{align-items:center;gap:var(--space-2);display:flex}.hero-meta-item strong{color:var(--text)}.badge{font-family:var(--font-mono);letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.3em;padding:.2em .6em;font-size:.7rem;font-weight:500;display:inline-flex}.badge-live{color:var(--green);background:#6daa4526;border:1px solid #6daa4540}.badge-build{color:var(--gold);background:#e8b84b1f;border:1px solid #e8b84b38}.badge-planned{color:var(--purple);background:#a86fdf1f;border:1px solid #a86fdf38}.badge-core{color:var(--teal);background:#4fa8b31f;border:1px solid #4fa8b338}.pipeline{margin-block:var(--space-12);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:repeat(5,1fr);gap:0;display:grid;position:relative;overflow:hidden}.pipeline-stage{padding:var(--space-5) var(--space-4);border-right:1px solid var(--border);background:var(--surface);transition:background var(--transition);cursor:default}.pipeline-stage:last-child{border-right:none}.pipeline-stage:hover{background:var(--surface-2)}.pipeline-number{font-family:var(--font-mono);margin-bottom:var(--space-3);opacity:.15;font-size:2rem;font-weight:700;line-height:1}.pipeline-name{font-size:var(--text-sm);color:var(--text);margin-bottom:var(--space-2);font-weight:600}.pipeline-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.pipeline-stage.s1 .pipeline-number{color:var(--orange)}.pipeline-stage.s2 .pipeline-number{color:var(--teal)}.pipeline-stage.s3 .pipeline-number{color:var(--purple)}.pipeline-stage.s4 .pipeline-number{color:var(--green)}.pipeline-stage.s5 .pipeline-number{color:var(--gold)}.pipeline-stage.s1:hover{border-top:2px solid var(--orange)}.pipeline-stage.s2:hover{border-top:2px solid var(--teal)}.pipeline-stage.s3:hover{border-top:2px solid var(--purple)}.pipeline-stage.s4:hover{border-top:2px solid var(--green)}.pipeline-stage.s5:hover{border-top:2px solid var(--gold)}.feature-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-3);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;display:flex}.feature-card:hover{border-color:var(--border-faint);box-shadow:var(--shadow-md)}.feature-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.feature-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.icon-teal{background:var(--teal-glow);color:var(--teal)}.icon-gold{color:var(--gold);background:#e8b84b1a}.icon-green{color:var(--green);background:#6daa451a}.icon-orange{color:var(--orange);background:#e8904a1a}.icon-purple{color:var(--purple);background:#a86fdf1a}.icon-red{color:var(--red);background:#dd69741a}.feature-card h4{font-size:var(--text-base);color:var(--text);font-weight:600;line-height:1.3}.feature-card p{font-size:var(--text-sm);color:var(--text-muted);flex:1;line-height:1.65}.keys{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.key{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--surface-4);color:var(--text-muted);border:1px solid var(--border);padding:.15em .5em;font-size:.65rem}.stage-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-faint);display:flex}.stage-num{font-family:var(--font-mono);font-size:var(--text-xl);border-radius:var(--radius-lg);border:1px solid;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-weight:800;line-height:1;display:flex}.stage-num.orange{color:var(--orange);border-color:var(--orange-dim);background:#e8904a14}.stage-num.teal{color:var(--teal);border-color:var(--teal-dim);background:#4fa8b314}.stage-num.purple{color:var(--purple);border-color:var(--purple-dim);background:#a86fdf14}.stage-num.green{color:var(--green);border-color:var(--green-dim);background:#6daa4514}.stage-num.gold{color:var(--gold);border-color:var(--gold-dim);background:#e8b84b14}.stage-info h2{margin-bottom:var(--space-1)}.stage-info p{font-size:var(--text-sm);color:var(--text-muted)}.code-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4);overflow-x:auto}.code-block pre{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:pre;line-height:1.7}.code-block .c-teal{color:var(--teal)}.code-block .c-gold{color:var(--gold)}.code-block .c-green{color:var(--green)}.code-block .c-orange{color:var(--orange)}.code-block .c-purple{color:var(--purple)}.code-block .c-muted{color:var(--text-faint)}.schema-table{border-collapse:collapse;width:100%;font-size:var(--text-xs);font-family:var(--font-mono);margin-top:var(--space-4)}.schema-table th{text-align:left;padding:var(--space-2) var(--space-3);background:var(--surface-3);color:var(--text-faint);letter-spacing:.08em;border-bottom:1px solid var(--border);font-weight:500}.schema-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-faint);vertical-align:top;color:var(--text-muted);line-height:1.5}.schema-table td:first-child{color:var(--teal)}.schema-table tr:hover td{background:var(--surface-2)}.integration-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.int-col{gap:var(--space-3);flex-direction:column;display:flex}.int-arrow{align-items:center;gap:var(--space-2);color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-xs);flex-direction:column;display:flex}.int-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-family:var(--font-mono);align-items:center;gap:var(--space-2);display:flex}.matrix-wrap{margin-top:var(--space-8);overflow-x:auto}.matrix{border-collapse:collapse;width:100%;font-size:var(--text-xs)}.matrix th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-muted);white-space:nowrap;font-weight:500}.matrix td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-faint);vertical-align:middle}.matrix tr:hover td{background:var(--surface)}.matrix td:first-child{color:var(--text);font-weight:500}.matrix td:nth-child(2){font-family:var(--font-mono);color:var(--text-muted)}.dot{border-radius:var(--radius-full);width:8px;height:8px;display:inline-block}.dot-live{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-build{background:var(--gold)}.dot-planned{background:var(--surface-4);border:1px solid var(--border)}.prompt-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:var(--space-8);overflow:hidden}.prompt-box-header{padding:var(--space-3) var(--space-5);background:var(--surface-2);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.prompt-box-body{padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:pre-wrap;max-height:420px;line-height:1.85;overflow-y:auto}.copy-btn{background:var(--surface-4);border:1px solid var(--border);color:var(--text-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition);font-size:.65rem}.copy-btn:hover{background:var(--teal-dim);color:var(--teal);border-color:var(--teal-dim)}.divider{border:none;border-top:1px solid var(--border-faint);margin-block:0}footer{padding-block:var(--space-8);border-top:1px solid var(--border-faint);font-size:var(--text-xs);color:var(--text-faint);font-family:var(--font-mono);text-align:center}.solo-bar{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.solo-level{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-mono);border:1px solid;flex-direction:column;gap:2px;min-width:100px;display:flex}.solo-level span:first-child{font-size:.65rem;font-weight:600}.solo-level span:last-child{opacity:.6;font-size:.6rem}.solo-1{color:var(--red);background:#dd697414;border-color:#dd697433}.solo-2{color:var(--orange);background:#e8904a14;border-color:#e8904a33}.solo-3{color:var(--gold);background:#e8b84b14;border-color:#e8b84b33}.solo-4{color:var(--teal);background:#4fa8b314;border-color:#4fa8b333}.solo-5{color:var(--green);background:#6daa4514;border-color:#6daa4533}.note-inline{border-left:2px solid var(--gold);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-4);background:#e8b84b12}.note-inline strong{color:var(--gold)}@media (width<=768px){.pipeline{grid-template-columns:1fr}.pipeline-stage{border-right:none;border-bottom:1px solid var(--border)}.pipeline-stage:last-child{border-bottom:none}.integration-grid{grid-template-columns:1fr}.int-arrow,.nav-links{display:none}}