:root{--bg:#0a0a0a;--panel:#111;--border:#262626;--text:#ededed;--muted:#8f8f8f;--accent:#fff;--pending:#f5a623;--done:#2ecc71;--danger:#ff4d4f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);margin:0;padding:0}a{color:inherit}.page{flex-direction:column;min-height:100vh;display:flex}.landing{text-align:center;justify-content:center;align-items:center;padding:24px;position:relative;overflow:hidden}.glow{pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 60%);width:700px;height:700px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.landing-content{flex-direction:column;align-items:center;gap:22px;max-width:640px;display:flex;position:relative}.badge{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:12px}.title{letter-spacing:-.03em;margin:0;font-size:64px;font-weight:800;line-height:1.05}.title .accent{color:var(--muted)}.subtitle{color:var(--muted);margin:0;font-size:18px;line-height:1.6}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.credit{color:var(--muted);align-items:center;gap:10px;margin-top:26px;font-size:14px;display:flex}.credit a{border-bottom:1px solid var(--border);text-decoration:none}.credit a:hover{color:var(--text)}.dot{opacity:.5}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:transform 50ms,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--panel)}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:18px 24px;display:flex}.back-link{color:var(--muted);font-size:14px;text-decoration:none}.back-link:hover{color:var(--text)}.topbar-title{font-weight:600}.deploy-content{width:100%;max-width:640px;margin:0 auto;padding:48px 24px}.deploy-heading{letter-spacing:-.02em;margin:0 0 8px;font-size:32px}.deploy-sub{color:var(--muted);margin:0 0 28px}.deploy-form{flex-wrap:wrap;gap:10px;display:flex}.input{background:var(--panel);border:1px solid var(--border);min-width:240px;color:var(--text);border-radius:10px;outline:none;flex:1;padding:12px 14px;font-size:15px}.input:focus{border-color:#444}.env-section{margin-top:20px}.env-heading{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}.env-rows{flex-direction:column;gap:8px;display:flex}.env-row{gap:8px;display:flex}.env-input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.env-remove{border:1px solid var(--border);width:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;flex:none;transition:border-color .15s,color .15s}.env-remove:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.env-remove:disabled{opacity:.35;cursor:not-allowed}.env-add{margin-top:10px;padding:8px 16px;font-size:13px}.alert{border-radius:10px;margin-top:18px;padding:12px 14px;font-size:14px}.alert.error{color:#ff7875;background:#ff4d4f1a;border:1px solid #ff4d4f66}.result-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;margin-top:28px;padding:20px 22px;display:flex}.result-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.label{color:var(--muted);font-size:14px}.value{font-size:14px}.value.link{border-bottom:1px solid var(--border);text-decoration:none}.value.link:hover{color:#fff}.value.muted{color:var(--muted);font-style:italic}code.value{border:1px solid var(--border);background:#000;border-radius:6px;padding:4px 8px}.result-row.live{padding-top:4px}.steps{flex-direction:column;gap:0;display:flex}.step{align-items:flex-start;gap:14px;padding:4px 0;display:flex}.step-icon{border:2px solid var(--border);width:26px;height:26px;color:var(--muted);background:#000;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.step.active .step-icon{border-color:var(--pending);color:var(--pending)}.step.done .step-icon{border-color:var(--done);background:var(--done);color:#04140b}.step-connector{background:var(--border);width:2px;height:16px;margin-left:12px}.step-text{flex-direction:column;gap:2px;padding-top:2px;display:flex}.step-title{color:var(--muted);font-size:15px;font-weight:600}.step.active .step-title,.step.done .step-title{color:var(--text)}.step-subtitle{color:var(--muted);font-size:13px}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=560px){.title{font-size:44px}}.scroll-cue{cursor:pointer;color:var(--muted);letter-spacing:.04em;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:opacity .4s,transform .4s,color .2s;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.scroll-cue:hover{color:var(--text)}.scroll-cue.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(10px)}.scroll-cue-text{font-weight:500}.scroll-cue-arrow{font-size:18px;line-height:1;animation:1.6s ease-in-out infinite cueBounce}@keyframes cueBounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.section{max-width:960px;margin:0 auto;padding:80px 24px}.links-section{padding-bottom:100px}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12px;display:inline-block}.section-title{letter-spacing:-.02em;margin:0 0 14px;font-size:34px;font-weight:800}.section-lead{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.in{opacity:1;transform:translateY(0)}.pipeline{border:1px solid var(--border);background:linear-gradient(#101010,#0b0b0b);border-radius:18px;padding:34px 28px}.pipeline-track{justify-content:space-between;align-items:stretch;gap:0;display:flex}.pipeline-node-wrap{flex:1;align-items:stretch;min-width:0;display:flex}.pipeline-node{text-align:left;border:1px solid var(--border);cursor:pointer;min-width:0;color:var(--muted);background:0 0;border-radius:12px;flex-direction:column;flex:1;align-items:flex-start;gap:6px;padding:16px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.pipeline-node:hover{transform:translateY(-3px)}.pipeline-node.active{color:var(--text);background:#151515;border-color:#4b4b4b;box-shadow:0 0 0 1px #2f2f2f,0 12px 30px #00000080}.node-num{letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:700}.pipeline-node.active .node-num{color:#fff}.node-title{font-size:15px;font-weight:700}.node-tag{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pipeline-link{background:var(--border);flex:none;align-self:center;width:34px;height:2px;position:relative;overflow:hidden}.pipeline-dot{background:#fff;border-radius:50%;width:6px;height:6px;margin-top:-3px;animation:1.8s linear infinite flow;position:absolute;top:50%;left:-6px}@keyframes flow{0%{opacity:0;left:-6px}20%{opacity:1}80%{opacity:1}to{opacity:0;left:34px}}.pipeline-detail{border-top:1px solid var(--border);color:var(--text);margin-top:26px;padding-top:22px;font-size:16px;line-height:1.7;animation:.4s fadeSwap}.pipeline-detail code,.infra-card code{border:1px solid var(--border);background:#000;border-radius:5px;padding:1px 6px;font-size:.9em}@keyframes fadeSwap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.infra-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.infra-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px 24px;transition:transform .2s,border-color .2s}.infra-card:hover{border-color:#3a3a3a;transform:translateY(-4px)}.infra-icon{margin-bottom:12px;font-size:26px}.infra-card h3{margin:0 0 10px;font-size:20px}.infra-card p{color:var(--muted);margin:0 0 16px;font-size:15px;line-height:1.7}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--muted);border:1px solid var(--border);background:#000;border-radius:999px;padding:5px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.link-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.link-card{color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:18px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:flex}.link-card:hover{background:#151515;border-color:#4b4b4b;transform:translateY(-4px)}.link-emoji{font-size:20px;line-height:1}.link-card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.link-card-title{font-size:15px;font-weight:600}.link-card-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.link-arrow{color:var(--muted);margin-left:auto;transition:transform .2s,color .2s}.link-card:hover .link-arrow{color:#fff;transform:translate(2px,-2px)}.page-footer{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:48px;font-size:14px;display:flex}.page-footer a{border-bottom:1px solid var(--border);text-decoration:none}.page-footer a:hover{color:var(--text)}@media (width<=720px){.pipeline-track{flex-direction:column;gap:10px}.pipeline-node-wrap{flex-direction:column}.pipeline-link{align-self:center;width:2px;height:22px}@keyframes flow{0%{opacity:0;top:-6px;left:50%}20%{opacity:1}80%{opacity:1}to{opacity:0;top:22px;left:50%}}.pipeline-dot{margin-left:-3px;left:50%}.infra-grid,.link-cards{grid-template-columns:1fr}.section-title{font-size:28px}}