@font-face{font-family:Roobert;src:url('fonts/RoobertPRO-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Roobert;src:url('fonts/RoobertPRO-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Roobert;src:url('fonts/RoobertPRO-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{
  --brown:#261f1a;--brown-deep:#17130f;--cream:#f0eee6;--paper:#faf9f5;
  --orange:#d97757;--orange-soft:#e7a78e;--blue:#83b7c4;--aqua:#9ed4ca;
  --green:#8db89a;--red:#c75b4c;--ink:#141413;--muted:#87867f;
  --pad-x:5.2rem;--pad-y:4.2rem;--mono:'SF Mono',ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--brown)}
body{font-family:Roobert,system-ui,sans-serif;color:var(--ink)}
#ocean{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity .7s ease;background:var(--brown-deep)}
#ocean.visible{opacity:1}
#ocean-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .7s;background:linear-gradient(90deg,rgba(9,18,22,.68) 0%,rgba(9,18,22,.16) 55%,rgba(9,18,22,.28) 100%)}
#ocean-vignette.visible{opacity:1}
.reveal{position:relative;font-family:Roobert,system-ui,sans-serif;font-size:1.7rem;color:var(--ink);background:transparent}
.reveal .slides{z-index:2;text-align:left}
.reveal .slides section{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;top:0!important;left:0!important;padding:var(--pad-y) var(--pad-x) 7rem;overflow:hidden;text-align:left;background:var(--cream);box-sizing:border-box}
.reveal .slides section.dark{background:var(--brown);color:var(--cream)}.reveal .slides section.image-slide{padding:0;background:#000}.fullscreen-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.impact-text{position:absolute;z-index:2;left:2rem;right:2rem;text-align:center!important;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(4rem,8.5vw,7.8rem);line-height:.95;letter-spacing:.015em;color:#fff;-webkit-text-stroke:4px #000;text-shadow:0 4px 10px rgba(0,0,0,.95),0 8px 24px rgba(0,0,0,.8);text-transform:uppercase}.impact-top{top:2rem}.impact-bottom{bottom:2rem}
.reveal .slides section.nopad{padding:0}
.reveal .slides section.orange{background:var(--orange);color:var(--brown-deep)}
.reveal .slides section.paper{background:var(--paper)}
.reveal .slides section.ocean{background:transparent;color:var(--cream)}
.reveal .controls{color:var(--orange)!important;z-index:25!important}.reveal .progress span{background:var(--orange)!important}.reveal .slide-number{display:none}
.reveal h1,.reveal h2,.reveal h3,.reveal p{margin:0;text-transform:none;letter-spacing:-.025em}
.center{display:flex!important;flex-direction:column;justify-content:center}.middle{align-items:center;text-align:center}.middle>*{text-align:center}
.cover{justify-content:center!important}.cover-mark{width:5rem;height:5rem;margin-bottom:2.5rem;filter:drop-shadow(0 8px 22px rgba(0,0,0,.18))}
.kicker.slide-tag{position:absolute;left:var(--pad-x);top:2.8rem;margin:0;text-align:left}
.kicker{font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin-bottom:1.4rem}.ocean .kicker{color:var(--orange-soft)}
.title{font-size:clamp(4.4rem,9vw,8rem);line-height:.92;font-weight:600;color:inherit;max-width:12ch}
.subtitle{font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.25;font-weight:500;max-width:31ch;margin-top:1.5rem!important;color:rgba(240,238,230,.74)}
.byline{display:flex;align-items:center;gap:.9rem;margin-top:2.8rem}.byline img{width:3rem;height:3rem;border-radius:50%;object-fit:cover}.byline strong{font-size:1.15rem}.byline small{display:block;color:rgba(240,238,230,.5);font-size:.85rem;margin-top:.1rem}
.statement{font-size:clamp(3.7rem,8vw,7rem);font-weight:600;line-height:.98;letter-spacing:-.045em;max-width:13ch}.statement.wide{max-width:19ch}.statement.small{font-size:clamp(2.8rem,5.5vw,5rem)}
.accent{color:var(--orange)}.success{color:#56c596}.danger{color:var(--red)}.dark .accent,.ocean .accent{color:var(--orange-soft)}.muted{color:var(--muted)}.dark .muted{color:rgba(240,238,230,.45)}
.section-num{font-size:1rem;font-weight:700;letter-spacing:.16em;color:var(--orange);text-transform:uppercase}.section-title{font-size:clamp(8rem,22vw,18rem);font-weight:600;line-height:.8;letter-spacing:-.07em;margin-top:1.2rem}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5rem;height:100%}.portrait{width:min(24rem,56vh);aspect-ratio:1;border-radius:50%;object-fit:cover;border:2px solid rgba(38,31,26,.12);box-shadow:0 2rem 5rem rgba(38,31,26,.16)}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;width:100%;margin-top:2.5rem}.role{border:1.5px solid rgba(38,31,26,.14);border-radius:1.2rem;padding:2.2rem 1.4rem;background:rgba(255,255,255,.35);text-align:center}.role-icon{color:var(--orange);height:3rem;display:grid;place-items:center}.hand-icon{width:2.7rem;height:2.7rem;display:block}.role strong{display:block;font-size:1.8rem;margin-top:1rem}.hand-question{display:flex;align-items:center;justify-content:center;gap:.8rem;font-size:1.8rem;margin-top:5.5rem!important}.hand-question .hand-icon{width:2rem;height:2rem;color:var(--orange)}
.dictionary{max-width:none;width:100%;padding-inline:6rem;font-family:Garamond,'EB Garamond','Adobe Garamond Pro','Times New Roman',serif;text-align:left!important}.dictionary *{text-align:left!important}.dictionary-head{display:flex;align-items:baseline;justify-content:flex-start;gap:1.3rem;border-bottom:1px solid rgba(20,20,19,.55);padding-bottom:.8rem}.dictionary-head strong{font-size:5.8rem;font-weight:700;font-style:italic;letter-spacing:-.035em;line-height:.95;color:var(--brown)}.dictionary-head span{font-size:1.35rem;font-style:italic;color:var(--muted)}.pronunciation{font-size:1.35rem;color:var(--muted);margin-top:1rem}.definition{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.18;font-weight:400;margin-top:2rem;max-width:none;width:100%}.definition em{font-style:italic;color:var(--orange)}
.bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bubble{position:absolute;bottom:-10%;border:2px solid rgba(255,255,255,.32);border-radius:50%;animation:rise var(--dur) linear infinite;animation-delay:var(--delay)}@keyframes rise{to{transform:translateY(-125vh) translateX(var(--drift));opacity:0}}
.tool-journey{display:flex;align-items:flex-start;justify-content:center;gap:4rem}.tool-logo{display:grid;justify-items:center;gap:1rem;min-width:10rem}.tool-logo img{width:8rem;height:8rem;object-fit:contain}.tool-logo span{font-size:1.5rem;font-weight:600}.tool-logo.claude-code img{width:10rem;height:10rem}.tool-logo.claude-code span{font-size:1.8rem}.journey-arrow{font-size:5rem;line-height:1;color:var(--orange);margin:2rem 1rem 0}
.browser,.terminal{border-radius:1rem;overflow:hidden;box-shadow:0 1.8rem 5rem rgba(20,20,19,.2);border:1px solid rgba(20,20,19,.12);background:#fff}.browser{width:min(68rem,92%)}.localhost-browser{aspect-ratio:16/10;display:flex;flex-direction:column}.window-bar{height:3rem;flex:none;background:#dedbd2;display:flex;align-items:center;padding:0 1rem;gap:.45rem}.dot{width:.72rem;height:.72rem;border-radius:50%;background:var(--orange)}.dot:nth-child(2){background:#ddb35e}.dot:nth-child(3){background:var(--green)}.url{margin-left:1rem;flex:1;background:rgba(255,255,255,.7);border-radius:.45rem;padding:.38rem .8rem;font:600 .85rem var(--mono);color:#6c6962}.browser-body{height:24rem;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#f0eee6)}.localhost-browser .browser-body{position:relative;flex:1;height:auto;overflow:hidden}.browser-body strong{font-size:5rem;letter-spacing:-.05em;position:relative;z-index:2;opacity:0;transform:scale(.65)}section.run .localhost-browser .browser-body strong{animation:pop .55s 1s cubic-bezier(.18,1.5,.4,1) both}@keyframes pop{to{opacity:1;transform:scale(1)}}.confetti-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.meme{width:min(60rem,85%);height:30rem;border-radius:1.3rem;background:linear-gradient(135deg,#4d3d2f,#17130f);display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.meme::before{content:'IMAGE / MEME';font:700 1rem var(--mono);letter-spacing:.14em;color:rgba(255,255,255,.26)}.meme-text{position:absolute;inset:auto 2rem 2rem;text-align:center;font-size:2.5rem;font-weight:700;color:white;text-shadow:0 2px 8px #000}
.deployment-logos{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:3.5rem 4rem;width:min(70rem,100%);margin:3.5rem auto 0}.deployment-logo{display:grid;justify-items:center;align-content:center;gap:1rem}.deployment-logo img{width:7.5rem;height:7.5rem;object-fit:contain}.deployment-logo span{font-size:1.25rem;font-weight:600}.deployment-logo:nth-child(5){grid-column:1/2}.deployment-logo:nth-child(5),.deployment-logo:nth-child(6),.deployment-logo:nth-child(7){transform:translateX(8rem)}.constraint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4rem;width:min(70rem,100%);margin:4rem auto 0}.constraint{display:grid;justify-items:center;gap:1.3rem;color:var(--orange)}.constraint .lucide-icon{width:7rem;height:7rem}.constraint b{font-size:1.5rem;color:var(--ink)}
.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;width:100%;margin-top:4.5rem}.cost{display:grid;justify-items:center;align-content:start;gap:1.2rem;text-align:center}.cost .lucide-icon{width:4.5rem;height:4.5rem;color:var(--red)}.cost b{font-size:1.7rem}.cost span{font-size:1.2rem;color:var(--muted);max-width:22ch}
.flow{display:flex;align-items:center;gap:1.4rem;font-size:1.7rem;font-weight:600}.flow-node{padding:1.5rem 2rem;border:2px solid currentColor;border-radius:1rem;min-width:10rem;text-align:center}.flow-arrow{color:var(--orange);font-size:3rem}.dark .flow-node{border-color:rgba(240,238,230,.4)}.publish-steps{display:flex;align-items:center;justify-content:center;gap:3rem;width:100%}.publish-step{position:relative;display:grid;justify-items:center;gap:1.2rem;min-width:13rem;color:var(--cream)}.publish-step .lucide-icon,.publish-step>img{width:7rem;height:7rem;object-fit:contain}.publish-step.claude-local>img{filter:none}.publish-step.blue .lucide-icon{color:#4b9cff}.publish-step.green .lucide-icon{color:#56c596}.publish-step b{font-size:1.4rem}.publish-arrow{font-size:4rem;color:var(--orange)}
.asset-placeholder{width:100%;height:100%;display:grid;place-items:center;border:2px dashed rgba(240,238,230,.28);border-radius:1rem;color:rgba(240,238,230,.42);font:700 1rem var(--mono);letter-spacing:.12em;background:rgba(0,0,0,.14)}.demo-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:95%;max-height:95%;border-radius:1.2rem;box-shadow:0 2rem 6rem rgba(0,0,0,.45)}
.demo-badge{position:absolute;top:255px;left:993px;transform:translateX(-50%);padding:.5rem 1.1rem;border-radius:.6rem;background:rgba(0,0,0,.55);color:var(--orange-soft);font:700 1.4rem var(--mono);letter-spacing:.06em;opacity:0;transition:opacity .5s ease;pointer-events:none}
.demo-badge.show{opacity:1}
.ocean .honeycomb-title{text-align:center!important;color:#fff}.honeycomb{position:relative;width:72rem;height:35rem;margin:1.5rem auto 0}.hex{position:absolute;width:13rem;height:11rem;background:rgba(220,255,252,.12);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:grid;place-items:center;filter:drop-shadow(0 .7rem 1.2rem rgba(0,18,28,.2))}.hex::after{content:'';position:absolute;inset:.18rem;background:rgba(8,38,48,.04);backdrop-filter:blur(7px) saturate(125%);-webkit-backdrop-filter:blur(7px) saturate(125%);clip-path:inherit}.hex-content{position:relative;z-index:2;display:grid;justify-items:center;gap:.65rem;color:rgba(238,255,253,.92)}.hex-content .lucide-icon{width:3.3rem;height:3.3rem}.hex-content b{font-size:1.05rem;color:var(--cream)}.hex.core{background:rgba(255,231,112,.2);left:29.5rem;top:12rem}.hex.core .lucide-icon{width:4rem;height:4rem}.platform-logo{width:5rem;height:5rem;object-fit:contain}.hex.core b{font-size:1.35rem}.hex-1{left:17rem;top:5.4rem}.hex-2{left:29.5rem;top:-1.2rem}.hex-3{left:42rem;top:5.4rem}.hex-4{left:54.5rem;top:12rem}.hex-5{left:42rem;top:18.6rem}.hex-6{left:29.5rem;top:25.2rem}.hex-7{left:17rem;top:18.6rem}.hex-8{left:4.5rem;top:12rem}
.est-glow{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:56rem;height:34rem;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(var(--glow),.18),transparent 72%)}
.eng-row{display:flex;justify-content:center;gap:1.4rem;margin-top:4.6rem;color:rgba(240,238,230,.7)}.eng{width:5.2rem;height:5.2rem;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1.5px solid rgba(240,238,230,.32)}.eng .lucide-icon{width:2.7rem;height:2.7rem}
section.run .eng.step{animation:popIn .5s cubic-bezier(.2,1.4,.35,1) both;animation-delay:var(--delay,0s)}@keyframes popIn{from{opacity:0;transform:scale(.35) translateY(14px)}to{opacity:1;transform:none}}
.team-row{display:flex;align-items:flex-start;justify-content:center;gap:2.4rem;margin-top:6.5rem}.team-member{display:grid;justify-items:center;gap:1.1rem;min-width:13rem}.team-member img{width:7rem;height:7rem;border-radius:50%;object-fit:cover;border:2px solid rgba(240,238,230,.25);box-shadow:0 .8rem 2.4rem rgba(0,0,0,.35)}.team-member img.claude{border-radius:0;object-fit:contain;border:0;box-shadow:none}.team-member b{font-size:1.3rem;color:rgba(240,238,230,.85)}.team-plus{font-size:3.2rem;font-weight:600;color:var(--orange-soft);line-height:7rem}
.mdoc{width:min(62rem,94%);background:var(--paper);border-radius:1.2rem;box-shadow:0 2rem 5rem rgba(0,0,0,.38);overflow:hidden}
.mdoc-row{display:flex;align-items:flex-start;justify-content:center;gap:2rem;width:100%}.mdoc-row .mdoc{width:auto;flex:0 1 54rem}.mdoc.mdoc-small{flex:0 0 21rem}
.mdoc-files{display:flex;gap:1.8rem;width:100%;margin-top:3.5rem}.mdoc-files .mdoc{flex:1;width:auto;background:#fff;border:1px solid rgba(38,31,26,.1);box-shadow:0 1.2rem 3rem rgba(38,31,26,.14)}.mdoc-files .mdoc-name{padding:1rem 1.6rem;font-size:.95rem}.mdoc-files .mdoc-body{padding:1.5rem 1.6rem 2rem;font-size:1.2rem}.mdoc-files .mh{margin-bottom:1.2rem}.mdoc-files .scribble+.mh{margin-top:2rem}.scribble{display:block;height:.7rem;border-radius:.35rem;background:rgba(38,31,26,.12);margin-top:1rem}
.plan-doc{width:min(50rem,92%)}.plan-doc .mdoc-name{font-size:.9rem;padding:.9rem 1.8rem}.plan-doc .mdoc-body{padding:1.5rem 1.8rem 1.9rem;font-size:1.1rem;line-height:1.4}.plan-doc .mh{margin-bottom:.4rem}.plan-doc .mh2{display:block;margin-top:1.5rem;font-size:.95em;color:var(--brown)}.plan-doc .scribble{height:.5rem;margin-top:.65rem}
.code-doc{width:min(64rem,94%)}.mdoc-code{margin:0;padding:1.8rem 2.2rem 2.2rem;font:500 1.15rem/1.8 var(--mono);text-align:left;color:var(--ink);white-space:pre-wrap;overflow-x:hidden}.mdoc-code .k{color:var(--orange);font-weight:600}.mdoc-code .s{color:#5f9a72}.mdoc-code .f{color:#4d7f8e;font-weight:600}
.code-scribble{background:rgba(38,31,26,.06);border-radius:.5rem;padding:.9rem 1.1rem;margin-top:.8rem;display:grid;gap:.55rem}.code-scribble i{display:block;height:.45rem;border-radius:.25rem;background:rgba(131,183,196,.55)}
.mdoc-name{font:700 1.05rem var(--mono);color:var(--muted);letter-spacing:.06em;padding:1.3rem 2.6rem;border-bottom:1px solid rgba(38,31,26,.1);text-align:left}
.mdoc-body{font:500 1.55rem/2.05 var(--mono);color:var(--ink);padding:2.2rem 2.6rem 2.6rem;white-space:pre-line;text-align:left!important}
.mdoc-body .mh{display:block;color:var(--orange);font-weight:700;margin-bottom:.8rem}
.method-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:3.5rem;width:100%;margin-top:3.8rem}
.mcol-head{font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1.7rem;text-align:left;padding-left:.2rem}
.mcol-items{position:relative;display:grid;gap:1.9rem}.mcol-items::before{content:'';position:absolute;left:1.4rem;top:1.4rem;bottom:1.4rem;width:2px;background:rgba(38,31,26,.14)}
.mstep{display:flex;align-items:center;gap:1.3rem;text-align:left}
.mstep b{width:2.9rem;height:2.9rem;flex:none;border-radius:50%;background:var(--orange);color:var(--paper);display:grid;place-items:center;font-size:1.35rem;font-weight:700;position:relative;box-shadow:0 0 0 4px var(--paper)}
.mstep span{font-size:1.5rem;font-weight:600}
.revert-wrap{display:flex;align-items:center;justify-content:center;gap:5.5rem;width:100%;margin-top:1rem}
.gitlog{background:#17130f;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.6rem 2.4rem;font:500 1.1rem/1.9 var(--mono);text-align:left;color:var(--red);width:min(38rem,90%)}
.gitrow .sha{color:rgba(240,238,230,.35)}
.gitmore{color:rgba(240,238,230,.4);margin-top:.5rem;font:500 1.05rem var(--mono)}
.fire-flow{display:flex;align-items:center;justify-content:center;gap:2.4rem}
.fire-step{display:grid;justify-items:center;gap:1.1rem;min-width:9rem}
.fire-step .lucide-icon{width:4.6rem;height:4.6rem}
.fire-step b{font:700 1.15rem var(--mono);letter-spacing:.12em;color:rgba(240,238,230,.85)}
.fire-arrow{font-size:2.8rem;color:var(--orange-soft);margin-bottom:2.2rem}
.warn-icon{color:#e0aa4e;margin-bottom:1.6rem}.warn-icon .lucide-icon{width:5.2rem;height:5.2rem}
.big-number{font-size:clamp(10rem,25vw,20rem);font-weight:600;line-height:.78;letter-spacing:-.08em;color:var(--orange)}.big-label{font-size:2rem;font-weight:600;margin-top:1.8rem}.estimate{display:flex;align-items:flex-end;gap:2rem}.estimate-side{padding-bottom:1rem;font-size:2rem;line-height:1.4}.estimate-stack{display:grid;justify-items:center}.estimate-numbers{display:flex;align-items:baseline;gap:2rem;font-size:18rem;font-weight:600;line-height:.72;letter-spacing:-.08em}.estimate-numbers small{font-size:4.5rem;font-weight:600;letter-spacing:0;align-self:center}.estimate-label{display:flex;align-items:baseline;gap:1.2rem;margin-top:4.2rem}.estimate-label strong{font-size:2.4rem}.estimate-label span{font-size:1.8rem;color:var(--muted)}
.term{width:min(68rem,94%);background:#17130f;color:var(--cream);border-color:rgba(255,255,255,.08)}.term-head{height:3rem;background:#322920;display:flex;align-items:center;padding:0 1rem;gap:.45rem}.term pre{font:600 1.7rem/1.75 var(--mono);padding:2rem 2.5rem;margin:0;white-space:pre-wrap}.term .prompt{color:var(--orange-soft)}
.ratio{width:100%;display:grid;gap:1.3rem;margin-top:2.5rem}.ratio-row{display:grid;grid-template-columns:11rem 1fr;align-items:center;gap:1rem}.ratio-row b{font-size:1.5rem}.bar{height:3rem;border-radius:.6rem;background:rgba(38,31,26,.08);overflow:hidden}.fill{height:100%;width:var(--w);background:var(--orange);transform-origin:left}.ratio-row:nth-child(2) .fill{background:var(--blue)}.ratio-row:nth-child(3) .fill{background:var(--red)}
.files{display:flex;gap:1.2rem;width:100%;margin-top:2.5rem}.file{flex:1;aspect-ratio:1.35;background:rgba(255,255,255,.48);border:1px solid rgba(38,31,26,.13);border-radius:1rem;padding:1.5rem;font:700 1.4rem var(--mono);position:relative}.file::before{content:'';position:absolute;top:-.55rem;left:1rem;width:3rem;height:.6rem;border-radius:.4rem .4rem 0 0;background:var(--orange)}.file small{display:block;font:400 1rem/1.4 Roobert;color:var(--muted);margin-top:1rem}
.plan-queue{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;width:100%}.idea-card{padding:0;background:none;color:#f6c343;opacity:0;position:relative}.idea-card .lucide-icon{width:3.8rem;height:3.8rem;display:block;position:relative;z-index:1}
.idea-card::before{content:'';position:absolute;left:50%;top:50%;width:15rem;height:15rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,205,66,.32),transparent 70%);opacity:0;pointer-events:none}
section.run .idea-card::before{animation:glowIn .7s .5s ease both}@keyframes glowIn{to{opacity:1}}.queue-row{border-bottom:1px solid rgba(38,31,26,.1);padding:.8rem 0;font:600 1.05rem var(--mono);text-align:left}
.plan-queue .mdoc{width:auto;background:#fff;border:1px solid rgba(38,31,26,.1);box-shadow:0 1.2rem 3rem rgba(38,31,26,.14)}.plan-queue .mdoc-name{padding:1rem 1.6rem;font-size:.95rem}.plan-queue .mdoc-body{padding:1.4rem 1.6rem 1.8rem;font-size:1.2rem}.plan-queue .queue-row:last-child{border-bottom:0}
.layer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;width:100%;margin-top:4rem}.layer-card{display:grid;justify-items:center;align-content:center;gap:1.1rem;padding:3rem 1.5rem}.layer-card .lucide-icon{width:4.5rem;height:4.5rem;color:var(--orange)}.layer-card b{font-size:1rem;font-weight:700;letter-spacing:.15em;color:var(--muted)}.layer-card span{font:600 1.45rem var(--mono);color:var(--ink)}
.gauge{width:30rem;height:15rem;border-radius:30rem 30rem 0 0;background:conic-gradient(from 270deg at 50% 100%,var(--green) 0 22.5%,rgba(255,255,255,.12) 22.5% 50%,transparent 50%);position:relative;overflow:hidden}.gauge::after{content:'';position:absolute;inset:4rem 4rem 0;background:var(--brown);border-radius:30rem 30rem 0 0}.gauge-value{position:absolute;z-index:2;bottom:1rem;width:100%;text-align:center;font-size:5rem;font-weight:600}
.org{width:100%;margin-top:3rem;display:grid;justify-items:center}
.org-lead{display:flex;align-items:center;gap:1.3rem;background:var(--brown);color:var(--cream);border-radius:1rem;padding:1.3rem 2.2rem;box-shadow:0 1.4rem 3.5rem rgba(38,31,26,.28)}.org-lead img{width:3.2rem;height:3.2rem}.org-lead b{display:block;font-size:1.5rem;text-align:left}.org-lead span{font:500 1rem var(--mono);color:rgba(240,238,230,.6)}
.org-stem{width:2px;height:2.4rem;background:var(--orange)}
.org-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%}
.org-task{position:relative;background:#fff;border:1px solid rgba(38,31,26,.1);border-radius:1rem;padding:1.6rem 1.8rem;margin-top:2.4rem;box-shadow:0 1.2rem 3rem rgba(38,31,26,.12);text-align:left}
.org-task::before{content:'';position:absolute;left:calc(50% - 1px);top:-2.4rem;width:2px;height:2.4rem;background:var(--orange)}
.org-task::after{content:'';position:absolute;top:-2.4rem;height:2px;background:var(--orange);left:calc(-2rem - 1px);right:calc(-2rem - 1px)}
.org-task:first-child::after{left:calc(50% - 1px)}
.org-task:last-child::after{right:calc(50% - 1px)}
.org-stem,.org-task::before,.org-task::after{opacity:0}
section.run .org-stem,section.run .org-task::before,section.run .org-task::after{animation:fadeIn .7s 1.15s ease both}
@keyframes fadeIn{to{opacity:1}}
.org-task-head{display:flex;align-items:center;gap:.9rem}.org-task-head img{width:2.1rem;height:2.1rem}.org-task-head b{font:700 1.3rem var(--mono)}
.spec{margin-top:1.3rem;display:grid;gap:.55rem}.spec-row{display:grid;grid-template-columns:6.5rem 1fr;font:500 1.1rem var(--mono);text-align:left}.spec-row span{color:var(--muted)}.spec-row b{font-weight:600}.spec-row em{font-style:normal}.eff-high{color:var(--red)}.eff-med{color:#c2921f}.eff-low{color:#5f9a72}
.screenshot{width:100%;height:100%;display:grid;place-items:center}.agents-shot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:95%;max-height:95%;border-radius:1.2rem;box-shadow:0 2rem 6rem rgba(0,0,0,.45);mix-blend-mode:multiply}.badge{position:absolute;right:2rem;top:2rem;width:7rem;height:7rem;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-size:3rem;font-weight:700;color:var(--brown)}
.codeblock{width:min(66rem,96%);background:#17130f;color:#f0eee6;border-radius:1rem;padding:2.2rem 2.6rem;font:600 1.4rem/1.65 var(--mono);box-shadow:0 1.5rem 4rem rgba(0,0,0,.2)}.codeblock .o{color:var(--orange-soft)}.codeblock .b{color:#83b7c4}.codeblock .g{color:#8db89a}
.pipeline{display:flex;align-items:center;gap:.8rem;width:100%;font:700 1.1rem var(--mono)}.pipe-node{padding:1.2rem 1.4rem;border:1.5px solid currentColor;border-radius:.8rem;text-align:center}.parallel{display:grid;gap:.5rem}.pipeline .arrow{color:var(--orange);font-size:2rem}
.ship-terminal{width:min(58rem,90%);background:#17130f;border:1px solid rgba(255,255,255,.14);border-radius:1rem;color:var(--cream);font:500 1.15rem/1.8 var(--mono);padding:2rem 2.4rem;text-align:left;box-shadow:0 1.8rem 5rem rgba(0,0,0,.28)}.ship-command{color:var(--orange-soft);border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:1rem;margin-bottom:1rem}.ship-lines strong{color:var(--aqua)}
.architecture{display:grid;grid-template-columns:1fr 1fr;gap:4rem;width:100%}.arch{height:23rem;position:relative;border:1px solid rgba(38,31,26,.12);border-radius:1rem;background:rgba(255,255,255,.35)}.arch.understood{width:min(52rem,82%);margin:3rem auto 0}.arch-label{text-align:center;font-weight:700;margin-bottom:1rem}.arch-node{position:absolute;padding:.6rem .9rem;border:1px solid currentColor;border-radius:.5rem;font:600 .9rem var(--mono);background:var(--paper)}.arch-line{position:absolute;height:2px;background:var(--orange);transform-origin:left}.tangled .arch-line{background:var(--red)}
.guardrail{width:64rem;height:20rem;border:3px solid var(--orange);border-top:0;border-radius:0 0 1.4rem 1.4rem;position:relative}.guardrail::before{content:'SAFE PATH';position:absolute;left:50%;top:6rem;transform:translateX(-50%);font:700 2rem var(--mono)}.guardrail::after{content:'──────────────────────▶';position:absolute;left:50%;top:10rem;transform:translateX(-50%);color:var(--orange);font:700 1.5rem var(--mono)}
.handover{display:flex;align-items:center;justify-content:center;gap:4rem;width:100%}.runner{width:15rem;padding:2rem;border:2px solid rgba(255,255,255,.25);border-radius:1rem;text-align:center}.runner.live{border-color:var(--green)}.health{color:var(--green);font:700 1rem var(--mono);margin-top:1rem}.route{font-size:3rem;color:var(--orange)}
.loop{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;font:700 1.25rem var(--mono)}.loop .node{padding:1rem 1.2rem;border:1px solid rgba(38,31,26,.2);border-radius:.7rem}.loop .arrow{color:var(--orange);font-size:1.8rem}
.feedback{position:relative;height:34rem;overflow:hidden;width:min(28rem,100%);margin-left:auto;-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.feedback-track{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;animation:wall 30s linear infinite}@keyframes wall{to{transform:translateY(calc(-50% - .65rem))}}.sticky{aspect-ratio:1;border-radius:1rem;background:#f2cf71;padding:1.4rem;font-weight:600;line-height:1.3;display:grid;place-items:center;text-align:center;box-shadow:0 .5rem 1.4rem rgba(38,31,26,.1)}.sticky:nth-child(2n){background:#c8dfdb}.sticky:nth-child(3n){background:#e5aa92}
.adopt{display:grid;gap:1.2rem;justify-items:start;text-align:left}
.adopt-easy{font-size:3.6rem;font-weight:600;letter-spacing:-.03em;color:rgba(240,238,230,.7)}
.adopt-conv{font-size:6.2rem;font-weight:600;letter-spacing:-.045em;color:var(--cream)}
.adopt-fun{font-size:13rem;line-height:.85;font-weight:700;letter-spacing:-.06em;color:var(--orange);opacity:0;position:relative}
.adopt-fun::before,.adopt-fun::after{content:'';position:absolute;left:50%;top:50%;pointer-events:none;z-index:-1;filter:blur(26px);opacity:0}
.adopt-fun::before{width:22rem;height:15rem;background:rgba(217,119,87,.22)}
.adopt-fun::after{width:17rem;height:13rem;background:rgba(244,201,93,.16)}
section.run .adopt-fun::before{animation:blobIn .6s 1.05s ease both,blobA 7s 1.05s ease-in-out infinite}
section.run .adopt-fun::after{animation:blobIn .6s 1.2s ease both,blobB 8.5s 1.2s ease-in-out infinite}
@keyframes blobIn{to{opacity:1}}
@keyframes blobA{0%,100%{border-radius:52% 48% 60% 40%/55% 45% 55% 45%;transform:translate(-60%,-55%) rotate(0deg)}33%{border-radius:44% 56% 42% 58%/50% 62% 38% 50%;transform:translate(-42%,-48%) rotate(24deg)}66%{border-radius:60% 40% 55% 45%/44% 56% 48% 52%;transform:translate(-55%,-40%) rotate(-18deg)}}
@keyframes blobB{0%,100%{border-radius:45% 55% 48% 52%/60% 40% 55% 45%;transform:translate(-38%,-46%) rotate(0deg)}40%{border-radius:58% 42% 60% 40%/48% 55% 45% 52%;transform:translate(-58%,-58%) rotate(-28deg)}70%{border-radius:42% 58% 44% 56%/56% 44% 60% 40%;transform:translate(-46%,-38%) rotate(20deg)}}
section.run .adopt-fun{animation:funPop .75s 1.05s cubic-bezier(.2,1.5,.35,1) both}
@keyframes funPop{from{opacity:0;transform:scale(.35) rotate(-5deg)}to{opacity:1;transform:none}}
.skill-flow{display:flex;align-items:center;justify-content:center;gap:2.8rem}.prompt-stack{display:grid;gap:1rem}.mini-doc{background:#fff;border:1px solid rgba(38,31,26,.12);border-radius:.7rem;padding:1rem 1.3rem;box-shadow:0 .6rem 1.6rem rgba(38,31,26,.08);width:15rem;text-align:left}.mini-doc b{font:700 .95rem var(--mono);color:var(--muted)}.mini-doc .scribble{height:.45rem;margin-top:.6rem}.flow-arrow{font-size:3.2rem;color:var(--orange)}.skill-doc{width:23rem;background:#fff;border:1px solid rgba(38,31,26,.1);box-shadow:0 1.2rem 3rem rgba(38,31,26,.14)}.skill-doc .mdoc-name{padding:.9rem 1.5rem;font-size:.9rem}.skill-doc .mdoc-body{padding:1.3rem 1.5rem 1.7rem;font-size:1.05rem}.skill-doc .mh{margin-bottom:.5rem}.skill-doc .scribble+.mh{display:block;margin-top:1.2rem}
.split{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:1rem}.split-panel{min-height:25rem;border-radius:1rem;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.split-panel strong{font-size:2.5rem}.split-panel code{font:600 1.2rem/1.8 var(--mono);color:var(--orange-soft)}
.actions{width:100%;display:grid}.action{display:grid;grid-template-columns:5rem 1fr;align-items:center;border-bottom:1px solid rgba(38,31,26,.13);padding:1rem 0;font-size:1.7rem;font-weight:600}.action b{font-size:2.3rem;color:var(--orange)}

.resources{display:flex;align-items:center;gap:2rem;margin-top:2.5rem}.qr{display:block;width:12rem;height:12rem;background:#fff;padding:.4rem;border-radius:.7rem}.qr img{width:100%;height:100%;display:block}.resource-copy{font:500 1.8rem/1.5 Roobert,system-ui,sans-serif;color:rgba(240,238,230,.65);text-align:left}.resource-copy strong{font-size:2.6rem;font-weight:600;color:var(--cream)}
#captions{position:fixed;z-index:20;left:0;right:0;bottom:0;min-height:5.8rem;padding:1.2rem 15rem 1.2rem;display:flex;align-items:center;justify-content:center;background:rgba(23,19,15,.9);backdrop-filter:blur(12px);color:var(--cream);font:500 1.05rem/1.35 Roobert;transition:transform .3s ease,opacity .3s ease}#captions.hidden{transform:translateY(100%);opacity:0}#captions span{max-width:78ch;text-align:left}
#captions-toggle{position:fixed;z-index:25;right:9.5rem;bottom:1.65rem;border:2px solid var(--orange);background:transparent;color:var(--orange);border-radius:.35rem;font:700 .8rem var(--mono);padding:.18rem .32rem;cursor:pointer}
#slide-number{position:fixed;z-index:25;left:1.5rem;bottom:1.75rem;color:#fff;mix-blend-mode:difference;opacity:.65;font:500 .8rem var(--mono)}
#grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.step{opacity:0;transform:translateY(18px)}section.run .step{animation:enter .55s cubic-bezier(.2,.75,.2,1) forwards;animation-delay:var(--delay,0s)}@keyframes enter{to{opacity:1;transform:none}}section.run .fill{animation:grow .8s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--delay,0s)}@keyframes grow{from{transform:scaleX(0)}}section.run .idea-card{animation:queue .7s .5s cubic-bezier(.2,1.35,.35,1) both}@keyframes queue{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}section.run .gitrow{animation:rewind .5s ease both;animation-delay:var(--delay,0s)}@keyframes rewind{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important}.step{opacity:1;transform:none}}
