:root{color-scheme:dark;--bg:#101918;--card:#192524;--text:#f4f1e8;--muted:#b9c8c4;--line:#34423f;--accent:#d8ed9d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.pro-button{display:inline-block;cursor:pointer;background:var(--accent);color:#17211b;border:1px solid var(--accent);border-radius:9px;padding:10px 16px;font-weight:650;text-decoration:none}button:disabled{opacity:.55;cursor:wait}button.secondary{background:transparent;color:var(--text);border-color:var(--line)}:focus-visible{outline:3px solid #fff;outline-offset:4px}.pro-header,.pro-footer{max-width:1200px;margin:auto;padding:24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.pro-header img{max-width:100%;height:auto}.pro-header nav,.pro-footer{display:flex;gap:20px;flex-wrap:wrap}.pro-main{max-width:1150px;margin:auto;padding:35px 24px 80px}.pro-main h1{font-size:clamp(36px,6vw,68px);line-height:1.1;letter-spacing:-.04em;font-weight:550;max-width:900px}.pro-main h1 em{font-style:normal;color:var(--accent)}.eyebrow{letter-spacing:.18em;font-size:12px;font-weight:700}.pro-main section{margin-top:40px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.pro-main h2{font-size:24px;line-height:1.3}.pro-main p{color:var(--muted);max-width:850px}.pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.pro-card{border:1px solid var(--line);padding:20px;border-radius:12px}.pro-card h3{margin-top:0}.pro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.pro-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pro-form label{display:grid;gap:7px}.pro-form input,.pro-form textarea,.pro-form select{border:1px solid #62736c;border-radius:8px;padding:12px;background:#0f1816;color:var(--text);width:100%;min-width:0}.pro-form p,.pro-form button,.pro-form label:has(textarea){grid-column:1/-1}.pro-form button{justify-self:start}.pro-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.pro-row p{margin:0}.link-result{word-break:break-all;background:#101918;padding:16px;border:1px solid var(--accent)}#message:empty{display:none}#message{padding:14px;background:#24352d;border-radius:8px;position:sticky;top:10px;z-index:2}.legal-copy{white-space:pre-wrap;overflow-wrap:anywhere}.pro-footer{border-top:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:640px){.pro-main section{padding:19px}.pro-form{grid-template-columns:1fr}.pro-header{align-items:flex-start;gap:16px}.pro-header nav{flex-direction:column;gap:6px}.pro-main{padding:20px 16px 50px}.pro-header img{width:130px}}
/* CENTAKL public launch surfaces: black, smoked glass and gunmetal. */
:root{--bg:#0b0c0e;--card:#14171b;--text:#f2f3f4;--muted:#abb2bb;--line:#353b44;--accent:#d6dbe1}button,.pro-button{color:#13161a}.pro-form input,.pro-form textarea,.pro-form select{background:#0d1014;border-color:#47505b}.link-result{background:#14171b}#message{background:#242a33;white-space:pre-wrap}a,button{overflow-wrap:anywhere}.pro-main{overflow-wrap:anywhere}.pro-card{min-width:0}.pro-card .pro-form{grid-template-columns:1fr}.pro-card+.pro-card{margin-top:14px}.pro-grid .pro-card{margin-top:0}.pro-form .check-label{display:flex;align-items:flex-start;gap:12px;grid-column:1/-1}.check-label input[type=checkbox]{width:20px;min-width:20px;height:20px;margin-top:4px;accent-color:#bfc8d4}.launch-summary{background:linear-gradient(135deg,#1d222a,#101216)!important}.status-chip{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px}.launch-nav{padding:12px 0}.save-bar{position:sticky;bottom:12px;z-index:3;display:flex;justify-content:flex-end;padding:14px 0;background:linear-gradient(transparent,#0b0c0ee8)}details{margin:18px 0;border-bottom:1px solid var(--line);padding-bottom:16px}summary{cursor:pointer;font-weight:650}details .pro-form,details .legal-copy{margin-top:18px}.legal-copy{padding:10px 0}.pro-main section[id]{scroll-margin-top:30px}#agreements{margin-top:28px}.pro-form>label:has(input[type=url]){grid-column:1/-1}.pro-form input,.pro-form textarea,.pro-form select{color:var(--text)}@media(max-width:640px){.save-bar{bottom:0}.save-bar button{width:100%}.pro-main h1{font-size:36px}.launch-nav{gap:12px}}@media print{body{background:white;color:black}.pro-header,.pro-footer,nav,form,#checkout,#message,button{display:none!important}.pro-main{max-width:none;padding:0}.pro-main section,.pro-card{background:white!important;border-color:#ccc;break-inside:avoid}.pro-main p{color:#222}a{color:#222}.legal-copy{white-space:pre-wrap}details{break-inside:auto}}

/* Client account, billing, launch and legal pages share the workspace scale. */
@media screen {
  .pro-main { max-width:1240px; padding:28px 24px 64px; }
  .pro-main h1 { font-size:clamp(28px,4vw,44px); line-height:1.2; letter-spacing:-.035em; margin-bottom:16px; }
  .pro-main h2 { font-size:1.25rem; line-height:1.4; letter-spacing:-.025em; }
  .pro-main > p { max-width:75ch; }
  .pro-main section,.pro-card { padding:24px; border-radius:14px; box-shadow:none; }
  .pro-grid { gap:20px; align-items:start; }
  .pro-main section > p,.pro-card > p { font-size:.9375rem; line-height:1.65; }
  .pro-header { padding-block:20px; border-bottom:1px solid var(--line); }
  .pro-header nav a,.pro-footer a { font-size:.875rem; }
  .pro-form { gap:16px; }
  .pro-form label { font-size:.875rem; line-height:1.5; }
  .pro-form :is(input,select,textarea) { border-radius:8px; min-height:46px; }
  .pro-main :is(button,.pro-button) { min-height:44px; font-size:.875rem; }
  .pro-main details { margin:16px 0; padding-bottom:14px; }
  .pro-main summary { min-height:44px; padding-block:10px; font-size:.9375rem; line-height:1.5; }
  .pro-actions { gap:12px; }
  .pro-main .eyebrow { margin-bottom:14px; font-size:.6875rem; letter-spacing:.1em; }
  @media(max-width:640px) { .pro-main { padding:22px 14px 48px; } .pro-main section,.pro-card { padding:18px; } .pro-header { padding:18px 14px; } .pro-header nav { flex-direction:row; flex-wrap:wrap; gap:10px; } }
}