:root{color-scheme:dark;--bg:#101416;--panel:#181f20;--ink:#f0ede4;--muted:#9ca9a5;--mint:#48d5b4;--gold:#ffc247;--line:#33403d;--mono:SFMono-Regular,Menlo,Consolas,monospace;--display:Impact,"Arial Narrow",sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 85% 4%,#273b34 0,transparent 40rem),var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.frame{width:min(560px,calc(100% - 40px));margin:8vh auto;padding:28px}.frame.wide{width:min(900px,calc(100% - 40px));margin:5vh auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font:800 13px var(--mono);letter-spacing:.16em;text-decoration:none}.brand>span:last-child>span{color:var(--mint)}.mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #62776c;border-radius:10px;color:var(--mint);font:900 21px var(--display)}.eyebrow{margin:44px 0 10px;color:#96aaa2;font:10px var(--mono);letter-spacing:.17em}.frame h1{margin:0;font:900 clamp(60px,11vw,96px)/.78 var(--display);letter-spacing:.025em}.frame h1 em{color:var(--mint);font-style:normal}.frame:not(.wide) h1 em{color:var(--gold)}.lede{max-width:490px;margin:22px 0 25px;color:#aab7b1;font-size:14px}.panel{margin:15px 0;padding:20px;background:linear-gradient(145deg,#1b2523,#151a1b);border:1px solid #40514a}.panel label{display:block;margin:14px 0 6px;color:#8fa49b;font:9px var(--mono);letter-spacing:.12em}.panel input{width:100%;padding:12px;border:1px solid #3b4944;border-radius:4px;background:#101516;color:var(--ink);font:13px var(--mono)}.panel input:focus{outline:1px solid var(--mint)}button{cursor:pointer}.panel button,.logout{width:100%;margin:12px 0 8px;padding:13px 14px;background:var(--mint);border:1px solid var(--mint);color:#101615;text-align:left;font:800 10px var(--mono);letter-spacing:.06em}.panel button b{float:right;font-size:16px}.panel button.secondary{background:#1e2826;color:var(--ink);border-color:#50635a}.panel button:disabled{opacity:.6;cursor:wait}#status,.status{min-height:24px;margin:12px 0 0;color:#94a79f;font-size:11px}.back{display:inline-block;margin-top:10px;color:#98a9a2;font:9px var(--mono);letter-spacing:.08em;text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center}.logout{width:auto;margin:0;padding:10px 14px;background:transparent;color:var(--ink);border-color:#40514a}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head h2{margin:0;font:800 18px var(--display);letter-spacing:.07em}.owner-email,.mono{margin:14px 0 0;color:#c6d0ca;font:12px var(--mono)}.mono{font-size:9px;color:#8fa49b}.pill{padding:6px 9px;border:1px solid #4a6158;color:var(--mint);font:9px var(--mono);letter-spacing:.08em}.pill.gold{border-color:#80632d;color:var(--gold)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.service{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px;background:#111718;border:1px solid #303c38;color:#d4ddd7;font-size:12px}.service b{font:9px var(--mono);white-space:nowrap}.ready{color:var(--mint)}.waiting{color:var(--gold)}.section-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.section-chip{padding:8px 10px;background:#111718;border:1px solid #303c38;color:#aebbb5;font:9px var(--mono)}@media(max-width:600px){.frame{padding:8px}.frame.wide{padding:8px}.service-grid{grid-template-columns:1fr}.top{align-items:flex-start;gap:15px}.panel-head{align-items:flex-start;flex-direction:column}}
/* Developer dashboard NFR card form */
.nfr-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;margin-top:18px}.nfr-form label{display:grid;gap:7px;color:#9aaca3;font:10px var(--mono,monospace);letter-spacing:.1em}.nfr-form input,.nfr-form select{min-width:0;padding:12px;border:1px solid #40514a;background:#111817;color:#f2f5f1;font:14px Arial,sans-serif;outline:none}.nfr-form input:focus,.nfr-form select:focus{border-color:#d4af55}.nfr-form .logout{white-space:nowrap}.logout:disabled{opacity:.55;cursor:wait}@media(max-width:800px){.nfr-form{grid-template-columns:1fr 1fr}.nfr-form .logout{width:100%}}@media(max-width:520px){.nfr-form{grid-template-columns:1fr}}
.release-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.release-form>label{display:grid;gap:7px;color:#9aaca3;font:10px var(--mono);letter-spacing:.1em}.release-form input:not([type=checkbox]),.release-form select{min-width:0;width:100%;padding:12px;border:1px solid #40514a;background:#111817;color:#f2f5f1;font:13px Arial,sans-serif}.release-form input[type=file]{font-size:11px}.release-audiences{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.release-audiences label{display:flex;align-items:center;gap:7px;color:#cad4cf;font-size:11px}.release-audiences input{accent-color:var(--mint)}.release-form>.logout{grid-column:1/-1;justify-self:start}.release-list{display:grid;gap:9px;margin-top:14px}.release-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;background:#111718;border:1px solid #303c38}.release-item h3{margin:0 0 4px;font:700 16px var(--display);letter-spacing:.04em}.release-item p{margin:0;color:#8fa49b;font:9px var(--mono);word-break:break-word}.download{flex:0 0 auto;padding:10px 12px;background:var(--mint);color:#101615;text-decoration:none;font:800 9px var(--mono);letter-spacing:.05em}.download:hover{background:#9df1dd}@media(max-width:650px){.release-form{grid-template-columns:1fr}.release-form>.logout{grid-column:auto}.release-item{align-items:flex-start;flex-direction:column}.download{width:100%;text-align:center}}

/* Account and dashboard copy must fit narrow panels. */
.frame h1 { line-height: .98; letter-spacing: .01em; overflow-wrap: break-word; }
.panel, .panel-head > *, .release-item > *, .service > *, .nfr-form > * { min-width: 0; }
.panel-head, .top, .service { flex-wrap: wrap; }
.brand { letter-spacing: .07em; }
.panel button, .logout, .back { line-height: 1.5; letter-spacing: .03em; white-space: normal; }
.panel button { display: flex; justify-content: space-between; gap: 12px; }
.panel button b { float: none; flex-shrink: 0; }
.owner-email, .mono, .back { overflow-wrap: anywhere; }
@media (max-width: 400px) { .frame h1 { font-size: 52px; } .panel { padding: 14px; } }

/* Clear customer install and activation steps. */
.setup-steps{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none;counter-reset:setup;color:#e8eee9}.setup-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 12px;align-items:start;padding:13px;background:#111718;border:1px solid #303c38;counter-increment:setup}.setup-steps li:before{content:counter(setup,decimal-leading-zero);grid-row:span 2;color:var(--mint);font:11px var(--mono)}.setup-steps li b{font-size:12px}.setup-steps li span{color:#aab7b1;font-size:11px;line-height:1.55}.setup-steps code{color:var(--mint);font:inherit}.setup-steps a{color:var(--mint)}