@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--teal: #2d6a6a;--teal-light: #e8f0f0;--teal-dark: #1d4a4a;--cream: #faf9f7;--ink: #1f2937;--muted: #6b7280;--line: #e5e7eb;--stage-design: #3b82f6;--stage-build: #8b5cf6;--stage-test: #f97316;--stage-learn: #22c55e;--font-sans: "Inter", system-ui, sans-serif;--font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--teal)}a:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:2px}.wrap{max-width:68rem;margin:0 auto;padding:0 1.5rem}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0}.nav-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink)}.nav-brand img{height:2.25rem;width:auto}.nav-brand span{font-family:var(--font-display);font-weight:600;font-size:1.2rem}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links .signin{text-decoration:none;color:var(--muted);font-weight:500;font-size:.95rem}.nav-links .signin:hover{color:var(--ink)}.btn{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;padding:.65rem 1.35rem;border-radius:.65rem;transition:background-color .15s ease}.btn:hover{background:var(--teal-dark)}.btn-quiet{background:transparent;color:var(--teal);border:1px solid var(--teal)}.btn-quiet:hover{background:var(--teal-light)}.hero{text-align:center;padding:5rem 0 0}.eyebrow{font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.22em;color:var(--teal);text-transform:uppercase;margin:0 0 1.5rem}.hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4.25rem);font-weight:700;line-height:1.06;letter-spacing:-.02em;margin:0 auto 1.5rem;max-width:20ch;color:var(--teal-dark)}.hero .lede{max-width:44rem;margin:0 auto 2.5rem;color:var(--muted);font-size:1.15rem}.hero-ctas{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.hero-ctas .btn{padding:.85rem 1.9rem;font-size:1.05rem}.hero .beta-note{margin-top:1rem;font-size:.95rem;color:var(--muted)}.hero .beta-note a{color:inherit;text-decoration:underline}.hero .beta-note a:hover{color:var(--ink)}.strings{display:block;margin:3.5rem auto 0;width:min(22rem,70vw);height:auto;color:var(--teal)}.loop{padding:4rem 0 2rem}.section-head{text-align:center;max-width:42rem;margin:0 auto 4rem}.section-head h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;letter-spacing:-.015em;color:var(--teal-dark);margin:0 0 .75rem}.section-head p{color:var(--muted);margin:0}.stages{position:relative;max-width:56rem;margin:0 auto}.stages:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--teal);opacity:.35}.stage{position:relative;width:calc(50% - 3rem);margin:0 0 3.5rem;padding:1.75rem 2rem;background:#fff;border:1px solid var(--line);border-radius:.9rem}.stage:nth-child(odd){margin-right:auto}.stage:nth-child(2n){margin-left:auto}.stage+.stage{margin-top:-7rem}.stage:after{content:"";position:absolute;top:2.35rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--dot, var(--teal));border:2px solid var(--cream)}.stage:nth-child(odd):after{right:-3.45rem}.stage:nth-child(2n):after{left:-3.45rem}.stage-label{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.2em;color:var(--dot, var(--teal));margin:0 0 .5rem}.stage h3{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin:0 0 .6rem;color:var(--ink)}.stage p{margin:0;color:var(--muted);font-size:.98rem}.stage .detail{display:block;margin-top:.9rem;font-family:var(--font-mono);font-size:.72rem;color:var(--teal);letter-spacing:.04em}.stage-design{--dot: var(--stage-design)}.stage-build{--dot: var(--stage-build)}.stage-test{--dot: var(--stage-test)}.stage-learn{--dot: var(--stage-learn)}.loop-close{position:relative;text-align:center;padding:.5rem 0 1rem}.loop-close svg{display:block;margin:0 auto .75rem;width:3.25rem;height:3.25rem;color:var(--teal)}.loop-close p{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin:0}.features{padding:4rem 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.feature{background:#fff;border:1px solid var(--line);border-radius:.9rem;padding:1.5rem}.feature h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin:0 0 .4rem}.feature p{margin:0;font-size:.9rem;color:var(--muted)}.lab{padding:2rem 0 5rem}.lab-paths{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.lab-path{background:var(--teal-light);border-radius:.9rem;padding:2rem}.lab-path .stage-label{color:var(--teal)}.lab-path h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0 0 .6rem;color:var(--teal-dark)}.lab-path p{margin:0;color:var(--ink);font-size:.98rem}.lab-note{text-align:center;color:var(--muted);font-size:.95rem;max-width:40rem;margin:0 auto}.footer{background:var(--teal-dark);color:#fff;padding:4rem 0;text-align:center}.footer h2{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:600;margin:0 0 1.75rem}.footer .btn{background:#fff;color:var(--teal-dark)}.footer .btn:hover{background:var(--teal-light)}.footer .fine{margin:2.5rem 0 0;font-size:.85rem;color:#ffffff8c}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.stage{animation:stage-in linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}}@keyframes stage-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}@media(max-width:720px){.hero{padding-top:3rem}.nav-links .signin{display:none}.stages:before{left:.35rem}.stage,.stage:nth-child(odd),.stage:nth-child(2n){width:auto;margin:0 0 2rem 2rem}.stage+.stage{margin-top:0}.stage:nth-child(odd):after,.stage:nth-child(2n):after{left:-2.35rem;right:auto}.feature-grid{grid-template-columns:1fr 1fr}.lab-paths{grid-template-columns:1fr}}@media(max-width:460px){.feature-grid{grid-template-columns:1fr}}