:root{color-scheme:light;--blue:#1e90ff;--ink:#111827;--muted:#64748b;--line:#e5eaf1;--surface:#ffffff;--canvas:#f6f8fb}*{box-sizing:border-box}html{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 48px));margin:0 auto}.topbar{display:flex;justify-content:space-between;min-height:82px;border-bottom:1px solid var(--line)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:11px;font-size:1.1rem;font-weight:800;letter-spacing:.13em}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--blue);color:white;font-size:1.2rem;letter-spacing:0}.environment{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.12em}.hero{padding:82px 0 78px}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:.73rem;font-weight:800;letter-spacing:.15em}.hero h1{margin:0;max-width:800px;font-size:clamp(3.3rem,8vw,6.6rem);line-height:.99;letter-spacing:-.075em}.hero h1 span{color:var(--blue)}.hero-copy{max-width:620px;margin:26px 0 22px;color:#526174;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.status-row{display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #d9e9fb;border-radius:999px;background:#eff7ff;color:#245b91;font-size:.85rem;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.framework{padding:42px 0 58px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:10px}.build-panel h2,.section-heading h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.045em}.section-note{margin:0 0 4px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.07em}.stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.stage-card{min-height:190px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.stage-number{color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.1em}.stage-card h3{margin:27px 0 9px;font-size:1.15rem}.stage-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.build-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;border-radius:18px;background:#101d32;color:white}.build-panel .eyebrow{margin-bottom:10px}.build-panel p:not(.eyebrow){max-width:760px;margin:14px 0 0;color:#c5d0df;line-height:1.7}.build-label{flex:0 0 auto;padding:10px 13px;border:1px solid #49617e;border-radius:999px;color:#d8e8ff;font-size:.75rem;font-weight:800;letter-spacing:.1em}.footer{display:flex;justify-content:space-between;gap:18px;padding:30px 0;color:var(--muted);font-size:.8rem}@media (max-width:760px){.shell{width:min(100% - 32px,1160px)}.hero{padding:62px 0}.section-heading{align-items:start;flex-direction:column}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-panel{align-items:start;flex-direction:column;padding:24px}}@media (max-width:480px){.environment{max-width:130px;text-align:right;line-height:1.5}.stage-grid{grid-template-columns:1fr}.stage-card{min-height:150px}.footer{flex-direction:column}}.workspace-shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding-bottom:60px}.panel{margin-top:22px;padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(15,23,42,.035)}.panel h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.04em}.panel h2{margin:0 0 10px;font-size:1.3rem}.muted{color:var(--muted);line-height:1.6}.workspace-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:20px}.field{display:grid;grid-gap:7px;gap:7px;color:#334155;font-size:.85rem;font-weight:700}.field input,.field select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d7e0ea;border-radius:9px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,144,255,.12)}.primary-button,.secondary-button{min-height:42px;padding:10px 15px;border:0;border-radius:9px;cursor:pointer;font-weight:700}.primary-button{align-self:end;background:var(--blue);color:white}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:wait}.secondary-button{background:#edf2f7;color:#334155}.error-message{margin-top:14px;color:#b42318;font-size:.9rem}.success-message{margin-top:14px;color:#167647;font-size:.9rem}.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.customer-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.customer-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--line);border-radius:10px}.customer-row strong{display:block;margin-bottom:4px}.customer-meta{margin:0;color:var(--muted);font-size:.86rem}.status-pill{padding:6px 9px;border-radius:999px;background:#eff7ff;color:#245b91;font-size:.74rem;font-weight:800;text-transform:uppercase}@media (max-width:560px){.workspace-form{grid-template-columns:1fr}.customer-row,.workspace-title{align-items:start;flex-direction:column}.panel{padding:20px}}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px}.list-heading h3{margin:0;font-size:1rem}.lead-row{align-items:flex-start}.lead-row .customer-meta+.customer-meta{margin-top:6px}@media (max-width:560px){.list-heading{align-items:flex-start;flex-direction:column}}.field select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d7e0ea;border-radius:9px;background:#fff;color:var(--ink)}.status-field{min-width:145px}