:root{--p:#6d28d9;--p2:#7c3aed;--ink:#111827;--mut:#6b7280;--line:#e5e7eb;--bg:#f6f5fb;--card:#fff;--ok:#059669;--err:#dc2626;--warn:#b45309}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:14px/1.5 "Segoe UI",system-ui,-apple-system,Arial,sans-serif}
a{color:var(--p)}
button,input,select,textarea{font:inherit}
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);height:100vh}
.side{background:linear-gradient(180deg,#1e1145,#2e1065 60%,#3b0764);color:#e9e5ff;display:flex;flex-direction:column;overflow-y:auto}
.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}
.brand .logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#a78bfa,#7c3aed);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:14px;box-shadow:0 6px 18px -6px #a78bfa}
.brand b{display:block;font-size:15px;color:#fff;letter-spacing:.2px}
.brand small{display:block;font-size:11px;color:#b8acef}
.nav-g{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#9f93d9;margin:14px 18px 6px}
.nav a{display:flex;align-items:center;gap:10px;padding:8px 18px;margin:1px 8px;border-radius:10px;color:#ddd6fe;text-decoration:none;font-weight:600;font-size:13.5px}
.nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.nav a.on{background:rgba(255,255,255,.14);color:#fff}
.nav a svg{width:17px;height:17px;flex-shrink:0;opacity:.9}
.nav a .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.side .foot{margin-top:auto;padding:14px 18px;font-size:11px;color:#9f93d9}
.main{overflow-y:auto;padding:26px 30px 40px}
.page-h{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.page-h h1{margin:0;font-size:22px;letter-spacing:-.2px}
.page-h p{margin:2px 0 0;color:var(--mut);font-size:13px;max-width:760px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:16px;box-shadow:0 1px 2px rgba(17,24,39,.03)}
.card h3{margin:0 0 6px;font-size:15px}
.muted{color:var(--mut)}
.small{font-size:12px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.inp::placeholder,textarea.inp::placeholder{color:#9ca3af;opacity:1}
.inp,select.inp,textarea.inp{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:10px;background:#fff;color:var(--ink)}
.inp:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px #6d28d91f}
label.lbl{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#374151;margin:0 0 5px}
.btn{border:none;border-radius:10px;padding:9px 16px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.btn:disabled{opacity:.55;cursor:wait}
.btn.g{background:#fff;color:#374151;border:1.5px solid #d1d5db}
.btn.s{padding:6px 12px;font-size:12.5px}
.chip{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--mut);cursor:pointer}
.chip.on{background:var(--p);border-color:var(--p);color:#fff}
.tag{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:6px;white-space:nowrap;display:inline-block}
.msg{font-size:12.5px;margin-top:8px;min-height:18px}
.msg.ok{color:var(--ok)}.msg.err{color:var(--err)}.msg.warn{color:var(--warn)}.msg.info{color:var(--mut)}
.stat{font-size:28px;font-weight:900;line-height:1}
.tile{display:block;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(109,40,217,.35)}
.badge-soon{font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;background:#ede9fe;color:var(--p)}
/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:8px 10px;border-bottom:1px solid #eee;cursor:pointer;user-select:none;white-space:nowrap;position:sticky;top:0;background:#fff}
.tbl td{padding:8px 10px;border-bottom:1px solid #f3f4f6;vertical-align:middle}
.tbl tr:hover td{background:#faf9ff}
.scroll{max-height:520px;overflow:auto;border:1px solid #f0eefe;border-radius:10px}
.pop{position:relative;height:7px;width:64px;background:#eee;border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle}
.pop>i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,#a78bfa,#6d28d9)}
.spark{display:inline-flex;align-items:flex-end;gap:2px;height:22px;width:100px}
.spark i{flex:1;background:linear-gradient(180deg,#a78bfa,#6d28d9);border-radius:2px 2px 0 0;min-height:2px;cursor:help}
.tbl:not(.show-m) .m{display:none}
.goal{--g:var(--p);display:inline-flex;align-items:baseline;gap:6px;padding:7px 13px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:#374151;font-size:13px;font-weight:800;cursor:pointer}
.goal small{font-weight:600;font-size:11px;color:#9ca3af}
.goal.on{background:var(--g);border-color:var(--g);color:#fff}
.goal.on small{color:rgba(255,255,255,.85)}
.checks{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#374151;margin-top:10px}
.checks label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.bar{height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden;margin-top:12px}
.bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6d28d9,#a78bfa);transition:width .4s}
/* social content plan — one row per keyword, the same layout as the Excel download */
.sc-wrap{overflow:auto;max-height:76vh;border:1px solid #cbd5e1;border-radius:12px;background:#fff}
.plan{border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;line-height:1.5;color:#1e293b}
.plan th{position:sticky;top:0;z-index:2;background:#1e293b;color:#fff;font-weight:700;font-size:12px;text-align:left;padding:10px;border-right:1px solid #334155}
.plan th.f-format,.plan th.f-popularity,.plan th.f-opportunity{text-align:center}
.plan td{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:10px;vertical-align:top;background:#fff;white-space:pre-wrap;word-wrap:break-word}
.plan tbody tr:nth-child(even) td{background:#f8fafc}
.plan .kc{position:sticky;left:0;z-index:1;border-right:3px solid var(--pc)}
.plan th.kc{z-index:3}
.plan tbody td.kc,.plan tbody tr:nth-child(even) td.kc{background:var(--ps);white-space:normal}
.plan .kw{font-weight:800;font-size:14px;margin-bottom:6px}
.plan td>div{max-height:300px;overflow:auto;outline:none;min-height:18px;border-radius:6px}
.plan [contenteditable="true"]:hover{background:rgba(99,102,241,.06)}
.plan [contenteditable="true"]:focus{box-shadow:inset 0 0 0 2px var(--p2);background:#fff}
.plan [data-ph]:empty::before{content:attr(data-ph);color:#94a3b8;font-style:italic}
.plan td.f-format{text-align:center}
.plan .fmt{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:700;font-size:12px;color:#1e293b;line-height:1.35;max-width:100%}
.plan td.f-popularity,.plan td.f-opportunity{text-align:center;vertical-align:top}.plan td.f-popularity .pop-n{font-size:15px;color:#111827}
.plan td.f-link a{color:#1d4ed8;word-break:break-all}
.plan td.f-notes{color:#475569}
.pl-st{font-size:11px;font-weight:700;color:#64748b;margin-bottom:8px}
.pl-st.ok{color:#047857}
.pl-act{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.pl-act button,.pl-act select{font-size:11px;font-weight:700;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;padding:4px 9px;cursor:pointer}
.pl-act select{max-width:130px}
.pl-act button.w{background:var(--p2);border-color:var(--p2);color:#fff}
.pl-act button.e:hover{background:#f1f5f9}
.pl-act button.x{background:#dc2626;border-color:#dc2626;color:#fff}
.pl-act button.x:hover{background:#b91c1c}
.toast{position:fixed;right:22px;bottom:22px;background:#111827;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;transform:translateY(10px);transition:all .25s;pointer-events:none;z-index:50}
.toast.show{opacity:1;transform:none}
.toast.err{background:#991b1b}
.empty{padding:26px;text-align:center;color:var(--mut);font-size:13px;border:1.5px dashed #d1d5db;border-radius:12px}

/* ═══ Plugin design language (v0.2) — glass sidebar, flowing active tab, hero header, ambient motion ═══ */
@keyframes sap-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes sap-sheen{0%,55%{left:-60%}100%{left:140%}}
@keyframes sap-drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,30px) scale(1.08)}100%{transform:translate(30px,-40px) scale(.95)}}
@keyframes sap-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sap-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
body{background:#f6f5fb}
body::before,body::after{content:'';position:fixed;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;animation:sap-drift 26s ease-in-out infinite alternate}
body::before{width:440px;height:440px;background:#c4b5fd;opacity:.33;top:8%;right:-140px}
body::after{width:380px;height:380px;background:#a5f3fc;opacity:.2;bottom:-140px;left:35%;animation-duration:32s}
.shell{position:relative;z-index:1;grid-template-columns:240px minmax(0,1fr);gap:0}
.side{background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid #ede9fe;color:#4b5563;box-shadow:0 12px 32px rgba(76,29,149,.08)}
.brand b{color:#1e1b4b}.brand small{color:#a78bfa}
.nav-g{color:#a78bfa;letter-spacing:.12em;font-size:10px}
.nav a{color:#4b5563;border-radius:12px;position:relative;overflow:hidden;transition:background .2s,color .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}
.nav a svg{color:#a78bfa}
.nav a:hover{background:#f5f3ff;color:#6d28d9;transform:translateX(4px)}
.nav a.on{color:#fff;background:linear-gradient(120deg,#6d28d9,#8b5cf6,#7c3aed,#6d28d9);background-size:260% 260%;animation:sap-flow 6s ease infinite;box-shadow:0 8px 20px rgba(109,40,217,.35)}
.nav a.on svg{color:#fff}
.nav a.on::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:sap-sheen 3.8s ease-in-out infinite}
.side .foot{margin:14px 10px;padding:12px 13px;border-radius:14px;background:linear-gradient(140deg,#1e0b4b,#4c1d95,#6d28d9);background-size:200% 200%;animation:sap-flow 9s ease infinite;color:#ddd6fe}
.page-h h1{font-weight:900;color:#1e1b4b;letter-spacing:-.02em}
.page-h h1::after{content:'';display:block;height:3px;width:58px;margin-top:7px;border-radius:3px;background:linear-gradient(90deg,#6d28d9,#c4b5fd,#22d3ee,#6d28d9);background-size:300% 100%;animation:sap-flow 4s linear infinite}
.card{border-color:#ede9fe;animation:sap-fade-up .35s ease both;transition:box-shadow .2s,transform .2s}
.card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(76,29,149,.10)}
.hero{position:relative;overflow:hidden;border-radius:20px;padding:30px 34px;margin-bottom:20px;color:#fff;background:linear-gradient(135deg,#04000c 0%,#160440 22%,#2d0558 45%,#4c1d95 68%,#6d28d9 86%,#8b5cf6 100%);box-shadow:0 16px 50px rgba(109,40,217,.5)}
.hero h1{margin:0 0 6px;font-size:28px;font-weight:900;background:linear-gradient(135deg,#fff 45%,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p{margin:0;opacity:.85;max-width:720px}
.hero::before{content:'';position:absolute;width:420px;height:420px;top:-150px;right:40px;background:radial-gradient(circle,rgba(167,139,250,.28),transparent 65%);animation:sap-drift 10s ease-in-out infinite alternate}
.hero::after{content:'';position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:sap-sheen 7s linear infinite}
.btn{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px rgba(109,40,217,.35)}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
/* ═══ Stage 2 — publishing pages (plugin design) ═══ */
@keyframes sap-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@keyframes sap-timer{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.hero.strat{background:linear-gradient(135deg,#04000c 0%,var(--d) 48%,var(--c) 100%);background-size:220% 220%;animation:sap-flow 14s ease infinite;box-shadow:0 16px 50px color-mix(in srgb,var(--c) 45%,transparent)}
.hero-tag{display:inline-block;font-weight:900;font-size:10.5px;letter-spacing:.14em;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);margin-bottom:10px}
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.hero-stats div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sap-fade-up .4s ease both}
.hero-stats div:nth-child(2){animation-delay:.05s}.hero-stats div:nth-child(3){animation-delay:.1s}.hero-stats div:nth-child(4){animation-delay:.15s}
.hero-stats b{display:block;font-size:22px;font-weight:900;line-height:1.2}
.hero-stats span{font-size:11.5px;opacity:.82}
.live-pill{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:700;font-size:12.5px}
.live-pill a{color:#fff}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.statc{position:relative;overflow:hidden;background:#fff;border:1px solid #ede9fe;border-radius:16px;padding:20px 18px 16px;animation:sap-fade-up .35s ease both;transition:transform .2s,box-shadow .2s}
.statc:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(76,29,149,.10)}
.statc::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 40%,#fff),var(--c));background-size:200% 100%;animation:sap-flow 5s linear infinite}
.statc b{display:block;font-size:28px;font-weight:900;color:#1e1b4b;line-height:1.15;letter-spacing:-.02em}
.statc span{font-size:12px;color:var(--mut);font-weight:600}
.statc i{position:absolute;right:14px;top:16px;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--s);color:var(--c);animation:sap-float 4s ease-in-out infinite}
.statc i svg{width:19px;height:19px}
.strat-card{border-top:4px solid var(--c)}
.strat-card:hover{box-shadow:0 16px 36px color-mix(in srgb,var(--c) 22%,transparent)}
.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;font-size:13px;color:#374151}
.switch input{appearance:none;-webkit-appearance:none;width:42px;height:24px;flex:none;border-radius:999px;background:#d1d5db;position:relative;transition:background .2s;cursor:pointer;margin:0}
.switch input::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .22s cubic-bezier(.34,1.56,.64,1)}
.switch input:checked{background:var(--c,#6d28d9)}
.switch input:checked::after{left:21px}
.days{display:flex;gap:6px;flex-wrap:wrap}
.days label{cursor:pointer}.days input{display:none}
.days span{display:inline-block;min-width:52px;text-align:center;padding:7px 10px;border-radius:10px;border:1.5px solid #e5e7eb;font-weight:800;font-size:12px;color:#6b7280;background:#fff;transition:all .15s}
.days input:checked+span{background:var(--c,#6d28d9);border-color:var(--c,#6d28d9);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--c,#6d28d9) 35%,transparent)}
.crit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.crit label{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1.5px solid #ede9fe;border-radius:12px;cursor:pointer;background:#fff;transition:all .15s}
.crit label:has(input:checked){border-color:var(--c);background:color-mix(in srgb,var(--c) 6%,#fff)}
.crit input{accent-color:var(--c);margin-top:3px}
.crit b{display:block;font-size:13px}.crit small{color:var(--mut);font-size:11.5px}
.log{background:#0f0a1f;color:#ddd6fe;border-radius:12px;padding:12px 14px;font:12px/1.65 Consolas,"Cascadia Mono",monospace;max-height:230px;overflow:auto;margin-top:10px}
.log div{white-space:pre-wrap}.log .ok{color:#86efac}.log .err{color:#fca5a5}
.pbar{height:8px;border-radius:6px;background:#ede9fe;overflow:hidden;margin:10px 0}
.pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--c,#6d28d9),#a78bfa,var(--c,#6d28d9));background-size:200% 100%;animation:sap-flow 2s linear infinite;transition:width .5s}
.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;vertical-align:middle;animation:sap-pulse 1.6s infinite}
.site{display:flex;align-items:center;gap:14px;padding:14px;border:1.5px solid #ede9fe;border-radius:14px;margin-bottom:10px;background:#fff;transition:all .15s}
.site:hover{border-color:#c4b5fd;box-shadow:0 8px 22px rgba(76,29,149,.08)}
.site .fav{width:44px;height:44px;flex:none;border-radius:12px;background:linear-gradient(135deg,#6d28d9,#a78bfa);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:18px}
.prev{width:100%;border-radius:12px;border:1px solid #ede9fe;display:block;box-shadow:0 10px 30px rgba(76,29,149,.12)}
.steps{counter-reset:s;margin:6px 0 10px;padding:0;list-style:none}
.steps li{counter-increment:s;position:relative;padding:0 0 10px 34px;font-size:13px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#ede9fe;color:#6d28d9;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center}
.st-pub{background:#d1fae5;color:#047857}.st-fail{background:#fee2e2;color:#b91c1c}.st-skip{background:#fef3c7;color:#92400e}.st-run{background:#e0e7ff;color:#4338ca}.st-pend{background:#f3f4f6;color:#4b5563}.st-rev{background:#fff7ed;color:#c2410c}

/* ── Review queue ─────────────────────────────────────────────────────────── */
.upd-now{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.upd-ic{width:52px;height:52px;border-radius:14px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upd-ic svg{width:26px;height:26px}.upd-v{display:block;font-size:20px;font-weight:900;color:#1e1b4b;margin:2px 0}
.upd-new{border:2px solid #c7d2fe;background:linear-gradient(180deg,#f5f7ff,#fff)}.upd-notes{margin:12px 0 10px 18px;line-height:1.8;font-size:14px}.upd-act{flex-wrap:wrap;align-items:center}.upd-prog{flex:1;min-width:240px}
.upd-rel{border-top:1px solid #eef0f4;padding:12px 0}.upd-rel:first-of-type{border-top:none}.upd-rel ul{margin:0 0 0 18px;line-height:1.75;font-size:13.5px;color:#374151}.upd-rel.cur b{color:#059669}
em.est{font-style:normal;font-size:9.5px;font-weight:700;color:#6b7280;background:#f3f4f6;border-radius:4px;padding:1px 4px;margin-left:4px;vertical-align:1px}
.wt-tabs{gap:8px;margin:-4px 0 14px}.wt-tabs .chip{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.wt-tabs .chip svg{width:15px;height:15px}
.wt-grid{margin-top:14px}.wt-ph{gap:6px;margin-bottom:6px}.wt-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px}
.wt-ta{width:100%;min-height:300px;resize:vertical;font-size:14px;line-height:1.6;font-family:inherit}
.wt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.wt-stats>div{background:#f8fafc;border:1px solid #eef0f4;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.wt-stats span{font-size:11.5px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.wt-stats b{font-size:20px;color:#1e1b4b}
.wt-badge{display:inline-block;color:#fff;font-size:13px;font-weight:800;border-radius:999px;padding:3px 10px}
.dt-top{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.dt-top .sc-ring{margin:0}
.dt-sig{padding:10px 0;border-top:1px solid #f1f5f9}.dt-sig:first-of-type{border-top:none}
.nav-badge[hidden]{display:none}
.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ea580c;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.rv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}
.rv-card{border-left:5px solid #ea580c;margin:0}.rv-card.done{border-left-color:#059669;opacity:.75}
.rv-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.rv-card h3{margin:4px 0 6px;font-size:17px}.rv-card h3 a{color:#111827;text-decoration:none}.rv-card h3 a:hover{color:#6d28d9;text-decoration:underline}
.rv-sc{font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px}.rv-sc.ok{background:#d1fae5;color:#047857}.rv-sc.mid{background:#fef3c7;color:#92400e}
.rv-step{margin-top:8px;min-height:16px;color:#4338ca}

/* ── Editor ───────────────────────────────────────────────────────────────── */
.ed-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ed-head .chip{text-decoration:none}
.ed-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
@media (max-width:1150px){.ed-grid{grid-template-columns:1fr}}
.ed-main{padding:22px 26px}
.ed-title{width:100%;border:0;border-bottom:2px solid #ede9fe;font-weight:900;font-size:26px;line-height:1.25;font-family:inherit;color:#1e1b4b;padding:4px 0 10px;outline:none;background:transparent}.ed-title:focus{border-bottom-color:#7c3aed}
.ed-tools{position:sticky;top:-18px;z-index:5;display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px;margin:12px -8px;background:#faf9ff;border:1px solid #ede9fe;border-radius:12px}
.ed-tools button{border:1px solid transparent;background:transparent;border-radius:8px;padding:5px 9px;font-size:13px;font-weight:700;color:#374151;cursor:pointer}.ed-tools button:hover{background:#ede9fe;color:#4c1d95}
.ed-tools>span:not([style]){width:1px;height:18px;background:#e5e7eb;margin:0 3px}
.ed-tools .ed-ai{background:linear-gradient(135deg,#6d28d9,#a855f7);color:#fff}.ed-tools .ed-ai:hover{background:linear-gradient(135deg,#5b21b6,#9333ea);color:#fff}
.ed-main{position:relative}
.ed-featbox{margin:4px 0 16px}
.ed-feat{width:100%;height:auto;border-radius:12px 12px 0 0;display:block;background:#f3f4f6}
.ed-imgbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:#faf9ff;border:1px solid #ede9fe;border-top:0;border-radius:0 0 12px 12px;font-size:13px}
.ed-nofeat{padding:18px;border:2px dashed #ddd6fe;border-radius:12px;color:#6b7280;font-size:13.5px;display:flex;gap:10px;align-items:center}
.ed-tools select{border:1px solid #ddd6fe;border-radius:8px;padding:5px 8px;font-size:13px;font-weight:700;background:#fff;color:#374151}
.ed-tools button.on{background:#6d28d9;color:#fff}.ed-tools button:disabled,.ed-tools select:disabled{opacity:.4;cursor:default}
.ed-imgtools{position:absolute;z-index:6;gap:2px;align-items:center;background:#1e1b4b;border-radius:11px;padding:4px;box-shadow:0 10px 26px rgba(17,8,48,.35)}
.ed-imgtools button{border:0;background:transparent;color:#fff;border-radius:8px;padding:5px 9px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.ed-imgtools button:hover{background:rgba(255,255,255,.18)}
.ed-imgtools i{width:1px;height:18px;background:rgba(255,255,255,.25);margin:0 3px}
.ed-sel{outline:3px solid #7c3aed;outline-offset:3px;border-radius:6px}
.ed-body img{cursor:pointer}.ed-body h4{font:700 16.5px/1.4 'Segoe UI',Arial,sans-serif;margin:16px 0 6px}.ed-body pre{background:#f3f4f6;border-radius:10px;padding:12px 14px;font:13.5px/1.5 Consolas,monospace;white-space:pre-wrap}.ed-body hr{border:0;border-top:2px solid #ede9fe;margin:24px 0}
.ed-body::after{content:'';display:block;clear:both}
.ed-src{width:100%;min-height:560px;border:1px solid #ddd6fe;border-radius:12px;padding:14px;font:13px/1.55 Consolas,'Courier New',monospace;color:#1f2937;background:#fcfbff;resize:vertical;box-sizing:border-box}
.ed-grid.focus{grid-template-columns:1fr}.ed-grid.focus .ed-side{display:none}
.im-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}.im-grid .lbl{margin-top:10px}
@media (max-width:900px){.im-grid{grid-template-columns:1fr}}
.im-prev{display:flex;align-items:center;justify-content:center;min-height:220px;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/20px 20px;border:1px solid #e5e7eb}
.im-prev img{max-width:100%;max-height:54vh;object-fit:contain;display:block}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px;max-height:44vh;overflow:auto}
.pk-i{padding:0;border:3px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:#f3f4f6;aspect-ratio:16/10}.pk-i img{width:100%;height:100%;object-fit:cover;display:block}.pk-i:hover{border-color:#7c3aed}
.ed-body{min-height:420px;outline:none;font:16.5px/1.75 Georgia,'Times New Roman',serif;color:#1f2937}
.ed-body h2{font:800 23px/1.3 'Segoe UI',Arial,sans-serif;color:#1e1b4b;margin:28px 0 10px}.ed-body h3{font:700 19px/1.35 'Segoe UI',Arial,sans-serif;margin:20px 0 8px}
.ed-body img{max-width:100%;height:auto;border-radius:10px}.ed-body figure{margin:20px 0;text-align:center}.ed-body figcaption{font-size:13px;color:#6b7280}
.ed-body blockquote{border-left:4px solid #c4b5fd;margin:16px 0;padding:6px 16px;background:#faf5ff}
.ed-body table{border-collapse:collapse;width:100%;font:14px 'Segoe UI',Arial,sans-serif}.ed-body th,.ed-body td{border:1px solid #d1d5db;padding:6px 9px}.ed-body th{background:#f3f4f6}
.ed-body a{color:#6d28d9}
.ed-hl{outline:3px solid #a855f7;outline-offset:4px;border-radius:4px;background:#faf5ff}
.ed-side .card{margin-bottom:14px}.ed-side .lbl{margin-top:10px}.ed-side textarea{resize:vertical}
.ed-scores{display:flex;justify-content:space-around}.ed-scores .sc-ring{width:84px;height:84px}
.ed-btns{display:flex;flex-direction:column;gap:8px;margin-top:14px}.ed-btns .btn{justify-content:center}.ed-btns .ed-go{background:linear-gradient(135deg,#059669,#10b981)}
.ed-step{margin-top:10px;color:#4338ca;min-height:16px}
.pulse-btn{box-shadow:0 0 0 0 rgba(124,58,237,.6);animation:ed-pulse 1.6s infinite}@keyframes ed-pulse{70%{box-shadow:0 0 0 10px rgba(124,58,237,0)}100%{box-shadow:0 0 0 0 rgba(124,58,237,0)}}
.serp{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;margin-top:4px;font-family:Arial,sans-serif}.serp-u{font-size:12px;color:#4d5156}.serp-t{font-size:17px;color:#1a0dab;margin:3px 0;line-height:1.3}.serp-d{font-size:13px;color:#4d5156;line-height:1.45}
.rw-prev{margin-top:12px;max-height:46vh;overflow:auto;border:1px solid #ede9fe;border-radius:12px;padding:6px 16px;font:15px/1.65 Georgia,serif;background:#fcfbff}.rw-prev img{max-width:100%;border-radius:8px}

/* ── Content calendar ─────────────────────────────────────────────────────── */
.cal-w,.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-w div{font-size:11.5px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;padding:0 4px 4px}
.cal-d{min-height:112px;border:1px solid #ede9fe;border-radius:12px;padding:6px;background:#fff;display:flex;flex-direction:column;gap:3px;overflow:hidden}
.cal-d.empty{background:transparent;border-color:transparent}.cal-d.past{background:#fcfcfd}.cal-d.today{border:2px solid #7c3aed;box-shadow:0 6px 18px rgba(124,58,237,.15)}
.cal-n{font-size:12px;font-weight:800;color:#4b5563}.cal-d.today .cal-n{color:#7c3aed}
.cal-i{display:block;font-size:11.5px;line-height:1.35;padding:3px 6px;border-radius:7px;background:color-mix(in srgb,var(--c) 12%,#fff);border-left:3px solid var(--c);color:#1f2937;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-i:hover{background:color-mix(in srgb,var(--c) 22%,#fff)}.cal-i.st-review{border-left-color:#ea580c}.cal-i.st-failed{border-left-color:#dc2626;opacity:.8}
.cal-p{font-size:11px;padding:3px 6px;border-radius:7px;border:1.5px dashed var(--c);color:var(--c);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-more{font-size:11px;color:#6b7280}
button.cal-i,button.cal-p{width:100%;text-align:left;font-family:inherit;cursor:pointer;border-top:0;border-right:0;border-bottom:0}
button.cal-p{background:transparent;border:1.5px dashed var(--c)}button.cal-p:hover{background:color-mix(in srgb,var(--c) 10%,#fff)}
.cal-i b{font-weight:800;font-size:10.5px;color:#4b5563;margin-right:2px}.cal-i.st-scheduled{border-left-color:#0891b2;background:#ecfeff}
.cal-s{background:#fff;font-weight:700;margin-left:4px}.cal-s:hover{background:#faf5ff}
.st-sched{background:#cffafe;color:#0e7490}
.jb-stop{border:1px solid rgba(252,165,165,.7);background:rgba(239,68,68,.3);color:#fff;border-radius:8px;font-size:11.5px;font-weight:700;padding:4px 9px;cursor:pointer}.jb-stop:hover{background:rgba(239,68,68,.6)}.jobbar:not(.run) .jb-stop,.jobbar.mini .jb-stop{display:none}
.pn-order{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 2px;padding:8px 12px;border-radius:12px;background:#faf5ff;border:1px solid #ede9fe}
.pn-order .chip.on{background:#6d28d9;color:#fff;border-color:#6d28d9}
.pn-first{white-space:nowrap}.fs-row .pn-eng{flex:0 0 auto}
.toast{top:20px;right:22px;bottom:auto;overflow:hidden;padding:11px 18px 13px;border-radius:12px;background:linear-gradient(135deg,#1e1b4b,#4c1d95);transform:translateY(-10px)}
.toast.show::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#c4b5fd,#22d3ee);transform-origin:left;animation:sap-timer 2.6s linear forwards}
.toast.err{background:linear-gradient(135deg,#7f1d1d,#b91c1c)}
@media(max-width:1100px){.stats,.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crit{grid-template-columns:1fr}}

/* ═══ v0.3 — Websites, Settings, AI & Image Models, License, Analytics, Audit, Guide, Help ═══ */
.st-ready{background:#ede9fe;color:#6d28d9}
.ib{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;font-size:10.5px;font-weight:900;background:#f3f4f6;color:#9ca3af;margin-right:3px}
.ib.on{background:#dbeafe;color:#1d4ed8}
.plat{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:5px;color:#fff;font-size:8.5px;font-weight:900;vertical-align:1px}
.caps{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.cap{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#f3f4f6;color:#4b5563}.cap.on{background:#d1fae5;color:#047857}.cap.warn{background:#fef3c7;color:#92400e}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ptile{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;font-weight:700;font-size:12.5px;color:#374151;text-align:left;transition:all .15s}
.ptile:hover{border-color:var(--pc);transform:translateY(-1px)}.ptile.on{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 8%,#fff);box-shadow:0 6px 16px color-mix(in srgb,var(--pc) 22%,transparent)}
.ptile .pl,.pbox .fav{flex:none;width:28px;height:28px;border-radius:8px;background:var(--pc);color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.pbox{margin-top:16px;border:1.5px solid color-mix(in srgb,var(--pc) 35%,#e5e7eb);border-radius:16px;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 5%,#fff),#fff)}
.pbox .fav{width:42px;height:42px;font-size:15px;border-radius:12px}.pfields{display:flex;flex-direction:column;gap:10px}
.modal-o{position:fixed;inset:0;background:rgba(15,10,31,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;display:flex;align-items:center;justify-content:center;padding:30px;animation:sap-fade-up .2s ease}
.modal{background:#fff;border-radius:18px;padding:20px 22px;max-width:520px;width:100%;box-shadow:0 30px 70px rgba(0,0,0,.35);max-height:90vh;overflow:auto}.modal.wide{max-width:900px}.modal.xwide{max-width:1180px;height:90vh;display:flex;flex-direction:column}
.af-wrap{display:flex;gap:14px;flex:1;min-height:0}.af-list{width:290px;flex:none;overflow:auto;display:flex;flex-direction:column;gap:8px}
.af-item{text-align:left;border:1.5px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit}.af-item:hover{border-color:#c4b5fd}.af-item.on{border-color:#7c3aed;background:#f5f3ff}
.af-item b{display:block;font-size:14px}.af-item .small{display:block;margin-top:3px}.af-cur{float:right;font-size:11px;font-weight:700;color:#fff;background:#7c3aed;border-radius:99px;padding:1px 8px}
.af-view{flex:1;display:flex;flex-direction:column;min-width:0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.af-bar{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}
.af-frame{flex:1;width:100%;border:0;background:#fff}
@media (max-width:820px){.af-wrap{flex-direction:column}.af-list{width:auto;max-height:180px}}
.ap-wrap{display:flex;gap:20px;align-items:flex-start}.ap-main{flex:1;min-width:0}.ap-side{flex:0 0 300px;position:sticky;top:0;display:flex;flex-direction:column;gap:16px}
@media(max-width:1180px){.ap-wrap{flex-direction:column}.ap-side{position:static;flex:1 1 auto;width:100%;flex-direction:row;flex-wrap:wrap}.ap-side>*{flex:1 1 280px}}
@keyframes ap-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ap-sweep{0%{left:-40%}100%{left:130%}}
.ap-card{position:relative;overflow:hidden;border-radius:16px;padding:20px;color:#fff;box-shadow:0 10px 30px rgba(76,29,149,.18);background-size:280% 280%;animation:ap-float 6s ease-in-out infinite,sap-flow 9s ease infinite}
.ap-card.traffic{background-image:linear-gradient(120deg,#6d28d9,#8b5cf6,#4f46e5,#7c3aed)}.ap-card.cron{background-image:linear-gradient(120deg,#0f766e,#0891b2,#0ea5e9,#0d9488);animation-delay:-3s,0s}
.ap-card.off{filter:saturate(.5) brightness(.92)}
.ap-card.bk{background-image:linear-gradient(120deg,#b45309,#d97706,#ea580c,#c2410c);animation-delay:-1.5s,0s}.ap-card.rep{background-image:linear-gradient(120deg,#334155,#475569,#1e293b,#3f3f46);animation-delay:-4.5s,0s}
.ap-card .btn.g{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.35)}.ap-card .btn:not(.g){background:#fff;color:#7c2d12}.ap-card .small.muted{color:rgba(255,255,255,.82)}
.ap-card::before{content:'';position:absolute;top:-60%;left:-40%;width:40%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(18deg);animation:ap-sweep 4.5s linear infinite;pointer-events:none}
.ap-ico{font-size:28px;margin-bottom:8px}.ap-card h4{margin:0 0 6px;font-size:15.5px;font-weight:800}.ap-card p{margin:0 0 10px;font-size:12.5px;line-height:1.6;opacity:.93}
.ap-list{list-style:none;margin:0;padding:0;font-size:12px}.ap-list li{padding-left:18px;position:relative;margin-bottom:4px}.ap-list li::before{content:'✓';position:absolute;left:0;font-weight:900;color:#c4ffe6}
.ap-badge{position:absolute;top:14px;right:14px;font-size:9.5px;font-weight:800;letter-spacing:.07em;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.18);display:flex;align-items:center;gap:6px}
.ap-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.22);font-size:12.5px;font-weight:700}
.sw{position:relative;display:inline-block;width:44px;height:24px;flex:none;cursor:pointer}.sw input{opacity:0;width:0;height:0;position:absolute}.sw-track{position:absolute;inset:0;background:rgba(0,0,0,.28);border-radius:999px;transition:background .2s}
.sw-track::before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.35)}.sw input:checked+.sw-track{background:#34d399}.sw input:checked+.sw-track::before{transform:translateX(20px)}
.pill{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:800;text-decoration:none}
.note{border-radius:10px;padding:10px 14px;font-size:12.5px;margin-bottom:12px;line-height:1.6}.note.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.note.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.note.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}
.fd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}
.fd-card{display:flex;flex-direction:column;gap:3px;padding:8px;border:2px solid #ede9fe;border-radius:14px;cursor:pointer;background:#fff;transition:all .15s}.fd-card:hover{border-color:#c4b5fd}.fd-card.on{border-color:#6d28d9;box-shadow:0 8px 20px rgba(109,40,217,.18)}
.fd-card input,.fd-pal input{display:none}.fd-card b{font-size:12.5px}.fd-card small{font-size:10.5px;color:#6b7280;line-height:1.35}
.fd-mock{position:relative;display:block;height:72px;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#94a3b8,#cbd5e1 60%,#e2e8f0);margin-bottom:4px}
.fd-mock i{position:absolute;display:block}.fd-mock s{display:block;border-radius:3px}
.mk-auto{display:flex!important;align-items:center;justify-content:center;background:conic-gradient(from 90deg,#0d214f,#3b1770,#064e3b,#7f1d1d,#0c4a60,#0d214f)}.mk-auto .mx{position:static;color:#fff;font-size:26px;font-style:normal}
.fd-mock .fade{inset:0;background:linear-gradient(90deg,#0d214f 40%,transparent)}.fd-mock .l1{left:8px;top:14px;width:45%;height:8px;background:#fff;border-radius:3px;box-shadow:0 12px 0 #fbc018}.fd-mock .l2{left:8px;top:40px;width:30%;height:4px;background:#e5e7eb;border-radius:2px}
.fd-mock .dots{left:8px;right:8px;bottom:6px;display:flex;gap:4px}.fd-mock .dots s{flex:1;height:8px;background:#fff}.fd-mock .dots.b s{background:#1d4ed8;height:6px}.fd-mock .dots.m s{background:rgba(255,255,255,.3)}
.fd-mock .pnl{left:0;top:0;bottom:0;width:52%;background:#3b1770;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}.fd-mock .l1.w{box-shadow:0 12px 0 #f472b6}.fd-mock .li{left:8px;bottom:6px;display:flex;flex-direction:column;gap:3px}.fd-mock .li s{width:34px;height:3px;background:#fff}
.fd-mock .shade{inset:0;background:linear-gradient(#064e3b99,#064e3bee)}.fd-mock .l1.c{left:25%;width:50%;box-shadow:0 12px 0 #a3e635}.fd-mock .crds{left:6px;right:6px;bottom:5px;display:flex;gap:3px}.fd-mock .crds s{flex:1;height:14px;background:#fff}
.fd-mock .card{left:0;top:0;bottom:0;width:55%;background:#fff;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.fd-mock .l1.d{background:#7f1d1d;box-shadow:0 12px 0 #fb923c}.fd-mock .chk{left:8px;bottom:6px;display:flex;flex-direction:column;gap:3px}.fd-mock .chk s{width:46px;height:4px;background:#e5e7eb}
.fd-mock .rib{left:0;right:0;top:26px;height:22px;background:#0c4a60;border-top:3px solid #f59e0b}.fd-mock .l1.r{top:33px;box-shadow:none}
.fd-mock .band{left:0;right:0;bottom:0;height:52%;background:#111827}.fd-mock .l1.m{top:40px;width:55%;box-shadow:none}
.fd-pals{display:flex;flex-wrap:wrap;gap:10px}.fd-pal{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px;border-radius:12px;border:2px solid transparent}.fd-pal.on{border-color:#6d28d9;background:#f5f3ff}
.fd-pal span{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff,0 2px 6px rgba(0,0,0,.2)}.fd-pal em{font-style:normal;font-size:10.5px;font-weight:700;color:#4b5563}
.idx-box{border-radius:12px;padding:14px 16px;margin-bottom:12px;border:1px solid}.idx-box.g{background:#eff6ff;border-color:#bfdbfe}.idx-box.b{background:#ecfeff;border-color:#a5f3fc}.idx-box.n{background:#f0fdfa;border-color:#99f6e4}
.idx-t{font-size:13.5px}.idx-box.g .idx-t{color:#1e40af}.idx-box.b .idx-t{color:#0e7490}.idx-box.n .idx-t{color:#0f766e}
.guide{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;margin-top:10px;font-size:13px}
.mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:1100px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mcard{position:relative;border:2px solid #e5e7eb;border-radius:14px;padding:18px;background:var(--mb);transition:all .2s}.mcard:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(76,29,149,.12)}
.mcard.active{border-color:#059669;background:#f0fdf4}.m-active{position:absolute;top:-2px;right:14px;background:#059669;color:#fff;font-size:9px;font-weight:800;padding:2px 10px;border-radius:0 0 8px 8px;letter-spacing:.06em}
.m-badge{background:var(--mc);color:#fff;padding:1px 8px;border-radius:10px;font-size:9px;font-weight:800;letter-spacing:.04em}
.icard{position:relative;display:flex;flex-direction:column;gap:11px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:18px;transition:all .2s}.icard:hover{transform:translateY(-2px)}
.icard.active{border-color:var(--mc);box-shadow:0 0 0 4px color-mix(in srgb,var(--mc) 12%,transparent)}.i-active{position:absolute;top:12px;right:12px;background:#059669;color:#fff;font-size:9px;font-weight:900;padding:3px 9px;border-radius:20px}
.i-ico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;background:color-mix(in srgb,var(--mc,#6d28d9) 12%,#fff);color:var(--mc,#6d28d9)}
.i-badge{font-size:9px;font-weight:900;letter-spacing:.08em;padding:3px 8px;border-radius:20px;background:color-mix(in srgb,var(--mc) 12%,#fff);color:var(--mc)}
.nokey{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:9px;padding:8px 12px;font-size:12px;color:#6d28d9;font-weight:700;text-align:center}
.lic-active{animation:sap-fade-up .35s ease both,lic-glow 3s ease-in-out infinite}@keyframes lic-glow{0%,100%{box-shadow:0 4px 24px rgba(0,0,0,.06)}50%{box-shadow:0 8px 40px rgba(109,40,217,.18)}}
.lic-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:440px}.lic-stats div{background:rgba(255,255,255,.75);border-radius:10px;padding:10px;text-align:center}.lic-stats b{display:block;font-size:22px;font-weight:900}.lic-stats span{font-size:10px;color:#6b7280;font-weight:700;text-transform:uppercase}
.cmp tr.price td{font-weight:800;font-size:14px;border-top:2px solid #e5e7eb}
.ubar{background:#f3f4f6;border-radius:99px;height:10px;overflow:hidden;margin:8px 0}.ubar i{display:block;height:100%;border-radius:99px;transition:width .7s}.uval{font-size:24px;font-weight:900;color:#1e1b4b}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.lgrid div{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px;text-align:center}.lgrid b{display:block;font-size:22px;font-weight:900;color:#111827}.lgrid span{font-size:10px;color:#9ca3af;font-weight:700;text-transform:uppercase}
.bars{display:flex;align-items:flex-end;gap:5px;height:130px}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:100%}.bars b{font-size:10px;color:#6d28d9}.bars i{width:100%;background:linear-gradient(#8b5cf6,#6d28d9);border-radius:4px 4px 0 0}.bars span{font-size:9px;color:#9ca3af}
.scchart{display:flex;align-items:flex-end;gap:2px;height:80px;margin:14px 0 6px}.scchart div{flex:1;position:relative;height:100%}.scchart i{position:absolute;bottom:0;left:0;right:0;border-radius:2px 2px 0 0}.scchart .im{background:#ddd6fe}.scchart .cl{background:#2563eb;left:25%;right:25%}
.lg{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 3px 0 10px;vertical-align:-1px}.lg.cl{background:#2563eb}.lg.im{background:#ddd6fe}
.dupg{border:1px solid #f3f4f6;border-radius:10px;overflow:hidden;margin-bottom:10px;padding-bottom:6px}.dupw{background:#faf9ff;padding:7px 12px;font-size:11px;font-weight:700;color:#6d28d9;border-bottom:1px solid #f3f4f6;margin-bottom:6px}.dupg .small{padding:2px 12px}
.sep{height:2px;background:linear-gradient(90deg,transparent,#e5e7eb 30%,#e5e7eb 70%,transparent);margin:30px 0 24px}
.ring2{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}
.ghero{position:relative;overflow:hidden;border-radius:20px;padding:36px;margin-bottom:24px;color:#fff;text-align:center;background:linear-gradient(135deg,#1e1b4b,#3b0764 40%,#6d28d9 80%,#8b5cf6);background-size:200% 200%;animation:sap-flow 12s ease infinite;box-shadow:0 16px 50px rgba(109,40,217,.45)}
.ghero h2{font-size:28px;font-weight:900;margin:0 0 10px}.ghero p{max-width:720px;margin:0 auto 22px;opacity:.88;line-height:1.7}
.gstats{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.gstats b{display:block;font-size:32px;font-weight:900;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gstats span{font-size:11px;opacity:.75;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.slabel{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin:26px 0 14px}.slabel::before,.slabel::after{content:'';flex:1;height:1px;background:#e5e7eb}
.pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}@media(max-width:1100px){.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pipe{position:relative;background:#fff;border:2px solid #ede9fe;border-radius:14px;padding:22px 14px 16px;text-align:center;transition:all .2s;animation:sap-fade-up .4s ease both}.pipe:hover{border-color:#6d28d9;transform:translateY(-3px);box-shadow:0 10px 24px rgba(109,40,217,.14)}
.pnum{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:#6d28d9;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.pico{font-size:26px;margin-bottom:8px;animation:sap-float 4s ease-in-out infinite}.pipe b{display:block;font-size:12.5px;margin-bottom:5px}.pipe p{margin:0;font-size:11.5px;color:#6b7280;line-height:1.5}
.gstep{display:flex;gap:9px;padding:6px 0;font-size:12px;line-height:1.55;color:#374151}.gstep>span{flex:none;width:20px;height:20px;border-radius:50%;color:#fff;font-size:10.5px;font-weight:900;display:flex;align-items:center;justify-content:center}
.checks{display:flex;gap:28px;align-items:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.crow{display:flex;gap:8px;align-items:center;padding:5px 0;font-size:13px;border-bottom:1px solid rgba(109,40,217,.08)}
.ix.g{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af}.ix.b{background:linear-gradient(135deg,#ecfeff,#cffafe);color:#0e7490}.ix.n{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);color:#065f46}
.tip{border-radius:12px;padding:14px 18px;border-left:4px solid;margin-bottom:4px}.tip b{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.tip p{margin:5px 0 0;font-size:12.5px;line-height:1.65;color:#374151}
.tip.p{background:#f5f3ff;border-color:#6d28d9}.tip.g{background:#f0fdf4;border-color:#059669}.tip.b{background:#eff6ff;border-color:#2563eb}.tip.a{background:#fffbeb;border-color:#d97706}
.gstack{margin-top:24px;background:linear-gradient(135deg,#1e1b4b,#3b0764);border-radius:16px;padding:26px;text-align:center;color:#fff}.gstack>b{font-size:19px}.gstack>p{opacity:.8;font-size:13px}
.gs{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 16px;min-width:130px}.gs b{display:block;font-size:12px}.gs span{font-size:11px;opacity:.7}
.faq{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;overflow:hidden}.faq-q{padding:12px 16px;font-weight:700;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;background:#fff}.faq-q:hover{background:#fafafa}
.faq-a{display:none;padding:12px 16px 14px;font-size:13px;color:#374151;line-height:1.75;background:#f9fafb;border-top:1px solid #e5e7eb}.faq.open .faq-a{display:block}.faq.open .faq-q span{transform:rotate(180deg)}
.legal{height:360px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:10px;padding:16px 20px;font-size:12.5px;line-height:1.85;color:#374151;background:#fafafa}.legal h3{font-size:13px;margin:16px 0 4px}.legal h3:first-child{margin-top:0}

/* Brand logo (v0.3.1) */
.brand img.logo{width:40px;height:40px;padding:0;border-radius:11px;background:#fff;object-fit:contain;box-shadow:0 6px 18px -6px rgba(109,40,217,.55);border:1px solid #ede9fe}

/* ── Dashboard header — same design as the plugin's #sap-header ───────────── */
@keyframes sap-orb1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(60px,-40px) scale(1.45)}}
@keyframes sap-orb2{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-50px,35px) scale(1.3)}}
@keyframes sap-orb3{0%{transform:translate(0,0) scale(1)}100%{transform:translate(30px,50px) scale(1.2)}}
@keyframes sap-orb4{0%{transform:translate(0,0) scale(1) rotate(0deg)}100%{transform:translate(-40px,-60px) scale(1.5) rotate(20deg)}}
@keyframes sap-pulse-ring{0%,100%{box-shadow:0 0 0 0 rgba(109,40,217,.5)}50%{box-shadow:0 0 0 8px rgba(109,40,217,0)}}
@keyframes sap-twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.4)}}
@keyframes sap-dot-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.5}}
@keyframes sap-badge-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@keyframes sap-hbeam{0%{left:-60%}100%{left:120%}}
@keyframes sap-bubble-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes sap-bubble-in{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sap-bubble-sheen{0%{left:-60%}60%,100%{left:130%}}
@keyframes sap-star-spin{0%,100%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-10deg) scale(1.2)}75%{transform:rotate(10deg) scale(1.2)}}
@keyframes sap-contact-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes sap-fab-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@keyframes sap-spin{to{transform:rotate(360deg)}}
#sap-header{position:relative;background:linear-gradient(135deg,#04000c 0%,#160440 22%,#2d0558 45%,#4c1d95 68%,#6d28d9 86%,#8b5cf6 100%);border-radius:20px;padding:36px 40px 32px;margin-bottom:26px;color:#fff;display:flex;align-items:flex-start;justify-content:space-between;overflow:hidden;box-shadow:0 16px 50px rgba(109,40,217,.5),0 4px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);gap:24px}
#sap-header::after{content:'';position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:sap-hbeam 7s linear infinite;pointer-events:none;z-index:1}
#sap-header .sap-orb1{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(167,139,250,.28) 0%,transparent 65%);top:-150px;right:40px;pointer-events:none;animation:sap-orb1 10s ease-in-out infinite alternate}
#sap-header .sap-orb2{position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(79,209,197,.14) 0%,transparent 65%);bottom:-80px;left:180px;pointer-events:none;animation:sap-orb2 14s ease-in-out infinite alternate}
#sap-header .sap-orb3{position:absolute;width:220px;height:220px;background:radial-gradient(circle,rgba(251,191,36,.1) 0%,transparent 65%);top:10px;left:0;pointer-events:none;animation:sap-orb3 11s ease-in-out infinite alternate}
#sap-header .sap-orb4{position:absolute;width:160px;height:160px;background:radial-gradient(circle,rgba(236,72,153,.12) 0%,transparent 65%);bottom:-20px;right:300px;pointer-events:none;animation:sap-orb4 15s ease-in-out infinite alternate}
#sap-header .sap-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 40%,transparent 100%)}
.sap-hdr-particle{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.7)}
.sap-hdr-particle:nth-child(6){width:4px;height:4px;top:22%;left:9%;animation:sap-twinkle 3.2s ease-in-out infinite}
.sap-hdr-particle:nth-child(7){width:3px;height:3px;top:65%;left:14%;animation:sap-twinkle 4.6s ease-in-out infinite 1.1s}
.sap-hdr-particle:nth-child(8){width:5px;height:5px;top:32%;left:52%;animation:sap-twinkle 3.8s ease-in-out infinite .5s}
.sap-hdr-particle:nth-child(9){width:3px;height:3px;top:72%;right:28%;animation:sap-twinkle 5.2s ease-in-out infinite 2.1s}
.sap-hdr-particle:nth-child(10){width:4px;height:4px;top:18%;right:38%;animation:sap-twinkle 4s ease-in-out infinite 1.6s}
.sap-hdr-particle:nth-child(11){width:6px;height:6px;top:55%;right:12%;animation:sap-float 5s ease-in-out infinite;opacity:.4}
.sap-hero-main{position:relative;z-index:2;flex:1;min-width:0}
.sap-hero-title{font-size:30px;font-weight:900;margin:0 0 4px;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 45%,#c4b5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15}
.sap-hero-title a{background:linear-gradient(135deg,#a78bfa,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:opacity .2s}
.sap-hero-title a:hover{opacity:.8}
.sap-hero-sub{font-size:12px;opacity:.6;margin:5px 0 0;letter-spacing:.01em}
.sap-hero-tagline{margin:16px 0 0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:14px 18px;font-size:13px;line-height:1.75;max-width:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s,border .3s}
.sap-hero-tagline:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.22)}
.sap-hero-tagline .hl{color:#c4b5fd;font-weight:700}
.sap-cohere-bubble{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,rgba(124,58,237,.85),rgba(168,85,247,.75));border:1px solid rgba(196,155,253,.5);border-radius:40px;padding:9px 18px 9px 12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap;box-shadow:0 4px 24px rgba(109,40,217,.4),0 0 0 0 rgba(167,139,250,.6);animation:sap-bubble-float 3.5s ease-in-out infinite,sap-bubble-in .7s cubic-bezier(.34,1.56,.64,1) both .6s;cursor:pointer;position:relative;overflow:hidden;text-decoration:none}
.sap-cohere-bubble::before{content:'';position:absolute;top:-50%;left:-60%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-18deg);animation:sap-bubble-sheen 4s ease-in-out infinite 2s}
.sap-cohere-bubble:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 8px 32px rgba(109,40,217,.55),0 0 0 3px rgba(167,139,250,.35)}
.sap-cohere-star{font-size:15px;line-height:1;animation:sap-star-spin 4s ease-in-out infinite}
.sap-cohere-label{display:flex;flex-direction:column;line-height:1.3}
.sap-cohere-label span:first-child{font-size:11px;opacity:.75;font-weight:600;letter-spacing:.03em}
.sap-cohere-label span:last-child{font-size:13px;font-weight:900;letter-spacing:.01em}
#sap-contact-fab{display:inline-flex;align-items:center;gap:7px;padding:7px 16px 7px 12px;border-radius:99px;background:linear-gradient(135deg,#6d28d9,#7c3aed);border:none;cursor:pointer;font:800 12px/1.2 inherit;color:#fff;letter-spacing:.03em;box-shadow:0 3px 12px rgba(109,40,217,.45);animation:sap-contact-float 3.5s ease-in-out infinite;transition:transform .2s,box-shadow .2s;position:relative;white-space:nowrap}
#sap-contact-fab:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 6px 20px rgba(109,40,217,.7)}
#sap-contact-fab .ring{position:absolute;inset:-3px;border-radius:99px;border:2px solid rgba(167,139,250,.4);animation:sap-fab-ring 2.5s ease-out infinite;pointer-events:none}
#sap-contact-fab svg{width:15px;height:15px}
.sap-hero-right{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.sap-badge-pill{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:7px 16px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;display:inline-flex;align-items:center;gap:7px;transition:all .25s cubic-bezier(.34,1.56,.64,1);animation:sap-badge-in .5s ease both;cursor:default;color:#fff;text-decoration:none}
a.sap-badge-pill{cursor:pointer}
.sap-badge-pill:nth-child(1){animation-delay:.1s}.sap-badge-pill:nth-child(2){animation-delay:.2s}.sap-badge-pill:nth-child(3){animation-delay:.3s}.sap-badge-pill:nth-child(4){animation-delay:.4s}
.sap-badge-pill:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateX(-3px) scale(1.03);box-shadow:0 4px 16px rgba(0,0,0,.25)}
.sap-badge-pill.plan-active{background:linear-gradient(135deg,rgba(109,40,217,.6),rgba(124,58,237,.6));border-color:rgba(167,139,250,.6);animation:sap-pulse-ring 2.8s ease-in-out infinite,sap-badge-in .5s ease both}
.sap-badge-pill .mdl{opacity:.7;font-weight:600}
.sap-badge-pip{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;animation:sap-dot-pulse 2s ease-in-out infinite}
.sap-badge-pip.green{background:#4ade80;box-shadow:0 0 6px #4ade80}
.sap-badge-pip.blue{background:#60a5fa;box-shadow:0 0 6px #60a5fa}
.sap-badge-pip.amber{background:#fbbf24;box-shadow:0 0 6px #fbbf24}
.sap-metrics-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin-top:2px;align-items:center}
.sap-metric-badge{flex-direction:column;gap:1px;padding:5px 12px;line-height:1;animation:sap-badge-in .6s ease both .5s;justify-content:center}
.sap-metric-badge:hover{transform:translateY(-2px) scale(1.05)}
.sap-metric-badge .k{font-size:9px;opacity:.65;font-weight:700;letter-spacing:.07em}
.sap-metric-badge .sap-metric-val{font-size:14px;font-weight:900}
#sap-purge-btn{display:inline-flex;align-items:center;gap:5px;background:rgba(109,40,217,.22);border:1px solid rgba(167,139,250,.35);color:#fff;font:700 12px/1.2 inherit;letter-spacing:.04em;padding:5px 12px;border-radius:20px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .22s ease;white-space:nowrap;animation:sap-badge-in .6s ease both .7s}
#sap-purge-btn:hover{background:rgba(109,40,217,.42);border-color:rgba(196,155,253,.6);transform:translateY(-2px);box-shadow:0 4px 18px rgba(109,40,217,.35)}
#sap-purge-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
#sap-purge-btn.loading .sap-purge-icon{display:inline-block;animation:sap-spin .7s linear infinite}
.sap-metric-site{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:20px;padding:4px 10px;font:700 11.5px/1.2 inherit;max-width:190px;cursor:pointer;outline:none}
.sap-metric-site{display:inline-flex;align-items:center;gap:6px}
.sap-metric-site:hover{background:rgba(255,255,255,.16)}
.sap-ms-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sap-ms-caret{opacity:.75;font-size:10px}
.ms-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto}
.ms-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.ms-item:hover{border-color:#a78bfa;background:#faf5ff}
.ms-item.on{border-color:#7c3aed;background:#f5f3ff}
.ms-av{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff;font-weight:800}
.ms-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.ms-txt b{font-size:14px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-txt small{font-size:12px;color:#6b7280}
.ms-check{flex-shrink:0;font-size:12px;font-weight:700;color:#6d28d9}
.sap-metric-note{font-size:11px;opacity:.7;max-width:330px;text-align:right;line-height:1.45}
.sap-metric-note a{color:#c4b5fd;font-weight:700}
#sap-header .live-pill{margin-top:14px}
@media (max-width:1100px){#sap-header{flex-direction:column;padding:26px 24px 22px;gap:16px}.sap-hero-right{align-items:flex-start}.sap-metrics-row{justify-content:flex-start}.sap-metric-note{text-align:left}}

/* ── Leath Steps AI (AI Models) ──────────────────────────────────────────────── */
.pn-card{border:1.5px solid #ddd6fe;background:linear-gradient(180deg,#faf5ff,#fff 120px)}
.pn-card.active{border-color:#7c3aed;box-shadow:0 10px 30px rgba(109,40,217,.12)}
.pn-top{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.pn-logo{flex:0 0 52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#6d28d9,#22d3ee);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;box-shadow:0 8px 20px rgba(109,40,217,.3)}
.pn-name{font-size:19px;font-weight:900;color:#1e1b4b}
.pn-badge{font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#6d28d9;background:#ede9fe;border-radius:999px;padding:3px 9px;vertical-align:middle}
.pn-badge.on{color:#065f46;background:#d1fae5}
.pn-n{flex:0 0 22px;height:22px;border-radius:50%;background:#ede9fe;color:#6d28d9;font-size:11.5px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}
.la-box{margin:8px 0 0 36px;padding:14px;border:1px dashed #c4b5fd;border-radius:12px;background:#fcfbff}
.la-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.la-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer}
.la-opt.on{border-color:#7c3aed;background:#faf5ff}
.la-opt input{margin-top:3px;accent-color:#6d28d9}
.la-opt b{font-size:14px;color:#111827}.la-opt span:not(.pn-badge){display:block;font-size:12px;color:#4b5563;margin-top:3px}
.la-prog b{font-size:14px;color:#1e1b4b}
@media (max-width:760px){.la-box{margin-left:0}}

/* ── Feature Status ───────────────────────────────────────────────────────── */
.fs-on{--fc:#059669;--fb:#ecfdf5}.fs-bi{--fc:#0891b2;--fb:#ecfeff}.fs-su{--fc:#d97706;--fb:#fffbeb}.fs-off{--fc:#9ca3af;--fb:#f9fafb}.fs-err{--fc:#dc2626;--fb:#fef2f2}
.fs-dot{flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:var(--fc);box-shadow:0 0 0 4px color-mix(in srgb,var(--fc) 18%,transparent);display:inline-block}
.fs-on .fs-dot,.fs-bi .fs-dot{animation:fs-glow 2.4s ease-in-out infinite}
@keyframes fs-glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--fc) 8%,transparent)}}
.fs-head{border:1.5px solid #ddd6fe}
.fs-sum{font-size:15px;color:#4b5563}.fs-sum b{font-size:22px;font-weight:900;color:#1e1b4b;margin-right:4px}
.fs-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:13px;font-weight:700;color:#374151}
.fs-legend>span{display:inline-flex;align-items:center;gap:8px}.fs-legend b{color:var(--fc)}
.fs-group h3{font-size:16px}
.fs-row{display:flex;align-items:center;gap:14px;padding:11px 12px;margin-top:8px;border-radius:12px;border:1px solid #f1f0f7;background:var(--fb)}
.fs-txt{flex:1;min-width:0}.fs-txt b{display:block;font-size:14.5px;font-weight:800;color:#111827}.fs-txt span{display:block;font-size:12.5px;color:#4b5563;margin-top:2px;overflow-wrap:anywhere}
.fs-pill{flex:0 0 auto;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--fc);border:1.5px solid var(--fc);border-radius:999px;padding:3px 9px;background:#fff}
.fs-row .btn{flex:0 0 auto}.fs-gap{flex:0 0 76px}
@media (max-width:760px){.fs-row{flex-wrap:wrap}.fs-gap{display:none}}

/* ── Setup (Dashboard card + Setup tab) ───────────────────────────────────── */
.su-count{font-size:12px;font-weight:800;color:#6d28d9;background:#f5f3ff;border-radius:999px;padding:3px 10px;margin-left:6px;vertical-align:middle}
.su-bar{height:8px;border-radius:99px;background:#ede9fe;overflow:hidden;margin:12px 0 4px}
.su-bar.big{height:12px;margin-top:12px}
.su-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6d28d9,#22c55e);transition:width .6s}
.su-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.su-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid #f1f0f7;background:#fcfcff}
.su-list li.done{background:#f0fdf4;border-color:#dcfce7}
.su-list li.todo{background:#fffbeb;border-color:#fde68a}
.su-list li a{color:#111827;text-decoration:none}
.su-list li a:hover b{color:#6d28d9;text-decoration:underline}
.su-list li b{font-size:15.5px;font-weight:800;display:block;line-height:1.35}
.su-list li span:not(.su-ico){display:block;font-size:13px;color:#4b5563;margin-top:2px}
.su-ico{flex:0 0 26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;margin-top:1px}
.su-ico.ok{background:#059669}.su-ico.mid{background:#0891b2}.su-ico.todo{background:#d97706}
.su-head{border:1.5px solid #ddd6fe}
.su-step{display:flex;gap:18px;align-items:flex-start;border-left:5px solid #d97706}
.su-step.done{border-left-color:#059669}.su-step.builtin{border-left-color:#0891b2}
.su-num{flex:0 0 48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;box-shadow:0 6px 18px rgba(109,40,217,.3)}
.su-step.done .su-num{background:linear-gradient(135deg,#059669,#22c55e);box-shadow:0 6px 18px rgba(5,150,105,.3)}
.su-step h2{margin:0;font-size:20px;font-weight:900;color:#111827}
.su-sub{font-size:15px;color:#4b5563;margin-top:3px}
.su-now{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:700;background:#f5f3ff;color:#4c1d95;border-radius:8px;padding:5px 10px}
.su-step.done .su-now{background:#ecfdf5;color:#065f46}
.su-how{margin:12px 0 0;padding-left:20px;font-size:14.5px;line-height:1.7;color:#1f2937}
.su-how li{margin-bottom:4px}

/* ── SEO scores (Published) ───────────────────────────────────────────────── */
.seo-sc{font-size:11.5px}
.sc-ok{color:#059669}.sc-mid{color:#d97706}
.sc-ring{width:96px;height:96px;border-radius:50%;margin:0 auto;background:conic-gradient(var(--c) calc(var(--v) * 1%),#f1f5f9 0);display:flex;align-items:center;justify-content:center;position:relative}
.sc-ring::before{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff}
.sc-ring b{position:relative;font-size:26px;font-weight:900;color:var(--c)}
.seo80-h{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.seo80-b{width:104px;height:104px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.15)}
.seo80-b b{font-size:30px;font-weight:900;line-height:1}
.seo80-b span{font-size:12px;font-weight:800;margin-top:4px;opacity:.9}
.seo80-b.rm{background:linear-gradient(135deg,#4c1d95,#7c3aed)}
.seo80-b.yo{background:linear-gradient(135deg,#a4286a,#d63384)}
.seo80-avg{margin-top:10px;display:inline-block;background:#ecfdf5;color:#065f46;border-radius:10px;padding:6px 12px;font-size:13px}

/* ── Performance ─────────────────────────────────────────────────────────── */
.pf-live{display:flex;gap:24px;align-items:stretch;flex-wrap:wrap}
.pf-now{min-width:220px;border-radius:18px;padding:18px 22px;color:#fff;background:linear-gradient(135deg,#160440,#4c1d95 60%,#7c3aed);display:flex;flex-direction:column;justify-content:center;position:relative;box-shadow:0 12px 30px rgba(109,40,217,.35)}
.pf-now .pulse{position:absolute;top:16px;right:16px;background:#4ade80}
.pf-now b{font-size:46px;font-weight:900;line-height:1}
.pf-now span{font-weight:700;margin-top:4px}
.pf-now small{opacity:.75;margin-top:8px;font-size:12px}
.pf-bars{display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #e5e7eb;padding-top:6px}
.pf-bars i{flex:1;border-radius:4px 4px 0 0;min-width:2px;transition:height .4s}
.pf-axis{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:3px}
.pf-kpi em{font-style:normal;font-size:11px;font-weight:800;margin-left:4px}
.pf-kpi em.up{color:#059669}.pf-kpi em.down{color:#dc2626}
.pf-ch{display:grid;grid-template-columns:120px 1fr 56px;gap:10px;align-items:center;font-size:13px;margin-bottom:7px}
.pf-ch i{height:10px;border-radius:99px;background:#f1f5f9;overflow:hidden}
.pf-ch s{display:block;height:100%;background:linear-gradient(90deg,#6d28d9,#a78bfa);border-radius:99px;text-decoration:none}
.pf-ch b{text-align:right}
.pf-g{display:flex;flex-direction:column;align-items:center;font-size:12.5px;font-weight:800;color:#374151}
.pf-shot{height:150px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.seg{display:inline-flex;background:#f3f4f6;border-radius:10px;padding:3px}
.seg button{border:0;background:transparent;padding:6px 12px;border-radius:8px;font:700 12.5px/1 inherit;color:#4b5563;cursor:pointer}
.seg button.on{background:#fff;color:#6d28d9;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.psikey{margin-top:14px;border-top:1px dashed #e5e7eb;padding-top:10px}
.psikey summary{cursor:pointer;font-weight:800;font-size:13px}
.pbar i.ind{width:35%!important;animation:pf-ind 1.3s ease-in-out infinite}
@keyframes pf-ind{0%{margin-left:-35%}100%{margin-left:100%}}


a.btn,a.btn:hover{text-decoration:none}

/* ── Publishing progress bar — floats on top of every tab ───────────────── */
@keyframes jb-in{from{opacity:0;transform:translate(-50%,-16px) scale(.97)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes jb-spin{to{transform:rotate(360deg)}}
@keyframes jb-beam{0%{left:-60%}100%{left:130%}}
@keyframes jb-pulse{0%,100%{opacity:1}50%{opacity:.5}}
.jobbar{position:fixed;top:12px;left:calc(50% + 120px);transform:translate(-50%,0);z-index:75;width:min(520px,calc(100vw - 300px));display:flex;align-items:center;gap:12px;padding:11px 12px 11px 13px;border-radius:18px;color:#fff;overflow:hidden;
  background:linear-gradient(135deg,#0b0420 0%,#2d0558 45%,#5b21b6 80%,#7c3aed 100%);border:1px solid rgba(196,181,253,.35);box-shadow:0 14px 36px rgba(45,5,88,.45);animation:jb-in .35s cubic-bezier(.34,1.4,.64,1) both;transition:opacity .3s,transform .3s,width .3s}
.jobbar::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:jb-beam 3.5s linear infinite;pointer-events:none}
.jobbar.out{opacity:0;transform:translate(-50%,-16px);pointer-events:none}
.jb-ico{position:relative;flex:0 0 42px;height:42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.jb-ico img{width:33px;height:33px;border-radius:50%}
.jb-spin{position:absolute;inset:-4px;border-radius:50%;border:2.5px solid transparent;border-top-color:#a78bfa;border-right-color:#22d3ee;animation:jb-spin 1.1s linear infinite}
.jobbar.done .jb-spin{display:none}
.jb-main{flex:1;min-width:0}
.jb-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.jb-title{font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-pct{font-size:13px;font-weight:900;color:#c4b5fd}
.jb-kw{font-size:12px;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 7px}
.jobbar.run .jb-kw{animation:jb-pulse 2.4s ease-in-out infinite}
.jb-bar{height:7px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}
.jb-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#a78bfa,#22d3ee);transition:width .6s ease}
.jobbar.done .jb-bar i{background:linear-gradient(90deg,#34d399,#22c55e)}
.jobbar.fail .jb-bar i{background:linear-gradient(90deg,#f87171,#ef4444)}
.jb-act{display:flex;gap:6px;align-items:center;position:relative;z-index:1}
.jb-act a,.jb-act button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;border-radius:9px;font:700 12px/1 inherit;padding:7px 10px;cursor:pointer;text-decoration:none}
.jb-act a:hover,.jb-act button:hover{background:rgba(255,255,255,.24)}
.jobbar.mini{width:250px;padding:7px 10px;cursor:pointer;gap:9px}
.jobbar.mini .jb-ico{flex-basis:30px;height:30px}
.jobbar.mini .jb-ico img{width:24px;height:24px}
.jobbar.mini .jb-kw,.jobbar.mini .jb-view,.jobbar.mini .jb-min{display:none}
.jobbar.mini .jb-title{font-size:12px}
.jobbar.mini .jb-bar{height:5px;margin-top:4px}
.jobbar.mini .jb-act button{padding:4px 7px}

/* ── Image Studio ─────────────────────────────────────────────────────────── */
.st-fmts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.st-fmt{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:14px;cursor:pointer;background:#fff;transition:all .2s}
.st-fmt:hover{border-color:#c4b5fd}
.st-fmt.on{border-color:#6d28d9;background:#f5f3ff;box-shadow:0 0 0 3px rgba(109,40,217,.12)}
.st-fmt input{position:absolute;opacity:0}
.st-fmt b{font-size:15px;color:#1f1147}
.st-fmt small{font-size:11.5px;color:#6b7280;line-height:1.35}
.st-range{width:100%;accent-color:#6d28d9;margin-top:8px}
.st-drop{border:2px dashed #c4b5fd;border-radius:18px;background:linear-gradient(135deg,#faf9ff,#f5f3ff);padding:28px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:all .2s}
.st-drop.over{border-color:#6d28d9;background:#ede9fe;transform:scale(1.01)}
.st-drop-ico{font-size:34px}
.st-drop b{font-size:17px;color:#1f1147}
.st-drop span{color:#6b7280;font-size:13px}
.st-drop small{color:#6b7280}
.st-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:14px}
.st-file{display:flex;gap:10px;align-items:center;border:1px solid #ede9fe;border-radius:12px;padding:8px;background:#fff}
.st-file.bad{border-color:#fecaca;background:#fef2f2}
.st-file img,.st-noimg{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:0 0 56px;background:#f3f4f6}
.st-noimg{display:flex;align-items:center;justify-content:center;font-weight:900;color:#dc2626}
.st-file>div{flex:1;min-width:0}
.st-file b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-file span{font-size:12px;color:#6b7280}
.st-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.st-compare figure{margin:0;border:1px solid #ede9fe;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#f3f4f6 0 25%,#fff 0 50%) 0 0/16px 16px}
.st-compare img{display:block;width:100%;max-height:300px;object-fit:contain}
.st-compare figcaption{font-size:12.5px;padding:8px 10px;background:#fff;border-top:1px solid #ede9fe}
.st-compare em{font-style:normal;font-weight:800;margin-left:4px}
.st-compare em.up{color:#059669}.st-compare em.down{color:#d97706}
.st-res{border:1px solid #ede9fe;border-radius:14px;padding:10px 12px 12px;margin-bottom:12px}
.st-res .st-compare{margin:0 0 8px}
@media (max-width:1100px){.st-fmts{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* mini previews of the 8 newer featured designs */
.fd-mock .spl{left:0;top:0;bottom:0;width:58%;background:#0d214f;clip-path:polygon(0 0,100% 0,74% 100%,0 100%);border-right:3px solid #fbc018}.fd-mock .l1.sp{box-shadow:0 12px 0 #fbc018}.fd-mock .nums{left:8px;bottom:6px;display:flex;flex-direction:column;gap:3px}.fd-mock .nums s{width:30px;height:4px;background:#fbc018}
.fd-mock .mag{inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%,#3b1770ee)}.fd-mock .mast{left:6px;right:6px;top:6px;height:2px;background:#fff}.fd-mock .l1.mg{top:42px;width:70%;box-shadow:none}.fd-mock .pills{left:8px;bottom:6px;display:flex;gap:3px}.fd-mock .pills s{width:22px;height:6px;border-radius:9px;background:rgba(255,255,255,.6)}
.fd-mock .mini{inset:0;background:#fafaf9}.fd-mock .mfr{right:8px;top:8px;bottom:8px;width:40%;border-radius:6px;background:linear-gradient(135deg,#94a3b8,#cbd5e1);box-shadow:3px 3px 0 #a3e635}.fd-mock .l1.mn{background:#064e3b;box-shadow:0 12px 0 #064e3b;width:40%}
.fd-mock .gls{left:14%;right:14%;top:14%;bottom:14%;border-radius:8px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.8)}.fd-mock .l1.gl{left:25%;width:50%;top:26px;box-shadow:0 10px 0 #fff}
.fd-mock .cbg{inset:0;background:#0c4a60}.fd-mock .cph{right:8px;top:8px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#94a3b8,#e2e8f0);border:3px solid #f59e0b}.fd-mock .l1.ci{box-shadow:0 12px 0 #f59e0b;width:42%}
.fd-mock .tbg{inset:0;background:linear-gradient(90deg,transparent 38%,#f59e0b 38% 40%,#111827 40%)}.fd-mock .tbg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:#fff}.fd-mock .l1.tl{left:46%;width:44%;box-shadow:none;background:#fff}.fd-mock .tline{left:10px;right:10px;bottom:7px;display:flex;justify-content:space-between;border-top:2px solid #f59e0b;padding-top:0}.fd-mock .tline s{width:7px;height:7px;border-radius:50%;background:#111827;margin-top:-5px}
.fd-mock .pbg{inset:0;background:#fbc018}.fd-mock .pol{right:10px;top:8px;width:40%;bottom:10px;background:#fff;transform:rotate(5deg);box-shadow:0 3px 6px rgba(0,0,0,.25)}.fd-mock .l1.po{background:#0d214f;box-shadow:0 12px 0 #0d214f;width:46%}
.fd-mock .nbg{inset:0;background:#07060f;box-shadow:inset 0 0 0 3px #f472b6,inset 0 0 12px #f472b6}.fd-mock .l1.ne{left:20%;width:60%;top:28px;background:#f472b6;box-shadow:0 0 8px #f472b6}

/* ── Aleena (assistant) ───────────────────────────────────────────────────── */
@keyframes al-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes al-ring{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}
@keyframes al-bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
@keyframes al-dot{0%,100%{opacity:1}50%{opacity:.35}}
#al-fab{position:fixed;right:26px;bottom:24px;z-index:70;width:62px;height:62px;border-radius:50%;padding:3px;border:none;cursor:pointer;background:linear-gradient(135deg,#6d28d9,#a78bfa);box-shadow:0 8px 26px rgba(109,40,217,.5);animation:al-float 3.2s ease-in-out infinite;transition:transform .2s}
#al-fab img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid #fff}
#al-fab::before,#al-fab::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(109,40,217,.4);animation:al-ring 2.2s ease-out infinite;pointer-events:none}
#al-fab::after{inset:-12px;border-color:rgba(109,40,217,.18);animation-delay:.45s}
#al-fab:hover{transform:scale(1.08)}#al-fab.open{animation:none}
.al-online{position:absolute;right:3px;bottom:3px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2.5px solid #fff}
#al-panel{position:fixed;right:26px;bottom:100px;z-index:71;width:390px;max-height:min(600px,calc(100vh - 130px));display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 26px 64px rgba(17,8,48,.28),0 4px 16px rgba(109,40,217,.18);transform:scale(.92) translateY(18px);opacity:0;pointer-events:none;transform-origin:bottom right;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .2s}
#al-panel.open{transform:none;opacity:1;pointer-events:auto}
.al-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#1e1b4b,#4c1d95);color:#fff;flex-shrink:0}
.al-av{width:46px;height:46px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#a78bfa,#f0abfc);flex-shrink:0}.al-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.al-info{flex:1;min-width:0}.al-info b{display:block;font-size:15px;font-weight:900}.al-info span{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#c4b5fd}
.al-dot{width:7px;height:7px;border-radius:50%;background:#34d399;animation:al-dot 2s infinite}
.al-btn{background:none;border:1px solid rgba(255,255,255,.25);color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:13px}.al-btn:hover{background:rgba(255,255,255,.14)}
#al-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:200px;background:#fbfaff}
.al-row{display:flex;gap:8px;align-items:flex-end}.al-row.me{justify-content:flex-end}
.al-mini{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}
.al-bbl{max-width:300px;padding:10px 13px;border-radius:16px;font-size:13.2px;line-height:1.6;word-break:break-word}
.al-row.ai .al-bbl{background:#fff;border:1px solid #ede9fe;color:#1f2937;border-bottom-left-radius:4px}
.al-row.me .al-bbl{background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff;border-bottom-right-radius:4px}
.al-bbl ul,.al-bbl ol{margin:4px 0 4px 18px;padding:0}.al-bbl li{margin-bottom:3px}.al-bbl code{background:rgba(0,0,0,.07);padding:1px 5px;border-radius:4px;font-size:12px}
.al-time{font-size:10px;color:#9ca3af;margin-top:3px}.al-row.me .al-time{text-align:right}
.al-typing{display:flex;gap:4px;padding:11px 14px;background:#fff;border:1px solid #ede9fe;border-radius:16px;border-bottom-left-radius:4px}
.al-typing span{width:7px;height:7px;border-radius:50%;background:#a78bfa;animation:al-bounce .9s infinite}.al-typing span:nth-child(2){animation-delay:.15s}.al-typing span:nth-child(3){animation-delay:.3s}
#al-suggs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 10px;border-top:1px solid #f3f4f6;background:#fff;flex-shrink:0}
.al-s{background:#f5f3ff;color:#6d28d9;border:1.5px solid #ddd6fe;border-radius:20px;padding:5px 11px;font:700 11.5px/1.3 inherit;cursor:pointer}.al-s:hover{background:#6d28d9;color:#fff;border-color:#6d28d9}
.al-input{display:flex;gap:8px;align-items:flex-end;padding:12px 14px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}
#al-in{flex:1;border:1.5px solid #d1d5db;border-radius:11px;padding:9px 12px;font:13px/1.5 inherit;resize:none;min-height:40px;max-height:110px;outline:none}#al-in:focus{border-color:#6d28d9;box-shadow:0 0 0 3px rgba(109,40,217,.12)}
#al-send{width:40px;height:40px;border:none;border-radius:11px;background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff;font-size:16px;cursor:pointer;flex-shrink:0}#al-send:disabled{opacity:.4;cursor:not-allowed}

/* ── Website copy & shared progress ───────────────────────────────────────── */
.st-go{font-size:15px;padding:12px 26px;background:linear-gradient(135deg,#6d28d9,#a855f7);box-shadow:0 8px 22px rgba(109,40,217,.35)}
.st-prog{margin-top:14px;border:1.5px solid #ddd6fe;border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#faf9ff,#f5f3ff)}
.st-prog.done{border-color:#bbf7d0;background:#f0fdf4}
.st-pct{font-weight:900;color:#6d28d9}.st-prog.done .st-pct{color:#059669}
.st-pbar{height:10px;border-radius:99px;background:#ede9fe;overflow:hidden;margin:8px 0 6px}
.st-pbar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#7c3aed,#22d3ee);transition:width .4s ease}
.st-prog.done .st-pbar i{background:linear-gradient(90deg,#34d399,#22c55e)}
.st-pbar i.ind{width:35%;animation:pf-ind 1.3s ease-in-out infinite}
.wc-lay{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:16px;margin-top:12px;align-items:start}
.wc-shot{width:100%;border-radius:12px;border:1px solid #ede9fe;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.wc-t{background:#f5f3ff;color:#6d28d9;white-space:nowrap}
.wc-h{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.06em;color:#fff;background:#7c3aed;border-radius:5px;padding:1px 6px;margin-right:6px;vertical-align:middle}
.wc-meta{display:grid;gap:6px;margin-top:12px;font-size:13px;background:#faf9ff;border:1px solid #ede9fe;border-radius:12px;padding:10px 12px}
.wc-sec{border:1px solid #ede9fe;border-radius:14px;padding:12px 16px;margin-bottom:10px;background:#fff}
.wc-sh{font-size:11px;font-weight:900;letter-spacing:.08em;color:#9ca3af;margin-bottom:6px}
.wc-eye{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a855f7}
.wc-sec h1.wc-h1{font-size:24px;margin:4px 0 8px}.wc-sec h2.wc-h2{font-size:19px;margin:4px 0 8px}.wc-sec h3{font-size:15px;margin:8px 0 4px}
.wc-sec p{margin:0 0 8px;line-height:1.65;font-size:14px}
.wc-link{color:#059669;font-weight:700;text-decoration:underline}.wc-url{font-size:11px;color:#059669;background:#ecfdf5;border-radius:6px;padding:1px 6px;margin-left:4px}
.wc-btn{display:inline-block;background:#6d28d9;color:#fff;font-weight:800;font-size:12.5px;border-radius:9px;padding:7px 14px;margin:4px 6px 4px 0}
.wc-links{margin-top:6px;font-size:12.5px;background:#ecfdf5;border-radius:10px;padding:8px 10px;color:#065f46}
.wc-item{padding-left:10px;border-left:3px solid #ede9fe;margin:6px 0}
@media (max-width:1100px){.wc-lay{grid-template-columns:1fr}}

/* ── Site Audit: Fix all ─────────────────────────────────────────────────── */
.fixall{border:1.5px solid #ddd6fe;background:linear-gradient(135deg,#fff,#faf9ff)}
.fx-plan{margin-top:14px;border:1px solid #ede9fe;border-radius:14px;padding:14px;background:#fff}
.fx-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0}
.fx-kinds div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid #ede9fe;border-radius:12px;padding:10px 12px;background:#faf9ff}
.fx-kinds span{grid-row:span 2;font-size:22px}.fx-kinds b{font-size:20px;color:#6d28d9;line-height:1}.fx-kinds small{color:#4b5563;font-size:11.5px}
.fx-todo{margin-top:12px;border:1px solid #fde68a;background:#fffbeb;border-radius:12px;padding:10px 12px}.fx-todo summary,.fx-plan details summary{cursor:pointer;font-weight:800}

.wc-lay.noshot{grid-template-columns:1fr}


.wc-pages{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.wc-pages .chip b{margin-left:4px;color:#6d28d9}.wc-pages .chip.on{background:#6d28d9;color:#fff;border-color:#6d28d9}.wc-pages .chip.on b,.wc-pages .chip.on .muted{color:#ede9fe}

/* ── Meta Ads ─────────────────────────────────────────────────────────────── */
.mt-acc{text-align:right;line-height:1.3}.mt-acc b{display:block;font-size:14px}.mt-acc span{font-size:12px;color:#6b7280}
.mt-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.mt-tabs a{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #ede9fe;color:#4b5563;font-weight:700;font-size:13.5px;text-decoration:none}
.mt-tabs a:hover{background:#faf5ff}.mt-tabs a.on{background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(109,40,217,.25)}
.mt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:1150px){.mt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mt-kpi{padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#faf5ff,#f5f3ff);border:1px solid #ede9fe}
.mt-kpi span{display:block;font-size:11.5px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}
.mt-kpi b{display:block;font-size:22px;font-weight:900;color:#1e1b4b;margin:2px 0}.mt-kpi small{font-size:11.5px;color:#6b7280}
.mt-kpi em{font-style:normal;font-size:12px;font-weight:800}.mt-kpi em.up{color:#059669}.mt-kpi em.down{color:#dc2626}
.mt-bars{display:flex;align-items:flex-end;gap:3px;height:150px;padding-top:8px}
.mt-bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;min-width:0}
.mt-bar i{display:block;width:100%;border-radius:4px 4px 0 0;opacity:.85}.mt-bar:hover i{opacity:1}
.mt-bar u{position:absolute;top:0;width:7px;height:7px;border-radius:50%;background:#f59e0b}
.mt-bar span{font-size:9.5px;color:#9ca3af;height:14px;line-height:14px}
.mt-score{font-weight:900;font-size:14px;padding:4px 12px;border-radius:999px}.mt-score.ok{background:#d1fae5;color:#047857}.mt-score.mid{background:#fef3c7;color:#92400e}.mt-score.bad{background:#fee2e2;color:#b91c1c}
.mt-find{border-radius:12px;padding:12px 14px;margin-top:10px;border:1px solid #e5e7eb;border-left:5px solid #9ca3af;background:#fff}
.mt-find.critical{border-left-color:#dc2626;background:#fef2f2}.mt-find.warn{border-left-color:#d97706;background:#fffbeb}.mt-find.tip{border-left-color:#0891b2;background:#ecfeff}.mt-find.good{border-left-color:#059669;background:#ecfdf5}
.mt-find>b{display:block;font-size:15px;color:#111827;margin-top:4px}.mt-find p{margin:5px 0 0;font-size:13px;line-height:1.6;color:#374151}
.mt-find ol{margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.65;color:#1f2937}.mt-find .btn{margin-top:10px}
.mt-find.mini{padding:8px 12px}.mt-find.mini b{font-size:13.5px;margin:0}.mt-find.mini span{font-size:12px;color:#6b7280}
.mt-lv{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#374151}
.mt-flag{border:0;border-radius:999px;font-size:11px;font-weight:800;padding:2px 8px;cursor:pointer;vertical-align:middle}
.mt-flag.critical{background:#fee2e2;color:#b91c1c}.mt-flag.warn{background:#fef3c7;color:#92400e}.mt-flag.tip{background:#cffafe;color:#0e7490}.mt-flag.good{background:#d1fae5;color:#047857}
.mt-tree td{vertical-align:middle;white-space:nowrap}.mt-tree td:nth-child(2){white-space:normal;min-width:300px}
.mt-tree tr.lv-c{background:#faf9ff}.mt-tree tr.lv-a td{font-size:12.5px;color:#374151}
.mt-open{border:0;background:#ede9fe;color:#6d28d9;border-radius:6px;width:22px;height:22px;font-weight:900;cursor:pointer;margin-right:8px}
.mt-ind{display:inline-block;width:22px}.mt-ind.two{width:44px}
.mt-tree tr.lv-a td:nth-child(2){white-space:nowrap}.mt-nm{display:inline-block;vertical-align:middle;max-width:300px;white-space:normal}
.mt-th{display:inline-block;width:38px;height:38px;border-radius:8px;object-fit:cover;background:#f3f4f6;vertical-align:middle;margin-right:8px}
.mt-bud{border:1px dashed #c4b5fd;background:#fff;border-radius:8px;padding:3px 8px;font-weight:700;font-size:12.5px;cursor:pointer;color:#1e1b4b}.mt-bud:hover{background:#faf5ff}
.sw.sm{width:36px;height:20px}.sw.sm .sw-track::before{width:14px;height:14px}.sw.sm input:checked+.sw-track::before{transform:translateX(16px)}
.card .sw .sw-track{background:#d1d5db}
.mt-waste{margin-top:10px;padding:8px 10px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:12.5px;font-weight:700}
.mt-plan{border:1.5px solid #ddd6fe;background:linear-gradient(180deg,#faf5ff,#fff 140px)}
.mt-head{font-size:17px;font-weight:900;color:#1e1b4b;margin:14px 0 6px;line-height:1.4}
.mt-step{border:1px solid #ede9fe;border-radius:12px;padding:12px 14px;margin-top:10px;background:#fff}.mt-step p{margin:6px 0 0;font-size:13px;color:#374151;line-height:1.6}.mt-step ol{margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.65}
.mt-n{flex:0 0 26px;height:26px;border-radius:50%;background:#6d28d9;color:#fff;font-weight:900;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.mt-plan h4{margin:16px 0 6px;font-size:14px}
.mt-idea{display:grid;grid-template-columns:1fr;gap:2px;padding:8px 12px;border-radius:10px;background:#f5f3ff;margin-top:6px}.mt-idea b{font-size:13.5px}.mt-idea span{font-size:12.5px;color:#374151}.mt-idea em{font-style:normal;font-size:11px;color:#6d28d9;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.mb-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
@media (max-width:1200px){.mb-grid{grid-template-columns:1fr}}
.mb-side{position:sticky;top:0}.mb-side .card{margin-bottom:14px}
.mb-h{display:flex;align-items:center;gap:10px;margin-top:0}.mb-h i{flex:0 0 28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff;font-style:normal;font-weight:900;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.mb-goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:8px}
.mb-goal{display:block;padding:11px 13px;border:2px solid #ede9fe;border-radius:12px;cursor:pointer;background:#fff}.mb-goal.on{border-color:#7c3aed;background:#faf5ff;box-shadow:0 6px 16px rgba(124,58,237,.14)}
.mb-goal input{display:none}.mb-goal b{display:block;font-size:14.5px}.mb-goal span{display:block;font-size:12px;color:#6b7280;margin-top:3px;line-height:1.4}
.mb-ad{border:1.5px solid #e5e7eb;border-radius:12px;padding:12px;margin-top:10px;opacity:.72}.mb-ad.on{opacity:1;border-color:#c4b5fd;background:#fdfcff}
.mb-pick{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.mb-pick button{padding:0;border:3px solid transparent;border-radius:9px;overflow:hidden;cursor:pointer;width:62px;height:62px;background:#f3f4f6}.mb-pick button.on{border-color:#7c3aed}.mb-pick img{width:100%;height:100%;object-fit:cover;display:block}
.mb-gallery{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.mb-g{position:relative;width:130px;border-radius:10px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb}.mb-g img{width:100%;display:block}.mb-g span{display:block;font-size:10.5px;color:#6b7280;text-align:center;padding:2px}
.mb-g button{position:absolute;top:4px;right:4px;border:0;background:rgba(0,0,0,.6);color:#fff;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:11px}
.mb-countries{display:flex;flex-wrap:wrap;gap:6px}.mb-countries label{cursor:pointer}.mb-countries input{display:none}
.mb-countries span{display:inline-block;padding:5px 11px;border-radius:999px;border:1px solid #e5e7eb;font-size:12.5px;font-weight:600;background:#fff}.mb-countries input:checked+span{background:#6d28d9;color:#fff;border-color:#6d28d9}
.mb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mb-chips .chip{cursor:pointer}
.mb-sum{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 4px}.mb-sum div{padding:7px 10px;border-radius:10px;background:#f9fafb}.mb-sum span{display:block;font-size:10.5px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.mb-sum b{font-size:13px}
.mb-draft{display:flex;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.mb-draft div{flex:1;min-width:0}.mb-draft b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-draft span{font-size:11.5px;color:#6b7280}
.pk-i.on{border-color:#7c3aed}
.fb{border:1px solid #dadde1;border-radius:10px;overflow:hidden;background:#fff;font-family:Helvetica,Arial,sans-serif}
.fb-top{display:flex;gap:8px;align-items:center;padding:10px 12px}.fb-av{flex:0 0 36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#22d3ee);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.fb-top b{display:block;font-size:13.5px;color:#050505}.fb-top span{font-size:11.5px;color:#65676b}
.fb-text{padding:0 12px 10px;font-size:13.5px;line-height:1.4;color:#050505;white-space:pre-wrap;max-height:120px;overflow:hidden}
.fb img{width:100%;display:block}.fb-noimg{aspect-ratio:1/1;background:#f0f2f5;display:flex;align-items:center;justify-content:center;color:#65676b;font-size:13px}
.fb-bar{display:flex;gap:10px;align-items:center;padding:10px 12px;background:#f0f2f5}.fb-bar div{flex:1;min-width:0}
.fb-bar span{display:block;font-size:11px;color:#65676b;text-transform:uppercase}.fb-bar b{display:block;font-size:14px;color:#050505;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-bar em{display:block;font-style:normal;font-size:12px;color:#65676b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-bar button{border:0;background:#e4e6eb;border-radius:6px;padding:8px 12px;font-weight:700;font-size:13px;color:#050505;white-space:nowrap}

/* Meta Ads — the Ad guide beside every page, the launch check, the extra builder options and ⚙ Customise */
.mt-tabs{align-items:center}
.mt-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.mt-wrap.solo{grid-template-columns:minmax(0,1fr)}
@media (max-width:1180px){.mt-wrap{grid-template-columns:minmax(0,1fr)}}
.mt-guide{position:sticky;top:0;max-height:calc(100vh - 24px);overflow:auto;border-radius:16px}
@media (max-width:1180px){.mt-guide{position:static;max-height:none}}
.mg{border:1.5px solid #ddd6fe;background:linear-gradient(180deg,#faf5ff,#fff 160px)}
.mg-h{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#6d28d9;margin:14px 0 6px}.mg-h span{font-weight:600;color:#9ca3af;text-transform:none;letter-spacing:0;margin-left:4px}
.mg-now{display:block;padding:9px 11px;border-radius:11px;border:1px solid #e5e7eb;border-left:4px solid #9ca3af;background:#fff;margin-bottom:6px;text-decoration:none;color:inherit}
a.mg-now[href]:hover{box-shadow:0 4px 12px rgba(109,40,217,.12)}
.mg-now.critical{border-left-color:#dc2626;background:#fef2f2}.mg-now.warn{border-left-color:#d97706;background:#fffbeb}.mg-now.good{border-left-color:#059669;background:#ecfdf5}.mg-now.todo{border-left-color:#7c3aed;background:#faf5ff}
.mg-now b{display:block;font-size:13px;color:#111827;line-height:1.35}.mg-now em{display:block;font-style:normal;font-size:11.5px;color:#6b7280;margin-top:1px}.mg-now span{display:block;font-size:12.5px;color:#374151;line-height:1.5;margin-top:4px}
.mg-nums{display:grid;gap:5px}
.mg-num{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:7px 10px;border-radius:10px;background:#f9fafb;border-left:4px solid #d1d5db}
.mg-num.ok{border-left-color:#059669}.mg-num.warn{border-left-color:#d97706;background:#fffbeb}.mg-num.bad{border-left-color:#dc2626;background:#fef2f2}
.mg-num span{font-size:12px;color:#4b5563}.mg-num b{font-size:14px;font-weight:900;color:#1e1b4b}.mg-num small{grid-column:1/-1;font-size:11.5px;color:#6b7280;line-height:1.45}
.mg-sec{border-top:1px solid #ede9fe}.mg-sec summary{cursor:pointer;font-weight:800;font-size:13px;padding:9px 2px;color:#1e1b4b;list-style-position:inside}.mg-sec summary:hover{color:#6d28d9}
.mg-sec ul{margin:0 0 10px;padding-left:18px}.mg-sec li{font-size:12.5px;line-height:1.6;color:#374151;margin-bottom:6px}.mg-in{padding-bottom:6px}.mg-in .mg-h:first-child{display:none}
.mg-ck{padding:8px 10px;border-radius:10px;border-left:4px solid #9ca3af;background:#f9fafb;margin-bottom:5px}
.mg-ck.k-bad{border-left-color:#dc2626;background:#fef2f2}.mg-ck.k-warn{border-left-color:#d97706;background:#fffbeb}.mg-ck.k-tip{border-left-color:#0891b2;background:#ecfeff}.mg-ck.k-todo{border-left-color:#7c3aed;background:#faf5ff}
.mg-ck b{font-size:12.5px;color:#111827}.mg-ck em{font-style:normal;font-size:10.5px;font-weight:700;color:#6d28d9;background:#ede9fe;border-radius:999px;padding:1px 7px;margin-left:6px;white-space:nowrap}.mg-ck span{display:block;font-size:12px;color:#4b5563;line-height:1.5;margin-top:3px}
.mb-side{max-height:calc(100vh - 12px);overflow:auto}
@media (max-width:1200px){.mb-side{position:static;max-height:none}}
.mb-more{margin-top:12px;border:1px dashed #c4b5fd;border-radius:12px;padding:2px 12px;background:#fdfcff}.mb-more[open]{padding-bottom:12px}
.mb-more>summary{cursor:pointer;font-weight:800;font-size:13px;color:#6d28d9;padding:9px 0}.mb-more>summary span{font-weight:500;color:#9ca3af;font-size:12px;margin-left:6px}
.mb-radio{display:grid;gap:6px}.mb-radio label{display:block;font-size:13px;cursor:pointer;line-height:1.5}.mb-radio input{accent-color:#6d28d9;margin-right:4px}
.mb-col{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#374151}.mb-col input{width:38px;height:28px;border:1px solid #e5e7eb;border-radius:8px;padding:1px;background:#fff;cursor:pointer}
.mb-places{display:grid;gap:6px;margin-top:8px}.mb-place{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#f5f3ff}.mb-place b{font-size:13px}.mb-place span{flex:1}.mb-place select{width:auto;padding:4px 8px;font-size:12px}
.mb-auds{display:grid;gap:6px;margin-top:8px}.mb-aud{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;background:#f9fafb}.mb-aud div{flex:1;min-width:0}.mb-aud b{display:block;font-size:13px}.mb-aud span{font-size:11.5px;color:#6b7280}
.mc-h{margin:16px 0 8px;font-size:14px}.mc-h span{font-weight:500;color:#9ca3af;font-size:12px;margin-left:6px}
.mc-ticks{display:flex;flex-wrap:wrap;gap:6px}.mc-tick{cursor:pointer}.mc-tick input{display:none}
.mc-tick span{display:inline-block;padding:5px 11px;border-radius:999px;border:1px solid #e5e7eb;font-size:12.5px;font-weight:600;background:#fff}.mc-tick input:checked+span{background:#6d28d9;color:#fff;border-color:#6d28d9}
.mc-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.mc-rules label{display:grid;grid-template-columns:1fr 84px;gap:2px 8px;align-items:center}
.mc-rules span{font-size:12.5px;color:#374151;line-height:1.35}.mc-rules em{grid-column:1/-1;font-style:normal;font-size:11px;color:#9ca3af}
@media (max-width:900px){.mc-rules{grid-template-columns:1fr}}.mt-find.tip{padding:12px 14px;border-left-width:5px;margin-bottom:0}.mt-find.tip>b{font-size:15px;text-transform:none;letter-spacing:0}.mt-find.tip p{font-size:13px;line-height:1.6}
.mb-stabs{display:flex;gap:6px;margin-bottom:10px}.mb-stabs button{flex:1;padding:9px 10px;border-radius:12px;border:1.5px solid #ede9fe;background:#fff;font-weight:800;font-size:13px;color:#4b5563;cursor:pointer}
.mb-stabs button.on{background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff;border-color:transparent}
.mb-stabs b{display:inline-block;min-width:26px;padding:1px 7px;border-radius:999px;font-size:11.5px;margin-left:4px;background:#e5e7eb;color:#374151}.mb-stabs b:empty{display:none}
.mb-stabs b.ok{background:#d1fae5;color:#047857}.mb-stabs b.mid{background:#fef3c7;color:#92400e}.mb-stabs b.bad{background:#fee2e2;color:#b91c1c}

/* SEO checks: score rings from red to green — the editor's side column and the "all checks" window */
@property --v{syntax:'<number>';inherits:true;initial-value:0}
@keyframes sc-fill{from{--v:0}}
.sc-ring{transition:--v .7s ease}.modal .sc-ring,.ed-fix .sc-ring{animation:sc-fill .9s ease-out}
.sc-ring.lg{width:124px;height:124px}.sc-ring.lg::before{inset:11px}.sc-ring.lg b{font-size:36px}
.sc-ring.sm{width:38px;height:38px;flex:0 0 38px;margin:0}.sc-ring.sm::before{inset:4px}.sc-ring.sm b{font-size:11.5px;font-weight:800}
.ck-top{display:flex;gap:28px;align-items:center;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,#faf5ff,#f8fafc);border:1px solid #ede9fe;margin:8px 0 12px;flex-wrap:wrap}
.ck-big{text-align:center}.ck-big-l{font-weight:800;margin-top:8px;font-size:14px;color:#1e1b4b}.ck-big-w{font-size:12.5px;font-weight:800}
.ck-sum{flex:1;min-width:280px}.ck-kw{font-size:13px;color:#6b7280}.ck-kw b{color:#1e1b4b;font-size:14px;margin-left:4px}
.ck-facts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px}.ck-facts div{padding:7px 12px;border-radius:10px;background:#fff;border:1px solid #ede9fe;min-width:78px}
.ck-facts b{display:block;font-size:18px;font-weight:900;color:#1e1b4b}.ck-facts span{font-size:11px;color:#6b7280}
.ck-scale{display:grid;grid-template-columns:50fr 30fr 20fr;font-size:10.5px;color:#6b7280;max-width:460px}
.ck-scale i{grid-column:1/-1;height:6px;border-radius:999px;background:linear-gradient(90deg,#dc2626,#f97316 40%,#eab308 70%,#16a34a 80%,#15803d);margin-bottom:3px}
.ck-filter{gap:6px;margin-bottom:10px}.ck-filter .chip b{margin-left:4px;opacity:.75}
.ck-h{font-weight:900;font-size:14px;display:flex;justify-content:space-between;margin-bottom:8px;color:#1e1b4b}
.ck-g{border:1px solid #f0eefe;border-radius:14px;padding:10px 12px;margin-bottom:10px;background:#fff}
.ck-gh{display:flex;justify-content:space-between;font-size:12.5px}.ck-gh b{text-transform:uppercase;letter-spacing:.04em;font-size:11px;color:#6b7280}.ck-gh span{font-weight:800}
.ck-bar{height:5px;border-radius:999px;background:#f1f5f9;margin:5px 0 4px;overflow:hidden}.ck-bar i{display:block;height:100%;border-radius:999px}
.ck-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid #f5f3ff}.ck-row[hidden]{display:none}
.ck-bar+.ck-row,.ck-g>.ck-row:first-child,.ed-fix-h+.ck-row{border-top:0}
.ck-t{flex:1;min-width:0}.ck-t b{display:block;font-size:13px;font-weight:600;color:#111827;line-height:1.35}.ck-t span{display:block;font-size:11.5px;color:#6b7280;line-height:1.4}
.ck-row em{font-style:normal;font-size:12px;font-weight:800;white-space:nowrap}.ck-row.pass .ck-t b{color:#4b5563;font-weight:500}
.ed-scores{align-items:flex-start}.ed-sc{text-align:center}.ed-sc span{display:block;font-size:12.5px;font-weight:800;margin-top:6px}.ed-sc em{display:block;font-style:normal;font-size:11.5px;font-weight:800}
.ed-fix{margin-top:12px}.ed-fix-h{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#6d28d9;display:flex;justify-content:space-between;margin-bottom:2px}
.ed-fix-h span{color:#9ca3af;text-transform:none;letter-spacing:0;font-weight:600}
.ed-fix-ok{text-align:center;font-size:12.5px;font-weight:800;color:#15803d;padding:8px;border-radius:10px;background:#ecfdf5}
.ed-allck{width:100%;margin-top:8px;text-align:center}

/* Meta Ads: level marks as coloured dots (no emoji), the pixel note and the pixel help window */
.mt-lv::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#9ca3af;vertical-align:1px}
.mt-lv.is-critical::before{background:#dc2626}.mt-lv.is-warn::before{background:#d97706}.mt-lv.is-tip::before{background:#0891b2}.mt-lv.is-good::before{background:#059669}
.mb-pxnote{font-size:12.5px;line-height:1.55;color:#374151;background:#f5f3ff;border:1px solid #ede9fe;border-radius:10px;padding:8px 12px;margin:2px 0 10px}
.px-help{font-weight:700;color:#6d28d9;cursor:pointer}
.px-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 2px}.px-ways div{padding:9px 11px;border-radius:10px;background:#faf5ff;border:1px solid #ede9fe;font-size:12.5px;line-height:1.5}
.px-ways b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6d28d9;margin-bottom:2px}
@media (max-width:820px){.px-ways{grid-template-columns:1fr}}

/* Google Ads */
.gt-help{font-weight:700;color:#6d28d9;cursor:pointer}
.gm{display:inline-block;font-size:10.5px;font-weight:700;color:#4b5563;background:#f3f4f6;border-radius:6px;padding:1px 6px;text-transform:lowercase}
.gq{display:inline-block;font-size:10.5px;font-weight:800;border-radius:6px;padding:1px 6px}.gq.q3{background:#d1fae5;color:#047857}.gq.q2{background:#fef3c7;color:#92400e}.gq.q1{background:#fee2e2;color:#b91c1c}
tr.gt-waste td:first-child{box-shadow:inset 4px 0 0 #dc2626}tr.gt-good td:first-child{box-shadow:inset 4px 0 0 #059669}tr.gt-done{opacity:.55}
.gh-list{display:grid;gap:6px;margin-top:6px}.gh-row{display:grid;grid-template-columns:minmax(0,1fr) 46px 30px;gap:6px;align-items:center}.gh-row em{font-style:normal;font-size:11.5px;font-weight:700;text-align:right}
.gh-row .chip,.gk-row .chip{padding:4px 0;text-align:center}.gh-row input.bad{border-color:#dc2626;background:#fef2f2}
.gk-list{display:grid;gap:6px}.gk-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 70px 30px;gap:6px;align-items:center}.gk-row select{padding-left:8px;padding-right:4px}
.gi-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.gi{text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:7px 10px;cursor:pointer}.gi:hover{border-color:#c4b5fd;background:#faf5ff}
.gi b{display:block;font-size:13px;color:#1e1b4b}.gi span{font-size:11.5px;color:#6b7280}
@media (max-width:900px){.gi-list{grid-template-columns:1fr}}
.gp{border:1px solid #dadce0;border-radius:12px;padding:14px 16px;background:#fff;font-family:Arial,Helvetica,sans-serif}
.gp-s{font-size:12px;font-weight:700;color:#202124;margin-bottom:8px}.gp-top{display:flex;gap:10px;align-items:center}
.gp-ic{flex:0 0 28px;height:28px;border-radius:50%;background:#f1f3f4;color:#5f6368;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.gp-top b{display:block;font-size:13.5px;color:#202124;font-weight:400}.gp-top span{font-size:12px;color:#4d5156}
.gp-h{font-size:19px;line-height:1.3;color:#1a0dab;margin:8px 0 4px}.gp-d{font-size:13.5px;line-height:1.55;color:#4d5156}

/* TikTok Ads */
.tp-help{font-weight:700;color:#6d28d9;cursor:pointer}
.tk-script{margin-top:8px;border:1px solid #ede9fe;border-radius:10px;padding:2px 10px;background:#fdfcff}.tk-script[open]{padding-bottom:10px}
.tk-script summary{cursor:pointer;font-weight:800;font-size:12.5px;color:#6d28d9;padding:7px 0}.tk-script td{vertical-align:top;line-height:1.5}.tk-script td:first-child{font-weight:700;white-space:nowrap;color:#1e1b4b}
.tk-phone{position:relative;aspect-ratio:9/16;max-height:520px;margin:0 auto;border-radius:22px;overflow:hidden;background:#111827 center/cover no-repeat;border:6px solid #0b0f19;color:#fff;font-family:Arial,Helvetica,sans-serif}
.tk-phone::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.72));pointer-events:none}
.tk-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 46px 110px 20px;font-size:14px;font-weight:700;color:#e5e7eb}.tk-empty span{font-weight:400;font-size:12.5px;color:#9ca3af;margin-top:8px;line-height:1.5}
.tk-rail{position:absolute;right:10px;bottom:120px;display:grid;gap:14px;z-index:1}.tk-rail i{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.22);display:block}
.tk-bottom{position:absolute;left:12px;right:58px;bottom:14px;z-index:1;font-size:12.5px;line-height:1.45}.tk-bottom b{font-size:13.5px}.tk-bottom em{font-style:normal;font-size:10.5px;background:rgba(255,255,255,.22);border-radius:4px;padding:1px 6px;margin-left:4px}
.tk-bottom p{margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tk-cta{display:block;background:#fe2c55;border-radius:6px;padding:7px 10px;font-weight:700;font-size:12.5px;text-align:center}

/* Snapchat Ads */
.sp-help{font-weight:700;color:#6d28d9;cursor:pointer}
.sn-phone::after{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 72%,rgba(0,0,0,.6))}
.sn-phone .tk-empty{padding:90px 26px 110px}
.sn-top{position:absolute;left:14px;right:14px;top:14px;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;font-size:12px;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.sn-top b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-top span{grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}
.sn-top em{grid-column:2;grid-row:1/span 2;align-self:start;font-style:normal;font-size:10.5px;background:rgba(255,255,255,.24);border-radius:4px;padding:1px 6px}
.sn-cta{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:1;background:#fff;color:#111827;border-radius:999px;padding:8px 20px;font-weight:800;font-size:12.5px;white-space:nowrap;text-align:center}
.sn-cta i{display:block;width:9px;height:9px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg);position:absolute;left:50%;top:-14px;margin-left:-5px}

/* Backlinks */
.bl-kinds{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:4px}
.bl-mail{white-space:pre-wrap;font-family:inherit;font-size:12.5px;line-height:1.55;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;margin:6px 0}
/* Keyword queue: websites on the schedule */
.q-lanes{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.q-lanes span{font-size:11.5px;background:#f3f4f6;border-radius:999px;padding:3px 9px;color:#374151}
/* Video tutorials */
.tut-promo{display:flex;gap:12px;align-items:center;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #c7d2fe}.tut-promo b{display:block;font-size:14px}.tut-promo span{font-size:12px;color:#4b5563}
.tut-play{flex:none;width:46px;height:46px;border-radius:50%;border:0;background:#4f46e5;color:#fff;font-size:18px;cursor:pointer;box-shadow:0 4px 14px rgba(79,70,229,.35)}.tut-play:hover{background:#4338ca}
.tut-o{position:fixed;inset:0;background:rgba(15,23,42,.72);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}
.tut{width:min(1100px,100%);max-height:100%;overflow:auto;background:#0f172a;border-radius:16px;padding:12px;color:#e5e7eb;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.tut-h{display:flex;align-items:center;gap:10px;margin:0 4px 10px}.tut-h b{flex:1;font-size:15px}.tut-x{background:none;border:0;color:#cbd5e1;font-size:18px;cursor:pointer}
.tut-view{position:relative;width:100%;overflow:hidden;border-radius:10px;background:#e2e8f0}.tut-stage{position:absolute;left:0;top:0;width:960px;height:540px;transform-origin:0 0;font-family:Segoe UI,Arial,sans-serif;color:#111827}
.tut-scene{position:absolute;inset:0}.tut-cur{position:absolute;width:22px;height:22px;margin:-3px 0 0 -3px;z-index:20;pointer-events:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 10-7 1.5 4 8-3 1.5-4-8L4 20z' fill='%23111827' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E")}
.tut-ripple{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:3px solid #f59e0b;z-index:19;animation:tutRip .7s ease-out forwards;pointer-events:none}@keyframes tutRip{from{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}
.tut-cap{min-height:44px;margin:10px 4px 6px;font-size:14px;line-height:1.5;color:#f8fafc}.tut-bar{height:4px;background:#334155;border-radius:999px;margin:0 4px;overflow:hidden}.tut-bar i{display:block;height:100%;width:0;background:#818cf8}
.tut-ctl{display:flex;gap:8px;align-items:center;margin:10px 4px}.tut-btn{background:#1e293b;border:1px solid #334155;color:#e2e8f0;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:13px}.tut-btn.main{background:#4f46e5;border-color:#4f46e5;min-width:46px}.tut-voice{margin-left:8px;font-size:13px;display:flex;gap:5px;align-items:center}.tut-time{margin-left:auto;font-size:12px;color:#94a3b8;font-variant-numeric:tabular-nums}
.tut-ch{display:flex;flex-wrap:wrap;gap:6px;margin:4px}.tut-ch button{background:#1e293b;border:1px solid #334155;color:#cbd5e1;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.tut-ch button.on{background:#818cf8;color:#0f172a;border-color:#818cf8;font-weight:700}
.tut-video{display:block;width:100%;max-height:70vh;border-radius:10px;background:#000}.tut-alt{background:#1e293b;border:1px solid #334155;color:#cbd5e1;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}
/* the drawn pages inside the video */
.tw{position:absolute;inset:18px 24px;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.18);overflow:hidden;display:flex;flex-direction:column}.tw-bar{display:flex;gap:6px;align-items:center;padding:9px 12px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.tw-bar i{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.tw-bar span{margin-left:10px;flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 12px;font-size:13px;color:#334155}
.tw-body{position:relative;flex:1;display:flex}.tmain{flex:1;padding:18px 24px;position:relative}.tmain h2,.tw-body h2{margin:0 0 14px;font-size:20px}.tp-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:18px 24px 0;flex:1}.tmain .tp-row{padding:0 0 10px}
.tw-body>.tp-row{align-self:flex-start}.tp-empty{position:absolute;left:24px;top:70px;color:#64748b;font-size:14px}
.tb{background:#1877f2;color:#fff;border:0;border-radius:8px;padding:9px 16px;font-weight:700;font-size:14px}.tb2{background:#e4e6eb;color:#111827;border:0;border-radius:8px;padding:7px 12px;font-weight:700;font-size:13px}
.tside{width:210px;flex:none;background:#f8fafc;border-right:1px solid #e2e8f0;padding:16px;display:flex;flex-direction:column;gap:6px;font-size:13px}.tside b{font-size:15px;margin-bottom:6px}.tside span{padding:7px 10px;border-radius:8px;color:#334155}.tside .tside-add{color:#1877f2;font-weight:700}
.tgrid{display:none;grid-template-columns:1fr 1fr;gap:12px}.tgrid.t-on{display:grid}.tprod{border:1px solid #e2e8f0;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px}.tprod small{font-weight:400;color:#64748b;font-size:12px}.tprod .tb2{align-self:flex-start}
.tm{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:440px;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.25);padding:18px;z-index:5;font-size:13px}.tm.t-on{display:block}.tm h3{margin:0 0 12px;font-size:17px}.tm label{display:block;font-size:12px;color:#64748b;margin:8px 0 3px}.tm-f{text-align:right;margin-top:14px}.tm-p{margin:-6px 0 10px;color:#64748b}
.to{border:1px solid #e2e8f0;border-radius:8px;padding:9px 12px;margin:6px 0}.to em{font-style:normal;color:#b45309;font-weight:700;margin-left:6px}.tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tcard{border:1px solid #e2e8f0;border-radius:10px;padding:12px;font-weight:700;font-size:13px}.tcard small{display:block;font-weight:400;color:#64748b;font-size:11px;margin-top:4px}
.ti{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;min-height:20px;font-size:13px;background:#fff;white-space:nowrap;overflow:hidden}.ti small{color:#94a3b8}.ti.sel::after{content:' ▾';color:#64748b;float:right}.ti.tok{font-family:Consolas,monospace;font-size:12px;color:#334155}
.tpanel{border:1px solid #e2e8f0;border-radius:12px;padding:14px;max-width:560px;display:grid;gap:4px;font-size:13px}.tpanel label{font-size:12px;color:#64748b;margin-top:6px}.tpanel .tb{justify-self:start;margin-top:10px}.tmain.wide .tpanel{max-width:640px}
.tperm{border:1px solid #cbd5e1;border-radius:8px;padding:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:30px}.tpin{color:#94a3b8;font-size:13px;padding:2px 4px}.tchips{display:flex;flex-wrap:wrap;gap:6px}.tchip{background:#e7f0ff;color:#1d4ed8;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.tchip.t-new{animation:tutPop .3s ease-out}@keyframes tutPop{from{transform:scale(.6);opacity:0}}
.tcopy{justify-self:start;font-size:12px;color:#1877f2;font-weight:700;padding:2px 0}
.tt{display:none;position:absolute;right:24px;bottom:22px;background:#111827;color:#fff;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700}.tt.t-on{display:block;animation:tutPop .3s ease-out}
.t-sel{outline:2px solid #1877f2;background:#e7f0ff}.t-hl{box-shadow:0 0 0 4px #fde68a,0 0 0 7px #f59e0b;border-radius:8px}.t-press{filter:brightness(.85)}
.tgrid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tmain.sap .tpanel{max-width:none}
.tstatus{display:none;margin-top:14px;border:1px solid #a7f3d0;background:#ecfdf5;border-radius:12px;padding:12px 14px;max-width:none}.tstatus.t-on{display:block;animation:tutPop .35s ease-out}.tstatus b{font-size:15px}.tstatus b i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#059669;margin-right:8px}
.tfacts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.tfacts span{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:7px 9px;font-weight:700;font-size:13px}.tfacts em{display:block;font-style:normal;font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase}
.tperms{display:flex;flex-wrap:wrap;gap:6px}.tperms span{background:#d1fae5;color:#047857;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700}
.tut-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#eef2ff,#fdf4ff);text-align:left}.tut-intro b{font-size:34px}.tut-intro>span{font-size:16px;color:#4b5563}.tut-intro ol,.tut-intro ul{font-size:18px;line-height:1.9;margin:8px 0}.tut-intro em{font-size:13px;color:#64748b;font-style:normal}.tut-intro.done ul{max-width:720px}
/* Rules & automation, setup guide, weekly review, help */
.ao-sec{border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px;margin:10px 0;background:#fff}.ao-sec h4{margin:0 0 8px;font-size:14px}.ao-sec h4 span{font-weight:500;color:#6b7280;font-size:12px;margin-left:6px}
.ao-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 12px;margin:6px 0}.ao-num{display:grid;gap:3px;font-size:12px}.ao-num span{font-weight:700;color:#374151}.ao-num em{font-style:normal;color:#6b7280;font-size:11px}
.ao-sub{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;margin:8px 0 4px}.ao-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4px 12px}.ao-checks.one{grid-template-columns:1fr}
.ao-chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;cursor:pointer;padding:3px 0}.ao-chk input{margin-top:3px}.ao-chk em{display:block;font-style:normal;font-size:11.5px;color:#6b7280}
.ao-log{display:grid;gap:4px;max-height:220px;overflow:auto}.ao-log>div{display:flex;gap:8px;font-size:12px;align-items:baseline}.ao-log span{color:#6b7280;white-space:nowrap}.ao-log b{white-space:nowrap}.ao-log em{font-style:normal;color:#374151}.ao-log .bad em{color:#b91c1c}
.gs-card{border:2px solid #c7d2fe;background:linear-gradient(180deg,#eef2ff,#fff 60%)}.gs-bar{height:6px;border-radius:999px;background:#e0e7ff;margin:8px 0 10px;overflow:hidden}.gs-bar i{display:block;height:100%;background:#4f46e5}
.gs-step{display:flex;gap:10px;align-items:center;padding:7px 0;border-top:1px solid #eef2ff}.gs-step>div{flex:1;min-width:0}.gs-step b{display:block;font-size:13px}.gs-step b em{font-style:normal;font-weight:500;color:#9ca3af;font-size:11px}.gs-step span{font-size:12px;color:#6b7280}
.gs-n{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:#e0e7ff;color:#3730a3}.gs-step.done .gs-n{background:#059669;color:#fff}.gs-step.done b{color:#6b7280;text-decoration:line-through}.gs-step.check .gs-n{background:#fef3c7;color:#92400e}
.wr-card .wr-more summary{cursor:pointer;font-weight:700;font-size:13px;margin:6px 0}.wr-card h4{margin:10px 0 4px;font-size:13px}.wr-card ul{margin:0 0 0 18px;font-size:12.5px;line-height:1.6}
.howto{margin-top:8px;font-size:12px}.howto summary{cursor:pointer;font-weight:700;color:#4338ca}.howto ol{margin:6px 0 6px 18px;line-height:1.6;color:#374151}.howto a{font-weight:700}
.gl-q{margin-left:5px;width:16px;height:16px;border-radius:50%;border:1px solid #c7d2fe;background:#eef2ff;color:#4338ca;font-size:10px;font-weight:800;line-height:14px;padding:0;cursor:pointer;vertical-align:middle;text-transform:none;letter-spacing:0}.gl-q:hover{background:#4338ca;color:#fff}
.gl-box{border-radius:10px;padding:8px 12px;margin:8px 0;background:#fffbeb;border:1px solid #fde68a}.gl-box.ok{background:#ecfdf5;border-color:#a7f3d0}.gl-box b{display:block;font-size:12px}.gl-box span{font-size:13px;line-height:1.55}
/* Layout choices */
body.ads-nocharts .card:has(.mt-bars){display:none}body.ads-nocurrency .fx-note{display:none}body.ads-noguidecamps .mg-camp,body.ads-noguidecamps .mg-hc{display:none}
body.ads-compact .card{padding:12px 14px;margin-bottom:10px}body.ads-compact .tbl td,body.ads-compact .tbl th{padding:5px 8px;font-size:12px}body.ads-compact .mt-kpi b{font-size:18px}body.ads-compact .mt-find{padding:8px 10px}body.ads-compact .ck-p{padding:6px 8px}
/* Where a problem is */
.fd-where{display:inline-flex;flex-wrap:wrap;gap:3px 5px;align-items:center;font-size:12px;color:#374151}.fd-where>span{display:inline-flex;gap:4px;align-items:baseline;background:#f3f4f6;border-radius:6px;padding:1px 7px;font-weight:600}.fd-where i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}.fd-where em{font-style:normal;color:#9ca3af}
.fd-src{font-size:11.5px;color:#6b7280;margin:4px 0 10px;line-height:1.5}
/* Campaign check-up */
.ck-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:6px 0 12px}.ck-sum>div{border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px;background:#fff;min-width:0}.ck-sum span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.ck-sum b{display:block;font-size:17px;margin:2px 0}.ck-sum em{display:block;font-style:normal;font-size:11.5px;color:#6b7280}.ck-sum .bad{border-color:#fca5a5;background:#fef2f2}.ck-sum .warn{border-color:#fcd34d;background:#fffbeb}
.ck-c{border:1px solid #e5e7eb;border-radius:12px;margin:8px 0;background:#fff}.ck-c>summary{cursor:pointer;padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;list-style:none}.ck-c>summary::-webkit-details-marker{display:none}.ck-c>summary::before{content:'▸';color:#9ca3af}.ck-c[open]>summary::before{content:'▾'}.ck-c>summary b{font-size:14px}
.ck-m{font-size:12px;color:#4b5563}.ck-b{font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;margin-left:auto}.ck-b+.ck-b{margin-left:0}.ck-b.critical{background:#fee2e2;color:#b91c1c}.ck-b.warn{background:#fef3c7;color:#92400e}.ck-b.ok{background:#ecfdf5;color:#047857}
.ck-c>.ck-p{margin:0 12px 8px}.ck-s{margin:6px 12px 10px;padding:8px 10px;border-left:3px solid #e5e7eb;background:#f9fafb;border-radius:0 10px 10px 0}.ck-a{margin:8px 0 4px 10px;padding-left:10px;border-left:2px dashed #e5e7eb}.ck-acc{margin:0 0 10px}
.ck-h{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.ck-h b{font-size:13px}.ck-l{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;background:#eef2ff;border-radius:6px;padding:1px 6px}.ck-h .ck-m{margin-left:auto}
.ck-p{display:flex;gap:8px;align-items:flex-start;margin:6px 0;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #f3f4f6}.ck-p.critical{border-color:#fecaca}.ck-p.warn{border-color:#fde68a}.ck-p>div{flex:1;min-width:0}.ck-p b{font-size:12.5px}.ck-p p{margin:2px 0 0;font-size:12px;color:#4b5563;line-height:1.45}.ck-p em{display:block;font-style:normal;font-size:12px;color:#065f46;margin-top:3px}.ck-p .mg-fixrow{margin:6px 0 0}
.mg-camp{display:block;text-decoration:none;color:inherit;border:1px solid #e5e7eb;border-radius:10px;padding:7px 10px;margin:5px 0;background:#fff}.mg-camp:hover{border-color:#a5b4fc}.mg-camp b{display:block;font-size:12.5px}.mg-camp span{display:block;font-size:11.5px;color:#6b7280}.mg-camp em{display:block;font-style:normal;font-size:11.5px;font-weight:700;margin-top:2px}.mg-camp em.bad{color:#b91c1c}.mg-camp em.warn{color:#92400e}.mg-camp em.ok{color:#047857}
/* Currency choice and converter */
.fx-note{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.fx-pickw{display:flex;gap:6px;align-items:center;font-weight:700;color:#111827}.fx-pick{padding:3px 6px;border:1px solid #d1d5db;border-radius:8px;font-weight:700;background:#fff}.fx-txt{flex:1;min-width:220px}
.fxc-out{margin:14px 0 8px;padding:12px 14px;border-radius:12px;background:#f5f3ff;border:1px solid #ede9fe}.fxc-out b{display:block;font-size:20px}.fxc-out span{font-size:12px;color:#6b7280}
/* Coach: fix now */
.fx-allbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 12px;padding:10px 12px;border-radius:12px;background:#ecfdf5;border:1px solid #a7f3d0}.fx-allbar span{font-size:12px;color:#065f46}
.fx-manual{margin-top:8px;font-size:11.5px;color:#6b7280;font-style:italic}
/* Ad guide: fix now */
.mg-fixrow{display:flex;gap:8px;align-items:center;margin:-2px 0 8px 12px;font-size:11.5px;color:#4b5563;line-height:1.4}.mg-fixrow .btn{flex:none;padding:5px 12px;font-size:12px}.mg-fixrow.manual{color:#9ca3af;font-style:italic}
.mg-h .mg-fixall{margin-left:6px;font-size:11px;padding:3px 10px;text-transform:none;letter-spacing:0;font-weight:700;color:#047857;background:#ecfdf5;border-color:#a7f3d0}
/* Amounts shown in dollars */
.fx-note{font-size:12px;line-height:1.5;color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:7px 12px;margin:0 0 12px}.fx-note a{white-space:nowrap}
/* Connection status */
.cx-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:#9ca3af;vertical-align:baseline}.cx-dot.ok{background:#059669;box-shadow:0 0 0 4px #d1fae5}.cx-dot.bad{background:#dc2626;box-shadow:0 0 0 4px #fee2e2}
.cx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.cx-facts>div{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;background:#fff;min-width:0}
.cx-facts span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.cx-facts b{display:block;font-size:16px;margin:3px 0 1px;overflow-wrap:anywhere}.cx-facts em{display:block;font-style:normal;font-size:11.5px;color:#6b7280}
.cx-facts>div.warn{border-color:#fcd34d;background:#fffbeb}.cx-facts>div.bad{border-color:#fca5a5;background:#fef2f2}
.cx-perms{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cx-perms span{font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 10px}.cx-perms .ok{background:#ecfdf5;color:#047857}.cx-perms .no{background:#fef2f2;color:#b91c1c}
/* Several ad accounts */
.acc-sw{margin-left:auto;display:grid;gap:3px;min-width:210px;max-width:300px}.acc-sw>span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.acc-sw select{font-weight:700}
.acc-list{display:flex;flex-wrap:wrap;gap:6px}.acc-list .chip{cursor:pointer}.acc-list .chip.on{cursor:default}
.acc-all{display:grid;gap:4px;max-height:300px;overflow:auto;margin-top:10px;border:1px solid #e5e7eb;border-radius:10px;padding:8px}
.acc-all label{display:flex;gap:8px;align-items:center;font-size:13px;padding:4px 6px;border-radius:6px;cursor:pointer}.acc-all label:hover{background:#f9fafb}.acc-all label span{flex:1;font-weight:600}.acc-all label em{font-style:normal;font-size:11px;color:#9ca3af}
/* LinkedIn, Amazon and Reddit Ads */
.kp{max-width:360px;margin:0 auto;border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#111827}
.kp-h{display:flex;gap:8px;align-items:center;padding:10px 12px 6px}.kp-h i{width:32px;height:32px;border-radius:8px;background:#e5e7eb;flex:none}.kp-h b{display:block;font-size:13px}.kp-h span{font-size:11px;color:#6b7280}
.kp>p{margin:0;padding:2px 12px 10px;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.kp>p.kp-t{font-size:15px;font-weight:700;line-height:1.35}
.kp-img{aspect-ratio:1200/628;background:#f3f4f6 center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:12px;color:#9ca3af}
.kp-f{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;background:#f9fafb;border-top:1px solid #e5e7eb}.kp-f b{font-size:13px;line-height:1.3;overflow-wrap:anywhere}.kp-f em{font-style:normal;font-size:12px;font-weight:700;border:1px solid #111827;border-radius:999px;padding:4px 10px;white-space:nowrap;text-transform:capitalize}
/* Pinterest Ads */
.pt-help{font-weight:700;color:#6d28d9;cursor:pointer}
.pin-card{width:236px;max-width:100%;margin:0 auto;font-family:Arial,Helvetica,sans-serif;color:#111827}
.pn-img{aspect-ratio:2/3;border-radius:16px;background:#f3f4f6 center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#9ca3af;font-size:12.5px;line-height:1.5}
.pin-card>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.35;margin:8px 4px 2px}
.pin-card>em{display:block;font-style:normal;font-size:11.5px;color:#6b7280;margin:0 4px}.pin-card>em i{font-style:normal;font-weight:700;color:#111827}
.pn-cta{display:inline-block;margin:8px 4px 0;background:#e60023;color:#fff;border-radius:999px;padding:6px 14px;font-weight:700;font-size:12px}
.pn-own{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:60vh;overflow:auto}
.pn-own button{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:6px;text-align:left;cursor:pointer;display:grid;gap:4px}.pn-own button:hover{border-color:#7c3aed}.pn-own button:disabled{opacity:.5;cursor:default}
.pn-own img,.pn-noimg{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:11px;color:#9ca3af}
.pn-own b{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pn-own em{font-style:normal;font-size:11px;color:#6b7280}

/* License locks */
.lk{text-align:center;padding:26px 18px;border:1px dashed #c4b5fd;border-radius:14px;background:#faf5ff}.lk>b{display:block;font-size:18px;color:#1e1b4b}.lk>p{max-width:560px;margin:8px auto 16px;color:#4b5563;line-height:1.6;font-size:13.5px}
.ptile{position:relative}.plk{position:absolute;top:4px;right:6px;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6d28d9;background:#ede9fe;border-radius:6px;padding:1px 5px}

/* Growth tools */
.vz-c{border:0;background:none;cursor:pointer;font:inherit;font-size:12.5px;padding:2px 0;text-align:left}.vz-c:hover{text-decoration:underline}
.rf-prev{max-height:46vh;overflow:auto;border:1px solid #e5e7eb;border-radius:12px;padding:14px 18px;background:#fff;line-height:1.7;font-size:14px}.rf-prev img{max-width:100%;height:auto;border-radius:8px}.rf-prev h2{font-size:18px;margin:16px 0 6px}.rf-prev h3{font-size:15.5px;margin:12px 0 4px}
.rp-text{white-space:pre-wrap;font:inherit;font-size:13.5px;line-height:1.65;margin:10px 0 0;background:#fafafa;border:1px solid #f0f0f3;border-radius:10px;padding:12px;max-height:340px;overflow:auto}

/* Upgrade prompts */
.nav-pro{margin-left:auto;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.06em;color:#6d28d9;background:#ede9fe;border-radius:6px;padding:1px 5px;flex-shrink:0}
#nav a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav a.on .nav-pro{background:rgba(255,255,255,.25);color:#fff}
.up-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #ddd6fe;background:linear-gradient(135deg,#faf5ff,#f5f3ff)}
/* Strategy tabs: edit / delete waiting keywords */
.btn.kw-x{background:#dc2626}
.btn.kw-x:hover{background:#b91c1c}
.chip.kw-del{border-color:#fca5a5;color:#b91c1c}
.chip.kw-del:hover{background:#fef2f2}

/* Keyword Queue: one wide card per strategy, stacked, so long keywords and their settings fit on one line */
.q-stack{display:flex;flex-direction:column;gap:16px}
.q-card{padding:18px 22px}
.q-tbl{display:block;width:100%}
.q-tbl tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.q-tbl tr{display:flex;align-items:center;gap:8px;border-bottom:1px solid #f1f1f6}
.q-tbl td{border:none!important}
.q-tbl td:first-child{flex:1;min-width:0}
.q-tbl td:not(:first-child){flex-shrink:0;white-space:nowrap;width:auto!important}
@media (max-width:1100px){.q-tbl tbody{grid-template-columns:1fr}}
.q-card .scroll{overflow-x:hidden}
.q-tbl select{max-width:120px}

.site-quota{font-size:12.5px;font-weight:700;color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:999px;padding:4px 12px}
.site-quota.full{color:#b45309;background:#fffbeb;border-color:#fde68a}

/* Rate Automizer card (after the first published article) */
.ratecard{position:fixed;right:22px;bottom:92px;width:300px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px 12px;box-shadow:0 14px 40px rgba(0,0,0,.18);z-index:49;animation:rcin .3s ease}
@keyframes rcin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ratecard .rc-x{position:absolute;top:6px;right:10px;border:0;background:none;font-size:20px;line-height:1;color:#9ca3af;cursor:pointer}
.ratecard .rc-t{font-weight:800;font-size:14px;color:#111827;padding-right:18px}
.ratecard .rc-s{font-size:12.5px;color:#6b7280;margin:4px 0 8px}
.ratecard .rc-stars{display:flex;gap:2px}
.ratecard .rc-star{border:0;background:none;font-size:30px;line-height:1;color:#d1d5db;cursor:pointer;padding:0 2px;transition:transform .1s}
.ratecard .rc-star.on{color:#f59e0b}.ratecard .rc-star:hover{transform:scale(1.15)}
.ratecard .rc-more{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.ratecard .rc-more[hidden],.ratecard .rc-later[hidden]{display:none}
.ratecard textarea,.ratecard input{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;padding:7px 9px;font:inherit;font-size:12.5px}
.ratecard textarea{height:54px;resize:none}
.ratecard .rc-msg{font-size:12px;margin-top:6px}.ratecard .rc-msg.ok{color:#059669;font-weight:600}.ratecard .rc-msg.err{color:#b91c1c}
.ratecard .rc-later{border:0;background:none;color:#6b7280;font-size:12px;cursor:pointer;margin-top:4px;padding:2px 0}

/* Featured designs with the title in the middle (Settings) */
.fd-mock .csh{inset:0;background:linear-gradient(#0d214fb0,#0d214fe6)}
.fd-mock .ctl{left:20%;right:20%;top:26px;height:8px;background:#fff;border-radius:3px;box-shadow:0 0 0 0 #fbc018}
.fd-mock .cst{left:32%;right:32%;top:42px;height:4px;background:#e5e7eb;border-radius:2px}
.fd-mock .cbx{left:12%;right:12%;top:10px;bottom:10px;background:#0d214ff2;border:2px solid #fbc018;border-radius:9px}
.fd-mock .cbd{left:0;right:0;top:18px;bottom:18px;background:#0d214ff2;border-top:3px solid #fbc018;border-bottom:3px solid #fbc018}
.fd-mock .cfr{inset:6px;border:2px solid #fff;border-radius:6px;box-shadow:inset 0 0 0 3px #0d214f55}
.fd-mock .cgw{inset:0;background:radial-gradient(circle at 50% 50%,#fbc01899,#1d3a8a 45%,#0d214f)}

/* The browser version (app.leathsteps.com): PC-only controls are hidden, web-only notes shown (class set by 01-core). */
.web-only { display: none !important; }
.is-web .web-only { display: revert !important; }
.is-web .pc-only { display: none !important; }
/* … and on a phone or a narrow window: the menu becomes a strip across the top that scrolls sideways. */
@media (max-width: 760px) {
  .is-web .shell { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
  .is-web .side { flex-direction: row; align-items: center; overflow-x: auto; overflow-y: hidden; border-right: 0; border-bottom: 1px solid #ede9fe; }
  .is-web .side .brand { flex: 0 0 auto; }
  .is-web .side .foot, .is-web .nav-g { display: none; }
  .is-web .nav { display: flex; flex-wrap: nowrap; }
  .is-web .nav a { white-space: nowrap; padding: 8px 12px; }
  .is-web .main { padding: 18px 16px 32px; }
  .is-web .grid2, .is-web .grid3 { grid-template-columns: minmax(0, 1fr); }
}