:root{color:#172033;--accent:#1f7a5c;--secondary:#f4b740;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}main{min-height:100vh}.hero{background:linear-gradient(120deg, #ffffffeb, #ffffffb8), radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--secondary) 26%, transparent), transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, white), #f7f8f5 58%);min-height:82vh;padding:28px clamp(18px,5vw,72px) 56px}nav,.heroGrid,.workspace,.architecture,.stack,.band{width:min(1120px,100%);margin:0 auto}nav{justify-content:space-between;align-items:center;gap:16px;display:flex}nav a,.mark,.secondary,button{align-items:center;gap:8px;display:inline-flex}.mark{color:var(--accent);font-weight:800}nav a{background:#ffffffad;border:1px solid #17203324;border-radius:8px;padding:9px 12px}.heroGrid{grid-template-columns:minmax(0,1.03fr) minmax(320px,.85fr);align-items:center;gap:clamp(28px,6vw,72px);padding-top:clamp(48px,10vh,104px);display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2.65rem,7vw,6.4rem);line-height:.92}.tagline{color:#465266;max-width:680px;font-size:clamp(1.08rem,2vw,1.36rem);line-height:1.55}.actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;box-shadow:0 14px 32px color-mix(in srgb, var(--accent) 24%, transparent);border:0;border-radius:8px;padding:13px 18px;font-weight:800}.secondary{background:#ffffffb3;border:1px solid #17203329;border-radius:8px;padding:13px 16px;font-weight:800}.console,.panel,.flow{background:#ffffffd1;border:1px solid #1720331f;border-radius:8px;box-shadow:0 20px 70px #232b3d1a}.console{padding:18px}label{margin-bottom:10px;font-size:.86rem;font-weight:800;display:block}textarea{resize:vertical;color:#172033;background:#fbfcf8;border:1px solid #17203326;border-radius:8px;width:100%;min-height:230px;padding:14px;font:500 .96rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.status{color:#465266;align-items:center;gap:9px;margin-top:14px;font-weight:700;display:flex}.dot{background:#94a3b8;border-radius:50%;width:10px;height:10px}.dot.running{background:var(--secondary)}.dot.done{background:#16a34a}.band{grid-template-columns:repeat(3,1fr);gap:14px;padding:28px clamp(18px,4vw,0px);display:grid;transform:translateY(-34px)}.metric{color:#fff;background:#172033;border-radius:8px;padding:18px}.metric strong{font-size:2rem;display:block}.metric span{color:#cbd5e1;font-weight:700}.workspace{grid-template-columns:1fr 1fr;gap:18px;padding:12px clamp(18px,4vw,0px) 48px;display:grid}.panel{padding:22px}h2{letter-spacing:0;margin:0 0 18px;font-size:clamp(1.45rem,3vw,2.2rem)}.steps{gap:10px;display:grid}.step{color:#64748b;background:#f1f5f9;border-radius:8px;align-items:center;gap:10px;padding:12px;font-weight:750;display:flex}.step.active{color:#0f172a;background:color-mix(in srgb, var(--secondary) 16%, white)}.step.active svg{color:var(--accent)}.output article{border-left:4px solid var(--accent);margin:0 0 18px;padding:2px 0 2px 14px}.output p{color:#465266;margin:6px 0 0;line-height:1.5}.architecture{grid-template-columns:.9fr 1.1fr;align-items:center;gap:24px;padding:38px clamp(18px,4vw,0px);display:grid}.architecture p{color:#465266;line-height:1.6}.flow{align-items:flex-start;gap:14px;padding:22px;display:flex}.flow svg{color:var(--accent);flex:none}.flow p{color:#172033;margin:0;font-weight:800}.stack{flex-wrap:wrap;gap:10px;padding:8px clamp(18px,4vw,0px) 72px;display:flex}.stack span{color:#334155;background:#fff;border:1px solid #1720331f;border-radius:999px;padding:9px 12px;font-weight:800}@media (width<=820px){.hero{min-height:auto}.heroGrid,.workspace,.architecture,.band{grid-template-columns:1fr}.band{transform:none}nav{align-items:flex-start}h1{font-size:clamp(2.4rem,15vw,4.2rem)}}