@font-face{font-family:Monaspace Neon;src:url(/devbox/fonts/MonaspaceNeonVar.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #1c2428;--bg-card: #272e33;--bg-elev: #2e383c;--bg-hover: #3a464b;--text: #d3c6aa;--text-dim: #a7c080;--text-mute: #859289;--accent: #a7c080;--accent-warm: #dbbc7f;--accent-rose: #d699b6;--accent-blue: #7fbbb3;--error: #e67e80;--border: rgba(78,90,76,.5);--border-dim: rgba(78,90,76,.25);--glow: rgba(167,192,128,.25);--font-mono: "Monaspace Neon", ui-monospace, "SF Mono", Menlo, monospace;--font-prose: "Lexend", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-prose);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 30% 0%,rgba(167,192,128,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(127,187,179,.06) 0%,transparent 50%)}body>*{position:relative;z-index:1}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:#b8d68c}.mono{font-family:var(--font-mono);font-feature-settings:"calt" 1,"liga" 1,"ss01" 1}.glow{text-shadow:0 0 12px var(--glow),0 0 24px rgba(167,192,128,.18)}.accent{color:var(--accent)}.warm{color:var(--accent-warm)}.rose{color:var(--accent-rose)}.blue{color:var(--accent-blue)}.dim{color:var(--text-mute)}.container{max-width:1080px;margin:0 auto;padding:0 24px}.container-narrow{max-width:760px;margin:0 auto;padding:0 24px}header.site{padding:20px 0;border-bottom:1px solid var(--border-dim);background:#1c2428a6;backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.site-inner{display:flex;align-items:center;justify-content:space-between}.site-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-weight:700;font-size:18px;letter-spacing:.5px;color:var(--text)}.site-logo .bracket{color:var(--accent);opacity:.8}.site-logo .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--glow);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.site-nav{display:flex;gap:24px;font-family:var(--font-mono);font-size:13px;color:var(--text-mute)}.site-nav a{color:var(--text-mute)}.site-nav a:hover{color:var(--accent)}@media(max-width:640px){.site-nav{display:none}}section.hero{padding:80px 0 60px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:40px}section.hero{padding:48px 0 40px}}.hero-prompt{font-family:var(--font-mono);font-size:13px;color:var(--accent);margin-bottom:16px;opacity:.85}.hero-prompt:before{content:"$ ";color:var(--accent-warm)}h1.hero-title{font-family:var(--font-mono);font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-1px;font-weight:700;margin:0 0 24px;color:var(--text)}h1.hero-title .accent{background:linear-gradient(120deg,#a7c080,#b8d68c,#83c092 70%,#a7c080);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 4s linear infinite}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.hero-sub{font-size:19px;color:var(--text);margin:0 0 32px;max-width:540px;line-height:1.55}.hero-sub .em{color:var(--text);font-weight:600}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:6px;font-family:var(--font-mono);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.btn-primary{background:var(--accent);color:#0e1518;box-shadow:0 0 24px var(--glow)}.btn-primary:hover{background:#b8d68c;color:#0e1518;transform:translateY(-1px);box-shadow:0 0 32px #a7c08073}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.phone-stage{display:flex;justify-content:center;align-items:center;perspective:1500px}.phone{width:320px;max-width:90vw;background:#0a0a0a;border-radius:44px;padding:16px;box-shadow:0 0 0 2px #1f1f1f,0 30px 80px #0000008c,0 8px 32px #a7c0801f;position:relative;transform:rotate(-3deg);transition:transform .4s ease}.phone:hover{transform:rotate(0)}.phone:before{content:"";position:absolute;top:22px;left:50%;transform:translate(-50%);width:96px;height:26px;background:#0a0a0a;border-radius:16px;z-index:2}.phone-screen{width:100%;aspect-ratio:720 / 1565;border-radius:26px;overflow:hidden;background:#1c2428;display:block}.phone-screen img,.phone-screen video{width:100%;height:100%;object-fit:contain;display:block}section.demo{padding:80px 0}.demo-stage{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;justify-items:center;align-items:start;margin-top:32px}.demo-stage .phone{width:320px;transform:rotate(0)}.demo-stage .phone:hover{transform:rotate(-1.5deg)}.demo-clip{display:flex;flex-direction:column;align-items:center;gap:16px}.demo-clip-label{font-family:var(--font-mono);font-size:13px;color:var(--accent);letter-spacing:.5px}.demo-caption{text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--text-mute);margin-top:32px}.demo-caption .accent{color:var(--accent)}@media(max-width:760px){section.demo{padding:56px 0}.demo-stage{grid-template-columns:1fr;gap:40px}.demo-stage .phone{width:280px}}section.longdemo{padding:80px 0;background:linear-gradient(180deg,transparent 0%,rgba(39,46,51,.35) 50%,transparent 100%)}.longdemo-frame{max-width:1100px;margin:32px auto 0;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px -30px #0009}.longdemo-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#00000040;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:12px;color:var(--text-mute)}.longdemo-dot{width:11px;height:11px;border-radius:50%;background:var(--border)}.longdemo-dot.r{background:#ff5f56}.longdemo-dot.y{background:#ffbd2e}.longdemo-dot.g{background:#27c93f}.longdemo-bar .url{margin-left:12px}.longdemo-video{display:block;width:100%;height:auto;background:#000}.longdemo-caption{text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--text-mute);margin-top:24px}.longdemo-caption .accent{color:var(--accent)}@media(max-width:760px){section.longdemo{padding:56px 0}.longdemo-frame{margin:24px 16px 0;border-radius:10px}.longdemo-bar .url{display:none}}section.themes{padding:80px 0;background:linear-gradient(180deg,transparent 0%,rgba(39,46,51,.4) 50%,transparent 100%)}.themes-carousel{position:relative;margin-top:40px}.themes-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:8px 24px 24px;scrollbar-width:none}.themes-rail::-webkit-scrollbar{display:none}.theme-card{flex:0 0 auto;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.theme-card .phone{width:220px;transform:rotate(0)}.theme-card .phone:hover{transform:rotate(-1.5deg)}.theme-name{font-family:var(--font-mono);font-size:13px;color:var(--text-mute);letter-spacing:.5px}.themes-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:#14181cd9;color:var(--text);font-family:var(--font-mono);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px);transition:all .15s ease}.themes-arrow:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.themes-arrow:disabled{opacity:.3;cursor:not-allowed}.themes-arrow.prev{left:8px}.themes-arrow.next{right:8px}.themes-dots{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap;padding:0 24px}.themes-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:var(--border);cursor:pointer;transition:all .15s ease}.themes-dot:hover{background:var(--text-mute)}.themes-dot.active{background:var(--accent);transform:scale(1.4)}.themes-hint{text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--text-mute);margin-top:20px}.themes-hint .accent{color:var(--accent)}@media(max-width:760px){section.themes{padding:56px 0}.theme-card .phone{width:200px}.themes-arrow{width:38px;height:38px;font-size:18px}.themes-arrow.prev{left:4px}.themes-arrow.next{right:4px}}section.pillars{padding:60px 0}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:760px){.pillars-grid{grid-template-columns:1fr}}.pillar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .2s ease}.pillar:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.pillar-icon{font-family:var(--font-mono);font-size:18px;color:var(--accent);margin-bottom:12px;letter-spacing:1px}.pillar h3{font-family:var(--font-mono);font-size:17px;font-weight:700;margin:0 0 10px;color:var(--text);letter-spacing:-.2px}.pillar p{margin:0;font-size:14px;color:var(--text-mute);line-height:1.55}.section-label{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}h2.section-title{font-family:var(--font-mono);font-size:clamp(28px,4vw,40px);font-weight:700;margin:0 0 18px;color:var(--text);letter-spacing:-.5px;line-height:1.15}.section-lede{font-size:17px;color:var(--text-mute);max-width:640px;margin:0 0 40px;line-height:1.6}section.features{padding:80px 0}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:96px}.feature-row:last-child{margin-bottom:0}.feature-row.reverse{grid-template-columns:1fr 1fr}.feature-row.reverse .feature-shot{order:-1}@media(max-width:880px){.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:32px}.feature-row.reverse .feature-shot{order:0}section.features{padding:48px 0}.feature-row{margin-bottom:56px}}.feature-text h3{font-family:var(--font-mono);font-size:26px;font-weight:700;margin:0 0 14px;color:var(--text);letter-spacing:-.3px}.feature-text p{font-size:16px;color:var(--text);line-height:1.6;margin:0 0 12px}.feature-text ul{list-style:none;padding:0;margin:16px 0 0}.feature-text li{padding-left:22px;position:relative;margin-bottom:8px;color:var(--text-mute);font-size:15px}.feature-text li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.feature-shot{display:flex;justify-content:center}.feature-shot.phone-shot{padding:12px}.feature-shot.desktop-shot{width:100%}.feature-shot.desktop-shot img{width:100%;max-width:560px;height:auto;border-radius:10px;border:1px solid var(--border);box-shadow:0 16px 48px #00000073}section.arch{padding:80px 0;background:linear-gradient(180deg,transparent 0%,rgba(39,46,51,.5) 50%,transparent 100%)}.arch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}@media(max-width:760px){.arch-grid{grid-template-columns:1fr}}.arch-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:20px 22px}.arch-card .key{font-family:var(--font-mono);font-size:13px;color:var(--accent);margin-bottom:6px;letter-spacing:.3px}.arch-card .val{font-size:15px;color:var(--text);line-height:1.5}.arch-card .val .mono{font-size:13px;color:var(--accent-warm)}.callout{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px 28px;font-family:var(--font-mono);font-size:14px;color:var(--text-mute);line-height:1.7;margin:32px 0;overflow-x:auto}.callout .label{color:var(--accent);letter-spacing:1px;text-transform:uppercase;font-size:11px;margin-bottom:8px;display:block}section.stack{padding:80px 0}.stack-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.stack-tag{font-family:var(--font-mono);font-size:13px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;color:var(--text-dim);transition:all .15s ease}.stack-tag:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}section.about{padding:80px 0;border-top:1px solid var(--border-dim)}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}@media(max-width:760px){.about-grid{grid-template-columns:1fr}}.about-side .section-label{margin-bottom:16px}.about-side h2{font-family:var(--font-mono);font-size:28px;margin:0;color:var(--text)}.about-text{font-size:16px;color:var(--text);line-height:1.7}.about-text p{margin:0 0 16px}.quote{border-left:3px solid var(--accent);padding:4px 18px;margin:24px 0;color:var(--text-mute);font-style:italic;font-size:15px}footer.site{padding:48px 0 64px;border-top:1px solid var(--border-dim);font-family:var(--font-mono);font-size:13px;color:var(--text-mute)}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-inner .accent{color:var(--accent)}.blink{display:inline-block;width:.5ch;height:1.05em;background:var(--accent-warm);vertical-align:text-bottom;animation:blink .8s steps(1) infinite;margin-left:4px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}