.dev-hero-ascii{height:640px}.dev-compare-wrap{position:relative;margin-top:72px}.dev-compare-frame{padding:6px;border-radius:14px;background:linear-gradient(180deg,#ffffff24,#ffffff08);box-shadow:0 40px 120px -20px #0038ff4d}.dev-compare{border-radius:10px;background:var(--line);border:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:1px;overflow:hidden}.dev-compare-col{padding:24px;display:flex;flex-direction:column;gap:14px}.dev-before{background:var(--surface)}.dev-after{background:#0b0c0f}.dev-compare-head{display:flex;justify-content:space-between;font:12px var(--sans);color:var(--text-subtle)}.dev-compare-head .mono{font-size:11px}.dev-tag-red{color:var(--red)}.dev-tag-green{color:var(--green)}.dev-before-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dev-before-card{padding:12px;border:1px dashed rgba(255,255,255,.14);border-radius:8px;display:flex;flex-direction:column;gap:6px;font:13px var(--sans);color:var(--text-soft)}.dev-before-card .mono{font-size:11px;color:var(--text-dim)}.dev-compare-note{font:13px/1.5 var(--sans);color:var(--text-dim)}.dev-app{border:1px solid rgba(107,140,255,.35);border-radius:10px;background:var(--surface-3);overflow:hidden}.dev-app-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);font:500 13px var(--sans)}.dev-app-bar span{width:18px;height:18px;border-radius:5px;background:var(--blue)}.dev-app-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);font:13px var(--sans)}.dev-app-n{width:22px;font-size:11px;color:var(--accent)}.dev-app-t{flex:1}.dev-app-m{font-size:11px;color:var(--text-dim)}.dev-method{padding-top:140px}.dev-method-head{max-width:640px;margin-bottom:36px}.dev-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}.dev-step{border:1px solid var(--line-3);border-radius:14px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.dev-step-visual{height:230px;padding:20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.dev-step-body{padding:24px;display:flex;flex-direction:column;gap:10px}.dev-step-n{font-size:12px;font-weight:500;color:var(--accent)}.dev-step-body h3{margin:0;font:600 21px var(--sans);letter-spacing:-.025em}.dev-step-body p{margin:0;font:15px/1.6 var(--sans);color:var(--text-subtle);text-wrap:pretty}.dev-flow{justify-content:center;gap:10px;font:12px var(--sans)}.dev-flow-row{display:flex;align-items:center;gap:6px}.dev-flow-down{padding-left:30px}.dev-arrow{color:var(--text-faint)}.dev-chip{padding:6px 10px;border-radius:7px;background:var(--surface-4);border:1px solid var(--line-3);white-space:nowrap}.dev-chip-red{background:#f2555a1a;border-color:#f2555a59;color:#ff9a9e}.dev-chip-amber{background:#f5a5241a;border-color:#f5a52459;color:var(--amber)}.dev-sprint{justify-content:center;gap:8px}.dev-sprint-head{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim)}.dev-sprint-head span:last-child{color:var(--accent)}.dev-sprint-progress{height:4px;border-radius:2px;background:#ffffff12;overflow:hidden}.dev-sprint-progress span{display:block;width:50%;height:100%;background:var(--blue)}.dev-sprint-item{display:flex;align-items:center;gap:10px;font:13px var(--sans);color:var(--text-dim)}.dev-sprint-item.done{color:var(--text-soft)}.dev-check{width:15px;height:15px;border-radius:4px;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font:10px var(--sans);color:#fff}.dev-sprint-item.done .dev-check{border-color:var(--blue);background:var(--blue)}.dev-usage{justify-content:flex-end;gap:12px}.dev-usage-bars{height:100px;display:flex;align-items:flex-end;gap:6px}.dev-usage-bars span{flex:1;border-radius:3px 3px 1px 1px;background:#6b8cff38}.dev-usage-bars span.recent{background:var(--blue)}.dev-changelog{display:flex;flex-direction:column;gap:6px;font:12px var(--sans)}.dev-changelog div{display:flex;gap:10px}.dev-changelog .mono{width:44px;font-size:11px;color:var(--text-dim)}.dev-changelog span:last-child{color:var(--text-soft)}.dev-results{padding-top:140px}.dev-result{min-height:180px}.dev-result-icon{width:34px;height:34px;border-radius:9px;background:#0038ff24;border:1px solid rgba(107,140,255,.3);color:var(--accent-light);display:grid;place-items:center;font-size:13px}@media(max-width:600px){.dev-compare-wrap{margin-top:56px}.dev-compare-col{padding:18px}.dev-method,.dev-results{padding-top:100px}}@media(max-width:400px){.dev-before-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}