@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;800&display=swap');
:root{
  --bg:#f6f7f9;--panel:#ffffff;--ink:#14161b;--muted:#646b7a;--line:#e3e6ec;--soft:#f0f2f5;
  --brand:#4f46e5;--brand-ink:#fff;--ok:#16a34a;--ok-bg:#e8f7ee;--warn:#b45309;--warn-bg:#fff4e0;--bad:#dc2626;--bad-bg:#fdecec;
  --info:#2563eb;--info-bg:#e8efff;--radius:12px;--shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
}
:root[data-theme="dark"]{
  --bg:#0f1115;--panel:#171a21;--ink:#e8eaf0;--muted:#9aa1b1;--line:#262b36;--soft:#1e222b;
  --brand:#818cf8;--brand-ink:#0f1115;--ok:#4ade80;--ok-bg:#12291b;--warn:#fbbf24;--warn-bg:#2b2211;--bad:#f87171;--bad-bg:#2d1515;--info:#93b4ff;--info-bg:#16213a;
  --shadow:none;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{margin:0;letter-spacing:-.01em}
h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}
.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1}
.stack>*+*{margin-top:12px}

/* top bar */
.top{position:sticky;top:0;z-index:20;background:var(--panel);border-bottom:1px solid var(--line)}
.top .in{max-width:1240px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;color:var(--ink)}
.logo .mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--brand),#06b6d4)}
.top nav{display:flex;gap:4px;margin-left:12px}
.top nav a{padding:6px 10px;border-radius:8px;color:var(--muted);font-weight:600;white-space:nowrap}
.top nav a.on,.top nav a:hover{background:var(--soft);color:var(--ink);text-decoration:none}
main{max-width:1240px;margin:0 auto;padding:22px 20px 80px}

/* tags / pills */
.tag{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--soft);color:var(--muted);white-space:nowrap}
.tag.ok{background:var(--ok-bg);color:var(--ok)}.tag.warn{background:var(--warn-bg);color:var(--warn)}.tag.bad{background:var(--bad-bg);color:var(--bad)}.tag.info{background:var(--info-bg);color:var(--info)}
.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}
.demo-tag{background:var(--warn-bg);color:var(--warn);border:1px dashed var(--warn)}

/* banners */
.banner{border-radius:var(--radius);padding:14px 16px;margin-bottom:18px;display:flex;gap:12px;align-items:flex-start;border:1px solid transparent}
.banner.bad{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}
.banner.warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}
.banner.ok{background:var(--ok-bg);color:var(--ok)}
.banner b{display:block;margin-bottom:2px}
.banner .body{flex:1}.banner .body div{color:var(--ink)}

/* cards */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card .hd{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.card .bd{padding:16px}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.clients{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}
@media (max-width:860px){.g2,.g3,.g4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}main{padding:16px 16px 60px}}
@media (max-width:980px){.top .in{flex-wrap:wrap}.top nav{order:9;width:100%;margin-left:0;overflow-x:auto}}
.stat{padding:16px}
.stat .k{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.stat .v{font-size:26px;font-weight:800;margin-top:4px}
.client-card{padding:16px;cursor:pointer;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}
.client-card:hover{border-color:var(--brand);transform:translateY(-1px)}
.client-card .accent{position:absolute;left:0;top:0;bottom:0;width:4px}
.client-card h3{font-size:16px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin-top:12px;font-size:13px}
.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right;font-weight:600}
.bar{height:8px;background:var(--soft);border-radius:999px;overflow:hidden;margin-top:10px}
.bar>i{display:block;height:100%;background:var(--brand);border-radius:999px}
.err{margin-top:10px;padding:8px 10px;border-radius:8px;background:var(--bad-bg);color:var(--bad);font-size:12px;word-break:break-word}

/* forms */
label{display:block;font-weight:600;font-size:13px;margin-bottom:5px}
.hint{font-weight:400;color:var(--muted);font-size:12px;margin-top:4px}
input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);font:inherit}
textarea{min-height:90px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:transparent}
input[type=color]{padding:3px;height:38px}
.field{margin-bottom:14px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--soft);text-decoration:none}
.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.btn.primary:hover{filter:brightness(1.07)}
.btn.danger{color:var(--bad);border-color:var(--bad)}
.btn.ok{color:var(--ok);border-color:var(--ok)}
.btn.sm{padding:5px 10px;font-size:12px}
.btn:disabled{opacity:.55;cursor:not-allowed}

