:root{color-scheme:light;--ink:#172c28;--muted:#536760;--line:#d8e2da;--accent:#146d53;--paper:#f7f9f4}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:1100px;margin:auto;padding:0 32px}header{height:100px;display:flex;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:700;font-size:20px}.mark{display:grid;place-items:center;background:var(--accent);color:white;width:36px;height:36px;border-radius:10px}main{padding-top:72px;padding-bottom:72px}.eyebrow{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}h1{font-size:clamp(36px,5.5vw,64px);letter-spacing:-.045em;line-height:1.1;margin:20px 0}h2{font-size:20px;letter-spacing:-.02em}.intro{max-width:540px;color:var(--muted);font-size:19px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:30px;margin:40px 0}.panel p{max-width:630px;color:var(--muted)}.badge{font-size:12px;font-weight:650;color:var(--accent);background:#e9f2ec;padding:5px 10px;border-radius:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.features p{color:var(--muted);font-size:15px}.number{font:13px ui-monospace,monospace;color:var(--accent)}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:24px;font-weight:600;font-size:13px;display:flex;justify-content:space-between}footer span{font-weight:400;color:var(--muted)}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media(max-width:650px){header,main,footer{padding-left:22px;padding-right:22px}main{padding-top:40px}.features{grid-template-columns:1fr;gap:18px}.panel{padding:22px}footer{display:block}footer span{display:block}}
.app-header{justify-content:space-between;gap:20px}.app-header nav,.actions{display:flex;align-items:center;gap:20px}.app-header nav{font-size:14px}.app-main h1{font-size:clamp(30px,4vw,46px)}.form-card{max-width:540px;background:white;border:1px solid var(--line);border-radius:16px;padding:32px;margin:0 auto}.form-card p,.panel p{color:var(--muted)}form{margin:0}label{display:block;font-size:14px;font-weight:600;margin:16px 0 6px}input,select{font:inherit;width:100%;padding:10px 12px;border:1px solid #a8bab0;border-radius:7px;background:white;color:var(--ink)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}button,.button{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:white;border-radius:7px;padding:10px 16px;font:600 14px/1.5 system-ui;text-decoration:none;cursor:pointer}form>button{margin-top:20px}button.secondary{background:transparent;color:var(--accent);padding:6px 10px}.feedback{padding:16px 20px;margin-bottom:24px;border-radius:8px;background:#eef2ed}.feedback.error{background:#fae8e4;color:#793525}.feedback.success{background:#e4f2e8;color:#185639}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.workspace-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.workspace-list .panel{margin:20px 0}.workspace-link{text-decoration:none}.workspace-link:hover{border-color:var(--accent)}.inline-form{display:flex;align-items:end;gap:12px}.inline-form>div{flex:1}.inline-form button{margin:0}.item-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:14px 0;border-top:1px solid var(--line);margin-top:14px}.item-row>span{flex:1;min-width:150px}.item-row button{margin:0}.checkbox{display:flex;gap:8px;align-items:center;font-weight:400;margin:0}.checkbox input{width:auto}.team{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.team h3{font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hint,small{font-size:13px;color:var(--muted)}small{display:block}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}code{font:12px ui-monospace,monospace;overflow-wrap:anywhere}button:focus-visible,.button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:750px){.account-email{display:none}.app-header{padding-top:18px;padding-bottom:18px;height:auto}.app-header nav{gap:10px}.form-card{padding:22px}.page-heading,.inline-form{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}}

textarea { width: 100%; min-height: 6rem; padding: .75rem; border: 1px solid #cbd5ce; border-radius: .4rem; font: inherit; box-sizing: border-box; }
details { margin: 1rem 0; } summary { cursor: pointer; font-weight: 600; } pre { white-space: pre-wrap; overflow-wrap: anywhere; } .panel form + form { margin-top: 1.5rem; }

/* Workflow and accessibility refinements; retain the existing visual style. */
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:10;background:white;padding:12px;border:2px solid var(--accent)}
.skip-link:focus{transform:none}
:where(button,input,select,textarea,summary,a):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
main:focus{outline:none}button:disabled{opacity:.55;cursor:not-allowed}
.section-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:24px 0;padding:12px 0;border-block:1px solid var(--line)}
.section-nav a{padding:6px 0}.deployment-request+form{border-top:1px solid var(--line);padding-top:20px}
.state-badge{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:2px 8px;background:#eef2ed;text-transform:capitalize}
.state-failed{color:#793525;background:#fae8e4}.state-succeeded{color:#185639;background:#e4f2e8}
.state-running,.state-starting{color:#174d73;background:#e7f2fa}.state-pending_approval{color:#664513;background:#fff1d8}
.paused-environment{border-left:4px solid #986516}.feedback p{margin:6px 0}
.panel,.form-card,.item-row>*{min-width:0}.panel p,.item-row span,.account-email{overflow-wrap:anywhere}
h2[id],section[id]{scroll-margin-top:20px}summary{padding:8px 0;min-height:44px}
button,.button,input,select{min-height:44px}.checkbox{min-height:44px}.checkbox input{min-height:auto;flex-shrink:0}
textarea{color:var(--ink);background:white;resize:vertical}.table-scroll{max-width:100%}
.table-scroll:focus-visible{outline:3px solid var(--accent)}
@media(max-width:450px){header,main,footer{padding-left:16px;padding-right:16px}.app-header{align-items:flex-start;flex-wrap:wrap;gap:12px}.app-header nav{width:100%;justify-content:space-between}.panel,.form-card{padding:18px}.workspace-list{grid-template-columns:1fr}.item-row{align-items:flex-start}.item-row>span{flex-basis:100%}.actions{gap:12px}.page-heading h2{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.js-only{display:none}.js-enabled .js-only{display:inline-block}
