:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06070c;--panel:#ffffff13;--panel-strong:#ffffff1f;--text:#f6f7ff;--muted:#a9afc7;--line:#ffffff26;--pink:#ff4fd8;--cyan:#46f0ff;--violet:#8f62ff;--green:#8cffc1;--pink-rgb:255,79,216;--cyan-rgb:70,240,255;--violet-rgb:143,98,255;--green-rgb:140,255,193;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #8f62ff40, transparent 35%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.glow{filter:blur(80px);opacity:.28;pointer-events:none;z-index:-1;border-radius:999px;width:28rem;height:28rem;position:fixed}.glow-one{background:var(--pink);top:8%;right:-8rem}.glow-two{background:var(--cyan);bottom:3%;left:-9rem}.glow-three{background:var(--violet);opacity:.12;top:45%;left:50%;transform:translate(-50%)}.site-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,4rem);transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.site-header.scrolled{border-color:var(--line);background:#06070cb8}.brand{letter-spacing:-.04em;align-items:center;gap:.7rem;font-size:1.35rem;font-weight:900;display:inline-flex}.brand img{width:2.2rem;height:2.2rem}.dot{color:var(--cyan)}.nav-desktop{color:var(--muted);gap:1.2rem;font-size:.92rem;display:flex}.nav-desktop a{transition:color .25s;position:relative}.nav-desktop a:hover{color:var(--text)}.nav-desktop a:after{content:"";background:var(--cyan);width:0;height:2px;transition:width .3s var(--ease-out-expo);border-radius:2px;position:absolute;bottom:-4px;left:0}.nav-desktop a:hover:after{width:100%}.nav-toggle{cursor:pointer;z-index:12;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.nav-toggle span{background:var(--text);border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-overlay{z-index:11;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;background:#06070cf0;justify-content:center;align-items:center;transition:opacity .35s;display:none;position:fixed;inset:0}.nav-overlay.open{opacity:1}.nav-overlay nav{text-align:center;flex-direction:column;gap:2rem;display:flex}.nav-overlay a{letter-spacing:-.03em;color:var(--muted);font-size:2rem;font-weight:800;transition:color .25s}.nav-overlay a:hover{color:var(--text)}body.no-scroll{overflow:hidden}.section-pad{max-width:1280px;margin:0 auto;padding:clamp(4rem,8vw,8rem) clamp(1rem,4vw,4rem)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:3rem;min-height:82vh;display:grid}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.075em;margin-bottom:1.35rem;font-size:clamp(3rem,8vw,7rem);line-height:.92}h2{letter-spacing:-.055em;margin-bottom:1rem;font-size:clamp(2rem,4vw,4rem);line-height:.98}h3{margin-bottom:.6rem;font-size:1.35rem}p{color:var(--muted);line-height:1.75}.hero-text{max-width:62ch;font-size:clamp(1.05rem,1.7vw,1.35rem)}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.button{border:1px solid var(--line);transition:transform .3s var(--ease-out-expo), box-shadow .4s ease;cursor:pointer;border-radius:999px;padding:.95rem 1.4rem;font-weight:800;display:inline-block}.button.primary{background:linear-gradient(135deg, var(--pink), var(--violet));box-shadow:0 0 32px rgba(var(--pink-rgb),.25)}.button.primary:hover{box-shadow:0 0 56px rgba(var(--pink-rgb),.45);transform:scale(1.05)}.button.secondary{background:#ffffff12}.button.secondary:hover{box-shadow:0 0 24px rgba(var(--cyan-rgb),.15);background:#ffffff1f;transform:scale(1.05)}.terminal-card,.panel,.cards article,.reversal,.roadmap{background:linear-gradient(180deg, var(--panel-strong), var(--panel));border:1px solid var(--line);transition:transform .4s var(--ease-out-expo), box-shadow .4s ease, border-color .3s ease;border-radius:28px;box-shadow:0 20px 80px #00000059}.terminal-card{overflow:hidden;transform:rotate(1.5deg)}.terminal-bar{border-bottom:1px solid var(--line);gap:.45rem;padding:1rem;display:flex}.terminal-bar span{background:var(--pink);border-radius:999px;width:.75rem;height:.75rem}.terminal-bar span:nth-child(2){background:var(--green)}.terminal-bar span:nth-child(3){background:var(--cyan)}pre{white-space:pre-wrap;color:#dafcff;margin:0;padding:1.4rem;font-size:.95rem;line-height:1.7}#terminal-output{min-height:150px}#terminal-output:after{content:"▊";color:var(--cyan);margin-left:2px;animation:1s step-end infinite blink}#terminal-output.done:after{animation:1.5s step-end infinite blink}.split{grid-template-columns:.9fr 1.1fr;align-items:start;gap:3rem;display:grid}.split p:last-child{font-size:1.2rem}.split .tagline{color:var(--cyan);letter-spacing:-.02em;font-size:1rem;font-weight:700}.cards{grid-template-columns:repeat(3,1fr);gap:1.25rem;padding-top:0;display:grid}.cards article{padding:2rem 1.5rem;position:relative;overflow:hidden}.cards article:hover{border-color:var(--violet);box-shadow:0 12px 48px rgba(var(--violet-rgb),.18);transform:translateY(-5px)}.card-accent{background:var(--accent,var(--cyan));width:32px;height:3px;transition:width .3s var(--ease-out-expo);border-radius:3px;margin-bottom:1rem;display:block}.cards article:hover .card-accent{width:48px}.feature-grid{grid-template-columns:1.15fr 1fr 1fr;gap:1rem;display:grid}.panel{flex-direction:column;justify-content:space-between;min-height:165px;padding:1.4rem;display:flex}.panel.tall{grid-row:span 2;min-height:346px}.panel strong{font-size:1.2rem}.panel span{color:var(--muted);line-height:1.6}.panel:hover{border-color:rgba(var(--cyan-rgb),.3);box-shadow:0 8px 32px rgba(var(--cyan-rgb),.1);transform:translateY(-3px)}.reversal{text-align:center;padding:clamp(3rem,6vw,5rem) clamp(1rem,4vw,4rem)}.reversal p{max-width:750px;margin-left:auto;margin-right:auto}.flow{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.flow span{border:1px solid var(--line);transition:background .25s ease, border-color .25s ease, transform .3s var(--ease-out-expo);background:#ffffff14;border-radius:999px;padding:.75rem 1rem;font-size:.92rem}.flow span:hover{border-color:var(--violet);background:#ffffff24;transform:translateY(-2px)}.flow b{color:var(--cyan);align-self:center;font-size:1.1rem}.roadmap{grid-template-columns:.9fr 1.1fr;gap:2rem;padding:clamp(3rem,6vw,5rem) clamp(1rem,4vw,4rem);display:grid}.roadmap:hover{border-color:rgba(var(--violet-rgb),.2)}ol{color:var(--muted);margin:0;padding-left:1.3rem;line-height:2.1}ol li{transition:color .25s}ol li:hover{color:var(--text)}ol li::marker{color:var(--cyan);font-weight:700}footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,4rem);display:flex}[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out-expo), transform .7s var(--ease-out-expo);transform:translateY(30px)}[data-reveal].revealed{opacity:1;transform:translateY(0)}.cards[data-reveal] article{opacity:0;transition:opacity .5s var(--ease-out-expo), transform .5s var(--ease-out-expo);transform:translateY(20px)}.cards[data-reveal].revealed article:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}.cards[data-reveal].revealed article:nth-child(2){opacity:1;transition-delay:.1s;transform:translateY(0)}.cards[data-reveal].revealed article:nth-child(3){opacity:1;transition-delay:.2s;transform:translateY(0)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=900px){.nav-desktop{display:none}.nav-toggle{display:flex}.nav-overlay{pointer-events:none;display:flex}.nav-overlay.open{pointer-events:auto}.hero,.split,.roadmap{grid-template-columns:1fr}.hero{gap:2rem;min-height:auto}.split{gap:1.5rem}.cards,.feature-grid{grid-template-columns:1fr}.feature-grid{gap:.75rem}.panel.tall,.panel{min-height:auto}footer{text-align:center;flex-direction:column}.terminal-card{transform:none}}@media (width<=600px){.section-pad{padding:3rem 1.25rem}h1{font-size:clamp(2.2rem,12vw,3.2rem)}h2{font-size:clamp(1.6rem,8vw,2.2rem)}.hero-actions{flex-direction:column}.button{text-align:center}.split{gap:1.25rem}.cards article{padding:1.5rem}ol{line-height:1.7}.flow{gap:.5rem}.flow span{padding:.5rem .75rem;font-size:.82rem}.flow b{font-size:.85rem}footer{gap:.35rem;font-size:.85rem}.nav-overlay a{font-size:1.5rem}}@media (width<=400px){.brand{font-size:1.1rem}.brand img{width:1.7rem;height:1.7rem}.hero-copy .eyebrow{font-size:.65rem}.hero-text{font-size:1rem}}.page{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,4rem)}.nav-desktop a.active{color:var(--text)}.nav-desktop a.active:after{width:100%}.page-intro{text-align:center;max-width:780px;margin:0 auto;padding:4rem 1rem 3rem}.page-intro h1{letter-spacing:-.06em;margin-bottom:1rem;font-size:clamp(2.4rem,5vw,4rem)}.page-intro .lead{color:var(--muted);font-size:1.15rem;line-height:1.75}.page-sub{color:var(--green);text-transform:uppercase;letter-spacing:.16em;margin-bottom:.5rem;font-size:.75rem;font-weight:800}.section-heading{margin-bottom:2.5rem}.section-heading h2{margin-bottom:.5rem}.section-heading p{max-width:640px}.diagram-wrap{background:linear-gradient(180deg, var(--panel-strong), var(--panel));border:1px solid var(--line);border-radius:24px;margin:2rem 0;padding:1.5rem;overflow-x:auto}.diagram-wrap svg{width:100%;max-width:900px;height:auto;margin:0 auto;display:block}.layer-diagram{flex-direction:column;gap:.5rem;margin:2rem 0;display:flex}.layer-row{align-items:stretch;gap:.5rem;display:flex}.layer-label{text-transform:uppercase;letter-spacing:.08em;text-align:center;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:110px;padding:.75rem 1rem;font-size:.8rem;font-weight:800;display:flex}.layer-label.pink{background:rgba(var(--pink-rgb),.2);color:var(--pink)}.layer-label.violet{background:rgba(var(--violet-rgb),.2);color:var(--violet)}.layer-label.cyan{background:rgba(var(--cyan-rgb),.2);color:var(--cyan)}.layer-label.green{background:rgba(var(--green-rgb),.2);color:var(--green)}.layer-items{flex-wrap:wrap;flex:1;gap:.4rem;display:flex}.layer-item{border:1px solid var(--line);color:var(--muted);background:#ffffff0f;border-radius:10px;padding:.65rem 1rem;font-size:.85rem;transition:background .2s,border-color .2s}.layer-item:hover{border-color:rgba(var(--cyan-rgb),.3);background:#ffffff1a}.community-section{text-align:center;margin:2rem 0;padding:4rem 1rem}.community-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0 0;display:flex}.community-links .button{min-width:160px}.gh-button{background:#ffffff12;align-items:center;gap:.6rem;display:inline-flex}.newsletter{max-width:480px;margin:2rem auto 0}.newsletter p{color:var(--muted);margin-bottom:1rem;font-size:.9rem}.newsletter-form{gap:.5rem;display:flex}.newsletter-form input{border:1px solid var(--line);color:var(--text);background:#ffffff12;border-radius:10px;outline:none;flex:1;padding:.75rem 1rem;font-size:.92rem;transition:border-color .25s}.newsletter-form input:focus{border-color:var(--cyan)}.newsletter-form input::placeholder{color:var(--muted);opacity:.6}.newsletter-form .button{flex-shrink:0;padding:.75rem 1.2rem}.build-log{max-width:780px;margin:0 auto;padding:2rem 0 4rem}.log-entry{border-left:2px solid var(--line);padding:0 0 2.5rem 2rem;transition:border-color .3s;position:relative}.log-entry:last-child{border-left-color:#0000;padding-bottom:0}.log-entry:before{content:"";background:var(--violet);border:2px solid var(--bg);width:10px;height:10px;box-shadow:0 0 0 2px var(--violet);border-radius:999px;position:absolute;top:4px;left:-6px}.log-date{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:.78rem;font-weight:700}.log-entry h2{margin-bottom:.5rem;font-size:1.35rem}.log-entry p{margin-bottom:.75rem;font-size:.95rem}.log-entry ul{color:var(--muted);margin-bottom:.75rem;padding-left:1.2rem;font-size:.92rem;line-height:1.7}.log-entry ul li::marker{color:var(--cyan)}.phase-grid{flex-direction:column;gap:1rem;margin:2rem 0;display:flex}.phase-card{background:linear-gradient(180deg, var(--panel-strong), var(--panel));border:1px solid var(--line);border-radius:20px;grid-template-columns:auto 1fr;align-items:start;gap:1.5rem;padding:1.75rem 2rem;transition:border-color .3s,box-shadow .3s;display:grid}.phase-card:hover{border-color:rgba(var(--violet-rgb),.25);box-shadow:0 4px 24px #00000040}.phase-num{letter-spacing:-.06em;background:linear-gradient(135deg, var(--pink), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:2.5rem;font-size:2rem;font-weight:900;line-height:1}.phase-body h3{margin-bottom:.3rem;font-size:1.2rem}.phase-body .phase-status{color:var(--green);margin-bottom:.6rem;font-size:.82rem;font-weight:600}.phase-body p{margin-bottom:.75rem;font-size:.92rem}.phase-body ul{color:var(--muted);margin:0;padding-left:1.2rem;font-size:.88rem;line-height:1.7}.phase-body ul li::marker{color:var(--cyan)}.cookbook-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:2rem 0;display:grid}.cookbook-card{background:linear-gradient(180deg, var(--panel-strong), var(--panel));border:1px solid var(--line);transition:transform .3s var(--ease-out-expo), border-color .3s ease, box-shadow .3s ease;border-radius:20px;padding:1.75rem}.cookbook-card:hover{border-color:rgba(var(--cyan-rgb),.25);transform:translateY(-4px);box-shadow:0 8px 32px #00000040}.cookbook-card .card-icon{margin-bottom:.75rem;font-size:2rem}.cookbook-card h3{margin-bottom:.4rem;font-size:1.1rem}.cookbook-card p{margin-bottom:0;font-size:.88rem}.cookbook-card .coming-soon{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);opacity:.6;margin-top:.75rem;font-size:.72rem;font-weight:700;display:inline-block}.steps-visual{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin:2rem 0;display:grid}.step-card{background:linear-gradient(180deg, var(--panel-strong), var(--panel));border:1px solid var(--line);text-align:center;transition:transform .3s var(--ease-out-expo), border-color .3s ease;border-radius:18px;padding:1.25rem;position:relative}.step-card:hover{border-color:rgba(var(--violet-rgb),.25);transform:translateY(-3px)}.step-num{background:linear-gradient(135deg, var(--pink), var(--violet));color:#fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:.75rem;font-size:.85rem;font-weight:800;display:inline-flex}.step-card h3{margin-bottom:.35rem;font-size:.95rem}.step-card p{margin-bottom:0;font-size:.82rem;line-height:1.55}.step-arrow{display:none}@media (width>=900px){.steps-visual{grid-template-columns:repeat(5,1fr);position:relative}.step-card:not(:last-child):after{content:"→";color:var(--cyan);opacity:.5;pointer-events:none;font-size:1.2rem;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}}.detail-section{margin:3rem 0}.detail-section h2{margin-bottom:.75rem}.detail-section p{max-width:700px}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin:1.5rem 0;display:grid}@media (width<=900px){.layer-row{flex-direction:column}.layer-label{min-width:auto;padding:.5rem 1rem}.phase-card{grid-template-columns:1fr;gap:.5rem}.phase-num{font-size:1.5rem}.newsletter-form{flex-direction:column}.community-links{flex-direction:column;align-items:center}}@media (width<=600px){.step-card{padding:1rem}.step-card h3{font-size:.85rem}.step-card p{font-size:.78rem}.log-entry{padding-left:1.25rem}.log-entry h2{font-size:1.1rem}.cookbook-grid,.detail-grid{grid-template-columns:1fr}}