/* tables */
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--soft)}
.tablewrap{overflow-x:auto}

/* tabs */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:16px 0;overflow-x:auto}
.tabs a{padding:9px 12px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;white-space:nowrap}
.tabs a.on{color:var(--ink);border-bottom-color:var(--brand);text-decoration:none}

/* feed */
.feed{max-height:520px;overflow:auto}
.feed .ev{padding:9px 14px;border-bottom:1px solid var(--line);font-size:13px}
.feed .ev .t{color:var(--muted);font-size:11px}
.feed .ev.error{background:var(--bad-bg)}.feed .ev.warn{background:var(--warn-bg)}

/* steps */
.steps{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}
.steps span{padding:6px 11px;border-radius:999px;background:var(--soft);color:var(--muted);font-weight:600;font-size:12px}
.steps span.on{background:var(--brand);color:var(--brand-ink)}

/* article preview */
.preview{background:#fff;color:#16181d;border-radius:10px;padding:28px;max-height:70vh;overflow:auto;border:1px solid var(--line);font-family:Georgia,serif;font-size:16px;line-height:1.7}
.preview h1{font-size:28px;margin-bottom:12px;font-family:Inter,system-ui,sans-serif}
.preview h2{font-size:21px;margin:26px 0 8px;font-family:Inter,system-ui,sans-serif}
.preview h3{font-size:17px;margin:18px 0 6px;font-family:Inter,system-ui,sans-serif}
.preview a{color:#2563eb}

/* modal */
.modal{position:fixed;inset:0;background:rgba(10,12,16,.55);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow:auto}
.modal .card{width:100%;max-width:860px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:600;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:90vw}

/* login */
.auth{min-height:100vh;display:grid;place-items:center;padding:16px}
.auth .card{width:100%;max-width:400px;padding:28px}
.empty{padding:28px;text-align:center;color:var(--muted)}


:root{--bg:#f6f7fb;--panel:#fff;--ink:#202535;--muted:#6a7284;--line:#e6e9f0;--soft:#f1f3f8;--brand:#6358dc;--brand-ink:#fff;--ok:#217a55;--ok-bg:#eaf7f0;--radius:14px;--shadow:0 2px 4px #18214303}
:root[data-theme="dark"]{color-scheme:dark;--bg:#11131c;--panel:#1a1d29;--ink:#ecedf6;--muted:#a1a8bd;--line:#303546;--soft:#242939;--brand:#a49aff;--brand-ink:#17132b;--ok:#74d5a3;--ok-bg:#18372d;--warn:#f6ce77;--warn-bg:#382f1e;--bad:#ffabab;--bad-bg:#3e242a;--info:#afbdff;--info-bg:#283454}
[hidden]{display:none!important}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;line-height:1.55}h1{font-size:29px;letter-spacing:-1px;line-height:1.3}h2{font-size:17px;letter-spacing:-.35px}h3{font-size:15px}button,input,select,textarea{font-family:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:var(--panel);border-right:1px solid var(--line);padding:28px 18px;z-index:35;display:flex;flex-direction:column}.brand-lockup{display:flex;gap:10px;align-items:center;color:var(--ink);padding:0 8px;margin-bottom:44px}.brand-lockup:hover{text-decoration:none}.brand-lockup b{display:block;font-size:16px;letter-spacing:-.5px}.brand-lockup small{display:block;font-size:11px;color:var(--muted);letter-spacing:.3px}.brand-icon{width:36px;height:38px;background:var(--brand);color:var(--brand-ink);border-radius:10px;display:grid;place-items:center}.brand-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-label{padding:0 14px;color:var(--muted);font-size:10px;letter-spacing:1.4px;font-weight:650;margin-bottom:13px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;font-weight:550;padding:11px 14px;border-radius:8px}.sidebar nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sidebar nav a:hover{background:var(--soft);text-decoration:none;color:var(--ink)}.sidebar nav a.on{background:color-mix(in srgb,var(--brand) 10%,var(--panel));color:var(--brand)}.sidebar-bottom{margin-top:auto;padding:20px 10px 0}.sidebar-note{border-top:1px solid var(--line);padding-top:24px;margin-bottom:35px;font-size:12px}.sidebar-note p{font-size:11px;color:var(--muted);line-height:1.8}.app-body{margin-left:235px;min-width:0}.workspace-top{height:76px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:13px;padding:0 36px;position:sticky;top:0;z-index:30}.workspace-name{font-size:13px;font-weight:650}.client-switch{width:240px;font-size:13px;border:none;background:var(--soft);font-weight:600}.icon-only{width:35px;height:35px;padding:8px;justify-content:center;border:0;background:transparent}.icon-only svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.mobile-menu{display:none}.avatar{width:33px;height:33px;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700}.account{position:relative}.account summary{cursor:pointer;list-style:none}.account summary::-webkit-details-marker{display:none}.account-menu{position:absolute;right:0;top:46px;width:260px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #0002}.account-menu button{margin-top:16px}.app-body main{max-width:1560px;padding:34px 36px 65px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat{padding:23px}.stat .k{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}.stat .v{font-size:31px;letter-spacing:-1px;font-weight:650;margin:7px 0}.stat .small{font-size:11px}.card .hd{padding:19px 22px}.card .bd{padding:22px}.card{box-shadow:var(--shadow)}.btn{border-radius:7px;font-size:12px;padding:9px 14px;min-height:36px}.btn.primary{box-shadow:0 2px 3px #20135012}.btn.sm{font-size:11px;min-height:30px}.tag{font-size:10px;font-weight:600;padding:3px 9px}.demo-tag{border:1px solid var(--line);color:var(--muted);background:var(--soft)}.banner{padding:16px 20px;border-radius:10px;font-size:12px}.banner b{font-size:13px}.health-good{border:1px solid var(--line);background:var(--panel);color:var(--ink);align-items:center;gap:12px}.health-good .health-symbol{display:grid;place-items:center;border-radius:50%;background:var(--ok-bg);color:var(--ok);width:32px;height:32px;flex-shrink:0}.health-symbol svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}.tablewrap table{min-width:640px}th{font-size:10px;text-transform:none;letter-spacing:0;padding:13px 18px;background:var(--soft);font-weight:550}td{padding:19px 18px;font-size:12px;vertical-align:middle}td .small{font-size:10px}.client-name{font-size:12px;font-weight:650;color:var(--ink)}.client-cell{display:flex;align-items:center;gap:12px;min-width:160px}.client-avatar{width:32px;height:32px;display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);color:var(--brand);border-radius:9px;font-weight:600;font-size:10px;flex-shrink:0}.bar{height:5px;margin-top:7px;min-width:70px}.feed .ev{padding:16px 22px;font-size:12px}.feed .ev .t{font-size:10px;margin-bottom:6px}.feed{max-height:350px}.dashboard-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:24px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.metric-row:last-child{border:0}.metric-row span{color:var(--muted);font-size:12px}.metric-row b{font-size:14px}.empty{padding:40px 24px;line-height:1.8;font-size:13px}.tabs{margin:26px 0;gap:14px}.tabs a{font-size:12px;padding:13px 2px}.preview{background:var(--panel);color:var(--ink);padding:30px 42px;line-height:1.85;font-size:17px;max-height:55vh}.preview h1,.preview h2,.preview h3{color:var(--ink)}.preview a{color:var(--brand)}.modal{backdrop-filter:blur(3px);padding:30px 16px}.modal>.card{max-width:920px;box-shadow:0 30px 90px #0003}.modal .hd{position:sticky;top:-30px;background:var(--panel);z-index:2;border-radius:14px 14px 0 0}.modal .card .card{box-shadow:none}.modal .hd h2{font-size:22px;max-width:720px}.field{margin-bottom:21px}.hint{font-size:11px;line-height:1.6;margin-top:7px}label{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.powered{text-align:center;margin-top:50px;font-size:10px}.home-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.progress-card{display:flex;align-items:center;gap:28px;padding:32px}.progress-ring{width:150px;height:150px;position:relative;flex-shrink:0}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke:var(--soft);stroke-width:9}.progress-ring .fill{stroke:var(--brand);stroke-linecap:round}.ring-value{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ring-value strong{font-size:34px;line-height:1.2;letter-spacing:-1px}.ring-value span{font-size:10px;color:var(--muted)}.progress-copy h2{font-size:20px;margin-bottom:10px}.progress-copy p{font-size:12px;color:var(--muted);margin:4px 0}.review-callout{background:color-mix(in srgb,var(--brand) 6%,var(--panel));padding:27px;display:flex;flex-direction:column;align-items:start}.review-callout .large-number{font-size:39px;font-weight:600;line-height:1.2;letter-spacing:-1.3px;color:var(--brand);margin:8px 0}.review-callout p{font-size:12px;color:var(--muted);margin:4px 0 18px}.home-lower{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.check-summary{padding:26px}.check-summary p{font-size:12px;color:var(--muted)}.check-summary .btn{margin-top:19px}.check-line{display:flex;justify-content:space-between;padding:11px 0;font-size:12px;border-bottom:1px solid var(--line)}.check-line:last-child{border:0}.search-input{max-width:340px;background:var(--panel);font-size:12px}.checklist-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:25px;align-items:start}.checklist-nav{display:grid;gap:6px}.checklist-nav button{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;color:var(--muted);border:1px solid transparent;padding:13px 12px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer}.checklist-nav button.active{background:var(--panel);border-color:var(--line);color:var(--brand);font-weight:650}.step-dot{width:23px;height:23px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:10px;flex-shrink:0}.step-dot.done{background:var(--ok-bg);color:var(--ok)}.step-dot svg{width:13px;stroke:currentColor;fill:none;stroke-width:2}.why-note{padding:13px 16px;background:var(--soft);border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:24px}.why-note b{display:block;color:var(--ink);margin-bottom:4px}.upload-zone{padding:24px;border:1px dashed var(--brand);border-radius:10px;background:var(--soft)}.upload-zone.dragging{background:var(--info-bg)}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:25px 0}.steps span{border-radius:7px;padding:9px 7px;font-size:10px;text-align:center}.auth{background:var(--bg)}.auth .card{max-width:420px;padding:36px;border-radius:18px;box-shadow:0 20px 60px #22233a08}.auth .logo{margin-bottom:26px}.auth h1{font-size:29px}.auth .mark{background:var(--brand)}.auth .muted{font-size:12px}.auth .btn{margin-top:5px}.auth .field{margin-top:20px}.toast{font-size:12px}.onboarding-kpi{margin-bottom:25px}.date-caption{font-size:12px;color:var(--muted)}
@media(min-width:1600px){.app-body main{padding:44px 52px 70px}.workspace-top{padding:0 52px}}
@media(max-width:1100px){.sidebar{width:205px;padding:25px 12px}.app-body{margin-left:205px}.app-body main{padding:28px 22px}.workspace-top{padding:0 22px}.progress-card{padding:22px;gap:16px}.progress-ring{width:115px;height:115px}.home-grid{grid-template-columns:1fr 1fr}.checklist-layout{grid-template-columns:200px 1fr}.kpi-grid{gap:10px}.stat{padding:18px}.stat .v{font-size:27px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);width:235px;box-shadow:15px 0 40px #0002;transition:transform .2s}.nav-open .sidebar{transform:none}.app-body{margin-left:0}.workspace-top{height:64px;padding:0 15px;gap:8px}.mobile-menu{display:inline-flex}.client-switch{width:165px;max-width:45vw}.workspace-name{max-width:43vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-body main{padding:26px 18px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom,.home-lower{grid-template-columns:1fr}.home-grid{grid-template-columns:1fr}.review-callout{padding:24px}.checklist-layout{grid-template-columns:1fr}.checklist-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.checklist-nav button{font-size:11px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.workspace-top #liveTag{display:none}.card .hd{padding:17px;flex-wrap:wrap}.card .bd{padding:18px}.steps{grid-template-columns:repeat(3,1fr)}.preview{padding:24px 18px;font-size:16px}.modal{padding:15px 10px}.modal .hd{top:-15px}.modal .hd h2{font-size:19px}.progress-card{padding:25px}.onboarding-kpi .v{font-size:25px}.kv{grid-template-columns:1fr!important}.kv dd{text-align:left!important;overflow-wrap:anywhere}.row input,.row select{max-width:100%;min-width:0}input[type=file]{width:100%!important}.search-input{max-width:100%}.page-heading:has(.search-input){flex-wrap:wrap}.g2,.g3,.g4{grid-template-columns:1fr}.g4 .stat{grid-column:auto!important}.app-body #dashGrid,.app-body #kwGrid{grid-template-columns:1fr!important}#sf{grid-template-columns:1fr!important}.btn{white-space:normal}.app-body main>.row{align-items:flex-start}.review-callout .btn{width:100%;justify-content:center}.auth .card{padding:27px}.account-menu{width:240px}.banner{padding:14px;overflow-wrap:anywhere}.tablewrap{max-width:100%}.grid>*{min-width:0}.home-grid .progress-card{gap:22px}.modal .row{align-items:stretch}.modal .row .btn{flex:1}.checklist-nav button .step-dot{width:20px;height:20px}.workspace-top #adminTag{font-size:9px;padding:3px 5px}main{min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.sidebar,.workspace-top,.btn,.powered,#hero{display:none!important}.app-body{margin:0}.app-body main{max-width:none;padding:0}.card{box-shadow:none;break-inside:avoid}.tablewrap{overflow:visible}body{background:#fff;color:#111}}

.workspace-top .icon-only{padding:8px;flex-shrink:0}.icon-only svg{flex-shrink:0}.mobile-menu{z-index:36}@media(max-width:800px){.sidebar{box-shadow:none}.nav-open .sidebar{box-shadow:15px 0 40px #0002}.nav-open .mobile-menu{position:fixed;left:242px;top:14px;background:var(--panel);border:1px solid var(--line)}.ring-value span{font-size:9px}.progress-copy h2{font-size:18px}}

/* ---------- Pulse SEO portal additions (extend, do not restyle) ---------- */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:12px}
.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--brand)}
.breadcrumbs [aria-current]{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60ch}
.modal .hd .breadcrumbs{margin:0}
.nav-account{display:grid;gap:5px;margin-bottom:18px}
.sidebar-bottom .nav-label{padding:0 14px}
.sidebar-by{display:block;padding:0 14px;font-size:11px}
.sidebar-bottom{padding:20px 0 0}
.account-links{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}
.login-by{display:block;font-size:11px;font-weight:500;color:var(--muted)}
.opt{display:inline-block;margin-left:6px;font-size:10px;font-weight:600;color:var(--muted);background:var(--soft);border-radius:999px;padding:1px 7px;vertical-align:middle}
fieldset.plain{border:0;padding:0;margin:0;min-width:0}
fieldset.plain:disabled{opacity:.7}
.link-btn{background:none;border:0;padding:0;color:var(--brand);font:inherit;font-weight:600;cursor:pointer}
.link-btn:hover{text-decoration:underline}
/* onboarding */
.welcome-card{margin-bottom:25px;background:color-mix(in srgb,var(--brand) 6%,var(--panel))}
.welcome-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.welcome-row h2{font-size:19px;margin-bottom:6px}
.welcome-row p{margin:0;color:var(--muted);font-size:13px;max-width:62ch;line-height:1.7}
.welcome-count{text-align:right;flex-shrink:0}
.welcome-count b{font-size:30px;letter-spacing:-1px;color:var(--brand)}
.welcome-count b span{font-size:15px;color:var(--muted);font-weight:500}
.welcome-count small{display:block;font-size:11px;color:var(--muted)}
.step-name{display:flex;flex-direction:column;line-height:1.35}
.step-name small{font-size:10px;color:var(--muted);font-weight:500}
.onboard-card .hd h2{font-size:19px}
.onboard-card .eyebrow{margin-bottom:4px}
.why-line{font-size:13px;color:var(--muted);margin-bottom:22px;line-height:1.7}
.why-line b{color:var(--ink)}
.q-title{font-size:15px;margin-bottom:12px}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.choice-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;min-height:92px;transition:border-color .15s,background .15s}
.choice-card b{font-size:14px;line-height:1.35}
.choice-card span{font-size:12px;color:var(--muted)}
.choice-card:hover{border-color:color-mix(in srgb,var(--brand) 50%,var(--line))}
.choice-card.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--panel))}
.choice-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.path-panel{border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:18px;background:var(--soft)}
.path-panel h3{margin-bottom:10px}
.path-panel textarea{font-size:12px;line-height:1.6;background:var(--panel)}
.plain-steps{margin:0 0 16px;padding-left:22px;display:grid;gap:10px;font-size:13px;line-height:1.7}
.plain-steps li::marker{font-weight:700;color:var(--brand)}
.copy-chip{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;vertical-align:middle}
.copy-chip code{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:4px 9px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.check-row{display:flex;align-items:center;gap:10px;font-weight:600;font-size:13px;margin:14px 0 0;cursor:pointer}
.check-row input{width:18px;height:18px;flex-shrink:0;accent-color:var(--brand)}
.done-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:10px;background:var(--ok-bg);margin:6px 0 14px}
.done-note b{display:block;font-size:13px}
.done-note p{margin:3px 0 0;font-size:12px;color:var(--muted)}
.aside-links{margin:6px 0 10px;font-size:12px}
.platform-list{padding:14px 16px;border:1px dashed var(--line);border-radius:10px;margin-bottom:14px}
.platform-list p{margin:0 0 10px}
details.advanced{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
details.advanced summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--muted)}
.brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.brief-grid .field:has(textarea){grid-column:1/-1}
.brief-grid textarea{min-height:70px}
.step-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.upload-zone{cursor:pointer;text-align:center;padding:34px 20px}
.upload-zone:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.upload-zone.busy{opacity:.6;pointer-events:none}
.file-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:12px}
.file-row a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skip-line{margin-top:16px;font-size:13px;color:var(--muted)}
.viewer-note{background:var(--info-bg)}
/* settings */
.settings-tabs{margin-top:0}
.narrow-card{max-width:640px}
.strength{height:4px;background:var(--soft);border-radius:999px;margin-top:8px;overflow:hidden}
.strength i{display:block;height:100%;width:0;border-radius:999px;transition:width .2s}
.strength i.bad{background:var(--bad)}.strength i.warn{background:var(--warn)}.strength i.info{background:var(--info)}.strength i.ok{background:var(--ok)}
.company-logo{display:flex;gap:18px;align-items:center;margin-bottom:22px}
.logo-box{width:72px;height:72px;border-radius:14px;border:1px solid var(--line);background:var(--soft);display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.logo-box img{max-width:100%;max-height:100%;object-fit:contain}
.logo-box span{font-size:10px;color:var(--muted);text-align:center;padding:4px}
.role-help{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;color:var(--muted);margin:0 0 18px;line-height:1.6}
.role-help b{color:var(--ink)}
.team-table{min-width:560px}
.switch-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer;margin:0}
.switch-row:last-child{border-bottom:0}
.switch-row span{display:flex;flex-direction:column;gap:2px}
.switch-row small{font-weight:400;color:var(--muted);font-size:12px}
input.switch{appearance:none;-webkit-appearance:none;width:40px;height:23px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;flex-shrink:0;padding:0;border:0;transition:background .15s}
input.switch::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s}
input.switch:checked{background:var(--brand)}
input.switch:checked::after{transform:translateX(17px)}
.cred-box{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--soft);line-height:1.9;overflow-wrap:anywhere}
/* help */
.help-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.faq{display:grid;gap:10px}
.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:650;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--muted);font-weight:500}
.faq-item[open] summary::after{content:"-"}
.faq-body{padding:0 22px 20px;font-size:13px;line-height:1.8;color:var(--muted)}
.faq-body b{color:var(--ink)}
.contact-card{position:sticky;top:100px}
/* blog preview */
.blog-preview{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.blog-chrome{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--soft);border-bottom:1px solid var(--line)}
.blog-dots{display:flex;gap:5px}.blog-dots i{width:9px;height:9px;border-radius:50%;background:var(--line);display:block}
.blog-url{font-size:11px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.blog-page{max-width:720px;margin:0 auto;padding:36px 28px 20px}
.blog-site{font-size:12px;font-weight:700;letter-spacing:.2px;margin-bottom:22px}
.blog-site span{color:var(--muted);font-weight:500;margin-left:4px}
.blog-title{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin-bottom:12px}
.blog-meta{font-size:12px;color:var(--muted);margin-bottom:18px}
.blog-lede{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 8px;font-family:Georgia,serif}
.preview.blog-content{border:0;padding:8px 0 0;max-height:none;background:transparent;font-family:Georgia,serif}
.modal .blog-preview{max-height:62vh;overflow:auto}
@media(max-width:800px){
  .choice-grid,.choice-grid.two,.brief-grid,.role-help,.help-layout{grid-template-columns:1fr}
  .welcome-row{flex-direction:column;gap:10px}.welcome-count{text-align:left}
  .contact-card{position:static}
  .blog-page{padding:24px 16px 12px}.blog-title{font-size:24px}
  .step-actions .btn{flex:1;justify-content:center}.step-actions .grow{display:none}
  .company-logo{align-items:flex-start}
  .settings-tabs{gap:14px}
  .breadcrumbs [aria-current]{max-width:100%}
}
.brief-grid .field:first-child{grid-column:1/-1}
.auth{align-content:center;gap:18px}.auth>form{width:100%}.auth .back-link{text-align:center}.auth .back-link:hover{color:var(--brand)}.mark-svg{flex-shrink:0;display:block;border-radius:8px}