/* Define shared website layout, brand colours, buttons and responsive scan panels. */
/* Brand tokens live in the single :root below; the retired indigo palette that used
   to sit here was overridden line-for-line and has been removed. */
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{max-width:1240px;margin:auto;padding:0 28px 50px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}.brand strong{display:block;font-size:18px;letter-spacing:-.3px}.brand span{display:block;font-size:11px;color:var(--muted);margin-top:1px}.top-meta{font-size:12px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;background:#12b76a;border-radius:50%;margin-right:7px}.hero{padding:72px 0 42px;max-width:800px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:var(--accent2);margin-bottom:13px}.hero h1{font-size:52px;line-height:1.06;letter-spacing:-2.4px;margin:0 0 20px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{color:var(--muted);font-size:16px;line-height:1.7;max-width:720px}.hero code{background:#eaecf0;border-radius:5px;padding:2px 5px;font-size:13px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(16,24,40,.03)}.input-panel{min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel h2,.panel h3{margin:0;letter-spacing:-.5px}.panel-title p,.panel>p{margin:6px 0 0;color:var(--muted);font-size:13px}.dropzone{border:1px dashed #cfd4dc;border-radius:12px;padding:22px;text-align:center;background:#fafbfc;display:grid;gap:4px;justify-items:center}.dropzone.drag{border-color:var(--accent);background:#f6f5ff}.dropzone.selected{border-color:#98a2b3;background:#f8fafc}.dropzone strong{font-size:14px}.dropzone span{font-size:12px;color:var(--muted)}.dropzone input{display:none}.upload-icon{font-size:23px;color:var(--accent);font-weight:800}.or{display:flex;align-items:center;gap:12px;color:#98a2b3;font-size:10px;font-weight:800;letter-spacing:1.2px;margin:21px 0}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}textarea{width:100%;min-height:310px;border:1px solid #d0d5dd;border-radius:10px;background:#fcfcfd;color:#101828;padding:15px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;outline:none}textarea:focus{border-color:#9b91ff;box-shadow:0 0 0 3px #ebe9ff}.action-row{display:flex;gap:10px;margin-top:13px}.primary,.ghost{border:0;border-radius:9px;padding:11px 15px;font-weight:750;cursor:pointer}.primary{background:var(--ink);color:white;flex:1}.primary:hover{background:#1d2939}.primary:disabled{opacity:.55;cursor:wait}.ghost{background:#fff;border:1px solid #d0d5dd;color:#344054}.ghost:hover{background:#f9fafb}.ghost.small{font-size:12px;padding:8px 11px}.privacy-note{font-size:11px!important;margin-top:12px!important}.method-panel{background:#101828;color:white;border-radius:14px;padding:25px}.method-panel .eyebrow{color:#bdb7ff}.method{display:flex;gap:14px;padding:18px 0;border-top:1px solid #263244}.method b{font:11px ui-monospace;color:#98a2b3}.method strong{display:block;font-size:13px}.method span{display:block;color:#98a2b3;font-size:12px;line-height:1.5;margin-top:4px}.results{margin-top:18px;display:grid;gap:18px}.hidden{display:none}.result-head{display:grid;grid-template-columns:130px 1fr auto;gap:24px;align-items:center}.ring{width:116px;height:116px;border-radius:50%;border:8px solid #eaecf0;display:grid;place-items:center;background:#fff}.ring>div{text-align:center}.ring strong{font-size:34px;letter-spacing:-1.5px}.ring small{font-size:11px;color:var(--muted)}.result-copy h2{font-size:25px;margin:0 0 7px}.result-copy h2.low{color:var(--good)}.result-copy h2.medium{color:var(--warn)}.result-copy h2.high{color:var(--danger)}.result-copy p{margin:0;color:var(--muted);line-height:1.55;font-size:13px;max-width:650px}.result-stats{display:flex;gap:20px}.result-stats div{text-align:right}.result-stats strong{display:block;font-size:20px}.result-stats span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.result-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.finding{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--line)}.finding:first-child{border-top:0;padding-top:2px}.finding>div{min-width:0}.finding strong{display:block;font-size:13px}.finding p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.finding>b{white-space:nowrap;font-size:12px}.finding.impact-positive>b{color:var(--danger)}.finding.impact-negative>b{color:var(--good)}.finding.impact-neutral>b{color:var(--muted)}.finding-cat{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--accent2);margin-bottom:4px}.profile{margin:0}.profile dt{font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:1px;margin-top:16px}.profile dt:first-child{margin-top:0}.profile dd{margin:4px 0 0;font-size:13px;word-break:break-word}.url-list{display:grid;gap:9px}.url-item{border:1px solid var(--line);border-left:4px solid #98a2b3;border-radius:9px;padding:12px;background:#fcfcfd}.url-item.high{border-left-color:var(--danger)}.url-item.medium{border-left-color:#f79009}.url-item.low{border-left-color:#12b76a}.url-top{display:flex;justify-content:space-between;gap:12px}.url-top span{font-size:9px;font-weight:850;letter-spacing:1px}.url-item.high .url-top span{color:var(--danger)}.url-item.medium .url-top span{color:var(--warn)}.url-item.low .url-top span{color:var(--good)}.url-top b{font-size:12px}.url-item code{display:block;margin-top:7px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;color:#344054}.url-item p{margin:6px 0 0;color:var(--muted);font-size:11px}.technical details{border:0}.technical summary{cursor:pointer;font-size:13px;font-weight:750}.technical pre{white-space:pre-wrap;color:var(--muted);font-size:11px}.disclaimer-box{border:1px solid #f2d6a3;background:#fffbf0;color:#69410a;border-radius:10px;padding:13px;font-size:11px;line-height:1.55}.empty{color:var(--muted);font-size:13px}footer{text-align:center;color:#98a2b3;font-size:11px;padding-top:38px}@media(max-width:850px){.workspace,.result-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.result-head{grid-template-columns:100px 1fr}.result-stats{grid-column:1/-1;justify-content:flex-start}.result-stats div{text-align:left}}@media(max-width:560px){.app-shell{padding:0 15px 40px}.top-meta{display:none}.hero{padding-top:45px}.hero h1{font-size:35px}.result-head{grid-template-columns:1fr}.ring{width:105px;height:105px}.action-row{flex-direction:column}}

/* Collapsible result sections keep the assessment compact while preserving full evidence. */
.result-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0}
.result-details summary::-webkit-details-marker{display:none}
.result-details summary:before{content:"⌄";width:24px;height:24px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;flex:0 0 24px;color:var(--muted);font-size:14px;transition:transform .18s ease}
.result-details summary>span{display:flex;flex-direction:column;gap:4px;flex:1;order:1}
.result-details summary:before{order:0}
.result-details summary>button{order:2}
.result-details summary strong{font-size:15px;letter-spacing:-.2px}
.result-details summary small{font-size:12px;color:var(--muted);font-weight:400}
.result-details[open] summary{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:2px}
.result-details[open] summary:before{transform:rotate(180deg)}
.result-details-panel{padding:20px 24px}
.result-details #findings{margin-top:0}
.result-details #urls{margin-top:16px}
@media(max-width:560px){.result-details summary{align-items:flex-start}.result-details summary>button{font-size:11px;padding:7px 9px}}

.ip-intel{margin-top:16px}.ip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ip-grid>div{border:1px solid var(--line);border-radius:9px;background:#fcfcfd;padding:11px}.ip-grid span{display:block;font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.ip-grid b{display:block;font-size:12px;word-break:break-word}.ip-note{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:700px){.ip-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ip-grid{grid-template-columns:1fr}}
.nav-link{color:var(--accent2);text-decoration:none;font-weight:750;margin-right:18px}.bulk-row{display:flex;align-items:center;gap:10px;margin-top:10px}.bulk-row input{display:none}.bulk-row span{font-size:11px;color:var(--muted)}.bulk-row a{color:var(--accent2)}.case-actions{display:flex;align-items:center;gap:8px;margin-top:13px}.case-actions>span{font:11px ui-monospace;color:var(--muted);margin-right:4px}.case-actions a{text-decoration:none}.dashboard-head{padding:52px 0 24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.dashboard-head h1{font-size:42px;letter-spacing:-1.8px;margin:0}.dashboard-head p{color:var(--muted);margin:8px 0 0}.storage-note{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;font-size:11px;color:var(--muted)}.storage-note strong{color:var(--ink)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric{padding:18px}.metric span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.metric strong{display:block;font-size:28px;margin-top:7px;letter-spacing:-1px}.dash-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.7fr);gap:14px}.table-wrap{overflow:auto}.case-table{width:100%;border-collapse:collapse;font-size:12px}.case-table th{text-align:left;color:#98a2b3;text-transform:uppercase;letter-spacing:.8px;font-size:9px;padding:10px;border-bottom:1px solid var(--line)}.case-table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.case-table tbody tr{cursor:pointer}.case-table tbody tr:hover{background:#fafbfc}.case-table td strong{display:block;max-width:420px}.case-table td small{display:block;color:var(--muted);margin-top:4px}.risk-pill{white-space:nowrap;font-size:10px;font-weight:800;border-radius:99px;padding:5px 8px}.r-high{background:#fef3f2;color:var(--danger)}.r-med{background:#fffaeb;color:var(--warn)}.r-low{background:#ecfdf3;color:var(--good)}.signal-list{margin-top:14px}.signal-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.signal-list b{color:var(--danger)}.case-panel{margin-top:14px}.case-review-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:28px}.verdict-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.verdict-buttons button{border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:9px;cursor:pointer;font-weight:700;font-size:11px}.verdict-buttons button.selected{border-color:var(--accent);background:#f3f1ff;color:var(--accent2)}textarea.notes{min-height:130px;margin:4px 0 10px}.case-panel .primary{width:100%}@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.dash-grid,.case-review-grid{grid-template-columns:1fr}}@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.dashboard-head{align-items:flex-start;flex-direction:column}.bulk-row{align-items:flex-start;flex-direction:column}.case-actions{align-items:flex-start;flex-wrap:wrap}}

/* V8.1 dashboard tabs + privacy-first layout */
.dashboard-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px}.dash-tab{appearance:none;border:0;background:transparent;color:var(--muted);font-weight:800;font-size:13px;padding:12px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.dash-tab:hover{color:var(--ink)}.dash-tab.active{color:var(--accent2);border-bottom-color:var(--accent)}.dash-tab-panel{display:block}.dash-tab-panel.hidden{display:none}.metric-grid-three{grid-template-columns:repeat(3,1fr)}.metric small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.risk-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.risk-overview>div{border:1px solid var(--line);border-radius:10px;padding:16px;background:#fcfcfd}.risk-overview span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.risk-overview strong{display:block;margin-top:6px;font-size:24px}.privacy-card h3{margin:7px 0 8px}.privacy-card p{font-size:12px;line-height:1.6;color:var(--muted)}.privacy-list{display:grid;gap:8px;margin-top:13px}.privacy-list span{font-size:11px;font-weight:700;color:#344054}.case-table td:first-child strong{display:block}.case-table td:first-child small{display:block;color:var(--muted);margin-top:3px}@media(max-width:760px){.metric-grid-three,.risk-overview{grid-template-columns:1fr}.dashboard-tabs{overflow:auto}.dash-tab{white-space:nowrap}}


/* V8.2 automatic verdict */
.auto-verdict-card{border:1px solid #e3e8ef;border-radius:12px;padding:14px 16px;margin:8px 0 12px;background:#f8fafc;display:flex;flex-direction:column;gap:3px}
.auto-verdict-card span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#667085;font-weight:700}
.auto-verdict-card strong{font-size:20px;color:#101828}
.auto-verdict-card small{color:#667085;line-height:1.4}
.verdict-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.override-tag{display:block;margin-top:3px;font-size:10px;color:#6941c6;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:720px){.verdict-actions{grid-template-columns:1fr}}

/* V9 Premium Threat Intelligence */
.premium-intel{margin-top:16px}
.premium-intel summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 20px}
.premium-intel summary span:first-child{display:flex;flex-direction:column;gap:3px}
.premium-intel summary small{color:var(--muted)}
.premium-badge{font-size:10px;font-weight:800;letter-spacing:.08em;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#4338ca}
.details-body{padding:0 20px 20px}
.mini-grid{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.mini-card{border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-width:150px}
.mini-card span{display:block;font-size:11px;color:var(--muted)}
.intel-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}
.intel-url{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bad{color:#b42318}.good{color:#067647}

.lookup-error{color:#b54708;max-width:45%;text-align:right;font-size:12px}.intel-url small{display:block;color:var(--muted);margin-top:3px}

/* V9.0.5 tidy premium threat-intelligence UI */
#tiResults{min-width:0}
.intel-row{min-width:0;align-items:center}
.intel-url{
  display:block;
  min-width:0;
  max-width:72%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.checked-urls{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.checked-urls summary{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  font-weight:700;
  list-style:none;
}
.checked-urls summary::-webkit-details-marker{display:none}
.checked-urls summary::after{
  content:"▾";
  color:var(--muted);
  margin-left:auto;
}
.checked-urls[open] summary::after{content:"▴"}
.checked-count{
  margin-left:8px;
  font-size:11px;
  line-height:1;
  padding:5px 8px;
  border-radius:999px;
  background:#f2f4f7;
  color:var(--muted);
}
.checked-urls-body{
  max-height:360px;
  overflow:auto;
  border-top:1px solid var(--line);
  padding:0 14px;
}
.intel-row.compact{
  padding:9px 0;
  font-size:12px;
}
.intel-row.threat-row,
.intel-row.error-row{
  padding:11px 0;
}

/* V9.0.6 compact URL export */
.url-export-card{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:13px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:#fff;
}
.url-export-card div{
  min-width:0;
}
.url-export-card strong{
  display:block;
  font-size:13px;
  color:var(--text);
}
.url-export-card small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  line-height:1.35;
}
.url-export-card .secondary-button{
  flex:0 0 auto;
  white-space:nowrap;
}
@media (max-width:760px){
  .url-export-card{align-items:flex-start;flex-direction:column}
}

/* V10 account + security UX */
:focus-visible{outline:3px solid #6366f1;outline-offset:3px}
button,a,input,textarea,summary{min-height:24px}
.inline-form{display:inline;margin:0}
.nav-button{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:6px 8px}
.plan-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.plan-chip.large{font-size:13px;padding:8px 12px}
.account-strip{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:18px;align-items:center;margin:0 0 16px;padding:14px 18px}
.account-strip span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.account-strip strong{display:block;margin-top:3px}
.auth-shell{min-height:100vh;padding:28px;background:#f5f7fb}
.auth-nav{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.auth-nav>div:last-child{display:flex;gap:10px}
.primary-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#111827;color:white;border-radius:10px;padding:10px 15px;font-weight:700}
.landing-main{max-width:900px;margin:100px auto 0}.landing-main h1{font-size:54px;line-height:1.05;letter-spacing:-.04em;margin:12px 0 18px}.landing-main>p{max-width:680px;font-size:18px;line-height:1.65;color:var(--muted)}
.landing-actions{display:flex;gap:10px;margin:28px 0 54px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-grid article{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.trust-grid strong,.trust-grid span{display:block}.trust-grid span{color:var(--muted);margin-top:6px;line-height:1.5}
.auth-card{max-width:460px;margin:70px auto;padding:32px}.auth-brand{text-decoration:none;color:inherit;margin-bottom:30px}.auth-card h1{font-size:34px;margin:7px 0}.auth-card>p{color:var(--muted)}
.auth-form{display:grid;gap:17px;margin-top:24px}.auth-form label{font-weight:700;font-size:13px}.auth-form input{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:12px 13px;font:inherit;background:white}.auth-form small{display:block;color:var(--muted);font-weight:400;line-height:1.45;margin-top:6px}.wide{width:100%;min-height:44px}.form-error{background:#fef3f2;border:1px solid #fecdca;color:#b42318;border-radius:10px;padding:11px 13px;margin-top:16px}.auth-foot{text-align:center;margin-top:22px!important}
.account-page{padding-top:28px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-panel{padding:24px}.usage-number{font-size:36px;font-weight:800;margin-top:16px}.usage-track{height:8px;background:#eaecf0;border-radius:999px;overflow:hidden;margin:14px 0}.usage-track span{display:block;height:100%;background:#4f46e5}.feature-list{display:grid;gap:8px;margin-top:20px}.feature-list span{padding:8px 10px;border-radius:9px;background:#f8fafc}.feature-list .disabled{color:var(--muted)}.plan-switch{display:flex;gap:8px;flex-wrap:wrap}.error-code{font-size:72px;font-weight:900;color:#e4e7ec}
@media(max-width:800px){.account-strip{grid-template-columns:1fr 1fr}.landing-main{margin-top:60px}.landing-main h1{font-size:40px}.trust-grid,.account-grid{grid-template-columns:1fr}.top-meta{gap:6px;flex-wrap:wrap}}

.usage-progress{width:100%;height:10px;margin:14px 0;border:0;border-radius:999px;overflow:hidden}
.usage-progress::-webkit-progress-bar{background:#eaecf0;border-radius:999px}
.usage-progress::-webkit-progress-value{background:#4f46e5;border-radius:999px}
.usage-progress::-moz-progress-bar{background:#4f46e5;border-radius:999px}
.case-row{cursor:pointer}
.case-row:focus-visible{outline:3px solid #6366f1;outline-offset:-3px}

/* V10.2 public site, premium gating and legal pages */
.brand-link{text-decoration:none;color:inherit}
footer{display:flex;justify-content:space-between;gap:18px;align-items:center}
footer nav,.public-footer nav{display:flex;gap:16px}footer a,.public-footer a{text-decoration:none;color:inherit}
.public-body{background:#f6f8fc;color:#101828}
.public-nav{max-width:1180px;margin:0 auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}
.public-nav nav{display:flex;align-items:center;gap:18px}.public-nav nav>a:not(.primary-link){color:#475467;text-decoration:none;font-weight:650}
.public-main{max-width:1180px;margin:0 auto;padding:70px 28px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center;min-height:540px}.hero h1,.pricing-head h1{font-size:58px;line-height:1.02;letter-spacing:-.045em;margin:12px 0 20px;max-width:800px}.hero-copy>p,.pricing-head>p{font-size:18px;line-height:1.7;color:#667085;max-width:680px}.hero-actions{display:flex;gap:10px;margin:28px 0}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;color:#667085;font-size:13px}.hero-proof span:before{content:"✓";font-weight:900;color:#12b76a;margin-right:6px}
.hero-product{padding:26px;box-shadow:0 24px 70px rgba(16,24,40,.10)}.mock-top{display:flex;justify-content:space-between;font-size:11px;color:#667085}.mock-score{font-size:72px;font-weight:850;letter-spacing:-.06em;margin-top:28px}.mock-score small{font-size:20px;color:#98a2b3}.mock-danger{display:inline-flex;background:#fef3f2;color:#b42318;padding:6px 10px;border-radius:999px}.mock-finding{display:flex;gap:12px;border-top:1px solid #eaecf0;padding:13px 0}.mock-finding b{color:#b42318}
.section-heading{margin:90px 0 28px}
/* A heading that opens a panel sits against the panel padding, not 90px below it. */
.panel>.section-heading:first-child{margin-top:0}.section-heading h2{font-size:38px;letter-spacing:-.03em;margin:8px 0}.cta-band,.business-note{margin-top:70px;border:1px solid #e4e7ec;border-radius:18px;background:#fff;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.pricing-head{max-width:850px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-card{padding:24px;display:flex;flex-direction:column}.price-card.featured{border:1.5px solid #6366f1;box-shadow:0 18px 45px rgba(79,70,229,.10)}.price-label{font-size:11px;font-weight:850;letter-spacing:.08em;color:#4f46e5}.price-card h2{font-size:28px;margin:10px 0 4px}.price-card>p{color:#667085;min-height:44px}.price-card>strong{margin:14px 0}.price-card ul{padding-left:18px;color:#475467;line-height:1.9;flex:1}.price-card>a{margin-top:18px;text-align:center}
.legal-page{max-width:820px;margin:0 auto;padding:72px 28px 100px}.legal-page>h1{font-size:50px;letter-spacing:-.04em;margin:10px 0}.legal-date{color:#667085}.legal-callout{margin:28px 0 40px;background:#fffaeb;border:1px solid #fedf89;border-radius:12px;padding:16px;line-height:1.6}.legal-page section{padding:24px 0;border-top:1px solid #eaecf0}.legal-page h2{font-size:21px}.legal-page p{color:#475467;line-height:1.75}
.public-footer{max-width:1180px;margin:0 auto;border-top:1px solid #e4e7ec;padding:26px 28px 45px;color:#667085}
.premium-method{background:#f5f3ff;border-radius:12px;padding:12px}.premium-method a{display:inline-block;margin-top:5px;color:#4f46e5;font-weight:750;text-decoration:none}
.upgrade-modal{position:fixed;inset:0;background:rgba(16,24,40,.48);display:none;align-items:center;justify-content:center;padding:20px;z-index:999}.upgrade-modal.open{display:flex}.upgrade-card{position:relative;width:min(460px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 90px rgba(16,24,40,.25)}.upgrade-card h2{font-size:28px;margin:8px 0}.upgrade-card p{color:#667085;line-height:1.6}.upgrade-close{position:absolute;right:16px;top:14px;border:0;background:transparent;font-size:26px;cursor:pointer}.upgrade-actions{display:flex;gap:10px;margin-top:24px}
.history-lock-note{display:block;margin-top:7px;color:#6941c6;font-weight:650}.case-row.locked{cursor:pointer}.case-row.locked td:first-child:after{content:"  Locked";font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#6941c6;background:#f4f3ff;border-radius:999px;padding:3px 6px;margin-left:7px}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:35px}.pricing-grid{grid-template-columns:1fr 1fr}.hero h1,.pricing-head h1{font-size:46px}}
@media(max-width:650px){.public-nav{align-items:flex-start}.public-main{padding-top:35px}.hero h1,.pricing-head h1{font-size:38px}.pricing-grid{grid-template-columns:1fr}.cta-band,.business-note{align-items:flex-start;flex-direction:column}.hero-proof{flex-direction:column;gap:8px}}

/* V10.3 visual identity and contact page */
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-link{text-decoration:none;color:inherit}
.terminal-logo{
  position:relative;
  width:42px;
  height:34px;
  border-radius:9px;
  background:linear-gradient(180deg,#111827,#0b1220);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  overflow:hidden;
  border:1px solid rgba(124,92,255,.72);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 5px 18px rgba(17,24,39,.12);
}
.terminal-logo:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:7px;
  background:rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.terminal-logo:after{
  content:"";
  position:absolute;
  top:3px;left:5px;
  width:3px;height:3px;border-radius:50%;
  background:#7c5cff;
  box-shadow:6px 0 0 rgba(124,92,255,.58),12px 0 0 rgba(124,92,255,.28);
}
.terminal-logo .terminal-caret{
  position:relative;
  z-index:1;
  margin-top:6px;
  font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  color:#9da4ff;
  letter-spacing:-1px;
}
.terminal-logo .terminal-j{
  position:relative;
  z-index:1;
  margin-top:6px;
  font:850 17px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  color:#fff;
}
.brand>div>strong{font-weight:800;letter-spacing:-.02em}
.topbar .brand{flex-shrink:0}
.topbar .top-meta{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.public-nav{border-bottom:1px solid rgba(228,231,236,.75);background:rgba(246,248,252,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}
.public-nav .brand>div span{margin-top:2px}
.public-nav nav a{transition:color .16s ease,background .16s ease,transform .16s ease}
.public-nav nav>a:not(.primary-link):hover{color:#111827}
.public-nav .primary-link:hover,.business-contact-btn:hover{transform:translateY(-1px)}
.business-contact-btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;background:#111827;color:#fff;border-radius:10px;padding:10px 15px;font-weight:750}
.feature-list span{display:flex;align-items:center;gap:8px}
.feature-state{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;font-size:12px}
.feature-list .enabled .feature-state{color:#067647}
.feature-list .disabled .feature-state{color:#d92d20}
.contact-main{max-width:1180px;margin:0 auto;padding:72px 28px 100px}
.contact-hero{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;margin-bottom:34px}
.contact-hero h1{font-size:58px;line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}
.contact-hero p{max-width:720px;color:#667085;font-size:18px;line-height:1.7}
.contact-badge{display:flex;gap:11px;align-items:flex-start;max-width:350px;padding:15px 17px;border:1px solid #e4e7ec;background:#fff;border-radius:14px}
.contact-badge strong,.contact-badge small{display:block}.contact-badge small{color:#667085;line-height:1.45;margin-top:3px}
.contact-dot{width:9px;height:9px;border-radius:50%;background:#12b76a;margin-top:5px;box-shadow:0 0 0 4px #ecfdf3;flex:0 0 auto}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}
.contact-form-card,.contact-info-card{padding:28px}
.contact-form{display:grid;gap:17px;margin-top:22px}
.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{font-size:13px;font-weight:750;color:#344054}
.contact-form label>span{font-weight:500;color:#98a2b3;margin-left:5px}
.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;color:#101828;transition:border-color .15s ease,box-shadow .15s ease}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#7c5cff;box-shadow:0 0 0 3px rgba(124,92,255,.12);outline:0}
.contact-submit{min-height:46px}
.contact-side{display:grid;gap:18px}
.contact-info-card h2{font-size:25px;letter-spacing:-.025em;margin:7px 0 10px}
.contact-info-card p,.contact-info-card li{color:#667085;line-height:1.6}
.contact-info-card ul{padding-left:20px;margin:16px 0 22px}
.contact-links{display:grid;gap:8px;margin-top:18px}
.contact-links a{color:#4f46e5;text-decoration:none;font-weight:700}
.contact-success{display:flex;flex-direction:column;gap:3px;margin-top:16px;padding:13px 15px;border:1px solid #abefc6;background:#ecfdf3;color:#067647;border-radius:11px}
.contact-success span{font-size:13px}
@media(max-width:850px){
  .contact-hero{grid-template-columns:1fr;align-items:start}
  .contact-layout{grid-template-columns:1fr}
}
@media(max-width:620px){
  .contact-main{padding:45px 18px 75px}
  .contact-hero h1{font-size:42px}
  .contact-field-row{grid-template-columns:1fr}
  .topbar .top-meta{gap:6px}
  .terminal-logo{width:39px;height:32px}
}

/* V10.4 visual system: deep purple, warm yellow and white */
:root{
  --bg:#f8f7fc;
  --panel:#ffffff;
  --ink:#19152b;
  --muted:#716b82;
  --line:#e9e5f0;
  --accent:#4b286d;
  --accent2:#6f3ca0;
  --brand-dark:#241135;
  --brand-deep:#32164a;
  --brand-yellow:#f6c453;
  --brand-purple-mid:#3a1950;
  --brand-purple-light:#5b2d76;
  --brand-yellow-soft:#fff4cf;
  --danger:#c9362b;
  --warn:#b26800;
  --good:#087443;
  --soft:#faf9fc;
}
body{background:linear-gradient(180deg,#fbfaff 0,#f7f5fb 100%)}
.app-shell{max-width:1320px}
.modern-topbar{
  height:92px;
  margin-top:14px;
  padding:0 20px;
  border:0;
  border-radius:18px;
  background:linear-gradient(110deg,var(--brand-dark),var(--brand-deep));
  box-shadow:0 16px 42px rgba(39,18,56,.14);
  color:#fff;
}
.modern-topbar .brand{color:#fff}
.modern-topbar .brand>div>strong{color:#fff;font-size:19px}
.modern-topbar .brand>div>span{color:#d9cde5}
.header-nav{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 20px}
.header-nav-link{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border-radius:10px;
  color:#d9cde5;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}
.header-nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
.header-nav-link.active{background:var(--brand-yellow);color:#261536}
.modern-topbar .top-meta{font-size:12px;color:#fff}
.account-pill{
  display:flex;
  align-items:center;
  gap:9px;
  padding:6px 10px 6px 6px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  color:#fff;
  text-decoration:none;
  background:rgba(255,255,255,.06);
}
.account-pill:hover{background:rgba(255,255,255,.1)}
.account-pill>span:last-child{display:grid;line-height:1.15}
.account-pill strong{font-size:12px;color:#fff}
.account-pill small{font-size:10px;color:#cdbfd9;margin-top:2px}
.account-initial{
  width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;
  background:var(--brand-yellow);color:#281438;
  font-weight:900;font-size:12px;
}
.nav-button.light{color:#e8dff0}
.nav-button.light:hover{color:#fff}

/* Jatzo retro computer mark */
.brand .retro-computer{
  position:relative;
  width:48px;
  height:42px;
  flex:0 0 48px;
  display:block;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  color:inherit;
}
.retro-computer .retro-screen{
  position:absolute;
  left:5px;top:1px;
  width:38px;height:29px;
  border:4px solid var(--brand-yellow);
  border-radius:6px 6px 5px 5px;
  background:#241135;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.08),
    2px 2px 0 rgba(0,0,0,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  margin:0;
}
.retro-computer .retro-screen:before{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:2px;
  background:linear-gradient(145deg,#36194e,#1c0c2a);
  z-index:0;
}
.retro-computer .retro-prompt,
.retro-computer .retro-j{
  position:relative;
  z-index:1;
  display:inline;
  margin:0;
  color:#fff;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
}
.retro-computer .retro-prompt{font-size:8px;color:#f8dc8b;font-weight:800;letter-spacing:-1px}
.retro-computer .retro-j{font-size:17px;font-weight:950;line-height:1}
.retro-computer .retro-base{
  position:absolute;
  left:9px;bottom:3px;
  width:31px;height:8px;
  display:block;
  margin:0;
  background:var(--brand-yellow);
  clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);
  border-radius:1px 1px 4px 4px;
  box-shadow:2px 2px 0 rgba(0,0,0,.12);
}
.retro-computer:after{
  content:"";
  position:absolute;
  left:16px;top:30px;
  width:17px;height:4px;
  background:#d9a72f;
  clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);
}

/* Public header uses the same mark and fuller navigation */
.public-nav{
  max-width:none;
  padding:15px max(28px,calc((100vw - 1240px)/2));
  background:rgba(36,17,53,.97);
  border-bottom:1px solid rgba(246,196,83,.2);
  color:#fff;
}
.public-nav .brand>div>strong{color:#fff;font-size:19px}
.public-nav .brand>div>span{color:#cdbfd9}
.public-nav nav{gap:7px}
.public-nav nav>a:not(.primary-link){
  color:#d8cce2;
  padding:9px 11px;
  border-radius:9px;
}
.public-nav nav>a:not(.primary-link):hover{color:#fff;background:rgba(255,255,255,.07)}
.public-nav .primary-link{background:var(--brand-yellow);color:#2a1638}
.primary-link{background:var(--brand-deep)}
.eyebrow{color:var(--accent2)}
.plan-chip{background:var(--brand-yellow-soft);color:#563413}
.hero h1 em{color:#7441a6}

/* Cleaner Link Intelligence */
.url-list{gap:12px}
.url-item{
  padding:15px 16px;
  background:#fff;
  border-radius:12px;
  border-left-width:4px;
  box-shadow:0 2px 9px rgba(31,20,43,.035);
}
.url-top{align-items:center}
.url-risk-wrap{display:flex;align-items:center;gap:7px}
.url-risk{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 7px;
  border-radius:999px;
  background:#f2f0f6;
}
.url-repeat{
  font-size:10px;
  font-weight:750;
  color:#6f3ca0;
  background:#f5effa;
  border-radius:999px;
  padding:4px 7px;
}
.url-item.high .url-risk{background:#fef0ef}
.url-item.medium .url-risk{background:#fff6e5}
.url-item.low .url-risk{background:#ecfdf3}
.url-destination{
  margin-top:11px;
  padding:10px 12px;
  border:1px solid #eee9f2;
  border-radius:9px;
  background:#faf9fc;
}
.url-destination>span{
  display:block;
  margin-bottom:4px;
  color:#938ca0;
  font-size:9px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
}
.url-destination code{
  display:block;
  margin:0;
  color:#2e2138;
  font-size:12px;
  line-height:1.45;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:normal;
}
.url-full{margin-top:9px;border-top:1px solid #eee9f2;padding-top:8px}
.url-full summary{
  cursor:pointer;
  color:#6f3ca0;
  font-size:11px;
  font-weight:750;
  list-style:none;
}
.url-full summary::-webkit-details-marker{display:none}
.url-full summary:after{content:" +" ;font-weight:900}
.url-full[open] summary:after{content:" −"}
.url-full-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:start;margin-top:8px}
.url-full-row code{
  display:block;
  max-height:74px;
  overflow:auto;
  padding:9px;
  border-radius:7px;
  background:#f5f3f7;
  word-break:break-all;
  white-space:normal;
  font-size:10px;
}
.copy-url{
  border:1px solid #d8d1df;
  background:#fff;
  color:#442258;
  border-radius:8px;
  padding:8px 10px;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.copy-url:hover{border-color:#8d62aa;background:#faf7fc}

/* Polished content cards */
.panel{border-color:#e9e4ee;box-shadow:0 5px 22px rgba(37,20,52,.045)}
.account-strip{border-top:3px solid var(--brand-yellow)}
footer{border-top:1px solid var(--line);margin-top:42px;padding-top:24px}

@media(max-width:980px){
  .header-nav{display:none}
}
@media(max-width:700px){
  .modern-topbar{height:78px;padding:0 13px;margin-top:8px}
  .modern-topbar .account-pill>span:last-child{display:none}
  .modern-topbar .nav-button.light{display:none}
  }
/* V10.5 brand expansion */
.hero{position:relative}.hero:before{content:"";position:absolute;left:-28px;top:54px;width:5px;height:72px;border-radius:8px;background:var(--brand-yellow)}
.workspace>.composer,.method-panel,.result-head,.result-details-panel,.premium-intel,.technical{border-top:1px solid #e9e4ee}
.composer:focus-within,.result-details-panel:has(details[open]),.premium-intel[open]{border-color:#d8c9e4;box-shadow:0 9px 28px rgba(62,31,83,.08)}
.result-head{overflow:hidden;position:relative}.result-head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--brand-yellow)}
.ring{box-shadow:inset 0 0 0 1px #eee8f2}.risk-score{position:relative}.risk-score:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--brand-yellow);right:7px;top:5px;box-shadow:0 0 0 4px #fff}
.case-actions>span{background:#f5f0f8;color:#4b286d;border:1px solid #e5d9ec;border-radius:7px;padding:7px 9px;font-weight:800}
.method b{color:#5b2c79}.method:hover{background:#fbf8fd}.method:hover>b{color:#b47b00}
.premium-intel-wrap{margin:18px 0}.premium-intel{margin:0!important;border:1px solid #ddcee8!important;border-left:5px solid var(--brand-yellow)!important;background:linear-gradient(110deg,#fff 0,#fcf9ff 100%)}
.premium-intel summary{padding:18px 20px}.premium-badge{background:var(--brand-yellow-soft)!important;color:#563413!important;border:1px solid #eed27c}
.premium-locked summary{cursor:pointer}.premium-lock-body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 20px 20px;padding:16px;border:1px solid #eadff0;border-radius:12px;background:#fff}
.premium-lock-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--brand-deep);color:var(--brand-yellow);font-weight:950}.premium-lock-body strong{font-size:13px}.premium-lock-body p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.premium-upgrade{white-space:nowrap;text-decoration:none;padding:10px 13px;border-radius:9px;background:var(--brand-yellow);color:#281438;font-size:11px;font-weight:850}
.evidence-panel{border-left:3px solid #5b2c79}.result-details summary:before{color:#5b2c79}.result-details[open] summary:before{color:#b47b00}
.disclaimer-box{border-color:#efd27a;background:#fff9e7;color:#5c4316}
footer a:hover{color:#5b2c79}
@media(max-width:700px){.premium-lock-body{grid-template-columns:auto 1fr}.premium-upgrade{grid-column:1/-1;text-align:center}.hero:before{left:-15px}}


/* V10.6 unified assessment cards */
.assessment-sections{
  display:grid;
  gap:16px;
  margin-top:18px;
}
.assessment-grid{
  display:grid;
  gap:16px;
  align-items:start;
}
.assessment-grid-two{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.assessment-card{
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid #e5ddea!important;
  border-radius:14px!important;
  background:#fff;
  box-shadow:0 5px 20px rgba(42,22,57,.045)!important;
}
.assessment-card[open]{
  border-color:#d4c1df!important;
  box-shadow:0 9px 28px rgba(42,22,57,.075)!important;
}
.assessment-summary{
  min-height:78px;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto 28px;
  align-items:center;
  gap:13px;
  padding:14px 18px!important;
  cursor:pointer;
  list-style:none;
  border:0!important;
  margin:0!important;
  background:#fff;
}
.assessment-summary::-webkit-details-marker{display:none}
.assessment-summary::before,
.assessment-summary::after{content:none!important}
.assessment-heading{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.assessment-heading strong{
  font-size:14px;
  line-height:1.25;
  letter-spacing:-.15px;
  color:var(--ink);
}
.assessment-heading small{
  font-size:11px;
  line-height:1.4;
  color:var(--muted);
  font-weight:400;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.assessment-icon{
  width:34px;
  height:34px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#f3edf7;
  border:1px solid #e4d9eb;
  color:#5b2c79;
  font-size:11px;
  font-weight:900;
}
.premium-icon{
  background:var(--brand-yellow-soft);
  border-color:#efd783;
  color:#6b4700;
  font-size:16px;
}
.assessment-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.assessment-chevron{
  width:26px;
  height:26px;
  border:1px solid #ded6e4;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#6b5d76;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.assessment-chevron::before{
  content:"";
  width:7px;
  height:7px;
  border-right:1.7px solid currentColor;
  border-bottom:1.7px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);
}
.assessment-card[open] .assessment-chevron{
  transform:rotate(180deg);
  background:#f7f2fa;
  border-color:#cfbddb;
  color:#5b2c79;
}
.assessment-card[open] .assessment-summary{
  border-bottom:1px solid #eee8f2!important;
}
.assessment-body{
  padding:18px 20px 20px;
}
.assessment-body .profile,
.assessment-body .ip-intel{margin:0}
.assessment-body.technical pre{
  margin:0;
  padding:14px;
  border:1px solid #ece6f0;
  border-radius:10px;
  background:#faf8fb;
}
.premium-assessment-card{
  border-left:4px solid var(--brand-yellow)!important;
  background:linear-gradient(110deg,#fff 0,#fcf9ff 100%);
}
.premium-assessment-card .assessment-summary{background:transparent}
.premium-assessment-card .assessment-body{background:#fffdf8}
.premium-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:26px;
  padding:0 10px!important;
  border-radius:999px;
  background:var(--brand-yellow-soft)!important;
  border:1px solid #efd783!important;
  color:#684500!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em;
}
.premium-lock-body{
  margin:0!important;
}
.technical-assessment-card{grid-column:1/-1}
.assessment-card .ghost.small{white-space:nowrap}

/* Quota exhausted state */
.quota-notice{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin-bottom:16px;
  padding:15px 16px;
  border:1px solid #ead58b;
  border-left:4px solid var(--brand-yellow);
  border-radius:12px;
  background:linear-gradient(110deg,#fff9e7,#fffdf7);
}
.quota-notice.hidden{display:none}
.quota-lock-mark{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:var(--brand-deep);
  color:var(--brand-yellow);
  font-weight:950;
}
.quota-notice strong{font-size:13px;color:#2d1938}
.quota-notice p{margin:3px 0 0;font-size:11px;line-height:1.5;color:#6f6376}
.quota-upgrade-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  border-radius:9px;
  background:var(--brand-yellow);
  color:#2b1739;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.quota-upgrade-btn:hover{filter:brightness(.98);transform:translateY(-1px)}
.quota-locked .dropzone,
.disabled-zone{
  border-style:solid!important;
  border-color:#e4dde8!important;
  background:#f7f5f8!important;
  color:#a59da9!important;
  cursor:not-allowed!important;
}
.disabled-zone .upload-icon{color:#a59da9}
.quota-locked textarea:disabled{
  background:#f7f5f8;
  color:#a59da9;
  cursor:not-allowed;
}
.quota-locked button:disabled{
  cursor:not-allowed;
  opacity:.55;
}
.quota-locked #analyseBtn:disabled{
  opacity:1;
  background:#d9d1df;
  color:#746a7b;
}
.analysis-error{
  display:none;
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #f1b8b3;
  border-radius:9px;
  background:#fff4f3;
  color:#a52a22;
  font-size:11px;
}
.analysis-error.show{display:block}

@media(max-width:820px){
  .assessment-grid-two{grid-template-columns:1fr}
}
@media(max-width:650px){
  .assessment-summary{
    grid-template-columns:34px minmax(0,1fr) 26px;
    min-height:72px;
    padding:12px 13px!important;
  }
  .assessment-actions{grid-column:2;grid-row:2;justify-content:flex-start}
  .assessment-chevron{grid-column:3;grid-row:1}
  .assessment-heading small{white-space:normal}
  .quota-notice{grid-template-columns:36px 1fr}
  .quota-upgrade-btn{grid-column:1/-1}
}


/* V10.7 analysis modes, bulk workspace and stronger Jatzo purple */
.method:hover{
  background:transparent!important;
}
.method:hover>b,
.method:hover strong,
.method:hover span{
  color:inherit!important;
}

.analysis-mode-tabs{
  display:inline-flex;
  gap:6px;
  padding:5px;
  margin-bottom:20px;
  border:1px solid #ded2e7;
  border-radius:12px;
  background:#f5eff8;
}
.analysis-mode-tab{
  min-height:38px;
  padding:0 14px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#725f7d;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.analysis-mode-tab.active{
  background:var(--brand-deep);
  color:#fff;
  box-shadow:0 5px 14px rgba(50,22,74,.18);
}
.mode-pro-chip{
  margin-left:6px;
  padding:3px 6px;
  border-radius:999px;
  background:var(--brand-yellow-soft);
  color:#684500;
  font-size:8px;
  letter-spacing:.06em;
}
.analysis-mode-tab.active .mode-pro-chip{
  background:var(--brand-yellow);
}
.analysis-mode-panel[hidden]{display:none!important}

.bulk-panel-title{align-items:center}
.bulk-plan-note{
  padding:6px 9px;
  border-radius:999px;
  background:#efe5f5;
  color:#5f2d7d;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bulk-dropzone{
  min-height:245px;
  border:1.5px dashed #b99bc9;
  background:linear-gradient(145deg,#fbf8fd,#f7f1fa);
}
.bulk-dropzone .upload-icon{
  color:#6f3ca0;
  background:#efe5f5;
}
.bulk-select-btn{
  min-width:170px;
  background:var(--brand-deep);
}
.bulk-selection-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin-top:12px;
  color:#6f6376;
  font-size:11px;
}
.bulk-selection-bar #bulkStatus{
  color:#4e285f;
  font-weight:700;
}
.bulk-cap{color:#9a8ca2}

.bulk-results{
  margin-top:26px;
  padding-top:8px;
}
.bulk-results-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin-bottom:18px;
}
.bulk-results-head h2{
  margin:3px 0 5px;
  font-size:30px;
  letter-spacing:-1px;
  color:#261435;
}
.bulk-results-head p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.bulk-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.bulk-stat{
  min-height:82px;
  padding:14px 16px;
  border:1px solid #e2d8e8;
  border-radius:12px;
  background:#fff;
  text-align:left;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.bulk-stat:hover{
  transform:translateY(-1px);
  border-color:#bfa9cc;
  box-shadow:0 7px 18px rgba(52,25,72,.07);
}
.bulk-stat strong{
  display:block;
  font-size:26px;
  color:#2c183a;
}
.bulk-stat span{
  display:block;
  margin-top:3px;
  color:#776b7d;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.bulk-stat.very-high{border-top:4px solid #9f1b24}
.bulk-stat.high{border-top:4px solid #d04b3e}
.bulk-stat.suspicious{border-top:4px solid #d69c2f}
.bulk-stat.low{border-top:4px solid #27865f}
.bulk-stat.failed{border-top:4px solid #8b8790}

.bulk-groups{
  display:grid;
  gap:14px;
}
.bulk-risk-group{
  border:1px solid #e2d8e8;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(47,24,64,.035);
}
.bulk-risk-group>summary{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:12px 16px;
  list-style:none;
  cursor:pointer;
  background:#fbf8fd;
}
.bulk-risk-group>summary::-webkit-details-marker{display:none}
.bulk-risk-group>summary span:first-child{
  display:flex;
  align-items:baseline;
  gap:8px;
}
.bulk-risk-group>summary strong{
  color:#2d173b;
  font-size:13px;
}
.bulk-risk-group>summary small{
  color:#887b90;
  font-size:10px;
}
.bulk-group-chevron{
  width:25px;height:25px;
  border:1px solid #d9cde1;
  border-radius:8px;
  position:relative;
}
.bulk-group-chevron:before{
  content:"";
  position:absolute;
  width:6px;height:6px;
  border-right:1.5px solid #6d5879;
  border-bottom:1.5px solid #6d5879;
  transform:rotate(45deg);
  left:8px;top:6px;
}
.bulk-risk-group[open] .bulk-group-chevron{transform:rotate(180deg)}
.bulk-email-list{
  display:grid;
}
.bulk-email-row{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 70px 130px 20px;
  align-items:center;
  gap:12px;
  padding:13px 16px;
  border:0;
  border-top:1px solid #eee8f1;
  background:#fff;
  text-align:left;
  color:inherit;
  cursor:pointer;
}
.bulk-email-row:hover{
  background:#faf6fc;
}
.bulk-email-main{min-width:0}
.bulk-email-main strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#2b1738;
  font-size:12px;
}
.bulk-email-main small{
  display:block;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8b7d91;
  font-size:10px;
}
.bulk-email-score{
  text-align:right;
  white-space:nowrap;
}
.bulk-email-score strong{font-size:18px;color:#2c183a}
.bulk-email-score small{font-size:9px;color:#94889a}
.bulk-risk-pill{
  justify-self:end;
  padding:5px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.bulk-risk-pill.very-high,
.bulk-risk-pill.high{background:#fef0ef;color:#a93229}
.bulk-risk-pill.suspicious{background:#fff7e8;color:#9a6200}
.bulk-risk-pill.low{background:#edf9f3;color:#167249}
.bulk-risk-pill.failed{background:#f2f1f3;color:#68636c}
.bulk-row-arrow{
  color:#6f3ca0;
  font-size:22px;
  line-height:1;
}
.bulk-email-row.failed{
  grid-template-columns:minmax(0,1fr) auto;
  cursor:default;
}
.bulk-email-row.failed:hover{background:#fff}

.bulk-detail{
  margin-top:24px;
  padding-top:24px;
  border-top:2px solid #e4d6eb;
}
.bulk-detail-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin-bottom:14px;
}
.bulk-detail-head h2{
  margin:3px 0 4px;
  color:#281637;
  font-size:25px;
}
.bulk-detail-head p{
  margin:0;
  color:#6f3ca0;
  font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;
}
.bulk-result-head{margin-bottom:16px}

/* Push purple further across common interface surfaces */
.account-strip{
  border:1px solid #dccfe4;
  border-top:4px solid var(--brand-deep);
  background:linear-gradient(100deg,#fff,#fbf7fd);
}
.account-strip>div span{
  color:#806d88;
}
.account-strip>div strong{
  color:#32164a;
}
.panel-title h2,
.dashboard-head h1,
.account-panel h2,
.message-profile h3{
  color:#2b1739;
}
.ghost{
  border-color:#d6c7df;
}
.ghost:hover{
  border-color:#9e79b4;
  color:#55276e;
  background:#faf6fc;
}
.primary{
  background:linear-gradient(100deg,#32164a,#5e2c7a);
}
.primary:hover{
  filter:brightness(1.05);
}
.dropzone{
  border-color:#c9b5d5;
}
.dropzone.drag{
  border-color:#6f3ca0;
  background:#f7effb;
}
.or:before,
.or:after{
  background:#e5dbea;
}
.result-head{
  border-color:#d8c8e0;
}
.assessment-card{
  border-color:#ded2e6!important;
}
.assessment-card[open]{
  border-color:#bfa6ce!important;
}
.disclaimer-box{
  border-left:4px solid var(--brand-yellow);
}

/* Public top navigation: Privacy stays in the footer, Contact is last. */
.public-nav nav{
  display:flex;
  align-items:center;
}

@media(max-width:900px){
  .bulk-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bulk-email-row{grid-template-columns:minmax(0,1fr) 58px 110px 18px}
}
@media(max-width:620px){
  .analysis-mode-tabs{display:flex;width:100%}
  .analysis-mode-tab{flex:1}
  .bulk-selection-bar{align-items:flex-start;flex-direction:column}
  .bulk-results-head,.bulk-detail-head{align-items:flex-start;flex-direction:column}
  .bulk-stat-grid{grid-template-columns:1fr 1fr}
  .bulk-email-row{
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
  }
  .bulk-email-score{grid-column:2;grid-row:1}
  .bulk-risk-pill{grid-column:1;grid-row:2;justify-self:start}
  .bulk-row-arrow{grid-column:2;grid-row:2;justify-self:end}
}


/* V10.8 consistency and polish */
.price-label,
.pricing-head .eyebrow{
  color:var(--brand-deep)!important;
}
.price-card.featured{
  border-color:#7b4a96!important;
  box-shadow:0 18px 45px rgba(69,31,91,.12)!important;
}
.price-card .primary-link{
  background:linear-gradient(100deg,#32164a,#5f2d7d)!important;
  color:#fff!important;
}
.price-card .ghost{
  color:#4b286d!important;
  border-color:#cbb7d6!important;
}
.price-card li::marker{
  color:#6f3ca0;
}

/* Landing assessment score */
.mock-score{
  display:flex;
  align-items:baseline;
  gap:4px;
  font-size:68px!important;
  line-height:.95;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.mock-score small{
  display:inline-block;
  font-size:17px!important;
  line-height:1;
  letter-spacing:0;
  color:var(--muted)!important;
  font-weight:800;
  margin-left:1px;
}
.mock-danger{
  margin-top:10px;
}

/* Canonical risk colours */
.very-high{color:#9f1b24}
.high{color:#c33b31}
.suspicious{color:#a96b00}
.low{color:#087443}

/* Keep public CTA as the final visual anchor */
.public-nav .primary-link{
  order:99;
}

.verdict-buttons{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.verdict-buttons{grid-template-columns:1fr 1fr}}

/* Purple replaces legacy indigo across pricing/account surfaces */
.price-label,
.pricing-head .eyebrow,
.feature-list .enabled .feature-state,
.history-lock-note,
.override-tag{
  color:#5f2d7d!important;
}
.price-card.featured{
  border-color:#7c4d96!important;
}
.plan-chip{
  background:#f0e8f5!important;
  color:#54276b!important;
}
.usage-progress::-webkit-progress-value{background:#5f2d7d!important}
.usage-progress::-moz-progress-bar{background:#5f2d7d!important}
.case-row:focus-visible{outline-color:#7c4d96!important}
:focus-visible{outline-color:#7c4d96!important}


/* V10.9 visual polish, stronger yellow accents and theme support */

/* Analyse hero: isolate from public marketing hero rules and restore symmetry */
.analysis-hero{
  display:block!important;
  min-height:0!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding:76px 0 54px!important;
  text-align:center;
  position:relative;
}
.analysis-hero:before{
  content:none!important;
}
.analysis-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 0 16px!important;
  color:#6f3ca0;
}
.analysis-hero .eyebrow:before{
  content:"";
  width:5px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffd86f,#f2b931);
  box-shadow:0 3px 10px rgba(246,196,83,.28);
}
.analysis-hero h1{
  margin:0 auto 22px!important;
  max-width:620px;
  font-size:56px!important;
  line-height:1.03!important;
  letter-spacing:-2.5px!important;
}
.analysis-hero p{
  max-width:620px!important;
  margin:0 auto!important;
  color:#716b82!important;
  font-size:15px!important;
  line-height:1.8!important;
}

/* Purple gradient language across controls */
.primary,
.business-contact-btn,
.price-card .primary-link,
.quota-upgrade-btn{
  background:linear-gradient(105deg,#2a103d 0%,#51276b 52%,#6d3b89 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:0 6px 16px rgba(57,27,78,.14);
}
.primary:hover,
.business-contact-btn:hover,
.price-card .primary-link:hover,
.quota-upgrade-btn:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.ghost{
  background:linear-gradient(180deg,#ffffff 0%,#fbf8fd 100%)!important;
  border-color:#d6c7df!important;
  color:#4b286d!important;
}
.ghost:hover{
  background:linear-gradient(180deg,#fbf7fd,#f3eaf8)!important;
  border-color:#9c77b1!important;
}
.public-nav .primary-link{
  background:linear-gradient(105deg,#ffd96f,#f6c453 58%,#e7ac28)!important;
  color:#2a1638!important;
  box-shadow:0 5px 14px rgba(246,196,83,.18);
}

/* Yellow plays a larger supporting-brand role */
.account-strip{
  border-top:4px solid var(--brand-yellow)!important;
}
.account-strip:before{
  content:"";
  position:absolute;
  left:18px;
  top:-4px;
  width:84px;
  height:4px;
  border-radius:999px;
  background:var(--brand-deep);
}
.account-strip{position:relative}
.analysis-mode-tabs{
  border-color:#d7c7df!important;
  background:linear-gradient(180deg,#f6eff9,#efe4f5)!important;
}
.analysis-mode-tab.active{
  background:linear-gradient(105deg,#2d123f,#5b2d76)!important;
}
.mode-pro-chip{
  background:linear-gradient(105deg,#ffe38a,#f6c453)!important;
  color:#4f3500!important;
}
.panel{
  border-color:#e4d9e9;
}
.assessment-card,
.bulk-risk-group,
.price-card{
  border-color:#dfd0e7!important;
}
.assessment-card[open],
.bulk-risk-group[open]{
  box-shadow:0 8px 24px rgba(52,25,72,.07)!important;
}
.eyebrow{
  color:#663285!important;
}
.method-panel .eyebrow{
  color:var(--brand-yellow)!important;
}
.method b{
  color:#f0c85d!important;
}
.method strong{
  color:#fff;
}
.premium-badge,
.plan-chip,
.price-label{
  background:#fff1bd;
  color:#563900!important;
  border-radius:999px;
  padding:4px 8px;
}
.price-label{
  display:inline-flex;
  width:max-content;
}
.price-card{
  position:relative;
  overflow:hidden;
}
.price-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#32164a 0 72%,#f6c453 72% 100%);
}
.price-card.featured:before{
  height:6px;
  background:linear-gradient(90deg,#f6c453,#32164a 24%,#32164a 76%,#f6c453);
}
.hero-product{
  border-top:4px solid var(--brand-yellow)!important;
}
.mock-top{
  color:#5d356f!important;
}
.mock-top b{
  color:#32164a;
}
.mock-finding b{
  color:#7b3b22!important;
}
.hero-proof span:before{
  color:#b47a00!important;
}

/* Account panels: use the user's purple/yellow title-strip concept */
.account-panel{
  overflow:hidden;
}
.account-panel>h2{
  margin:-24px -24px 20px!important;
  padding:16px 22px;
  background:linear-gradient(105deg,#241135,#4b286d);
  color:var(--brand-yellow)!important;
  border-bottom:1px solid rgba(246,196,83,.25);
  font-size:19px;
}
.account-panel .usage-number{
  color:#32164a;
}
.account-panel .feature-list span{
  border:1px solid #ede4f1;
  background:#fbf9fc;
}
.account-panel .feature-list .enabled{
  border-left:3px solid #6f3ca0;
}
.account-panel .feature-list .disabled{
  border-left:3px solid #e0b847;
}
.usage-progress::-webkit-progress-value{
  background:linear-gradient(90deg,#32164a,#6f3ca0,#f6c453)!important;
}
.usage-progress::-moz-progress-bar{
  background:linear-gradient(90deg,#32164a,#6f3ca0,#f6c453)!important;
}

/* Theme toggle */
.theme-toggle{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(255,255,255,.07);
  color:#f7effc;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.theme-toggle:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(246,196,83,.45);
}
.theme-toggle-icon{
  color:var(--brand-yellow);
  font-size:15px;
  line-height:1;
}
.public-nav .theme-toggle{
  order:0;
}
.auth-theme-toggle{
  position:fixed;
  right:20px;
  top:20px;
  z-index:20;
}
.auth-theme-toggle .theme-toggle{
  background:#32164a;
  color:#fff;
  border-color:#5f3b75;
}

/* Dark theme */
html[data-theme="dark"]{
  color-scheme:dark;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .public-body{
  background:linear-gradient(180deg,#120b18 0%,#18101f 45%,#120b18 100%)!important;
  color:#f6eff8!important;
}
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .public-main,
html[data-theme="dark"] .contact-main,
html[data-theme="dark"] .legal-page{
  color:#f7f1fa;
}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .contact-info-card,
html[data-theme="dark"] .contact-form-card,
html[data-theme="dark"] .bulk-risk-group,
html[data-theme="dark"] .assessment-card,
html[data-theme="dark"] .hero-product{
  background:#1d1424!important;
  border-color:#3d2d48!important;
  color:#f7f1fa!important;
}
html[data-theme="dark"] .analysis-hero h1,
html[data-theme="dark"] .dashboard-head h1,
html[data-theme="dark"] .pricing-head h1,
html[data-theme="dark"] .legal-page h1,
html[data-theme="dark"] .contact-hero h1,
html[data-theme="dark"] .panel h2,
html[data-theme="dark"] .panel h3,
html[data-theme="dark"] .price-card h2,
html[data-theme="dark"] .account-panel .usage-number,
html[data-theme="dark"] .mock-score,
html[data-theme="dark"] .mock-top b{
  color:#fff!important;
}
html[data-theme="dark"] .analysis-hero p,
html[data-theme="dark"] .hero-copy>p,
html[data-theme="dark"] .pricing-head>p,
html[data-theme="dark"] .legal-page p,
html[data-theme="dark"] .contact-hero p,
html[data-theme="dark"] .panel-title p,
html[data-theme="dark"] .panel>p,
html[data-theme="dark"] .privacy-note,
html[data-theme="dark"] .profile dd,
html[data-theme="dark"] .profile dt,
html[data-theme="dark"] .bulk-email-main small,
html[data-theme="dark"] .bulk-results-head p{
  color:#c7b9cf!important;
}
html[data-theme="dark"] .account-strip{
  background:linear-gradient(100deg,#211629,#1a111f)!important;
  border-color:#4b3658!important;
}
html[data-theme="dark"] .account-strip strong{
  color:#fff!important;
}
html[data-theme="dark"] .account-strip span{
  color:#bcaec5!important;
}
html[data-theme="dark"] .input-panel,
html[data-theme="dark"] .dropzone,
html[data-theme="dark"] .bulk-dropzone,
html[data-theme="dark"] textarea,
html[data-theme="dark"] input,
html[data-theme="dark"] select{
  background:#17101d!important;
  color:#f5eef8!important;
  border-color:#493654!important;
}
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] input::placeholder{
  color:#8f7e99!important;
}
html[data-theme="dark"] .ghost{
  background:linear-gradient(180deg,#26182f,#201527)!important;
  color:#eadcf1!important;
  border-color:#594267!important;
}
html[data-theme="dark"] .assessment-summary,
html[data-theme="dark"] .bulk-risk-group>summary,
html[data-theme="dark"] .bulk-email-row{
  background:#1d1424!important;
  color:#f7f1fa!important;
}
html[data-theme="dark"] .assessment-heading strong,
html[data-theme="dark"] .bulk-email-main strong,
html[data-theme="dark"] .bulk-risk-group>summary strong,
html[data-theme="dark"] .url-destination code,
html[data-theme="dark"] .contact-info-card h2{
  color:#fff!important;
}
html[data-theme="dark"] .assessment-heading small,
html[data-theme="dark"] .url-item p,
html[data-theme="dark"] .contact-info-card p,
html[data-theme="dark"] .contact-info-card li{
  color:#bbaec3!important;
}
html[data-theme="dark"] .url-item,
html[data-theme="dark"] .url-destination,
html[data-theme="dark"] .ip-grid>div,
html[data-theme="dark"] .technical pre{
  background:#160f1b!important;
  border-color:#44314f!important;
  color:#e9ddef!important;
}
html[data-theme="dark"] .case-table th{
  color:#b8a9c0!important;
}
html[data-theme="dark"] .case-table td{
  border-color:#392a43!important;
}
html[data-theme="dark"] .case-table tbody tr:hover{
  background:#24172c!important;
}
html[data-theme="dark"] .feature-list span{
  background:#18101e!important;
  border-color:#392a42!important;
  color:#e9deef!important;
}
html[data-theme="dark"] footer,
html[data-theme="dark"] .public-footer{
  color:#a997b3!important;
  border-color:#372840!important;
}
html[data-theme="dark"] footer a,
html[data-theme="dark"] .public-footer a{
  color:#cbbbd4!important;
}
html[data-theme="dark"] .legal-callout{
  background:#2b2416!important;
  border-color:#69531c!important;
  color:#f2d778!important;
}
html[data-theme="dark"] .auth-shell{
  background:#120b18!important;
}
html[data-theme="dark"] .auth-card{
  background:#1d1424!important;
}
html[data-theme="dark"] .auth-form input{
  background:#130c18!important;
}
html[data-theme="dark"] .public-nav{
  background:rgba(36,17,53,.98)!important;
}
html[data-theme="dark"] .cta-band,
html[data-theme="dark"] .business-note{
  background:#1d1424!important;
  border-color:#3d2d48!important;
}
html[data-theme="dark"] .premium-lock-body,
html[data-theme="dark"] .quota-notice{
  background:#211827!important;
  border-color:#5a4730!important;
}
html[data-theme="dark"] .quota-notice p{
  color:#c8b8cf!important;
}
html[data-theme="dark"] .analysis-mode-tabs{
  background:#21162a!important;
  border-color:#4a3657!important;
}

/* Responsive hero and theme control */
@media(max-width:760px){
  .analysis-hero{
    padding:54px 0 38px!important;
  }
  .analysis-hero h1{
    font-size:43px!important;
  }
  .theme-toggle-text{
    display:none;
  }
  .theme-toggle{
    width:36px;
    padding:0;
  }
}


/* V10.10 unified purple/yellow section system */

/* Shared branded title bars */
.account-panel>h2,
.contact-form-card>.panel-title,
.dashboard-tabs + .dash-tab-panel > .panel > .panel-title,
.case-panel>.panel-title,
.analysis-mode-panel>.panel-title,
.legal-page section>h2,
.visual-story-card h2{
  background:linear-gradient(105deg,var(--brand-dark),var(--brand-purple-light));
  color:var(--brand-yellow)!important;
  border-bottom:1px solid rgba(246,196,83,.28);
}

/* Analyse page */
.analysis-mode-panel>.panel-title{
  margin:18px 0 18px!important;
  padding:14px 16px;
  border-radius:11px;
  align-items:center;
}
.analysis-mode-panel>.panel-title h2{
  color:var(--brand-yellow)!important;
}
.analysis-mode-panel>.panel-title p{
  color:#e3d6e9!important;
}
.analysis-mode-panel>.panel-title .ghost{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}

/* Dashboard */
.dashboard-tabs + .dash-tab-panel > .panel > .panel-title,
.case-panel>.panel-title{
  margin:-24px -24px 20px!important;
  padding:16px 20px;
}
.dashboard-tabs + .dash-tab-panel > .panel > .panel-title h2,
.case-panel>.panel-title h2{
  color:var(--brand-yellow)!important;
}
.dashboard-tabs + .dash-tab-panel > .panel > .panel-title p,
.case-panel>.panel-title p{
  color:#ded0e6!important;
}
.metric.panel{
  border-top:4px solid var(--brand-yellow)!important;
}
.metric.panel>span{
  color:#6a347f;
  font-weight:800;
}
.risk-overview>div{
  border-top:3px solid var(--brand-yellow);
}

/* Pricing */
.price-card{
  padding-top:0!important;
}
.price-card:before{
  display:none!important;
}
.price-card .price-label{
  display:block!important;
  width:auto!important;
  margin:0 -24px 18px!important;
  padding:14px 22px!important;
  border-radius:0!important;
  background:linear-gradient(105deg,var(--brand-dark),var(--brand-purple-light))!important;
  color:var(--brand-yellow)!important;
  border:0!important;
}
.price-card.featured .price-label{
  background:linear-gradient(105deg,var(--brand-dark),#6a367f)!important;
  box-shadow:inset 0 -3px 0 var(--brand-yellow);
}
.price-card>strong{
  color:#442257;
}
.business-note.branded-note{
  display:grid!important;
  grid-template-columns:180px 1fr auto;
  align-items:center;
}
.business-note.branded-note img{
  width:160px;
  border-radius:14px;
}

/* Landing / marketing cards */
.visual-story{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:72px 0 36px;
}
.visual-story-card{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:20px;
  align-items:center;
  padding:0!important;
  overflow:hidden;
}
.visual-story-card img{
  width:180px;
  height:100%;
  min-height:210px;
  object-fit:cover;
  background:#f8f4fb;
}
.visual-story-card>div{
  padding:22px 22px 22px 0;
}
.visual-story-card h2{
  display:block;
  margin:5px -22px 12px 0!important;
  padding:12px 16px;
  border-radius:10px 0 0 10px;
  font-size:20px!important;
  line-height:1.25;
}
.visual-story-card p{
  color:#716b82;
  line-height:1.65;
}
.trust-grid article{
  overflow:hidden;
  padding:0!important;
}
.trust-grid article>strong{
  padding:13px 16px;
  background:linear-gradient(105deg,var(--brand-dark),var(--brand-purple-light));
  color:var(--brand-yellow)!important;
}
.trust-grid article>span{
  padding:15px 16px 18px;
}
.cta-band{
  border-top:4px solid var(--brand-yellow)!important;
}

/* Contact */
.contact-form-card{
  padding-top:0!important;
}
.contact-form-card>.panel-title{
  margin:0 -28px 22px!important;
  padding:16px 22px;
}
.contact-form-card>.panel-title h2{
  color:var(--brand-yellow)!important;
}
.contact-form-card>.panel-title p{
  color:#ded0e6!important;
}
.contact-info-card{
  overflow:hidden;
}
.contact-info-card>h2{
  margin:8px -28px 14px!important;
  padding:13px 20px;
  background:linear-gradient(105deg,var(--brand-dark),var(--brand-purple-light));
  color:var(--brand-yellow)!important;
}
.visual-contact-card>img{
  width:calc(100% + 56px);
  height:180px;
  object-fit:cover;
  margin:-28px -28px 18px;
  display:block;
  background:#f8f4fb;
}
.contact-badge{
  border-top:4px solid var(--brand-yellow)!important;
}

/* Legal pages */
.legal-page section{
  border:1px solid #e6dae9!important;
  border-radius:12px;
  padding:0 20px 18px!important;
  margin:14px 0;
  overflow:hidden;
  background:#fff;
}
.legal-page section>h2{
  margin:0 -20px 16px!important;
  padding:13px 18px;
  font-size:17px!important;
}
.legal-callout{
  border-left:5px solid var(--brand-yellow)!important;
}

/* Auth screens */
.auth-card{
  overflow:hidden;
  border-top:5px solid var(--brand-yellow)!important;
}
.auth-card>.eyebrow{
  display:inline-block;
  background:var(--brand-purple-mid);
  color:var(--brand-yellow)!important;
  padding:6px 9px;
  border-radius:7px;
}

/* Theme toggle placement: far-right utility control */
.public-nav nav{
  flex:1;
  justify-content:flex-end;
}
.public-nav .theme-toggle{
  order:100!important;
  margin-left:8px;
  width:38px;
  padding:0!important;
}
.public-nav .theme-toggle-text{
  display:none;
}
.modern-topbar .top-meta{
  margin-left:auto;
}
.modern-topbar .theme-toggle{
  order:99;
  margin-left:4px;
  width:38px;
  padding:0;
}
.modern-topbar .theme-toggle-text{
  display:none;
}

/* Yellow utility accents */
.dashboard-head>.eyebrow,
.section-heading>.eyebrow,
.contact-hero .eyebrow,
.legal-page>.eyebrow{
  display:inline-flex;
  background:var(--brand-yellow-soft);
  color:#573900!important;
  padding:5px 9px;
  border-radius:999px;
}
.dashboard-tabs{
  border-bottom-color:#d9c8e2!important;
}
.dash-tab.active{
  color:#4d245f!important;
  border-bottom-color:var(--brand-yellow)!important;
}
.contact-links a,
.public-footer a:hover,
footer a:hover{
  color:#7a4f00!important;
}

/* Dark theme keeps the same purple/yellow title language */
html[data-theme="dark"] .account-panel>h2,
html[data-theme="dark"] .contact-form-card>.panel-title,
html[data-theme="dark"] .dashboard-tabs + .dash-tab-panel > .panel > .panel-title,
html[data-theme="dark"] .case-panel>.panel-title,
html[data-theme="dark"] .analysis-mode-panel>.panel-title,
html[data-theme="dark"] .legal-page section>h2,
html[data-theme="dark"] .visual-story-card h2,
html[data-theme="dark"] .trust-grid article>strong,
html[data-theme="dark"] .contact-info-card>h2,
html[data-theme="dark"] .price-card .price-label{
  background:linear-gradient(105deg,#2a123b,#5a2b72)!important;
  color:var(--brand-yellow)!important;
  border-color:rgba(246,196,83,.3)!important;
}
html[data-theme="dark"] .legal-page section{
  background:#1d1424!important;
  border-color:#45324f!important;
}
html[data-theme="dark"] .visual-story-card p{
  color:#c7b9cf!important;
}
html[data-theme="dark"] .visual-story-card img,
html[data-theme="dark"] .visual-contact-card>img,
html[data-theme="dark"] .business-note.branded-note img{
  background:#1a1020;
  filter:saturate(.95) brightness(.88);
}
html[data-theme="dark"] .metric.panel{
  border-top-color:var(--brand-yellow)!important;
}
html[data-theme="dark"] .metric.panel>span{
  color:#e5c75e!important;
}
html[data-theme="dark"] .price-card>strong{
  color:#f7e6a1!important;
}
html[data-theme="dark"] .dashboard-head>.eyebrow,
html[data-theme="dark"] .section-heading>.eyebrow,
html[data-theme="dark"] .contact-hero .eyebrow,
html[data-theme="dark"] .legal-page>.eyebrow{
  background:#4a3511!important;
  color:#ffe497!important;
}

/* Responsive image treatment */
@media(max-width:900px){
  .visual-story{
    grid-template-columns:1fr;
  }
  .business-note.branded-note{
    grid-template-columns:130px 1fr;
  }
  .business-note.branded-note>a{
    grid-column:1/-1;
  }
}
@media(max-width:640px){
  .visual-story-card{
    grid-template-columns:1fr;
  }
  .visual-story-card img{
    width:100%;
    min-height:170px;
    height:170px;
  }
  .visual-story-card>div{
    padding:0 18px 20px;
  }
  .visual-story-card h2{
    margin:5px -18px 12px!important;
    border-radius:0;
  }
  .business-note.branded-note{
    grid-template-columns:1fr;
  }
  .business-note.branded-note img{
    width:100%;
  }
}

/* Ensure every dashboard panel title uses the shared branded strip */
.dash-tab-panel>.panel>.panel-title{
  margin:-24px -24px 20px!important;
  padding:16px 20px;
  background:linear-gradient(105deg,var(--brand-dark),var(--brand-purple-light));
  border-bottom:1px solid rgba(246,196,83,.28);
}
.dash-tab-panel>.panel>.panel-title h2{
  color:var(--brand-yellow)!important;
}
.dash-tab-panel>.panel>.panel-title p{
  color:#ded0e6!important;
}
html[data-theme="dark"] .dash-tab-panel>.panel>.panel-title{
  background:linear-gradient(105deg,#2a123b,#5a2b72)!important;
}

/* V10.11 layout, pricing and case-review polish */
.public-main{max-width:1320px!important;padding-left:34px!important;padding-right:34px!important}

/* Keep paired visual cards genuinely symmetrical and show the full artwork. */
.visual-story{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
.visual-story-card{grid-template-columns:minmax(210px,42%) minmax(0,58%)!important;min-height:270px!important;overflow:hidden!important}
.visual-story-card img{width:100%!important;height:100%!important;min-height:270px!important;object-fit:contain!important;padding:18px!important;background:#f8f4fb!important}
.visual-story-card>div{padding:24px 24px 24px 0!important;min-width:0}
.visual-story-card h2{margin:7px -24px 14px 0!important;padding:14px 16px!important;min-height:64px;display:flex!important;align-items:center}
.visual-story-card p{margin:0!important}

/* Business direction now uses the width rather than squeezing the heading into a narrow column. */
.business-note.branded-note{display:grid!important;grid-template-columns:minmax(260px,34%) minmax(0,1fr)!important;gap:34px!important;align-items:center!important;padding:28px!important}
.business-note-art{display:flex;align-items:center;justify-content:center;min-height:230px;background:#f8f4fb;border-radius:14px;overflow:hidden}
.business-note-art img{width:100%!important;max-width:330px!important;height:220px!important;object-fit:contain!important;padding:12px}
.business-note-copy h2{font-size:30px!important;line-height:1.12!important;margin:7px 0 12px!important;max-width:620px}
.business-note-copy p{margin:0!important;max-width:760px;line-height:1.65;color:var(--muted)}

/* Contact illustration is contained rather than cropped. */
.visual-contact-card>img{display:none!important}
.contact-illustration-wrap{margin:-28px -28px 18px;padding:16px 20px;background:#f8f4fb;display:flex;justify-content:center;min-height:210px}
.contact-illustration-wrap img{width:100%;height:190px;object-fit:contain;max-width:390px}

/* Pricing hierarchy */
.price-card{display:flex;flex-direction:column;min-height:100%}
.price-card>p{min-height:44px}
.plan-price{display:flex;align-items:baseline;gap:6px;margin:4px 0 10px}
.plan-price strong{font-size:34px!important;letter-spacing:-1.4px;color:var(--brand-deep)}
.plan-price span{font-size:12px;color:var(--muted);font-weight:700}
.scan-allowance{display:block;margin-bottom:8px;font-size:14px!important}
.price-card ul{flex:1}
.price-card.featured{position:relative}
.popular-badge{position:absolute;right:16px;top:-15px;background:linear-gradient(105deg,#ffd96f,#f6c453);color:#3b2347;border:2px solid #fff;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900;letter-spacing:1px;box-shadow:0 6px 16px rgba(64,35,75,.14);z-index:2}

/* History case review is a focused modal, not a long panel under the table. */
body.modal-open{overflow:hidden}
.case-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:34px}
.case-modal.hidden{display:none!important}
.case-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(22,10,30,.58);backdrop-filter:blur(4px);cursor:default}
.case-modal-card{position:relative;z-index:1;width:min(1080px,100%);max-height:min(780px,calc(100vh - 68px));overflow:auto;margin:0!important;padding:26px!important;border:1px solid #d8c8e0!important;box-shadow:0 28px 80px rgba(24,10,33,.28)!important}
.case-modal-card>.panel-title{position:sticky;top:-26px;z-index:3;margin:-26px -26px 24px!important;padding:20px 20px!important;background:linear-gradient(105deg,#241135,#5b2d76)!important}
.case-modal-card>.panel-title .eyebrow{color:#fff!important;background:transparent!important;padding:0!important;margin-bottom:8px!important}
.case-modal-card>.panel-title h2{color:var(--brand-yellow)!important;font-size:23px!important;line-height:1.25}
.case-modal-card>.panel-title p{color:#e6dce9!important}
.case-modal-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.case-modal-close{width:36px;height:36px;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;font-size:23px;line-height:1;cursor:pointer}
.case-modal-close:hover{background:rgba(255,255,255,.18)}
.case-modal-card #cPDF{background:#fff!important;color:#45205a!important;border-color:#fff!important}
.case-review-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)!important;gap:26px!important;align-items:start}
.case-review-grid>div{min-width:0}
.case-review-grid>div:first-child{border:1px solid #e5dbe9;border-radius:12px;padding:18px;min-height:255px;background:#fcfafc}
.no-risk-signals{min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #d8c9df;border-radius:10px;padding:24px;background:#fff}
.no-risk-signals:before{content:"✓";display:grid;place-items:center;width:38px;height:38px;border-radius:50%;margin-bottom:12px;background:#eef9f2;color:#087443;font-weight:900;font-size:18px}
.no-risk-signals strong{font-size:14px;color:var(--ink)}
.no-risk-signals p{max-width:390px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}

/* Dark theme parity */
html[data-theme="dark"] .plan-price strong{color:#fff!important}
html[data-theme="dark"] .business-note-art,
html[data-theme="dark"] .contact-illustration-wrap{background:#18101e!important}
html[data-theme="dark"] .case-modal-backdrop{background:rgba(5,2,8,.72)}
html[data-theme="dark"] .case-modal-card{background:#1d1424!important;border-color:#4b3657!important}
html[data-theme="dark"] .case-review-grid>div:first-child{background:#18101e!important;border-color:#44314f!important}
html[data-theme="dark"] .no-risk-signals{background:#160f1b!important;border-color:#4b3657!important}
html[data-theme="dark"] .no-risk-signals strong{color:#fff!important}
html[data-theme="dark"] .no-risk-signals p{color:#c7b9cf!important}
html[data-theme="dark"] .popular-badge{border-color:#1d1424}

@media(max-width:980px){
  .visual-story{grid-template-columns:1fr!important}
  .visual-story-card{grid-template-columns:minmax(190px,36%) 1fr!important}
  .business-note.branded-note{grid-template-columns:minmax(220px,34%) 1fr!important}
  .case-review-grid{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .public-main{padding-left:18px!important;padding-right:18px!important}
  .visual-story-card,.business-note.branded-note{grid-template-columns:1fr!important}
  .visual-story-card img{height:190px!important;min-height:190px!important}
  .visual-story-card>div{padding:0 18px 20px!important}
  .visual-story-card h2{margin:5px -18px 12px!important;border-radius:0!important}
  .case-modal{padding:12px}
  .case-modal-card{max-height:calc(100vh - 24px);padding:18px!important}
  .case-modal-card>.panel-title{top:-18px;margin:-18px -18px 18px!important;padding:16px!important}
  .case-modal-card>.panel-title{align-items:flex-start}
  .case-modal-actions{flex-direction:column-reverse}
}


/* V10.12 pricing hierarchy, featured badge and analyser headline */

/* Five-tier pricing uses the available horizontal space without clipping. */
.pricing-grid-five{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch;
  padding-top:20px;
}
.pricing-grid-five .price-card{
  min-width:0;
  overflow:visible!important;
  position:relative;
}
.pricing-grid-five .price-card>p{
  min-height:64px;
}
.pricing-grid-five .price-card ul{
  padding-left:18px;
}
.pricing-grid-five .plan-price strong{
  font-size:30px!important;
}
.premium-tier{
  border-color:#d0b0dc!important;
  box-shadow:0 14px 36px rgba(73,31,95,.08)!important;
}
.premium-tier .price-label{
  background:linear-gradient(105deg,#32164a,#754291)!important;
  color:var(--brand-yellow)!important;
}
.premium-tier .premium-cta{
  background:linear-gradient(105deg,#32164a,#754291)!important;
  box-shadow:0 8px 20px rgba(77,36,99,.16);
}

/* Pro recommendation badge stays fully inside the card and reads as a focal point. */
.pricing-grid-five .price-card.featured{
  border:2px solid var(--brand-yellow)!important;
  box-shadow:0 18px 48px rgba(74,36,93,.16)!important;
  transform:translateY(-8px);
  padding-top:0!important;
}
.pricing-grid-five .price-card.featured .price-label{
  padding-top:20px!important;
  box-shadow:inset 0 -3px 0 var(--brand-yellow);
}
.popular-badge{
  top:-14px!important;
  right:14px!important;
  left:auto!important;
  max-width:calc(100% - 28px);
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 13px!important;
  border:2px solid #fff!important;
  background:linear-gradient(105deg,#ffe58f,#f6c453 65%,#e9ad29)!important;
  color:#2e183b!important;
  box-shadow:0 8px 20px rgba(67,37,80,.22)!important;
  font-size:9px!important;
  letter-spacing:.9px!important;
  white-space:nowrap;
}
.popular-star{
  font-size:11px;
  line-height:1;
  color:#5b2d76;
}
html[data-theme="dark"] .popular-badge{
  border-color:#1d1424!important;
  box-shadow:0 8px 22px rgba(0,0,0,.3)!important;
}

/* More deliberate analyser headline: IS rises, REALLY owns the centre. */
.analysis-hero-title{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  gap:0;
  max-width:760px!important;
}
.analysis-hero-title>span{
  display:block;
  width:100%;
  text-align:center;
}
.analysis-hero-title .hero-is{
  font-size:.72em;
  line-height:.88;
  margin-top:1px;
  color:var(--ink);
}
.analysis-hero-title .hero-really{
  width:auto;
  margin:2px auto 1px;
  padding:0 12px;
  color:#7141a0;
  font-size:1.12em;
  line-height:.96;
  letter-spacing:-3px;
  position:relative;
}
.analysis-hero-title .hero-really:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:-5px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--brand-yellow),#e5b036);
}
html[data-theme="dark"] .analysis-hero-title .hero-is{
  color:#fff!important;
}
html[data-theme="dark"] .analysis-hero-title .hero-really{
  color:#c28de1!important;
}

@media(max-width:1180px){
  .pricing-grid-five{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:820px){
  .pricing-grid-five{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .pricing-grid-five .price-card.featured{
    transform:none;
  }
}
@media(max-width:560px){
  .pricing-grid-five{
    grid-template-columns:1fr!important;
  }
  .analysis-hero-title .hero-really{
    font-size:1.05em;
  }
}

/* V10.13 */
.analysis-hero-title .hero-is{font-size:inherit!important;line-height:inherit!important;margin:0!important;color:inherit!important}
.history-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;gap:12px;align-items:end;margin:4px 0 10px}
.history-toolbar label{display:block;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--accent2);margin-bottom:6px}
.history-toolbar input,.history-toolbar select{width:100%;height:42px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);padding:0 12px;font:inherit;outline:none}
.history-toolbar input:focus,.history-toolbar select:focus{border-color:var(--brand-yellow);box-shadow:0 0 0 3px rgba(246,196,83,.2)}
.history-clear-btn{height:42px;border:1px solid #e0b5b5;border-radius:9px;background:#fff7f7;color:#9f2929;font-weight:800;padding:0 16px;cursor:pointer}.history-clear-btn:hover{background:#ffeded}
.history-search-state{min-height:18px;font-size:11px;color:var(--muted);margin-bottom:7px}
.structure-hero{max-width:900px;padding:50px 0 30px}.structure-hero h1{font-size:52px;line-height:1.03;letter-spacing:-.045em;margin:10px 0 18px;color:var(--ink)}.structure-hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:780px}
.site-structure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 80px}.site-structure-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:25px;min-height:240px;box-shadow:0 10px 30px rgba(42,20,53,.05)}.site-structure-card h2{margin:8px 0 12px;font-size:23px;color:var(--ink)}.site-structure-card p{color:var(--muted);line-height:1.7}.coming-soon{display:inline-flex;margin-top:18px;background:#fff4cc;border:1px solid #f1c54d;color:#4b2c57;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.audience-band{margin:72px 0 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;padding:32px;border:1px solid #d9c8df;border-radius:18px;background:linear-gradient(105deg,#32164a,#5f3375);box-shadow:0 18px 50px rgba(55,26,68,.12)}.audience-band .eyebrow{color:var(--brand-yellow)!important}.audience-band h2{margin:7px 0 0;color:#fff;font-size:32px;line-height:1.12}.audience-band p{margin:0;color:#eee4f2;font-size:16px;line-height:1.75}
html[data-theme="dark"] .history-clear-btn{background:#2a1720;color:#ffb8b8;border-color:#6e3847}html[data-theme="dark"] .site-structure-card{background:#1d1424;border-color:#4b3657}html[data-theme="dark"] .coming-soon{background:#3b2d13;color:#ffe38b;border-color:#7d6420}
@media(max-width:900px){.history-toolbar{grid-template-columns:1fr 180px}.history-clear-btn{grid-column:1/-1}.site-structure-grid{grid-template-columns:1fr 1fr}.audience-band{grid-template-columns:1fr}}@media(max-width:600px){.history-toolbar,.site-structure-grid{grid-template-columns:1fr}.structure-hero h1{font-size:39px}}


/* V10.14 brand-first homepage, readable free history notice and upgrade modal */

/* Fill the existing top whitespace without pushing the hero content down. */
.hero{
  position:relative;
}
.hero-audience-teaser{
  position:absolute;
  top:10px;
  left:0;
  right:0;
  height:92px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 235px;
  align-items:center;
  gap:24px;
  padding:13px 18px 13px 20px;
  border:1px solid #dac9e2;
  border-left:5px solid var(--brand-yellow);
  border-radius:16px;
  background:linear-gradient(105deg,#32164a 0%,#4d2464 58%,#62367a 100%);
  box-shadow:0 12px 32px rgba(55,26,68,.11);
  overflow:hidden;
  z-index:2;
}
.hero-audience-copy{
  min-width:0;
}
.hero-audience-copy .eyebrow{
  margin:0 0 4px!important;
  padding:0!important;
  background:transparent!important;
  color:var(--brand-yellow)!important;
}
.hero-audience-copy strong{
  display:block;
  color:#fff;
  font-size:17px;
  line-height:1.22;
}
.hero-audience-copy span{
  display:block;
  margin-top:4px;
  color:#ded1e5;
  font-size:11px;
  line-height:1.4;
}
.hero-audience-teaser img{
  width:235px;
  height:84px;
  object-fit:cover;
  object-position:center;
  border-radius:11px;
  opacity:.97;
}
/* Hero already had generous top breathing room. We reuse it rather than adding more height. */
.public-main .hero{
  padding-top:128px!important;
  margin-top:-46px;
}

/* Free plan notice: high contrast on the purple History title strip. */
.history-lock-note{
  display:block!important;
  margin-top:9px!important;
  color:#f5edf8!important;
  font-weight:500!important;
  line-height:1.5;
}
.history-lock-note strong{
  color:var(--brand-yellow)!important;
}
.history-upgrade-link{
  margin-left:7px;
  padding:3px 7px;
  border:1px solid rgba(246,196,83,.55);
  border-radius:7px;
  background:rgba(246,196,83,.12);
  color:#ffe38e;
  font:inherit;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.history-upgrade-link:hover{
  background:var(--brand-yellow);
  color:#32164a;
}

/* Locked row marker becomes a deliberate product lock badge. */
.case-row.locked td:first-child:after{
  content:"LOCKED"!important;
  color:#4d2b00!important;
  background:linear-gradient(105deg,#ffe58e,#f6c453)!important;
  border:1px solid #e5b132;
  font-weight:900!important;
  box-shadow:0 2px 7px rgba(126,87,0,.08);
}

/* Upgrade options modal */
.plan-modal{
  position:fixed;
  inset:0;
  z-index:150;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
}
.plan-modal.hidden{display:none!important}
.plan-modal-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(22,10,30,.62);
  backdrop-filter:blur(5px);
}
.plan-modal-card{
  position:relative;
  z-index:1;
  width:min(1040px,100%);
  max-height:calc(100vh - 56px);
  overflow:auto;
  border:1px solid #d7c6df;
  border-radius:20px;
  background:#fff;
  box-shadow:0 32px 90px rgba(20,8,29,.3);
}
.plan-modal-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:22px;
  padding:24px 26px;
  background:linear-gradient(105deg,#241135,#5b2d76);
  border-bottom:3px solid var(--brand-yellow);
}
.plan-modal-head .eyebrow{
  margin-bottom:7px!important;
  color:var(--brand-yellow)!important;
}
.plan-modal-head h2{
  margin:0;
  color:#fff;
  font-size:29px;
  letter-spacing:-.7px;
}
.plan-modal-head p{
  margin:7px 0 0;
  max-width:700px;
  color:#ded0e6;
  font-size:13px;
  line-height:1.55;
}
.plan-modal-close{
  flex:0 0 38px;
  width:38px;height:38px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:24px;
  cursor:pointer;
}
.plan-modal-close:hover{background:rgba(255,255,255,.15)}
.plan-modal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  padding:22px;
}
.mini-plan{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:340px;
  padding:20px;
  border:1px solid #e2d6e7;
  border-radius:15px;
  background:#fff;
}
.mini-plan.recommended{
  border:2px solid var(--brand-yellow);
  box-shadow:0 14px 34px rgba(72,34,88,.13);
  transform:translateY(-4px);
}
.mini-plan.premium{
  border-color:#caaed6;
}
.mini-plan-label{
  display:inline-flex;
  width:max-content;
  padding:4px 8px;
  border-radius:999px;
  background:#eee4f3;
  color:#54276b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.mini-popular{
  position:absolute;
  top:-12px;
  right:14px;
  padding:6px 9px;
  border:2px solid #fff;
  border-radius:999px;
  background:linear-gradient(105deg,#ffe58e,#f6c453);
  color:#32164a;
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
  box-shadow:0 5px 14px rgba(60,32,70,.16);
}
.mini-plan h3{
  margin:14px 0 4px;
  font-size:24px;
  color:#261332;
}
.mini-price{
  margin:8px 0;
  color:#32164a;
  font-size:25px;
  font-weight:900;
}
.mini-price small{
  color:#7b6e83;
  font-size:11px;
}
.mini-plan p{
  min-height:38px;
  color:#716b82;
  font-size:12px;
}
.mini-plan ul{
  flex:1;
  padding-left:18px;
  color:#51485a;
  font-size:12px;
  line-height:1.8;
}
.mini-plan>a{
  display:flex;
  justify-content:center;
  align-items:center;
  text-decoration:none;
  min-height:41px;
}

/* Bring the CRT/J brand into more top-level pages without creating visual noise. */
.structure-hero-branded{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  align-items:center;
  gap:38px;
  max-width:none!important;
}
.structure-hero-brand{
  height:205px;
  border:1px solid #e1d5e7;
  border-radius:18px;
  overflow:hidden;
  background:#f8f4fb;
  box-shadow:0 12px 30px rgba(52,25,68,.06);
}
.structure-hero-brand img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.branded-heading,
.branded-contact-hero{
  position:relative;
}
.brand-watermark.retro-computer{
  position:absolute!important;
  right:0;
  top:10px;
  width:82px!important;
  height:72px!important;
  opacity:.15;
  transform:scale(1.35);
  transform-origin:top right;
  pointer-events:none;
}
.branded-contact-hero .brand-watermark.retro-computer{
  top:-5px;
  right:390px;
}
html[data-theme="dark"] .structure-hero-brand{
  background:#19101f;
  border-color:#44314f;
}
html[data-theme="dark"] .plan-modal-card,
html[data-theme="dark"] .mini-plan{
  background:#1d1424;
  border-color:#4a3655;
}
html[data-theme="dark"] .mini-plan h3,
html[data-theme="dark"] .mini-price{
  color:#fff;
}
html[data-theme="dark"] .mini-plan p,
html[data-theme="dark"] .mini-plan ul,
html[data-theme="dark"] .mini-price small{
  color:#c7b9cf;
}
html[data-theme="dark"] .mini-popular{
  border-color:#1d1424;
}
html[data-theme="dark"] .hero-audience-teaser{
  border-color:#5b4268;
  background:linear-gradient(105deg,#281239,#4a225f);
}

@media(max-width:900px){
  .hero-audience-teaser{
    grid-template-columns:1fr 180px;
  }
  .hero-audience-teaser img{
    width:180px;
  }
  .plan-modal-grid{
    grid-template-columns:1fr;
  }
  .mini-plan.recommended{
    transform:none;
  }
  .structure-hero-branded{
    grid-template-columns:220px 1fr;
  }
}
@media(max-width:650px){
  .hero-audience-teaser{
    position:relative;
    top:auto;left:auto;right:auto;
    height:auto;
    grid-template-columns:1fr;
    margin-bottom:18px;
  }
  .hero-audience-teaser img{display:none}
  .public-main .hero{
    padding-top:35px!important;
    margin-top:0!important;
  }
  .structure-hero-branded{
    grid-template-columns:1fr;
  }
  .structure-hero-brand{
    height:180px;
  }
  .brand-watermark.retro-computer{
    display:none!important;
  }
}

/* V10.15 visual hierarchy */
.hero-audience-teaser{height:86px!important;top:18px!important;grid-template-columns:72px minmax(0,1fr)!important;max-width:760px;right:auto!important;width:760px;gap:15px!important;padding:11px 18px!important;overflow:hidden!important}
.hero-audience-mark{display:flex;align-items:center;justify-content:center;height:64px}.hero-audience-mark .retro-computer{transform:scale(1.45);transform-origin:center}.hero-audience-copy .eyebrow{font-size:9px!important;margin-bottom:3px!important}.hero-audience-copy strong{font-size:15px!important;line-height:1.18!important}.hero-audience-copy span{font-size:10px!important;line-height:1.3!important}.public-main .hero{padding-top:122px!important;margin-top:-38px!important}
.structure-hero-branded{grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)!important;min-height:370px;padding:56px 0 40px!important}.structure-hero-brand{order:2;height:300px!important;border-radius:24px!important;box-shadow:0 20px 55px rgba(52,25,68,.09)!important}.structure-hero-brand img{object-fit:contain!important;padding:0!important}.structure-hero-copy{order:1}.page-title-display{margin:0 0 20px;font-size:clamp(68px,8vw,118px);line-height:.82;letter-spacing:-.06em;font-weight:950;color:var(--brand-yellow);text-shadow:0 2px 0 rgba(70,36,84,.08)}.structure-hero-copy>.eyebrow{margin-bottom:8px!important}.structure-hero-copy h1{max-width:700px;font-size:40px!important;line-height:1.05!important;letter-spacing:-1.6px!important;margin:8px 0 16px!important}.structure-hero-copy p{max-width:680px;font-size:16px!important}
.pricing-hero-grid{max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:54px;margin-top:48px!important;margin-bottom:34px!important}.pricing-hero-art{height:260px;border:1px solid #e0d4e6;border-radius:22px;background:#f8f4fb;overflow:hidden;box-shadow:0 18px 48px rgba(52,25,68,.07)}.pricing-hero-art img{width:100%;height:100%;object-fit:contain}.brand-watermark{display:none!important}
html[data-theme="dark"] .structure-hero-brand,html[data-theme="dark"] .pricing-hero-art{background:#18101e!important;border-color:#44314f!important}html[data-theme="dark"] .page-title-display{color:#f6c453!important}
.site-structure-card{min-height:255px!important;padding:28px!important}.site-structure-card .eyebrow{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff2c4;color:#5a3900!important}.site-structure-card h2{font-size:24px!important;line-height:1.15}
@media(max-width:1050px){.hero-audience-teaser{width:650px}.structure-hero-branded{grid-template-columns:1fr 360px!important}.pricing-hero-grid{grid-template-columns:1fr 320px}}
@media(max-width:820px){.hero-audience-teaser{width:calc(100% - 12px);max-width:none}.structure-hero-branded,.pricing-hero-grid{grid-template-columns:1fr!important}.structure-hero-brand{height:240px!important}.pricing-hero-art{height:220px}.page-title-display{font-size:72px}}
@media(max-width:650px){.hero-audience-teaser{position:relative!important;width:100%!important;height:auto!important;top:auto!important;margin-bottom:22px!important;grid-template-columns:58px 1fr!important}.hero-audience-mark .retro-computer{transform:scale(1.15)}.public-main .hero{padding-top:35px!important;margin-top:0!important}.page-title-display{font-size:58px}}


/* V10.16 visual/tier consistency */

/* Home: full-width statement across the content area, with the main hero centred below. */
.public-main .hero{
  max-width:1120px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:-28px!important;
  padding-top:150px!important;
  grid-template-columns:minmax(0,1fr) minmax(330px,.78fr)!important;
  column-gap:72px!important;
}
.hero-audience-teaser{
  top:14px!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  height:108px!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  padding:16px 24px!important;
  gap:18px!important;
  border-radius:18px!important;
}
.hero-audience-mark{
  height:74px!important;
}
.hero-audience-mark .retro-computer{
  transform:scale(1.65)!important;
}
.hero-audience-copy .eyebrow{
  font-size:10px!important;
}
.hero-audience-copy strong{
  font-size:19px!important;
  line-height:1.18!important;
}
.hero-audience-copy span{
  font-size:11px!important;
  line-height:1.4!important;
  margin-top:5px!important;
}
.public-main .hero-copy{
  align-self:center;
}
.public-main .hero-product{
  align-self:center;
  justify-self:center;
  width:100%;
  max-width:390px;
}

/* Guides / FAQ / About page title: one title only, purple rather than bright yellow. */
.page-title-display{
  color:#5f2d7d!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .page-title-display{
  color:#c596df!important;
}

/* Clear plan identity on the signed-in product. */
.plan-status-strip{
  min-height:94px;
  grid-template-columns:minmax(230px,1.3fr) minmax(150px,.8fr) minmax(170px,.9fr) auto!important;
  align-items:center!important;
  overflow:hidden;
}
.plan-status-primary{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"label badge" "desc desc";
  align-items:center;
  justify-content:start;
  gap:5px 10px;
}
.plan-status-label{
  grid-area:label;
}
.plan-status-badge{
  grid-area:badge;
  width:max-content;
  display:inline-flex!important;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  font-size:13px!important;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.plan-status-primary small{
  grid-area:desc;
  color:#766b7d;
  font-size:10px;
  font-weight:700;
}
.plan-status-strip.plan-free .plan-status-badge{background:#eee8f1;color:#4f4058}
.plan-status-strip.plan-basic .plan-status-badge{background:#eee2f4;color:#5a2d70}
.plan-status-strip.plan-pro .plan-status-badge{background:#fff0b8;color:#533700;box-shadow:inset 0 0 0 1px #e5ba39}
.plan-status-strip.plan-premium .plan-status-badge{background:linear-gradient(105deg,#32164a,#6f3ca0);color:#f6c453;box-shadow:0 5px 14px rgba(60,28,78,.18)}
.plan-status-strip.plan-business .plan-status-badge{background:#241135;color:#fff;border:1px solid #f6c453}
.plan-status-strip.plan-pro{border-top-color:#f6c453!important}
.plan-status-strip.plan-premium{border-top:5px solid #6f3ca0!important;box-shadow:0 12px 34px rgba(68,31,86,.08)}
.plan-status-strip.plan-premium:after{
  content:"PREMIUM";
  position:absolute;
  right:150px;
  top:8px;
  color:rgba(111,60,160,.08);
  font-size:42px;
  font-weight:950;
  letter-spacing:-2px;
  pointer-events:none;
}
.plan-status-strip.plan-business:after{
  content:"BUSINESS";
  position:absolute;
  right:150px;
  top:8px;
  color:rgba(36,17,53,.07);
  font-size:38px;
  font-weight:950;
  pointer-events:none;
}

/* Tier-aware check panel */
.method-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding-bottom:14px;
}
.method-panel-head .eyebrow{margin-bottom:4px!important}
.method-panel-head>div>strong{
  display:block;
  color:#fff;
  font-size:15px;
}
.method-plan-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 8px;
  border-radius:999px;
  background:#f6c453;
  color:#32164a;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.plan-check-panel.plan-premium{
  box-shadow:inset 0 4px 0 #f6c453,0 8px 24px rgba(22,11,30,.08);
}
.plan-check-panel.plan-pro{
  box-shadow:inset 0 3px 0 #6f3ca0;
}

/* Fix the light locked card inside the dark What We Check panel. */
.method-panel .premium-method,
.method-panel .locked-method{
  background:#f8f4fb!important;
  border:1px solid #d8c7e1;
}
.method-panel .premium-method b,
.method-panel .locked-method b{
  color:#9a6700!important;
}
.method-panel .premium-method strong,
.method-panel .locked-method strong{
  color:#32164a!important;
}
.method-panel .premium-method span,
.method-panel .locked-method span{
  color:#74667c!important;
}
.method-panel .premium-method a,
.method-panel .locked-method a{
  color:#5f2d7d!important;
  font-weight:850;
}
.included-method{
  background:rgba(246,196,83,.08);
  border-radius:12px;
  padding-left:12px!important;
  padding-right:12px!important;
}
.included-method b{color:#f6c453!important}

/* Free quota/disabled controls must remain readable on white surfaces. */
.quota-locked .dropzone strong,
.disabled-zone strong{
  color:#55495d!important;
}
.quota-locked .dropzone span,
.disabled-zone span{
  color:#8e8196!important;
}
.quota-locked .dropzone .ghost,
.disabled-zone .ghost{
  background:#f7f2f9!important;
  color:#675a70!important;
  border-color:#d9cde0!important;
}
.quota-notice strong{color:#32164a!important}
.quota-notice p{color:#75677e!important}

/* Dark mode keeps tier identity visible. */
html[data-theme="dark"] .plan-status-primary small{color:#b9aabf!important}
html[data-theme="dark"] .plan-status-strip.plan-free .plan-status-badge{background:#302336;color:#ddd0e4}
html[data-theme="dark"] .plan-status-strip.plan-basic .plan-status-badge{background:#41264e;color:#d8b5e9}
html[data-theme="dark"] .plan-status-strip.plan-pro .plan-status-badge{background:#f6c453;color:#32164a}
html[data-theme="dark"] .plan-status-strip.plan-premium .plan-status-badge{background:linear-gradient(105deg,#5b2d76,#8b55a7);color:#ffe089}
html[data-theme="dark"] .method-panel .premium-method,
html[data-theme="dark"] .method-panel .locked-method{
  background:#211629!important;
  border-color:#60476d!important;
}
html[data-theme="dark"] .method-panel .premium-method strong,
html[data-theme="dark"] .method-panel .locked-method strong{
  color:#fff!important;
}
html[data-theme="dark"] .method-panel .premium-method span,
html[data-theme="dark"] .method-panel .locked-method span{
  color:#c8b8cf!important;
}
html[data-theme="dark"] .quota-notice strong{color:#fff!important}
html[data-theme="dark"] .quota-notice p{color:#c8b8cf!important}

@media(max-width:900px){
  .public-main .hero{
    grid-template-columns:1fr!important;
    max-width:760px!important;
  }
  .hero-audience-teaser{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    margin-bottom:26px!important;
  }
  .public-main .hero{
    padding-top:40px!important;
    margin-top:0!important;
  }
  .plan-status-strip{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:620px){
  .hero-audience-teaser{
    grid-template-columns:62px 1fr!important;
    padding:14px!important;
  }
  .hero-audience-copy strong{font-size:15px!important}
  .plan-status-strip{grid-template-columns:1fr!important}
}


/* V10.17 session-aware public navigation and final hero polish */
.hero-audience-teaser{
  position:absolute!important;
  display:block!important;
  padding:16px 24px 16px 118px!important;
}
.hero-audience-mark{
  position:absolute!important;
  left:18px;
  top:50%;
  width:78px;
  height:74px!important;
  transform:translateY(-50%);
  display:flex!important;
  align-items:center;
  justify-content:flex-start!important;
}
.hero-audience-mark .retro-computer{
  transform:scale(1.7)!important;
  transform-origin:left center!important;
}

/* Remove oversized decorative plan-name watermark from the account strip. */
.plan-status-strip.plan-premium:after,
.plan-status-strip.plan-business:after{
  content:none!important;
  display:none!important;
}

/* Public navigation changes when the user is signed in. */
.public-nav nav{
  gap:15px!important;
}
.public-dashboard-link{
  margin-left:3px;
}
.public-account-pill{
  display:flex!important;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:5px 9px!important;
  border:1px solid rgba(255,255,255,.16);
  border-radius:11px;
  background:rgba(255,255,255,.07);
  color:#fff!important;
  text-decoration:none!important;
}
.public-account-pill .account-initial{
  width:29px;
  height:29px;
  border-radius:8px;
  background:var(--brand-yellow);
  color:#32164a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900;
}
.public-account-pill>span:last-child{
  display:flex;
  flex-direction:column;
  line-height:1.08;
}
.public-account-pill strong{
  color:#fff;
  font-size:11px;
}
.public-account-pill small{
  color:#d7c9de;
  font-size:8px;
  margin-top:3px;
}
.public-signout{
  margin:0!important;
}
.public-signout .nav-button{
  min-height:38px;
  padding:0 7px!important;
  color:#eee4f2!important;
}
.public-signout .nav-button:hover{
  color:var(--brand-yellow)!important;
}
.public-nav .theme-toggle{
  margin-left:0!important;
}

/* Dedicated game-inspired plan upgrade artwork. */
.pricing-hero-art{
  background:linear-gradient(145deg,#faf7fc,#f3eaf8)!important;
}
.pricing-hero-art img{
  padding:8px;
}

@media(max-width:1080px){
  .public-nav nav{gap:10px!important}
  .public-account-pill small{display:none}
  .public-account-pill{padding-right:7px!important}
}
@media(max-width:850px){
  .public-account-pill>span:last-child{display:none}
  .public-account-pill{width:40px;padding:5px!important}
}
@media(max-width:650px){
  .hero-audience-teaser{
    padding:14px 14px 14px 82px!important;
  }
  .hero-audience-mark{
    left:12px;
    width:58px;
  }
  .hero-audience-mark .retro-computer{
    transform:scale(1.25)!important;
  }
}


/* V10.18 dark-mode finishing pass and homepage banner alignment */

/* Keep the CRT/J completely inside the purple audience banner. */
.hero-audience-mark{
  left:24px!important;
  top:13px!important;
  width:74px!important;
  height:72px!important;
  transform:none!important;
  align-items:flex-start!important;
}
.hero-audience-mark .retro-computer{
  transform:scale(1.48)!important;
  transform-origin:left top!important;
}
.hero-audience-teaser{
  padding-left:116px!important;
}
/* The banner already supplies the yellow brand accent, remove the stray hero rail below it. */
.public-main .hero:before{
  content:none!important;
}
.popular-badge,
html[data-theme="dark"] .popular-badge{
  z-index:5!important;
  max-width:calc(100% - 24px)!important;
}

/* Keep all branded SVG artwork contained rather than clipped in dark mode. */
html[data-theme="dark"] .structure-hero-brand,
html[data-theme="dark"] .pricing-hero-art,
html[data-theme="dark"] .visual-contact-card,
html[data-theme="dark"] .business-note-art{
  overflow:hidden!important;
}
html[data-theme="dark"] .structure-hero-brand img,
html[data-theme="dark"] .pricing-hero-art img,
html[data-theme="dark"] .visual-contact-card img,
html[data-theme="dark"] .business-note-art img{
  object-fit:contain!important;
  max-width:100%!important;
  max-height:100%!important;
}

/* ------------------------------------------------------------
   DARK MODE CONTRAST AUDIT
   Explicitly restyle the major surfaces instead of inheriting
   light-theme muted colours into a dark background.
   ------------------------------------------------------------ */
html[data-theme="dark"]{
  --dark-bg:#100914;
  --dark-surface:#1b1121;
  --dark-surface-2:#211529;
  --dark-surface-3:#291833;
  --dark-border:#4d3658;
  --dark-text:#f7f1fa;
  --dark-muted:#c9b9d1;
  --dark-soft:#a997b3;
  --dark-yellow:#f6c453;
  --dark-purple:#c495df;
}

/* Global readable text */
html[data-theme="dark"] body,
html[data-theme="dark"] main{
  color:var(--dark-text)!important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] strong,
html[data-theme="dark"] b{
  color:var(--dark-text);
}
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] dd,
html[data-theme="dark"] dt,
html[data-theme="dark"] small,
html[data-theme="dark"] .muted{
  color:var(--dark-muted)!important;
}
html[data-theme="dark"] a:not(.primary-link):not(.business-contact-btn):not(.quota-upgrade-btn){
  color:#d8c7e1;
}
html[data-theme="dark"] a:not(.primary-link):not(.business-contact-btn):not(.quota-upgrade-btn):hover{
  color:var(--dark-yellow)!important;
}

/* Public marketing pages */
html[data-theme="dark"] .public-main,
html[data-theme="dark"] .contact-main,
html[data-theme="dark"] .legal-page{
  color:var(--dark-text)!important;
}
html[data-theme="dark"] .hero-copy>p,
html[data-theme="dark"] .pricing-head>p,
html[data-theme="dark"] .structure-hero-copy>p,
html[data-theme="dark"] .contact-hero p{
  color:#d0c1d7!important;
}
html[data-theme="dark"] .hero-proof,
html[data-theme="dark"] .hero-proof span{
  color:#c9b9d1!important;
}
html[data-theme="dark"] .hero-proof span:before{
  color:var(--dark-yellow)!important;
}
html[data-theme="dark"] .hero-product,
html[data-theme="dark"] .visual-story-card,
html[data-theme="dark"] .trust-grid article,
html[data-theme="dark"] .site-structure-card,
html[data-theme="dark"] .cta-band,
html[data-theme="dark"] .business-note{
  background:var(--dark-surface)!important;
  border-color:var(--dark-border)!important;
  color:var(--dark-text)!important;
}
html[data-theme="dark"] .mock-top,
html[data-theme="dark"] .mock-top span,
html[data-theme="dark"] .mock-finding span,
html[data-theme="dark"] .visual-story-card p,
html[data-theme="dark"] .trust-grid article>span,
html[data-theme="dark"] .site-structure-card p{
  color:var(--dark-muted)!important;
}
html[data-theme="dark"] .mock-finding{
  border-color:#3d2b47!important;
}
html[data-theme="dark"] .mock-finding b{
  color:#ff9f8f!important;
}
html[data-theme="dark"] .mock-danger{
  background:#431d25!important;
  color:#ffb8aa!important;
}
html[data-theme="dark"] .page-title-display{
  color:var(--dark-purple)!important;
}

/* Pricing cards, the main issue visible in the screenshot */
html[data-theme="dark"] .price-card{
  background:#1b1121!important;
  border-color:#4e355a!important;
  color:#f7f1fa!important;
}
html[data-theme="dark"] .price-card h2{
  color:#fff!important;
}
html[data-theme="dark"] .price-card>p{
  color:#d2c2d9!important;
}
html[data-theme="dark"] .price-card>strong,
html[data-theme="dark"] .scan-allowance{
  color:#ffe08a!important;
}
html[data-theme="dark"] .plan-price strong{
  color:#fff!important;
}
html[data-theme="dark"] .plan-price span{
  color:#beaac7!important;
}
html[data-theme="dark"] .price-card ul,
html[data-theme="dark"] .price-card li{
  color:#d6c6dd!important;
}
html[data-theme="dark"] .price-card li::marker{
  color:#b77bd4!important;
}
html[data-theme="dark"] .price-card .price-label{
  color:#ffd966!important;
}
html[data-theme="dark"] .price-card.featured{
  border-color:#f6c453!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] .premium-tier{
  border-color:#8c5ca2!important;
}
html[data-theme="dark"] .pricing-hero-art{
  background:#1a1020!important;
  border-color:#51395c!important;
}
html[data-theme="dark"] .pricing-hero-art img{
  filter:none!important;
}
html[data-theme="dark"] .business-note h2{
  color:#fff!important;
}
html[data-theme="dark"] .business-note p{
  color:#cdbdd4!important;
}

/* Analyse page */
html[data-theme="dark"] .analysis-hero-title,
html[data-theme="dark"] .analysis-hero-title span:not(.hero-really){
  color:#fff!important;
}
html[data-theme="dark"] .analysis-hero-title .hero-really{
  color:#c79be1!important;
}
html[data-theme="dark"] .analysis-hero p{
  color:#cbbcd2!important;
}
html[data-theme="dark"] .account-strip,
html[data-theme="dark"] .plan-status-strip{
  background:linear-gradient(105deg,#1f1426,#25172e)!important;
  border-color:#51385e!important;
}
html[data-theme="dark"] .plan-status-strip>div>span,
html[data-theme="dark"] .plan-status-label{
  color:#b8a5c2!important;
}
html[data-theme="dark"] .plan-status-strip>div>strong{
  color:#fff!important;
}
html[data-theme="dark"] .plan-status-primary small{
  color:#c5b3cd!important;
}
html[data-theme="dark"] .input-panel{
  background:#1a111f!important;
  border-color:#493354!important;
}
html[data-theme="dark"] .analysis-mode-tabs{
  background:#25172e!important;
  border-color:#563a63!important;
}
html[data-theme="dark"] .analysis-mode-tab{
  color:#c9b7d1!important;
}
html[data-theme="dark"] .analysis-mode-tab.active{
  color:#fff!important;
}
html[data-theme="dark"] .analysis-mode-panel>.panel-title p{
  color:#e0d4e6!important;
}
html[data-theme="dark"] .dropzone,
html[data-theme="dark"] .bulk-dropzone{
  background:#160e1b!important;
  border-color:#5b4268!important;
}
html[data-theme="dark"] .dropzone strong,
html[data-theme="dark"] .bulk-dropzone strong{
  color:#f5eef8!important;
}
html[data-theme="dark"] .dropzone span,
html[data-theme="dark"] .bulk-dropzone span{
  color:#bca9c6!important;
}
html[data-theme="dark"] textarea,
html[data-theme="dark"] input,
html[data-theme="dark"] select{
  background:#130c18!important;
  color:#f7f1fa!important;
  border-color:#563e62!important;
}
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] input::placeholder{
  color:#9f8aaa!important;
}
html[data-theme="dark"] .or span{
  color:#ab98b5!important;
  background:#1a111f!important;
}
html[data-theme="dark"] .or:before,
html[data-theme="dark"] .or:after{
  background:#493354!important;
}
html[data-theme="dark"] .privacy-note{
  color:#c5b4cd!important;
}
html[data-theme="dark"] .privacy-note strong{
  color:#f3e8f8!important;
}
html[data-theme="dark"] .method-panel{
  background:#10111e!important;
  border:1px solid #34374c;
}
html[data-theme="dark"] .method strong{
  color:#fff!important;
}
html[data-theme="dark"] .method span{
  color:#b9b6ca!important;
}
html[data-theme="dark"] .method{
  border-color:#2e3348!important;
}

/* Results and assessment cards */
html[data-theme="dark"] .result-head,
html[data-theme="dark"] .assessment-card,
html[data-theme="dark"] .bulk-risk-group,
html[data-theme="dark"] .bulk-detail{
  background:var(--dark-surface)!important;
  border-color:var(--dark-border)!important;
}
html[data-theme="dark"] .ring{
  background:#140d19!important;
  border-color:#553b61!important;
}
html[data-theme="dark"] .ring strong{
  color:#fff!important;
}
html[data-theme="dark"] .ring small{
  color:#baa7c3!important;
}
html[data-theme="dark"] .result-stats strong{
  color:#fff!important;
}
html[data-theme="dark"] .result-stats span{
  color:#ae9ab8!important;
}
html[data-theme="dark"] .assessment-summary{
  background:#1c1222!important;
}
html[data-theme="dark"] .assessment-heading strong{
  color:#fff!important;
}
html[data-theme="dark"] .assessment-heading small{
  color:#bcaac5!important;
}
html[data-theme="dark"] .finding{
  border-color:#45314f!important;
  background:#17101d!important;
}
html[data-theme="dark"] .finding strong{
  color:#fff!important;
}
html[data-theme="dark"] .finding p{
  color:#c6b5ce!important;
}
html[data-theme="dark"] .profile dt{
  color:#a995b4!important;
}
html[data-theme="dark"] .profile dd{
  color:#f0e6f4!important;
}
html[data-theme="dark"] .url-item,
html[data-theme="dark"] .url-destination,
html[data-theme="dark"] .ip-grid>div,
html[data-theme="dark"] .technical pre{
  background:#120b17!important;
  border-color:#46314f!important;
  color:#f0e5f5!important;
}

/* Dashboard and History */
html[data-theme="dark"] .metric.panel,
html[data-theme="dark"] .dash-tab-panel>.panel,
html[data-theme="dark"] .case-panel,
html[data-theme="dark"] .account-panel{
  background:var(--dark-surface)!important;
  border-color:var(--dark-border)!important;
}
html[data-theme="dark"] .metric strong{
  color:#fff!important;
}
html[data-theme="dark"] .metric span{
  color:#e0c964!important;
}
html[data-theme="dark"] .dashboard-tabs{
  border-color:#493354!important;
}
html[data-theme="dark"] .dash-tab{
  color:#b9a8c2!important;
}
html[data-theme="dark"] .dash-tab.active{
  color:#fff!important;
}
html[data-theme="dark"] .case-table th{
  color:#c3b2cb!important;
  border-color:#493354!important;
}
html[data-theme="dark"] .case-table td{
  color:#e9dff0!important;
  border-color:#3d2b47!important;
}
html[data-theme="dark"] .case-table td strong{
  color:#fff!important;
}
html[data-theme="dark"] .case-table td small{
  color:#a995b3!important;
}
html[data-theme="dark"] .case-row:hover{
  background:#26172e!important;
}
html[data-theme="dark"] .history-toolbar label{
  color:#c59bdd!important;
}
html[data-theme="dark"] .history-search-state{
  color:#bba9c4!important;
}
html[data-theme="dark"] .history-lock-note{
  color:#f1e8f5!important;
}
html[data-theme="dark"] .history-lock-note strong{
  color:#ffe089!important;
}

/* Account page */
html[data-theme="dark"] .account-panel>h2{
  color:#f6c453!important;
}
html[data-theme="dark"] .account-panel p,
html[data-theme="dark"] .account-panel li,
html[data-theme="dark"] .account-panel label,
html[data-theme="dark"] .account-panel span{
  color:#cbbad3!important;
}
html[data-theme="dark"] .account-panel strong{
  color:#fff!important;
}
html[data-theme="dark"] .feature-list .enabled{
  background:#18101e!important;
  color:#e9dff0!important;
}
html[data-theme="dark"] .feature-list .disabled{
  background:#171017!important;
  color:#ab99b4!important;
}

/* Contact, legal, auth */
html[data-theme="dark"] .contact-form-card,
html[data-theme="dark"] .contact-info-card,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .legal-page section{
  background:var(--dark-surface)!important;
  border-color:var(--dark-border)!important;
}
html[data-theme="dark"] .contact-form label,
html[data-theme="dark"] .contact-info-card li,
html[data-theme="dark"] .legal-page li{
  color:#d1c1d8!important;
}
html[data-theme="dark"] .contact-form label>span{
  color:#9f8aaa!important;
}
html[data-theme="dark"] .auth-card label,
html[data-theme="dark"] .auth-card p{
  color:#cab9d2!important;
}
html[data-theme="dark"] .form-error{
  background:#421d26!important;
  color:#ffb8b0!important;
  border-color:#74404b!important;
}
html[data-theme="dark"] .contact-success{
  background:#163026!important;
  color:#b8f0d5!important;
  border-color:#2e6853!important;
}
html[data-theme="dark"] .legal-callout{
  background:#342913!important;
  color:#ffe39a!important;
  border-color:#70591c!important;
}
html[data-theme="dark"] code{
  background:#291b31!important;
  color:#eadcf1!important;
  border-color:#4d3658!important;
}

/* Buttons in dark mode */
html[data-theme="dark"] .ghost{
  background:#25172e!important;
  color:#f2e9f6!important;
  border-color:#5b4268!important;
}
html[data-theme="dark"] .ghost:hover{
  background:#32203c!important;
  color:#fff!important;
  border-color:#8a61a0!important;
}
html[data-theme="dark"] .nav-button.light{
  color:#eee5f2!important;
}
html[data-theme="dark"] .history-clear-btn{
  background:#341923!important;
  color:#ffb9b9!important;
  border-color:#75404d!important;
}

/* Dark mode image labels and SVG containers */
html[data-theme="dark"] .structure-hero-brand img,
html[data-theme="dark"] .pricing-hero-art img{
  filter:none!important;
}
html[data-theme="dark"] .structure-hero-brand{
  background:#1b1121!important;
}
html[data-theme="dark"] .page-title-display{
  color:#c69adf!important;
}

/* Ensure dark mode never reintroduces clipping on prior fixes. */
html[data-theme="dark"] .visual-story-card,
html[data-theme="dark"] .business-note,
html[data-theme="dark"] .contact-info-card,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .plan-modal-card,
html[data-theme="dark"] .mini-plan{
  overflow:visible;
}
html[data-theme="dark"] .visual-story-card img,
html[data-theme="dark"] .business-note img,
html[data-theme="dark"] .contact-info-card img{
  object-fit:contain!important;
}

@media(max-width:650px){
  .hero-audience-mark{
    left:12px!important;
    top:12px!important;
    transform:none!important;
  }
}


/* V10.19 anti-clipping pass + livelier homepage examples */

/* Nudge the CRT/J down a few pixels so every part stays inside the banner. */
.hero-audience-mark{
  top:18px!important;
}
.hero-audience-mark .retro-computer{
  transform:scale(1.44)!important;
}

/* Extra brand pop requested for the homepage labels. */
.home-threat-eyebrow,
.home-analysis-label{
  color:var(--brand-yellow)!important;
}
html[data-theme="dark"] .home-threat-eyebrow,
html[data-theme="dark"] .home-analysis-label{
  color:#f6c453!important;
}

/* General anti-clipping rules for all content-box families.
   These remove stale fixed-height behaviour and allow text to wrap instead
   of disappearing beyond a card boundary. */
*,
*::before,
*::after{
  box-sizing:border-box;
}
.panel,
.price-card,
.site-structure-card,
.visual-story-card,
.trust-grid article,
.business-note,
.contact-info-card,
.contact-form-card,
.account-panel,
.metric,
.case-panel,
.mini-plan,
.plan-modal-card,
.cta-band,
.quota-notice,
.assessment-card,
.bulk-risk-group{
  min-width:0!important;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
.price-card,
.site-structure-card,
.trust-grid article,
.business-note,
.contact-info-card,
.contact-form-card,
.account-panel,
.metric,
.case-panel,
.mini-plan,
.cta-band,
.quota-notice{
  height:auto!important;
  max-height:none!important;
}

/* Box text must never be cut by inherited line-height/overflow rules. */
.price-card p,
.price-card li,
.site-structure-card p,
.visual-story-card p,
.trust-grid article span,
.business-note p,
.contact-info-card p,
.contact-info-card li,
.account-panel p,
.account-panel li,
.metric span,
.quota-notice p,
.assessment-card p{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}

/* Preserve rounded box visuals while letting decorative badges sit outside. */
.price-card:not(.featured),
.site-structure-card,
.contact-info-card,
.contact-form-card,
.account-panel,
.business-note,
.trust-grid article{
  overflow:hidden!important;
}
.pricing-grid-five{
  padding-top:24px!important;
  padding-bottom:24px!important;
  align-items:stretch!important;
}

/* Marketing illustration boxes should contain the whole image in both themes. */
.structure-hero-brand,
.pricing-hero-art,
.business-note-art,
.contact-illustration-wrap{
  overflow:hidden!important;
}
.structure-hero-brand img,
.pricing-hero-art img,
.business-note-art img,
.contact-illustration-wrap img{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}

/* Dark mode gets the exact same anti-clipping geometry. */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .site-structure-card,
html[data-theme="dark"] .visual-story-card,
html[data-theme="dark"] .business-note,
html[data-theme="dark"] .contact-info-card,
html[data-theme="dark"] .contact-form-card,
html[data-theme="dark"] .account-panel,
html[data-theme="dark"] .metric,
html[data-theme="dark"] .case-panel,
html[data-theme="dark"] .mini-plan,
html[data-theme="dark"] .quota-notice,
html[data-theme="dark"] .assessment-card{
  min-width:0!important;
  max-width:100%;
  max-height:none!important;
  overflow-wrap:anywhere;
}
html[data-theme="dark"] .price-card:not(.featured),
html[data-theme="dark"] .site-structure-card,
html[data-theme="dark"] .contact-info-card,
html[data-theme="dark"] .contact-form-card,
html[data-theme="dark"] .account-panel,
html[data-theme="dark"] .business-note,
html[data-theme="dark"] .trust-grid article{
  overflow:hidden!important;
}

/* Home demo risk badge adapts cleanly to any random example label. */
.mock-danger{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  white-space:normal;
}


/* V10.20 final visual polish */

/* Tiny homepage logo nudge: keep the whole CRT inside the purple banner. */
.hero-audience-mark{
  top:22px!important;
}

/* Light mode labels return to purple for readability. */
.home-threat-eyebrow,
.home-analysis-label{
  color:#6f3ca0!important;
}
/* Dark mode gets the yellow accent only. */
html[data-theme="dark"] .home-threat-eyebrow,
html[data-theme="dark"] .home-analysis-label{
  color:#f6c453!important;
}

/* Homepage demo risk colours match the product's canonical risk palette. */
.mock-danger.risk-low{
  background:#eaf8f0!important;
  color:#087443!important;
}
.mock-danger.risk-suspicious{
  background:#fff4dc!important;
  color:#9a6200!important;
}
.mock-danger.risk-high{
  background:#fff0ed!important;
  color:#b53d32!important;
}
.mock-danger.risk-very-high{
  background:#fdeceb!important;
  color:#b42318!important;
}
html[data-theme="dark"] .mock-danger.risk-low{
  background:#123326!important;
  color:#7ee0ae!important;
}
html[data-theme="dark"] .mock-danger.risk-suspicious{
  background:#3d2d11!important;
  color:#ffd978!important;
}
html[data-theme="dark"] .mock-danger.risk-high{
  background:#40211d!important;
  color:#ffad9f!important;
}
html[data-theme="dark"] .mock-danger.risk-very-high{
  background:#431d25!important;
  color:#ffb8aa!important;
}

/* Contact availability card: explicit dark surface and readable text. */
html[data-theme="dark"] .contact-badge{
  background:#211529!important;
  border-color:#5a4266!important;
  border-top-color:#f6c453!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .contact-badge strong{
  color:#fff!important;
}
html[data-theme="dark"] .contact-badge small{
  color:#cbb9d3!important;
}
html[data-theme="dark"] .contact-dot{
  background:#39d98a!important;
  box-shadow:0 0 0 4px rgba(57,217,138,.10)!important;
}

/* Pro card header is fully contained inside the yellow featured outline.
   Badge floats above, but the PRO strip itself has a complete yellow frame. */
.pricing-grid-five .price-card.featured{
  border:2px solid #f6c453!important;
  padding-top:0!important;
}
.pricing-grid-five .price-card.featured .price-label{
  margin:0 -24px 18px!important;
  padding:17px 22px 14px!important;
  border-top-left-radius:14px!important;
  border-top-right-radius:14px!important;
  border-top:2px solid #f6c453!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:2px solid #f6c453!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .pricing-grid-five .price-card.featured{
  border:2px solid #f6c453!important;
}
html[data-theme="dark"] .pricing-grid-five .price-card.featured .price-label{
  border-top:2px solid #f6c453!important;
  border-bottom:2px solid #f6c453!important;
  color:#f6c453!important;
}

/* Most Popular remains clearly separate without visually cutting through PRO. */
.popular-badge{
  top:-16px!important;
  right:14px!important;
  z-index:8!important;
}

/* Slightly more room above the featured card to prevent collision at all widths. */
.pricing-grid-five{
  padding-top:30px!important;
}


/* V10.21: keep the homepage assessment example the same size in both themes.
   Match the preferred dark-mode geometry in light mode too. */
.hero-product{
  width:100%!important;
  max-width:none!important;
  min-height:400px!important;
  padding:30px 28px!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}

/* Theme changes should affect colour only, never card geometry. */
html[data-theme="dark"] .hero-product{
  width:100%!important;
  max-width:none!important;
  min-height:400px!important;
  padding:30px 28px!important;
  align-self:stretch!important;
}

@media (max-width: 900px){
  .hero-product,
  html[data-theme="dark"] .hero-product{
    min-height:0!important;
  }
}

/* V10.22 SaaS growth foundation */
.discover-section{max-width:1180px;margin:72px auto 30px}.discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.discover-grid a{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--border);border-top:4px solid var(--yellow);border-radius:16px;background:var(--panel);text-decoration:none;color:var(--text);box-shadow:var(--shadow)}.discover-grid a strong{font-size:18px}.discover-grid a span{color:var(--muted);line-height:1.55}
.growth-hero{max-width:1180px;margin:80px auto 48px;display:grid;grid-template-columns:1.35fr .65fr;gap:52px;align-items:center}.growth-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:14px 0 20px;max-width:780px}.growth-hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px}.growth-hero-art{min-height:300px;border-radius:24px;background:linear-gradient(145deg,var(--purple-deep),var(--purple));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;border:1px solid var(--border)}.growth-hero-art .retro-computer{transform:scale(1.8);margin-bottom:30px}.growth-hero-art strong{color:var(--yellow);font-size:22px}.growth-hero-art>span:last-child{text-align:center;opacity:.9}
.growth-points{max-width:1180px;margin:0 auto 64px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.growth-points article{padding:26px;border-top:4px solid var(--yellow)}.growth-points h2{margin:6px 0 10px}.growth-points p{color:var(--muted);line-height:1.6}.growth-number{font-weight:900;color:var(--purple);letter-spacing:.12em}
.guide-article{max-width:850px;margin:76px auto}.guide-article h1{font-size:clamp(42px,6vw,66px);line-height:1.04;margin:12px 0 18px}.guide-lead{font-size:20px;color:var(--muted);line-height:1.7;margin-bottom:42px}.guide-article section{padding:26px 0;border-top:1px solid var(--border)}.guide-article section h2{font-size:24px;margin:0 0 10px}.guide-article section p{font-size:17px;line-height:1.7;color:var(--muted)}.guide-callout{margin-top:36px;padding:28px;border-radius:18px;background:linear-gradient(135deg,var(--purple-deep),var(--purple));color:#fff;display:grid;gap:10px}.guide-callout strong{font-size:22px;color:var(--yellow)}.guide-callout .primary-link{justify-self:start;margin-top:8px}.guide-link{display:inline-flex;margin-top:18px;font-weight:800;color:var(--purple)}
.activation-strip{max-width:1180px;margin:0 auto 18px;padding:16px 20px;border:1px solid var(--border);border-left:5px solid var(--yellow);border-radius:14px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.activation-strip div{display:grid;gap:5px}.activation-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:var(--purple)}.activation-status{white-space:nowrap;background:var(--soft-purple);padding:8px 12px;border-radius:999px;font-weight:800}
html[data-theme="dark"] .growth-number,html[data-theme="dark"] .guide-link,html[data-theme="dark"] .activation-kicker{color:var(--yellow)}
@media(max-width:900px){.discover-grid,.growth-points,.growth-hero{grid-template-columns:1fr}.growth-hero{margin-top:42px}.activation-strip{align-items:flex-start;flex-direction:column}.growth-hero-art{min-height:240px}}


/* ============================================================
   V10 FINAL: dashboard/history dark-mode polish, clipping fixes,
   and SaaS-growth dark-mode consistency.
   ============================================================ */

/* Dashboard and History: shared containment in light and dark mode */
.dashboard-shell,
.dashboard-head,
.dashboard-tabs,
.dash-tab-panel,
.dash-tab-panel>.panel,
.history-panel,
.history-toolbar,
.case-table-wrap,
.risk-overview,
.risk-overview>div,
.metric.panel,
.privacy-card{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.dashboard-head,
.dashboard-tabs,
.dash-tab-panel,
.history-panel,
.risk-overview,
.privacy-card{
  overflow:visible!important;
}
.dash-tab-panel>.panel,
.history-panel,
.risk-overview>div,
.metric.panel,
.privacy-card{
  height:auto!important;
  max-height:none!important;
}
.history-panel>.panel-title,
.dash-tab-panel>.panel>.panel-title,
.case-panel>.panel-title{
  overflow:hidden!important;
  border-radius:14px 14px 0 0!important;
}
.history-toolbar{
  gap:14px!important;
}
.history-toolbar>*{
  min-width:0!important;
}
.history-toolbar input,
.history-toolbar select,
.history-clear-btn{
  width:100%!important;
  max-width:100%!important;
}
.case-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch;
}
.case-table{
  width:100%!important;
  min-width:840px!important;
}
.case-table th,
.case-table td{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.metric.panel{
  overflow:hidden!important;
}
.risk-overview{
  overflow:hidden!important;
}

/* Dashboard dark-mode readability */
html[data-theme="dark"] .dashboard-head h1,
html[data-theme="dark"] .dashboard-head p,
html[data-theme="dark"] .dashboard-tabs,
html[data-theme="dark"] .dash-tab-panel,
html[data-theme="dark"] .history-panel,
html[data-theme="dark"] .risk-overview,
html[data-theme="dark"] .privacy-card{
  color:#f6eff8!important;
}
html[data-theme="dark"] .dashboard-head>.eyebrow{
  color:#c78de2!important;
  background:transparent!important;
}
html[data-theme="dark"] .dashboard-head>p{
  color:#cab9d2!important;
}
html[data-theme="dark"] .dashboard-tabs{
  border-color:#4b3556!important;
}
html[data-theme="dark"] .dash-tab{
  color:#c4b2cc!important;
}
html[data-theme="dark"] .dash-tab.active{
  color:#fff!important;
  border-color:#f6c453!important;
}
html[data-theme="dark"] .metric.panel{
  background:#1c1222!important;
  border-color:#533a60!important;
  border-top-color:#f6c453!important;
}
html[data-theme="dark"] .metric.panel>span{
  color:#f2d875!important;
}
html[data-theme="dark"] .metric.panel>strong{
  color:#fff!important;
}
html[data-theme="dark"] .metric.panel small{
  color:#c0afc8!important;
}
html[data-theme="dark"] .risk-overview{
  background:#1c1222!important;
  border-color:#4e3859!important;
}
html[data-theme="dark"] .risk-overview>h2,
html[data-theme="dark"] .risk-overview>div>strong{
  color:#fff!important;
}
html[data-theme="dark"] .risk-overview>p,
html[data-theme="dark"] .risk-overview>div>span{
  color:#c8b7d0!important;
}
html[data-theme="dark"] .risk-overview>div{
  background:#24172c!important;
  border-color:#594264!important;
  border-top-color:#f6c453!important;
}
html[data-theme="dark"] .privacy-card{
  background:#1b1121!important;
  border-color:#4e3658!important;
}
html[data-theme="dark"] .privacy-card .eyebrow{
  color:#c78de2!important;
}
html[data-theme="dark"] .privacy-card h2{
  color:#fff!important;
}
html[data-theme="dark"] .privacy-card p,
html[data-theme="dark"] .privacy-card li,
html[data-theme="dark"] .privacy-card span{
  color:#c8b8cf!important;
}

/* History dark-mode */
html[data-theme="dark"] .history-panel{
  background:#1b1121!important;
  border-color:#51395c!important;
}
html[data-theme="dark"] .history-panel>.panel-title{
  background:linear-gradient(105deg,#321643,#633079)!important;
  border-color:rgba(246,196,83,.28)!important;
}
html[data-theme="dark"] .history-panel>.panel-title h2{
  color:#f6c453!important;
}
html[data-theme="dark"] .history-panel>.panel-title p{
  color:#efe5f3!important;
}
html[data-theme="dark"] .history-toolbar label{
  color:#d5c4dc!important;
}
html[data-theme="dark"] .history-toolbar input,
html[data-theme="dark"] .history-toolbar select{
  background:#130c18!important;
  color:#f7f1fa!important;
  border-color:#62466e!important;
}
html[data-theme="dark"] .history-toolbar input::placeholder{
  color:#9f8aaa!important;
}
html[data-theme="dark"] .history-clear-btn{
  background:#381c24!important;
  color:#ffb7b7!important;
  border-color:#814654!important;
}
html[data-theme="dark"] .history-search-state{
  color:#b9a8c2!important;
}
html[data-theme="dark"] .case-table th{
  color:#d1bfd8!important;
  border-color:#50395b!important;
}
html[data-theme="dark"] .case-table td{
  color:#eadff0!important;
  border-color:#3d2b47!important;
}
html[data-theme="dark"] .case-table td strong{
  color:#fff!important;
}
html[data-theme="dark"] .case-table td small{
  color:#af9ab8!important;
}
html[data-theme="dark"] .case-table tbody tr:hover{
  background:#26172e!important;
}
html[data-theme="dark"] .history-cap,
html[data-theme="dark"] .history-cap span{
  background:#24172c!important;
  color:#d7c6de!important;
  border-color:#594164!important;
}

/* Fix clipped tab/panel edges in both themes */
.dash-tab-panel>.panel,
.history-panel{
  border-radius:16px!important;
}
.dash-tab-panel>.panel>.panel-title,
.history-panel>.panel-title{
  margin:0!important;
  padding:20px 24px!important;
  border-radius:16px 16px 0 0!important;
}
.dash-tab-panel>.panel>.panel-title + *,
.history-panel>.panel-title + *{
  margin-top:0!important;
}
.history-panel{
  padding:0!important;
}
.history-panel .history-toolbar,
.history-panel .history-search-state,
.history-panel .case-table-wrap,
.history-panel .case-table{
  margin-left:24px!important;
  margin-right:24px!important;
}
.history-panel .history-toolbar{
  margin-top:20px!important;
}
.history-panel .case-table-wrap{
  margin-bottom:24px!important;
}

/* V10.22 new SaaS areas in dark mode */
html[data-theme="dark"] .discover-section,
html[data-theme="dark"] .growth-hero,
html[data-theme="dark"] .growth-points,
html[data-theme="dark"] .guide-article,
html[data-theme="dark"] .activation-strip{
  color:#f7f1fa!important;
}
html[data-theme="dark"] .discover-grid a,
html[data-theme="dark"] .growth-points article,
html[data-theme="dark"] .activation-strip{
  background:#1b1121!important;
  border-color:#51395c!important;
  border-top-color:#f6c453!important;
}
html[data-theme="dark"] .discover-grid a strong,
html[data-theme="dark"] .growth-points h2,
html[data-theme="dark"] .guide-article h1,
html[data-theme="dark"] .guide-article h2,
html[data-theme="dark"] .activation-strip strong{
  color:#fff!important;
}
html[data-theme="dark"] .discover-grid a span,
html[data-theme="dark"] .growth-points p,
html[data-theme="dark"] .growth-hero p,
html[data-theme="dark"] .guide-lead,
html[data-theme="dark"] .guide-article section p{
  color:#c9b9d1!important;
}
html[data-theme="dark"] .growth-number,
html[data-theme="dark"] .guide-link,
html[data-theme="dark"] .activation-kicker{
  color:#f6c453!important;
}
html[data-theme="dark"] .growth-hero-art{
  background:linear-gradient(145deg,#2a123b,#5b2d76)!important;
  border-color:#5b4268!important;
}
html[data-theme="dark"] .guide-article section{
  border-color:#44304e!important;
}
html[data-theme="dark"] .guide-callout{
  background:linear-gradient(135deg,#2a123b,#5b2d76)!important;
  border:1px solid #674875!important;
}
html[data-theme="dark"] .activation-status{
  background:#2b1a33!important;
  color:#efdff5!important;
  border:1px solid #594164!important;
}

/* New use-case / guide page clipping */
.discover-grid a,
.growth-points article,
.growth-hero-art,
.guide-callout,
.activation-strip{
  min-width:0!important;
  overflow:hidden!important;
}
.growth-hero,
.growth-points,
.discover-grid{
  min-width:0!important;
}
.growth-hero>*,
.growth-points>*,
.discover-grid>*{
  min-width:0!important;
}
.growth-hero h1,
.growth-hero p,
.growth-points h2,
.growth-points p,
.guide-article h1,
.guide-article h2,
.guide-article p,
.activation-strip strong{
  overflow-wrap:anywhere!important;
}

/* Responsive history layout */
@media(max-width:900px){
  .history-toolbar{
    grid-template-columns:1fr!important;
  }
  .history-clear-btn{
    grid-column:auto!important;
  }
  .history-panel .history-toolbar,
  .history-panel .history-search-state,
  .history-panel .case-table-wrap{
    margin-left:16px!important;
    margin-right:16px!important;
  }
}


/* ============================================================
   V10 FINAL RELEASE
   Compact, centred authentication cards.
   Keep this geometry identical in light and dark mode.
   ============================================================ */
.auth-shell{
  min-height:100vh!important;
  padding:28px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.auth-card{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:28px 30px!important;
  box-sizing:border-box!important;
  align-self:center!important;
}
.auth-card h1{
  font-size:30px!important;
}
.auth-form{
  gap:14px!important;
  margin-top:20px!important;
}
.auth-form input{
  min-height:42px!important;
}
.auth-foot{
  margin-bottom:0!important;
}
html[data-theme="dark"] .auth-card{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:28px 30px!important;
}
@media(max-width:520px){
  .auth-shell{
    padding:18px 14px!important;
  }
  .auth-card,
  html[data-theme="dark"] .auth-card{
    max-width:100%!important;
    padding:24px 20px!important;
  }
}


/* V10 FINAL V2: repeat-analysis flow */
#analyseAnotherBtn{
  cursor:pointer;
}


/* ============================================================
   V11.0, Jatzo Threat Memory
   ============================================================ */
.learning-feedback{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid rgba(104,72,160,.25);
}
.learning-feedback h3{
  margin:6px 0 8px;
}
.learning-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:12px;
}
.learning-buttons button{
  appearance:none;
  border:1px solid rgba(87,54,145,.42);
  border-radius:10px;
  background:transparent;
  padding:10px 13px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.learning-buttons button:hover,
.learning-buttons button.selected{
  background:#f2c94c;
  color:#2c174d;
  border-color:#f2c94c;
}
html[data-theme="dark"] .learning-feedback{
  border-top-color:rgba(242,201,76,.28);
}
html[data-theme="dark"] .learning-buttons button{
  color:#fff;
  border-color:rgba(242,201,76,.35);
}
html[data-theme="dark"] .learning-buttons button:hover,
html[data-theme="dark"] .learning-buttons button.selected{
  color:#2c174d;
}


/* ============================================================
   V11.1 case review containment + identifier typography
   ============================================================ */
.case-modal{
  overflow:hidden!important;
}
.case-modal-card{
  width:min(1080px,calc(100vw - 48px))!important;
  height:auto!important;
  max-height:calc(100dvh - 48px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  box-sizing:border-box!important;
  scrollbar-gutter:stable;
}
.case-modal-card>.panel-title{
  box-sizing:border-box!important;
  max-width:calc(100% + 52px)!important;
}
.case-review-grid,
.case-review-grid>div,
.case-review-grid article{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere;
}
.case-modal-card .finding strong,
.case-modal-card .finding p,
.case-modal-card #cTitle,
.case-modal-card #cMeta{
  overflow-wrap:anywhere!important;
  word-break:break-word;
}
.case-modal-card #cMeta{
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace!important;
  font-size:11px!important;
  letter-spacing:.015em!important;
  font-variant-numeric:tabular-nums;
}
.case-actions>span,
#caseLabel{
  display:inline-flex!important;
  align-items:center;
  min-height:32px;
  padding:0 10px!important;
  border:1px solid rgba(91,45,118,.22);
  border-radius:8px;
  background:rgba(91,45,118,.045);
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace!important;
  font-size:10.5px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  color:#4b235f!important;
  white-space:nowrap;
}
html[data-theme="dark"] .case-actions>span,
html[data-theme="dark"] #caseLabel{
  color:#f5e9ff!important;
  border-color:rgba(242,201,76,.25);
  background:rgba(242,201,76,.06);
}
@media(max-width:700px){
  .case-modal{padding:10px!important}
  .case-modal-card{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
  }
}


/* V11.2 detection intelligence */
.campaign-intel{display:grid;gap:8px}.campaign-hit,.campaign-clear{border:1px solid rgba(91,45,118,.18);border-radius:12px;padding:14px 16px;background:rgba(91,45,118,.035)}
.campaign-hit strong,.campaign-clear strong{display:block;color:#4b235f;margin-bottom:5px}.campaign-hit p,.campaign-clear p{margin:0 0 5px}.campaign-hit small,.campaign-clear small{color:#6e6573;line-height:1.45}
.campaign-case-summary{margin-top:22px;padding-top:20px;border-top:1px solid rgba(91,45,118,.18)}
.detection-strength-section{margin:54px auto;max-width:1180px}.detection-strength-section>.section-heading{max-width:760px}.detection-strength-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.detection-strength-grid article{min-width:0;padding:20px;border:1px solid rgba(91,45,118,.18);border-radius:16px;background:#fff}.detection-strength-grid strong{display:block;color:#4b235f;font-size:17px;margin-bottom:8px}.detection-strength-grid span{display:block;line-height:1.55;color:#5f5664}.detection-method-note{max-width:900px;margin:18px 0 0;color:#6a616f;font-size:13px;line-height:1.55}
html[data-theme="dark"] .campaign-hit,html[data-theme="dark"] .campaign-clear{background:rgba(242,201,76,.045);border-color:rgba(242,201,76,.18)}html[data-theme="dark"] .campaign-hit strong,html[data-theme="dark"] .campaign-clear strong{color:#f2c94c}html[data-theme="dark"] .campaign-hit small,html[data-theme="dark"] .campaign-clear small{color:#d9d0dd}html[data-theme="dark"] .detection-strength-grid article{background:#24102f;border-color:rgba(242,201,76,.16)}html[data-theme="dark"] .detection-strength-grid strong{color:#f2c94c}html[data-theme="dark"] .detection-strength-grid span,html[data-theme="dark"] .detection-method-note{color:#ddd3e3}
@media(max-width:950px){.detection-strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.detection-strength-grid{grid-template-columns:1fr}}


/* ============================================================
   V11.3 Assessment tabs
   ============================================================ */
.assessment-tabs-wrap{margin-top:16px}
.assessment-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin:0 0 12px;
  padding:8px;
  border:1px solid rgba(91,45,118,.18);
  border-radius:14px;
  background:rgba(91,45,118,.035);
}
.assessment-tab{
  appearance:none;
  border:1px solid rgba(91,45,118,.18);
  background:#fff;
  color:#3f2450;
  border-radius:10px;
  min-height:38px;
  padding:0 13px;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:.16s ease;
}
.assessment-tab:hover{transform:translateY(-1px);border-color:#6d368d}
.assessment-tab.active{
  background:#4d1f63;
  color:#fff;
  border-color:#4d1f63;
  box-shadow:0 6px 18px rgba(77,31,99,.15);
}
.assessment-tab.locked{
  background:#f1eef3;
  color:#7d7383;
  border-style:dashed;
}
.assessment-tab.locked.active{
  background:#ece7ef;
  color:#4a3f50;
  border-color:#d2c2d9;
}
.assessment-tab .upgrade-star{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;height:18px;
  margin-right:5px;
  border-radius:50%;
  color:#4d1f63;
  background:#f3c94d;
  font-size:11px;
  vertical-align:-1px;
}
.assessment-tab-panel{
  min-height:280px;
  padding:24px!important;
  overflow:hidden;
}
.assessment-tab-panel[hidden]{display:none!important}
.tab-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(91,45,118,.14);
}
.tab-panel-head>div:first-child{display:flex;gap:12px;align-items:center;min-width:0}
.tab-panel-head strong{display:block;font-size:17px}
.tab-panel-head small{display:block;margin-top:3px;color:#73677a}
.plan-feature-chip{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  color:#4d1f63;
  background:#f3c94d;
}
.locked-tab-body{
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  text-align:left;
  max-width:720px;
  margin:auto;
}
.locked-tab-star{
  flex:0 0 auto;
  width:56px;height:56px;
  display:grid;place-items:center;
  border-radius:16px;
  font-size:28px;
  color:#4d1f63;
  background:#f3c94d;
  box-shadow:inset 0 0 0 3px rgba(77,31,99,.12);
}
.locked-tab-star.premium{
  box-shadow:inset 0 0 0 3px #4d1f63;
}
.locked-tab-body strong{font-size:19px}
.locked-tab-body p{margin:6px 0 14px;color:#73677a;line-height:1.55}
.campaign-scope{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.campaign-scope span{
  padding:5px 8px;border-radius:999px;background:rgba(91,45,118,.08);
  font-size:11px;font-weight:800;color:#5b2d76;
}

/* Source IP v2 */
.ip-confidence-row{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin:0 0 14px;
  color:#706576;
  font-size:11px;
}
.ip-confidence{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  background:rgba(91,45,118,.08);
  color:#5b2d76;
}
.ip-confidence.higher{background:rgba(34,139,94,.11);color:#17633f}
.ip-confidence.low{background:rgba(214,64,64,.10);color:#a62b2b}
.ip-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.ip-grid>div{min-width:0}
.ip-grid b{overflow-wrap:anywhere}
.usage-reset,.local-time{font-size:11px;color:#746879}

html[data-theme="dark"] .assessment-tabs{
  background:rgba(255,255,255,.035);
  border-color:rgba(243,201,77,.15);
}
html[data-theme="dark"] .assessment-tab{
  background:#24112f;
  color:#f3eaf7;
  border-color:#5f4470;
}
html[data-theme="dark"] .assessment-tab.active{
  background:#f3c94d;
  color:#2c1537;
  border-color:#f3c94d;
}
html[data-theme="dark"] .assessment-tab.locked{
  background:#21182a;
  color:#91869a;
  border-color:#55465d;
}
html[data-theme="dark"] .assessment-tab.locked.active{
  background:#2c2135;
  color:#f2eaf5;
}
html[data-theme="dark"] .assessment-tab-panel{
  background:#21122a!important;
  border-color:#543767!important;
}
html[data-theme="dark"] .tab-panel-head{border-color:rgba(243,201,77,.15)}
html[data-theme="dark"] .tab-panel-head small,
html[data-theme="dark"] .locked-tab-body p,
html[data-theme="dark"] .ip-confidence-row{color:#cbbfd1}
html[data-theme="dark"] .campaign-scope span{
  background:rgba(243,201,77,.09);
  color:#f3c94d;
}
html[data-theme="dark"] .ip-confidence{
  background:rgba(243,201,77,.08);
  color:#f3c94d;
}
html[data-theme="dark"] .ip-confidence.higher{color:#a9efc9}
html[data-theme="dark"] .ip-confidence.low{color:#ffaaaa}
html[data-theme="dark"] .usage-reset,
html[data-theme="dark"] .local-time{color:#cbbfd1}

@media(max-width:760px){
  .assessment-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
  .assessment-tab{flex:0 0 auto}
  .assessment-tab-panel{padding:18px!important;min-height:240px}
  .ip-grid{grid-template-columns:1fr!important}
  .locked-tab-body{align-items:flex-start}
}
/* V11.4 Premium intelligence */
#tiProviders{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}
.intel-details{border:1px solid rgba(91,45,118,.16);border-radius:12px;overflow:hidden;margin:12px 0;background:rgba(91,45,118,.025)}
.intel-details summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 15px;font-size:12px;color:#4d1f63}
.intel-details summary strong{color:#24152c}.intel-details-body{border-top:1px solid rgba(91,45,118,.12)}
.clean-row .intel-clean{color:#237a50;font-size:10px}.url-export-card{margin-top:14px}
.dev-reset-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.dev-reset-form input{min-width:220px;flex:1}
.locked-feedback{border-style:dashed!important}
html[data-theme="dark"] .intel-details{background:#1d1224;border-color:#533a60}
html[data-theme="dark"] .intel-details summary{color:#f3c94d}html[data-theme="dark"] .intel-details summary strong{color:#fff}
@media(max-width:760px){#tiProviders{grid-template-columns:repeat(2,minmax(0,1fr))}}

.override-tag{display:inline-flex!important;margin-left:6px;padding:3px 7px;border-radius:999px;background:#f3c94d;color:#3f1c52;font-size:9px!important;font-weight:900;letter-spacing:.06em}
.override-original{display:block!important;margin-top:4px;color:#76697c;font-size:10px!important}
.override-value{font-weight:850}
.override-warning{display:inline-flex;margin-right:6px;padding:3px 7px;border-radius:999px;background:#f3c94d;color:#3f1c52;font-size:10px;letter-spacing:.05em}
html[data-theme="dark"] .override-original{color:#c7b8cf}

.ti-assessment{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(280px,1.3fr);gap:16px;margin:4px 0 18px}
.ti-assessment-grade{padding:18px;border:1px solid rgba(91,45,118,.16);border-radius:14px;background:linear-gradient(135deg,rgba(91,45,118,.07),rgba(243,201,77,.09))}
.ti-assessment-grade span,.ti-assessment-grade small{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#6c5776}
.ti-assessment-grade strong{display:block;margin:8px 0;font-size:22px;color:#4d1f63}
.ti-assessment-grade.strong{border-color:rgba(205,46,46,.35);background:rgba(205,46,46,.06)}
.ti-assessment-grade.strong strong{color:#b32929}
.ti-reasons{margin:0;padding:14px 18px 14px 34px;border:1px solid rgba(91,45,118,.12);border-radius:14px;line-height:1.55}
.ti-layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.ti-layers article{padding:14px;border:1px solid rgba(91,45,118,.13);border-radius:12px;background:rgba(91,45,118,.025);min-width:0}
.ti-layers span,.ti-layers small{display:block;color:#75647d;font-size:10px}
.ti-layers span{font-weight:900;letter-spacing:.06em}
.ti-layers strong{display:block;margin:7px 0;font-size:13px;overflow-wrap:anywhere}
html[data-theme="dark"] .ti-assessment-grade,html[data-theme="dark"] .ti-reasons,html[data-theme="dark"] .ti-layers article{border-color:rgba(243,201,77,.16);background:rgba(255,255,255,.025)}
html[data-theme="dark"] .ti-assessment-grade strong{color:#f3c94d}
html[data-theme="dark"] .ti-assessment-grade span,html[data-theme="dark"] .ti-assessment-grade small,html[data-theme="dark"] .ti-layers span,html[data-theme="dark"] .ti-layers small{color:#c9b9d0}
@media(max-width:850px){.ti-assessment{grid-template-columns:1fr}.ti-layers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ti-layers{grid-template-columns:1fr}}

.assessment-tab[data-panel="tabTechnical"]{padding-top:12px;padding-bottom:8px}
.country-flag{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:17px;line-height:1;vertical-align:-2px;margin-right:3px}
.ti-safety-net{margin:18px 0 0;padding-top:12px;border-top:1px solid rgba(91,45,118,.12);font-size:11px;color:#7a6b80}
.ti-assessment-grade.extremely-strong{border-color:rgba(91,45,118,.4);box-shadow:inset 4px 0 0 #f3c94d;background:linear-gradient(135deg,rgba(91,45,118,.1),rgba(243,201,77,.14))}
.ti-assessment-grade.extremely-strong strong{color:#4d1f63}
html[data-theme="dark"] .ti-safety-net{border-color:rgba(243,201,77,.14);color:#bdaec5}
html[data-theme="dark"] .ti-assessment-grade.extremely-strong strong{color:#f3c94d}


/* V11.7 account management */
.account-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-message{max-width:1100px;margin:0 auto 14px;padding:12px 14px;border-radius:12px;font-weight:800}
.account-message.success{background:rgba(40,150,95,.10);border:1px solid rgba(40,150,95,.24);color:#17633f}
.account-message.error{background:rgba(196,54,54,.08);border:1px solid rgba(196,54,54,.22);color:#9e2828}
.account-settings-form{display:grid;gap:12px;margin-top:14px}
.account-settings-form label{display:grid;gap:6px}
.account-settings-form label span{font-size:11px;font-weight:850;color:#68566f}
.account-settings-form input{width:100%;min-height:42px;padding:0 12px;border:1px solid #d8cde0;border-radius:10px;background:#fff;color:#201626;font:inherit}
.account-settings-form small{color:#766a7b;line-height:1.45}
.account-security-panel hr{border:0;border-top:1px solid #e4dce8;margin:20px 0}
.account-dev-panel{grid-column:1/-1}
/* Joe, 12 September 2026. Panels that span both columns of the account grid: the connection code box, the owner's
   Your organisation group (report A, so their three panels stop scattering across the grid) and Privacy, which is
   pinned last (decision 8) and must never sit level with another panel. The group lays its own panels out in one
   column with the grid's gap, so they read as one set rather than as three unrelated cards. */
.account-wide-panel{grid-column:1/-1}
.account-org-group{display:grid;gap:16px;margin-top:8px}
.account-org-group>.account-org-head{margin:0}
.account-org-group>.privacy-note{margin:-6px 0 0}
.roadmap-admin-link{display:inline-flex;margin-top:12px}
html[data-theme="dark"] .account-settings-form input{background:#1f1426;color:#f7f0f9;border-color:#5a4666}
html[data-theme="dark"] .account-settings-form label span,html[data-theme="dark"] .account-settings-form small{color:#cabdce}
html[data-theme="dark"] .account-message.success{color:#a9efc9}
html[data-theme="dark"] .account-message.error{color:#ffb0b0}

/* Tools */
.tools-page{max-width:1120px}
.tools-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin:24px 0 60px}
.tool-card{display:flex;gap:18px;align-items:flex-start;padding:24px}
.tool-card.featured{border-top:3px solid #f3c94d}
.tool-card-icon{flex:0 0 54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#4d1f63;color:#f3c94d;font-size:24px;font-weight:900}
.tool-card-icon.muted{opacity:.55}
.tool-card h2{margin:4px 0 8px}
.tool-card p{line-height:1.55}
.tool-tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 18px}
.tool-tags span{padding:5px 8px;border-radius:999px;background:rgba(91,45,118,.07);font-size:10px;font-weight:800;color:#5b2d76}
html[data-theme="dark"] .tool-tags span{background:rgba(243,201,77,.08);color:#f3c94d}

/* Private Business roadmap */
.roadmap-page{max-width:1180px;margin:0 auto;padding:34px 24px 70px}
.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.roadmap-card{padding:22px}
.roadmap-card>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#4d1f63;color:#f3c94d;font-weight:900}
.roadmap-card h2{margin:12px 0 8px}
.roadmap-card p{line-height:1.58}
.roadmap-card.priority{border-top:3px solid #f3c94d}
.roadmap-card strong{display:block;margin-top:12px;color:#5b2d76}
html[data-theme="dark"] .roadmap-card strong{color:#f3c94d}

/* Attachment Intelligence */
.attachment-intel{display:grid;gap:14px}
.attachment-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(91,45,118,.12);border-radius:12px;background:rgba(91,45,118,.025)}
.attachment-summary span{font-size:11px;color:#75677b}
.attachment-list{display:grid;gap:12px}
.attachment-card{border:1px solid rgba(91,45,118,.14);border-radius:14px;overflow:hidden}
.attachment-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px;background:rgba(91,45,118,.045)}
.attachment-card-head span{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#775d83}
.attachment-card-head strong{display:block;margin-top:4px;overflow-wrap:anywhere}
.attachment-flags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.attachment-flags b{padding:4px 6px;border-radius:999px;background:#fff1ee;color:#a73529;font-size:9px}
.attachment-neutral{padding:4px 7px;border-radius:999px;background:rgba(34,139,94,.10);color:#17633f;font-size:9px}
.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.attachment-grid>div{padding:12px 16px;border-top:1px solid rgba(91,45,118,.10);min-width:0}
.attachment-grid>div:nth-child(odd){border-right:1px solid rgba(91,45,118,.10)}
.attachment-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7c6e82}
.attachment-grid strong{display:block;margin-top:5px;font-size:12px;overflow-wrap:anywhere}
.mono-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px!important}
.attachment-empty{padding:20px;border:1px dashed rgba(91,45,118,.22);border-radius:12px}
html[data-theme="dark"] .attachment-card,html[data-theme="dark"] .attachment-summary,html[data-theme="dark"] .attachment-grid>div{border-color:rgba(243,201,77,.13)}
html[data-theme="dark"] .attachment-card-head{background:rgba(243,201,77,.04)}
html[data-theme="dark"] .attachment-summary span,html[data-theme="dark"] .attachment-grid span{color:#c7b9cc}

.business-baseline-callout{margin:20px 0 32px;padding:24px;border-top:3px solid #f3c94d}
.business-baseline-callout p{max-width:850px;line-height:1.58}

@media(max-width:820px){
  .account-grid-wide,.tools-grid,.roadmap-grid{grid-template-columns:1fr}
  .attachment-grid{grid-template-columns:1fr}
  .attachment-grid>div:nth-child(odd){border-right:0}
}


/* V11.8 account heading alignment */
.account-security-panel>.account-section-heading{
  margin:-24px -24px 18px!important;
  padding:11px 22px 13px;
  background:linear-gradient(105deg,#241135,#4b286d);
  border-bottom:1px solid rgba(246,196,83,.25);
}
.account-security-panel>.account-section-heading .eyebrow{
  margin:0 0 3px!important;
  line-height:1.1;
  color:#8f5ba5!important;
}
.account-security-panel>.account-section-heading h2{
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  color:var(--brand-yellow)!important;
  font-size:19px;
  line-height:1.15;
}
.account-security-panel>p.privacy-note{margin-top:0}
html[data-theme="dark"] .account-security-panel>.account-section-heading{
  background:linear-gradient(105deg,#2a123b,#5a2b72)!important;
}

/* Profile pictures */
.account-avatar{
  width:30px;height:30px;flex:0 0 30px;border-radius:9px;object-fit:cover;
  border:1px solid rgba(246,196,83,.55);background:#32164a;
}
.profile-picture-row{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:start}
.profile-picture-preview{
  width:72px;height:72px;border-radius:18px;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(135deg,#32164a,#6f3ca0);color:#f6c453;font-size:25px;font-weight:900;
  border:2px solid rgba(246,196,83,.75)
}
.profile-picture-preview img{width:100%;height:100%;object-fit:cover}
.profile-picture-copy>strong{display:block;margin-bottom:4px}
.profile-picture-copy>p{margin:0 0 10px;font-size:11px;color:#75687c}
.avatar-upload-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.avatar-upload-form input[type=file]{max-width:280px;font-size:11px}
.avatar-remove-form{margin-top:8px}
.text-button{border:0;background:none;padding:0;color:#6f3ca0;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.account-settings-form button[disabled]{opacity:.52;cursor:not-allowed}

/* Homepage Tools dropdown */
.nav-tools-menu{position:relative}
.nav-tools-menu>summary{
  list-style:none;cursor:pointer;color:inherit;font-weight:inherit;padding:8px 4px;
}
.nav-tools-menu>summary::-webkit-details-marker{display:none}
.nav-tools-menu>summary:after{content:" ▾";font-size:9px;color:#f6c453}
.nav-tools-dropdown{
  position:absolute;top:calc(100% + 8px);left:-10px;z-index:50;width:255px;padding:8px;
  border:1px solid rgba(246,196,83,.25);border-radius:12px;background:#2b143b;
  box-shadow:0 16px 36px rgba(24,10,34,.22)
}
.nav-tools-dropdown a{display:block!important;padding:10px 11px!important;border-radius:9px;color:#fff!important}
.nav-tools-dropdown a:hover{background:rgba(255,255,255,.07)}
.nav-tools-dropdown a strong{display:block;color:#f6c453;font-size:12px}
.nav-tools-dropdown a span{display:block;margin-top:2px;color:#d9cce0;font-size:10px;font-weight:500}

/* Premium infrastructure enrichment alignment */
.intel-details-body .intel-row{min-height:40px;padding:9px 13px;align-items:center;line-height:1.3}
.intel-details-body .intel-row>span{display:flex;flex-direction:column;justify-content:center;min-width:0}
.intel-details-body .intel-row>b{align-self:center}
.intel-details summary{line-height:1.25}

/* Attachment Intelligence V11.8 */
.attachment-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.attachment-overview>div{padding:12px 14px;border:1px solid rgba(91,45,118,.12);border-radius:11px;background:rgba(91,45,118,.025)}
.attachment-overview span{display:block;font-size:9px;letter-spacing:.07em;color:#7a6881;font-weight:900}
.attachment-overview strong{display:block;margin-top:5px;font-size:18px;color:#32164a}
.attachment-overview-note{font-size:11px;color:#75687c;line-height:1.5}
.attachment-status{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.045em;white-space:nowrap}
.attachment-status.attention{background:#fff0ed;color:#a13228}
.attachment-status.review{background:#fff6d8;color:#856100}
.attachment-status.profiled{background:#eaf7ef;color:#17643e}
.attachment-flags-wide{padding:10px 16px;border-top:1px solid rgba(91,45,118,.09);justify-content:flex-start}
.attachment-guidance{padding:13px 16px;border-top:1px solid rgba(91,45,118,.09)}
.attachment-guidance>strong{font-size:12px}
.attachment-guidance ul{margin:8px 0 0;padding-left:18px}
.attachment-guidance li{margin:4px 0;color:#6d6072;font-size:11px;line-height:1.45}
.attachment-guidance.attention{background:rgba(184,50,50,.035)}
.attachment-guidance.review{background:rgba(243,201,77,.055)}
.attachment-grid-rich>div{min-height:63px}
.attachment-hash{border-top:1px solid rgba(91,45,118,.10);padding:10px 16px}
.attachment-hash summary{cursor:pointer;color:#5b2d76;font-size:11px;font-weight:850}
.attachment-hash code{display:block;margin:9px 0 5px;padding:9px;border-radius:8px;background:#f7f3f8;overflow-wrap:anywhere;white-space:normal;font-size:10px}
.attachment-hash p{margin:0;color:#75687c;font-size:10px;line-height:1.4}
html[data-theme="dark"] .attachment-overview>div{border-color:rgba(243,201,77,.12);background:rgba(255,255,255,.025)}
html[data-theme="dark"] .attachment-overview strong{color:#f6c453}
html[data-theme="dark"] .attachment-hash code{background:#17101d;color:#eadff0}
html[data-theme="dark"] .attachment-guidance li,html[data-theme="dark"] .attachment-overview-note{color:#c9bccc}

@media(max-width:820px){
  .attachment-overview{grid-template-columns:1fr 1fr}
  .profile-picture-row{grid-template-columns:64px 1fr}
  .profile-picture-preview{width:60px;height:60px;border-radius:15px}
}

/* V11.9: Tools shares the adjacent navigation links' typography and hit area. */
.public-nav nav>.nav-tools-menu>summary {
  color:#d8cce2;font-size:inherit;font-family:inherit;font-weight:650;
  padding:9px 11px;border-radius:9px;line-height:inherit;
}
.public-nav nav>.nav-tools-menu>summary:hover,
.public-nav nav>.nav-tools-menu>summary:focus-visible {
  color:#fff;background:rgba(255,255,255,.07);
}
.public-nav nav>.nav-tools-menu>summary:focus-visible {
  outline:2px solid var(--brand-yellow);outline-offset:2px;
}
@media(max-width:650px){.nav-tools-dropdown{left:auto;right:0;max-width:calc(100vw - 32px)}}


/* V11.10.3 Intent presentation polish. Keep the technical engine behind a simple user-facing explanation. */
.intent-card{
  margin-top:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid #e5ddea!important;
  border-left:4px solid #5b2c79!important;
  border-radius:14px!important;
  background:var(--panel);
  box-shadow:0 5px 22px rgba(37,20,52,.045)!important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.intent-card[open]{
  border-color:#d4c1df!important;
  border-left-color:#5b2c79!important;
  box-shadow:0 10px 30px rgba(42,22,57,.075)!important;
}
.intent-card>summary{list-style:none}
.intent-card>summary::-webkit-details-marker{display:none}
.intent-summary{
  min-height:86px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto 28px;
  align-items:center;
  gap:14px;
  padding:15px 18px;
  cursor:pointer;
  user-select:none;
  background:linear-gradient(110deg,#fff 0,#fcf9ff 100%);
}
.intent-summary:hover{background:linear-gradient(110deg,#fff 0,#f9f4fc 100%)}
.intent-summary:focus-visible{outline:3px solid rgba(91,44,121,.16);outline-offset:-3px}
.intent-summary-icon{
  width:36px;height:36px;border-radius:9px;display:grid;place-items:center;
  background:#f3edf7;border:1px solid #e4d9eb;color:#5b2c79;
  font-size:11px;font-weight:900;letter-spacing:.04em;
}
.intent-summary-copy{min-width:0;display:block}
.intent-summary-copy .eyebrow{
  display:block;margin:0 0 5px;color:#5b2c79;font-size:9px;font-weight:900;letter-spacing:.15em;
}
.intent-summary-copy>strong{
  display:block;color:var(--ink);font-size:15px;line-height:1.35;letter-spacing:-.18px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.intent-summary-copy>small{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:500}
.intent-confidence{
  justify-self:end;white-space:nowrap;border-radius:999px;padding:6px 10px;
  border:1px solid #e3d9e9;background:#f6f1f8;color:#5b2c79;
  font-size:9px;font-weight:900;letter-spacing:.07em;
}
.intent-confidence.high{background:#edf8f1;border-color:#cfe9d9;color:#17643e}
.intent-confidence.medium{background:#fff8e4;border-color:#f1df9f;color:#7b5a00}
.intent-confidence.low{background:#f4f1f5;border-color:#e3dce6;color:#6d6072}
.intent-chevron{
  width:26px;height:26px;border:1px solid #ded6e4;border-radius:8px;display:grid;place-items:center;
  color:#6b5d76;transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.intent-chevron::before{
  content:"";width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);
}
.intent-card[open] .intent-chevron{transform:rotate(180deg);background:#f7f2fa;border-color:#cfbddb;color:#5b2c79}
.intent-card[open] .intent-summary{border-bottom:1px solid #eee8f2}
.intent-body{padding:18px 20px 20px;background:#fff}
.intent-guidance-box{
  display:grid;grid-template-columns:126px minmax(0,1fr);align-items:start;gap:14px;
  padding:13px 14px;border:1px solid #eee7f2;border-radius:10px;background:#faf8fb;
}
.intent-guidance-label{font-size:9px;font-weight:900;letter-spacing:.12em;color:#5b2c79;padding-top:2px}
.intent-guidance-box p{margin:0;color:#62586a;font-size:11px;line-height:1.6}
.intent-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}
.intent-detail-card{
  display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:start;
  min-height:96px;padding:14px;border:1px solid #e9e3ed;border-radius:11px;background:#fff;
}
.intent-detail-number{
  width:28px;height:28px;border-radius:8px;display:grid;place-items:center;
  background:#f4eef7;color:#5b2c79;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;
}
.intent-detail-label{display:block;margin:1px 0 0;font-size:9px;font-weight:900;letter-spacing:.11em;color:#78677f}
.intent-detail-card p{margin:7px 0 0;color:var(--ink);font-size:12px;line-height:1.55}
.intent-recommendation{
  grid-column:1/-1;min-height:auto;border-color:#eadca8;background:#fffdf6;
  box-shadow:inset 3px 0 0 var(--brand-yellow);
}
.intent-recommendation .intent-detail-number{background:var(--brand-yellow-soft);color:#6b4700}
.intent-recommendation .intent-detail-label{color:#6b5100}
.intent-other{margin-top:12px;padding:12px 14px;border:1px solid #eee7f2;border-radius:10px;background:#fcfbfd}
.intent-other-label{display:block;margin-bottom:8px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#78677f}
.intent-other-chips{display:flex;flex-wrap:wrap;gap:7px}
.intent-chip{
  display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;
  border:1px solid #ded3e4;background:#f6f1f8;color:#5b2c79;font-size:10px;font-weight:750;
}
html[data-theme="dark"] .intent-card{border-color:#403246!important;border-left-color:#f6c453!important;background:#201b23}
html[data-theme="dark"] .intent-card[open]{border-color:#57435f!important;border-left-color:#f6c453!important}
html[data-theme="dark"] .intent-summary,html[data-theme="dark"] .intent-summary:hover{background:linear-gradient(110deg,#201b23 0,#241d28 100%)}
html[data-theme="dark"] .intent-summary-icon{background:rgba(246,196,83,.10);border-color:rgba(246,196,83,.25);color:#f6c453}
html[data-theme="dark"] .intent-summary-copy .eyebrow{color:#f6c453}
html[data-theme="dark"] .intent-summary-copy>strong{color:#f7f2f8}
html[data-theme="dark"] .intent-summary-copy>small{color:#b9adbD}
html[data-theme="dark"] .intent-body{background:#201b23}
html[data-theme="dark"] .intent-guidance-box,html[data-theme="dark"] .intent-detail-card,html[data-theme="dark"] .intent-other{background:#251f28;border-color:#403646}
html[data-theme="dark"] .intent-guidance-label,html[data-theme="dark"] .intent-detail-number,html[data-theme="dark"] .intent-chip{color:#f6c453}
html[data-theme="dark"] .intent-guidance-box p,html[data-theme="dark"] .intent-detail-label{color:#c8bdcb}
html[data-theme="dark"] .intent-detail-card p{color:#f1ebf2}
html[data-theme="dark"] .intent-detail-number{background:#312638}
html[data-theme="dark"] .intent-recommendation{background:#29251c;border-color:#514726}
html[data-theme="dark"] .intent-chip{background:#302538;border-color:#4a3a52}
@media(max-width:760px){
  .intent-summary{grid-template-columns:36px minmax(0,1fr) 26px;gap:11px;padding:14px}
  .intent-confidence{grid-column:2;justify-self:start;margin-top:5px}
  .intent-chevron{grid-column:3;grid-row:1/3}
  .intent-summary-copy>strong{white-space:normal}
  .intent-guidance-box{grid-template-columns:1fr;gap:5px}
  .intent-breakdown{grid-template-columns:1fr}
  .intent-recommendation{grid-column:auto}
}

/* V11.11.3 bulk progress and batch navigation */
.bulk-progress-wrap{margin-top:12px;padding:12px 14px;border:1px solid #dfd0e8;background:#fbf8fd;border-radius:12px}
.bulk-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;color:#75657e}
.bulk-progress-meta strong{color:#4f2467;font-size:12px}
.bulk-progress-track{height:12px;overflow:hidden;border-radius:999px;background:#eee5f2;box-shadow:inset 0 1px 2px rgba(54,25,71,.08)}
.bulk-progress-bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#5f2d7d 0%,#7d3fa0 58%,#f3c746 100%);transition:width .24s ease;box-shadow:0 0 12px rgba(95,45,125,.18)}
.result-head{position:relative}
.back-to-batch-btn{position:absolute;top:16px;right:16px;z-index:2;border:0;border-radius:9px;background:#5f2d7d;color:#fff;padding:9px 13px;font-weight:800;font-size:11px;cursor:pointer;box-shadow:0 5px 14px rgba(58,26,76,.16)}
.back-to-batch-btn:hover{background:#4b1f64;transform:translateY(-1px)}
html[data-theme="dark"] .bulk-progress-wrap{background:#171221;border-color:#44314f}
html[data-theme="dark"] .bulk-progress-track{background:#2a2030}
html[data-theme="dark"] .bulk-progress-meta{color:#b9a9c1}
html[data-theme="dark"] .bulk-progress-meta strong{color:#e2c9ee}
@media(max-width:700px){.back-to-batch-btn{position:static;margin:0 0 12px auto;display:block}.result-head{padding-top:18px}}


/* ============================================================
   V11.11.5 Website consistency and positioning refresh
   ============================================================ */
.public-nav nav>a.active{color:var(--brand-yellow)!important;background:rgba(255,255,255,.075)}
.nav-tools-menu[data-active="1"]>summary{color:var(--brand-yellow)!important;background:rgba(255,255,255,.075)}
.nav-tools-menu>summary,.nav-tools-dropdown a,.nav-tools-dropdown a strong,.nav-tools-dropdown a span{ text-decoration:none!important; }
.nav-tools-dropdown a:hover,.nav-tools-dropdown a:focus,.nav-tools-dropdown a:hover strong,.nav-tools-dropdown a:focus strong{text-decoration:none!important}
.account-nav-menu{position:relative}
.account-nav-menu>summary{list-style:none;cursor:pointer}
.account-nav-menu>summary::-webkit-details-marker{display:none}
.account-nav-menu .account-pill{padding-right:8px}
.account-menu-chevron{font-size:9px!important;color:var(--brand-yellow)!important;margin-left:2px}
.account-nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:255px;padding:8px;border:1px solid rgba(246,196,83,.25);border-radius:12px;background:#2b143b;box-shadow:0 16px 36px rgba(24,10,34,.26)}
.account-nav-dropdown a{display:block!important;padding:10px 11px!important;border-radius:9px!important;color:#fff!important;text-decoration:none!important}
.account-nav-dropdown a:hover{background:rgba(255,255,255,.07)}
.account-nav-dropdown a strong{display:block;color:#f6c453;font-size:12px}
.account-nav-dropdown a span{display:block;margin-top:2px;color:#d9cce0;font-size:10px;font-weight:500;line-height:1.35}
.capability-update{max-width:1180px;margin:0 auto 62px;padding:30px;border-top:4px solid var(--yellow)}
.capability-update h2{font-size:30px;margin:8px 0 10px}.capability-update>p{max-width:920px;line-height:1.7;color:var(--muted)}
.capability-update-grid,.platform-foundation-grid,.business-direction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.capability-update-grid span,.business-direction-grid span{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--soft-purple);color:var(--muted);line-height:1.5}
.capability-update-grid strong,.business-direction-grid strong{display:block;color:var(--ink);margin-bottom:4px}
.platform-foundation{max-width:1180px;margin:0 auto 80px;padding:30px;border-top:4px solid var(--yellow)}
.platform-foundation h2{margin:8px 0 18px}.platform-foundation-grid article{padding:18px;border:1px solid var(--border);border-radius:13px;background:var(--soft-purple)}
.platform-foundation-grid strong{display:block;margin-bottom:6px;color:var(--ink)}.platform-foundation-grid span{color:var(--muted);line-height:1.55}
.status-chip-live{display:inline-flex;margin-top:18px;background:#eaf7ef;border:1px solid #9bd2b1;color:#17643e;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.tool-card-icon svg{width:28px;height:28px;fill:none;stroke:var(--brand-yellow);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tool-card-icon.muted{opacity:1}.tool-card.planned .tool-card-icon{background:#4d1f63}
.investigation-value{max-width:980px;margin:30px auto 36px;padding:34px;text-align:center;border-top:4px solid var(--yellow);background:linear-gradient(135deg,#321548,#5c2b78);color:#fff}
.investigation-value .eyebrow{color:var(--yellow)!important}.investigation-value h2{font-size:34px;margin:8px 0 10px;color:#fff}.investigation-value>strong{display:block;font-size:24px;color:var(--yellow);margin-bottom:16px}.investigation-value p{max-width:760px;margin:8px auto;line-height:1.65;color:#eadff0}
.business-direction-grid{margin-top:18px}.business-direction-caveat{margin-top:16px!important;font-size:11px!important;color:var(--muted)!important}
.guide-callout{background:linear-gradient(135deg,#321548,#5c2b78)!important;border:1px solid rgba(246,196,83,.34)!important;color:#fff!important}
.guide-callout span{color:#efe6f4!important}.guide-callout .primary-link{background:var(--yellow)!important;color:#2b143b!important;border-color:var(--yellow)!important}
html[data-theme="dark"] .capability-update-grid span,html[data-theme="dark"] .platform-foundation-grid article,html[data-theme="dark"] .business-direction-grid span{background:#21152a;border-color:#4b3657}
html[data-theme="dark"] .capability-update-grid strong,html[data-theme="dark"] .platform-foundation-grid strong,html[data-theme="dark"] .business-direction-grid strong{color:#fff}
html[data-theme="dark"] .status-chip-live{background:#153426;color:#9be4b7;border-color:#276344}
@media(max-width:980px){.capability-update-grid,.platform-foundation-grid,.business-direction-grid{grid-template-columns:1fr}.account-nav-dropdown{right:0}.public-nav nav{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:650px){.account-nav-menu{display:block}.account-nav-dropdown{right:0;max-width:calc(100vw - 32px)}.public-signout{display:none}}

.detection-strength-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:900px){.detection-strength-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.detection-strength-grid{grid-template-columns:1fr!important}}

/* V11.11.6: shared viewport header, friendly calls to action and clear risk. */
.public-nav{width:100%;max-width:none;margin:0;box-sizing:border-box;gap:24px;min-width:0;padding:14px max(24px,calc((100% - 1320px)/2));align-items:center}
.public-nav .brand{flex:0 0 auto}
.public-nav nav#primaryNavigation{display:flex;flex:1;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:6px!important;min-width:0}
.public-nav nav#primaryNavigation>a,.public-nav summary{white-space:nowrap}
.public-nav nav#primaryNavigation>a:not(.primary-link){display:inline-flex;padding:10px 8px;font-size:13px}
.public-nav nav#primaryNavigation>.nav-tools-menu>summary{font-size:13px;padding:10px 8px}
.public-nav .account-nav-menu .public-account-pill{width:auto;max-width:215px;min-height:42px;padding:5px 9px!important;gap:8px}
.public-nav .account-menu-name{min-width:0;display:block}
.public-nav .account-menu-name strong{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.public-nav .account-initial,.public-nav .account-avatar{flex:0 0 29px;width:29px;height:29px}
.public-nav .account-menu-chevron{display:block!important;flex:0 0 auto}
.public-nav .public-signout{display:block}
.public-nav .nav-menu-toggle{display:none;border:1px solid #8f6ba4;border-radius:9px;background:#412454;color:#fff;padding:10px 14px;min-height:44px;font:inherit;font-weight:700;cursor:pointer}
.public-nav a:focus-visible,.public-nav summary:focus-visible,.public-nav button:focus-visible{outline:3px solid #f6c453;outline-offset:3px}
.public-nav .account-nav-dropdown a:focus-visible{background:#543269}
.public-nav .nav-tools-dropdown,.public-nav .account-nav-dropdown{max-width:calc(100vw - 40px)}
.analysis-cta,.guide-callout .primary-link{background:linear-gradient(105deg,#ffd96f,#f6c453 58%,#e7ac28)!important;color:#2a1638!important;border:1px solid #e7ac28!important;box-shadow:0 5px 14px rgba(67,31,87,.16);min-height:44px;line-height:1.4;text-align:center}
.analysis-cta:hover,.guide-callout .primary-link:hover{background:linear-gradient(105deg,#ffe7a3,#ffd16a 58%,#f6c453)!important;color:#2a1638!important}
.analysis-cta:focus-visible,.guide-callout .primary-link:focus-visible{outline:3px solid #8c54b0;outline-offset:4px}
.result-head{grid-template-columns:180px minmax(0,1fr);gap:24px;padding:28px}
.result-head .risk-score{display:grid;justify-items:center;gap:10px}
.risk-score:after{display:none}
#riskRing{width:168px;height:168px;border:12px solid var(--score-tone,#667085);box-shadow:none;background:#fff}
#riskRing[data-risk="low"]{--score-tone:#16834b}
#riskRing[data-risk="suspicious"]{--score-tone:#c66508}
#riskRing[data-risk="high"]{--score-tone:#d92d20}
#riskRing strong{font-size:54px;line-height:1.1;letter-spacing:-2px;color:#241135}
#riskRing small{font-size:16px;color:#5e5366;margin-left:3px}
.score-caption{font-size:13px;font-weight:750;color:var(--ink)}
.result-copy h2{font-size:clamp(28px,4vw,38px)}
.result-copy .score-help{font-size:12px;line-height:1.5;margin-top:10px}
.result-head .result-stats{grid-column:2;justify-content:flex-start;gap:24px}
.result-head .result-stats div{text-align:left}
.result-head .back-to-batch-btn:not(.hidden){position:static;grid-column:1/-1;justify-self:end;margin:0}
html[data-theme="dark"] #riskRing{border-color:var(--score-tone,#98a2b3)!important;background:#140d19!important}
html[data-theme="dark"] #riskRing[data-risk="low"]{--score-tone:#42c982}
html[data-theme="dark"] #riskRing[data-risk="suspicious"]{--score-tone:#ffab47}
html[data-theme="dark"] #riskRing[data-risk="high"]{--score-tone:#ff6961}
.friendly-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 56px}
.friendly-steps article{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--panel,#fff)}
.friendly-steps h2{font-size:22px;margin:16px 0 8px;line-height:1.25}
.friendly-steps p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}
.friendly-steps a{display:inline-block;margin-top:12px;font-weight:750}
.step-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#48205f;color:#f6c453;font-size:23px;font-weight:850}
.risk-dot{display:block;width:40px;height:40px;border:8px solid;border-radius:50%}
.risk-dot.low{border-color:#16834b}.risk-dot.suspicious{border-color:#c66508}.risk-dot.high{border-color:#d92d20}
.submission-privacy{border-left:4px solid #6f3ca0;border-radius:10px;background:var(--panel,#fff);padding:16px 20px;margin:0 0 22px;font-size:14px;line-height:1.65;color:var(--muted)}
.submission-privacy strong{display:block;color:var(--ink)}
.submission-privacy a{font-weight:750}
.planned-workflows{padding:28px;margin:32px 0 60px}.planned-workflows>p{font-size:13px;color:var(--muted);line-height:1.6}
.guide-illustration{display:block;width:140px;height:110px;object-fit:contain;margin-bottom:20px}
html[data-theme="dark"] .friendly-steps article,html[data-theme="dark"] .submission-privacy{background:var(--dark-surface,#21152a);border-color:var(--dark-border,#4b3657)}
@media(max-width:1200px){
  .public-nav{position:relative;flex-wrap:wrap;padding:14px 24px;gap:14px}
  .public-nav.navigation-ready .nav-menu-toggle{display:inline-flex;align-items:center;gap:12px;margin-left:auto}
  .public-nav nav#primaryNavigation{flex-basis:100%;flex-wrap:wrap;justify-content:flex-start;gap:10px!important;padding-top:8px}
  .public-nav.navigation-ready:not(.navigation-open) nav#primaryNavigation{display:none}
}
@media(max-width:650px){
  .public-nav{padding:12px 16px}
  .public-nav nav#primaryNavigation{align-items:stretch;gap:8px!important}
  .public-nav nav#primaryNavigation>a:not(.primary-link),.public-nav nav#primaryNavigation>.nav-tools-menu{flex:1 0 28%;min-height:44px;align-items:center}
  .public-nav .nav-tools-menu>summary{padding:12px 8px}
  .public-nav .account-nav-menu{flex:1 0 100%;order:1}
  .public-nav .account-nav-menu .public-account-pill{max-width:none;justify-content:flex-start}
  .public-nav .account-menu-name strong{max-width:220px}
  .public-nav .account-nav-dropdown,.public-nav .nav-tools-dropdown{position:static;width:auto;margin-top:8px;box-shadow:none}
  .public-nav .public-signout{order:2}.public-nav .theme-toggle{order:3}
  .friendly-steps{grid-template-columns:1fr;gap:12px;margin-bottom:32px}
  .result-head{grid-template-columns:minmax(0,1fr);padding:22px;gap:18px}
  .result-head .risk-score{justify-self:center}
  #riskRing{width:148px;height:148px}
  #riskRing strong{font-size:48px}
  .result-head .result-stats{grid-column:1;flex-wrap:wrap}
  .result-head .case-actions{flex-wrap:wrap}
  .detection-strength-grid{grid-template-columns:1fr!important}
  .guide-article{margin:40px auto}
  .guide-article h1{font-size:36px;overflow-wrap:anywhere}
}
@media(forced-colors:active){#riskRing{border-color:CanvasText!important}.step-mark{border:1px solid CanvasText}}

/* Keep the assessment grid and footer inside small viewports. */
.results{grid-template-columns:minmax(0,1fr);scroll-margin-top:100px}
.results>*{min-width:0}
.result-head .hidden{display:none!important}
footer nav{flex-wrap:wrap;min-width:0;justify-content:center}
html[data-theme="dark"] .score-caption{color:#e4d7ec}
@media(max-width:650px){footer,.public-footer{flex-wrap:wrap;gap:16px}footer nav{flex:1 0 100%;gap:12px}.results{scroll-margin-top:16px}}

.beta-notice{display:flex;align-items:center;justify-content:center;gap:16px;padding:13px 24px;background:#fff4cf;color:#422e09;font-size:13px;line-height:1.5}.beta-notice strong{white-space:nowrap;letter-spacing:.08em;font-size:11px}.beta-notice a{color:#4b286d;font-weight:750;white-space:nowrap}@media(max-width:700px){.beta-notice{align-items:start;flex-wrap:wrap;justify-content:start;gap:6px 12px}.beta-notice span{flex-basis:100%}}
.beta-notice strong,.beta-notice span{color:#422e09!important}.beta-notice a{color:#4b286d!important}

.account-signout-all{background:#f6c453!important;color:#241135!important;border:1px solid #d29e25;border-radius:9px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.account-signout-all:focus-visible{outline:3px solid #714099;outline-offset:3px}.public-signout .nav-button{font-size:13px;padding:7px 9px;white-space:nowrap}

/* 11.16: account lifecycle and sourced business statistics */
.delete-account-section{margin-top:20px;border-top:1px solid var(--border,#ded5e8);padding-top:18px}.delete-account-section summary{cursor:pointer;font-weight:800;color:var(--text)}.delete-account-section p{margin:14px 0}.delete-account-section input{width:100%}.delete-case{white-space:nowrap;padding:7px 12px!important}
.business-statistics{margin:26px 0 36px;padding:28px;border:1px solid #dfd2eb;border-radius:20px;background:#f8f3fc}.business-statistics h2{font-size:clamp(24px,3vw,34px);margin:8px 0 20px;color:#331648}.business-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.business-stats-grid article{border-left:3px solid #f6c453;padding:4px 18px}.business-stats-grid strong{display:block;font-size:clamp(38px,5vw,60px);line-height:1.1;color:#54236d}.business-stats-grid p{font-size:16px;line-height:1.5;margin:10px 0}.statistics-source{font-size:13px;line-height:1.5;margin:20px 0;color:#5c4c66}.statistics-source a{text-decoration:underline}.business-statistics .primary-link{display:inline-flex;margin-top:4px}
html[data-theme="dark"] .business-statistics{background:#26152f;border-color:#634574}html[data-theme="dark"] .business-statistics h2,html[data-theme="dark"] .business-stats-grid strong{color:#f6c453}html[data-theme="dark"] .business-statistics p{color:#e7dced}
.case-study-layout{max-width:1000px;margin:auto;padding:32px 20px 60px}.case-study-hero{padding:32px;border-radius:20px;background:linear-gradient(120deg,#241135,#5a2b72);color:#fff}.case-study-hero h1{color:#f6c453;font-size:clamp(30px,5vw,48px);line-height:1.15}.case-study-hero p{color:#efe6f4}.case-study-layout section{margin-top:28px}.case-study-layout p,.case-study-layout li{line-height:1.7}.case-study-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0}.case-study-timeline li{border-left:4px solid #f6c453;padding:16px;background:var(--panel,#f8f3fc);border-radius:10px}.case-study-timeline strong{display:block;margin-bottom:8px}.case-study-sources{overflow-wrap:anywhere}.case-study-note{padding:20px;border:1px solid #bc9fce;border-radius:14px}
@media(max-width:700px){.business-stats-grid,.case-study-timeline{grid-template-columns:1fr}.business-statistics{padding:22px}.business-stats-grid{gap:15px}.case-study-hero{padding:24px}.case-study-layout{padding:24px 16px}.public-nav nav{gap:10px}}
html[data-theme="dark"] .case-study-timeline li{background:#2c1938;color:#f2eaf7}
html[data-theme="dark"] .case-study-timeline li strong,html[data-theme="dark"] .case-study-timeline li a{color:#f6c453}
.case-study-hero .eyebrow,html[data-theme="dark"] .business-statistics .eyebrow{color:#ead7f5!important}
.account-security-panel>.account-section-heading .eyebrow{color:#dbc1eb!important}

/* 11.17: approved friendly goat identity */
.jatzo-goat-mark{display:block;width:52px;height:52px;object-fit:contain;flex:0 0 52px;background:#fff;border-radius:12px;padding:2px}
.brand .jatzo-goat-mark{margin:0}
.hero-audience-mark .jatzo-goat-mark{width:100px;height:100px;padding:5px;border-radius:22px}
.growth-hero-art .jatzo-goat-mark{width:170px;height:170px;padding:8px;border-radius:30px}
.brand>div>strong{font-weight:850;letter-spacing:-.025em}
@media(max-width:560px){.brand .jatzo-goat-mark{width:44px;height:44px;flex-basis:44px}.hero-audience-mark .jatzo-goat-mark{width:80px;height:80px}}

/* 11.18: aligned brand banner and consistent account actions */
.hero-audience-teaser{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:20px!important;padding:18px 24px!important;height:auto!important;min-height:100px}
.hero-audience-mark{position:static!important;inset:auto!important;width:64px!important;height:64px!important;transform:none!important;align-items:center!important;justify-content:center!important}
.hero-audience-mark .jatzo-goat-mark{display:block!important;width:64px!important;height:64px!important;flex:0 0 64px;padding:3px!important;margin:0!important;position:static!important;transform:none!important;border-radius:14px;object-fit:contain}
.hero-audience-copy{min-width:0}
.public-signout .signout-button,.account-signout-all.signout-button{background:linear-gradient(105deg,#ffd96f,#f6c453 58%,#e7ac28)!important;color:#2a1638!important;border:1px solid #e7ac28!important;border-radius:9px;padding:11px 15px;font:inherit;font-size:14px;font-weight:750;line-height:1.4;min-height:44px;cursor:pointer;box-shadow:0 5px 14px rgba(67,31,87,.16)}
.public-signout .signout-button:hover,.account-signout-all.signout-button:hover{background:linear-gradient(105deg,#ffe7a3,#ffd16a 58%,#f6c453)!important;color:#2a1638!important}
.signout-button:focus-visible,.account-delete-button:focus-visible,.delete-account-section summary:focus-visible{outline:3px solid #9b6cc0;outline-offset:3px}
.delete-account-section{border:2px solid #b42318;border-radius:12px;padding:18px;background:#fff5f4}
.delete-account-section summary{color:#9d2018;font-weight:800}
.delete-account-section .account-delete-button{background:#b42318!important;color:#fff!important;border:1px solid #b42318!important;border-radius:9px;padding:12px 18px;font:inherit;font-weight:750;line-height:1.4;cursor:pointer;min-height:44px}
.delete-account-section .account-delete-button:hover{background:#912018!important;border-color:#912018!important}
html[data-theme="dark"] .delete-account-section{background:#30191d;border-color:#f57870;color:#fce9e7}
html[data-theme="dark"] .delete-account-section summary{color:#ffaca6}
html[data-theme="dark"] .delete-account-section p{color:#f2d9d6}
@media(max-width:650px){.hero-audience-teaser{grid-template-columns:52px minmax(0,1fr)!important;gap:14px!important;padding:16px!important}.hero-audience-mark{width:52px!important;height:52px!important}.hero-audience-mark .jatzo-goat-mark{width:52px!important;height:52px!important;flex-basis:52px}.delete-account-section{padding:15px}.account-delete-button{width:100%}}

/* 11.19: everyday explanation with retained expert evidence. */
.audience-promise {margin:28px 0;padding:clamp(20px,4vw,38px);border-top:4px solid #ffc43d;}
.audience-promise h2 {max-width:780px}.audience-promise p {max-width:85ch;line-height:1.65}
.audience-promise-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.evidence-explainer {padding:16px;border-left:4px solid #ffc43d;line-height:1.65;background:rgba(255,196,61,.08);overflow-wrap:anywhere}
.evidence-glossary {margin:16px 0;padding:14px;border:1px solid #9b87b566;border-radius:12px;min-width:0}
.evidence-glossary summary {cursor:pointer;font-weight:700;line-height:1.5}.evidence-glossary p,.evidence-glossary dd {line-height:1.6}.evidence-glossary dt {font-weight:700;margin-top:12px}
.route-evidence {padding-left:22px}.route-evidence li {margin:12px 0;overflow-wrap:anywhere}.route-evidence span {display:block;font-size:.9rem}.provider-evidence {overflow-wrap:anywhere}
@media(max-width:640px){.audience-promise-grid{grid-template-columns:1fr;gap:8px}}

.plan-feature-chip{white-space:nowrap;flex-shrink:0}.audience-promise-grid{margin-top:18px}

/* Consistent evidence panels, history actions and free-plan adverts. */
.evidence-glossary{padding:0;margin:16px 0;border:1px solid var(--border,#ded3e8);border-radius:14px;overflow:hidden;background:var(--panel,#fff)}
.evidence-glossary>summary{padding:16px 18px;background:linear-gradient(110deg,#311540,#603177);color:#ffdc63;font-weight:750;cursor:pointer;list-style-position:inside}
.evidence-glossary>p,.evidence-glossary>dl,.evidence-glossary>ol{margin:16px 18px;line-height:1.65;overflow-wrap:anywhere}
.evidence-glossary dl{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);gap:0}
.evidence-glossary dt,.evidence-glossary dd{margin:0;padding:10px 12px;border-bottom:1px solid #ded3e8}
.evidence-glossary dt{font-weight:700;background:rgba(128,79,157,.08)}
.route-evidence{padding-left:24px}.route-evidence li{padding:12px;border-bottom:1px solid #ded3e8}.route-evidence span{display:block;font-size:.88rem;margin-top:6px}
.provider-evidence{padding:14px;border:1px solid #ded3e8;border-left:4px solid #f3c94d;border-radius:9px;background:rgba(128,79,157,.05)}
.provider-evidence code{display:block;overflow-wrap:anywhere;white-space:normal}
.audience-promise{padding:26px!important;margin:24px 0!important}.audience-promise>p{max-width:80ch;line-height:1.7}
.audience-promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}
.audience-promise-grid article{padding:20px;border:1px solid #ded3e8;border-top:4px solid #f3c94d;border-radius:12px}
.audience-promise-grid h3{margin:0 0 10px;line-height:1.4}.audience-promise-grid p{margin:0;line-height:1.7}
.http-warning{background:rgba(243,201,77,.13);border-left:4px solid #e9af26;padding:12px;border-radius:6px;line-height:1.6}.http-warning strong{display:block}
.case-menu>summary{display:inline-block;list-style:none;cursor:pointer;background:#f3c94d;color:#291438;border:1px solid #dba92e;border-radius:9px;padding:7px 13px;letter-spacing:2px;font-weight:800}
.case-menu>summary::-webkit-details-marker{display:none}.case-menu-items{display:grid;gap:5px;padding:10px 0;min-width:160px}.case-menu-items a,.case-menu-items button{display:block;text-align:left;font-size:.85rem;padding:8px 10px;border-radius:6px}.case-menu-items .delete-case{color:#fff;background:#b42318;border:1px solid #b42318}.case-action-cell{vertical-align:top}.case-menu summary:focus-visible{outline:3px solid #8b5ca5;outline-offset:3px}
.free-ad{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:20px!important;margin:18px 0;border-style:dashed!important}.free-ad p{margin:5px 0}.free-ad small{flex-basis:100%}
.guide-levels{display:flex;gap:10px;margin:24px 0}.guide-levels a{padding:12px 18px;border-radius:10px;border:1px solid #d8cbe3}.guide-levels a[aria-current=page]{background:#f3c94d;color:#291438;font-weight:700}
@media(max-width:640px){.audience-promise-grid{grid-template-columns:1fr}.evidence-glossary dl{grid-template-columns:1fr}.evidence-glossary dd{padding-top:4px}.audience-promise{padding:18px!important}.case-menu-items{min-width:130px}.guide-levels{flex-wrap:wrap}}

/* Keep evidence and case actions readable in both themes. */
.case-menu-items{border:1px solid #dfd3e8;border-radius:10px;padding:10px;background:#fff;box-shadow:0 5px 18px #29143815;margin-top:6px}
.case-menu-items button{background:#f3c94d;color:#291438;border:1px solid #d5a52d;cursor:pointer;font:inherit;font-size:.85rem}
.case-menu-items .delete-case{background:#b42318;color:#fff;border-color:#b42318}
html[data-theme="dark"] .evidence-glossary{background:#21172e;border-color:#564365;color:#f0e7f7}
html[data-theme="dark"] .evidence-glossary p,html[data-theme="dark"] .evidence-glossary li,html[data-theme="dark"] .evidence-glossary dt,html[data-theme="dark"] .evidence-glossary dd,html[data-theme="dark"] .evidence-glossary code,html[data-theme="dark"] .evidence-glossary span{color:#e7daef}
html[data-theme="dark"] .evidence-glossary dt{background:#30213d}
html[data-theme="dark"] .evidence-glossary dt,html[data-theme="dark"] .evidence-glossary dd,html[data-theme="dark"] .route-evidence li,html[data-theme="dark"] .provider-evidence{border-color:#564365}
html[data-theme="dark"] .case-menu-items{background:#21172e;border-color:#564365}
html[data-theme="dark"] .case-menu-items a{color:#ffdc63}

/* Place next-step actions at the top right without overlapping the assessment. */
.result-head .assessment-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;width:100%}
.assessment-actions .primary{background:linear-gradient(105deg,#ffe08a,#f3c94d);color:#291438!important;border:1px solid #dda62a;border-radius:9px;padding:10px 15px;text-decoration:none;font:inherit;font-size:12px;font-weight:750;cursor:pointer;min-height:40px}
.assessment-actions .primary:hover{background:#ffe6a2}.assessment-actions .primary:focus-visible{outline:3px solid #9b6cc0;outline-offset:3px}
/* Shared premium treatment for features introduced on Pro and above. */
#tabIP>.tab-panel-head,#tabThreatIntel>.tab-panel-head,.bulk-panel-title,.learning-feedback>h3,.paid-action{background:linear-gradient(110deg,#311540,#603177)!important;color:#ffdc63!important;border:1px solid #77518d;border-radius:12px}
#tabIP>.tab-panel-head,#tabThreatIntel>.tab-panel-head,.bulk-panel-title{padding:16px 18px;align-items:center;gap:14px}
#tabIP>.tab-panel-head strong,#tabThreatIntel>.tab-panel-head strong,.bulk-panel-title h2{color:#ffdc63!important}
#tabIP>.tab-panel-head small,#tabThreatIntel>.tab-panel-head small,.bulk-panel-title p{color:#efe5f5!important}
#tabIP>.tab-panel-head .assessment-icon,#tabThreatIntel>.tab-panel-head .assessment-icon{background:#ffffff15;color:#ffdc63;border-color:#c19ccf}
.bulk-panel-title .bulk-plan-note{background:#f3c94d;color:#291438;border-radius:20px;padding:6px 10px;white-space:nowrap}
.learning-feedback>h3{padding:16px 18px;margin:12px 0}
.paid-action{display:inline-block;padding:9px 13px;text-decoration:none;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.paid-action:hover{filter:brightness(1.12)}
.assessment-tabs [data-panel="tabIP"]:not(.locked),.assessment-tabs [data-panel="tabThreatIntel"]:not(.locked){background:linear-gradient(110deg,#311540,#603177);color:#ffdc63;border-color:#77518d}
.assessment-tabs [data-panel="tabIP"][aria-selected="true"],.assessment-tabs [data-panel="tabThreatIntel"][aria-selected="true"]{box-shadow:inset 0 -3px #f3c94d}
@media(max-width:560px){.assessment-actions .primary{flex:1;text-align:center}.bulk-panel-title{flex-wrap:wrap}}

/* Explicit rows keep navigation above the score at every screen size. */
.result-head .assessment-actions{grid-row:1!important;grid-column:1/-1!important;order:-1}
.result-head .risk-score{grid-row:2!important;grid-column:1!important}
.result-head .result-copy{grid-row:2!important;grid-column:2!important}
.result-head .result-stats{grid-row:3!important;grid-column:2!important}
.result-head .assessment-actions .primary{background:linear-gradient(105deg,#ffe08a,#f3c94d)!important;color:#291438!important;border-color:#dda62a!important;box-shadow:none!important}
.result-head .back-to-batch-btn:not(.hidden){grid-row:4!important}
@media(max-width:700px){.result-head .result-copy{grid-row:3!important;grid-column:1/-1!important}.result-head .risk-score{grid-row:2!important;grid-column:1/-1!important}.result-head .result-stats{grid-row:4!important;grid-column:1/-1!important}.result-head .back-to-batch-btn:not(.hidden){grid-row:5!important}}

.result-head .assessment-actions .primary{flex:0 0 auto!important;width:auto!important}
@media(max-width:560px){.result-head .assessment-actions .primary{flex:1 1 0!important}}

/* Team controls use the same purple, yellow and red action styles. */
.business-page{max-width:1150px;margin:auto;padding:24px 16px}.business-card{padding:24px;margin:0 0 22px}.business-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.business-heading h2{margin-top:6px}.business-form{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.business-form label{display:grid;gap:6px;max-width:100%;min-width:210px}.business-form input,.business-invite-link{box-sizing:border-box;border:1px solid #cabbdf;border-radius:9px;padding:12px;font:inherit;color:inherit;background:var(--panel,#fff);max-width:100%}.business-invite-link{width:100%}.business-detail{padding:18px}.business-card details{margin-top:22px}.business-table-scroll{overflow-x:auto}.business-table{width:100%;border-collapse:collapse;text-align:left}.business-table th,.business-table td{padding:12px;border-bottom:1px solid #d9cbea;overflow-wrap:anywhere}.business-pending{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:16px}.business-danger{background:#b91c1c;color:white;border:1px solid #b91c1c;border-radius:9px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}.business-delete{border:1px solid #dc2626;border-radius:12px;padding:18px}.business-delete summary{color:#b91c1c;font-weight:700;cursor:pointer}.business-scope{max-width:1150px;margin:12px auto;padding:12px 18px;border:1px solid #dfc778;border-radius:12px;background:#fff8df;color:#281239;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.business-card .primary-link{display:inline-block;cursor:pointer}.business-card .exclusive-feature>summary{background:linear-gradient(110deg,#30183f,#623378);color:#ffe454;padding:18px;border-radius:12px;font-weight:700;cursor:pointer}@media(max-width:600px){.business-form{display:grid}.business-form label{min-width:0}.business-card{padding:16px}.business-table th,.business-table td{padding:8px;font-size:13px}}

.business-card button.primary-link{background:linear-gradient(105deg,#ffdc69,#edb427);color:#271436;border:1px solid #d8a624;border-radius:10px;padding:12px 17px;font:inherit;font-weight:750;box-shadow:none}.business-card p{line-height:1.65;margin:12px 0 16px}.business-card h2{margin-bottom:10px}
#tabCampaign>.tab-panel-head,#tabTechnical>.tab-panel-head{background:linear-gradient(110deg,#311540,#603177);color:#ffdc63;border:1px solid #77518d;border-radius:12px;padding:18px}#tabCampaign>.tab-panel-head strong,#tabTechnical>.tab-panel-head strong{color:#ffdc63}#tabCampaign>.tab-panel-head small,#tabTechnical>.tab-panel-head small{color:#f1e4f7}#tabTechnical .exclusive-feature>summary{background:linear-gradient(110deg,#311540,#603177);color:#ffdc63;border-radius:10px;padding:16px}

@media(max-width:600px){.business-table thead{display:none}.business-table tr{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.business-table td{border:0;font-size:14px}.business-table td:first-child{grid-column:1 / -1}.business-table td:nth-child(2)::before{content:"Business scans: ";font-size:12px}.business-table td:first-child br{line-height:1.8}}
.assessment-tabs [data-panel="tabCampaign"]:not(.locked),.assessment-tabs [data-panel="tabTechnical"]:not(.locked){background:linear-gradient(110deg,#311540,#603177);color:#ffdc63;border-color:#77518d}

/* Keep account context with the account name and let users expand plan detail. */
.account-menu-name .account-context-label{display:block;color:#f4de9a;font-size:10px;font-weight:500;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;text-transform:none;letter-spacing:0}
.pricing-compact .price-card{display:flex;flex-direction:column;padding-bottom:22px}.pricing-compact .plan-audience{min-height:52px;line-height:1.5}.pricing-compact .plan-price{margin:10px 0 12px;min-height:38px}.pricing-compact .plan-price strong{font-size:27px}.pricing-compact .scan-allowance{min-height:42px;font-size:13px}.pricing-compact .price-card ul{margin:14px 0 24px;padding-left:18px;line-height:1.5;flex:1}.pricing-compact .price-card li{margin:9px 0;font-size:14px}.pricing-compact .price-card>.primary-link{margin-top:auto;text-align:center;padding:11px 8px;background:linear-gradient(105deg,#ffdc69,#edb427);color:#271436;border:1px solid #d8a624;border-radius:9px;font-weight:750;text-decoration:none}
.pricing-footnote{font-size:13px;color:var(--muted);line-height:1.65;margin:18px 0 24px}.plan-comparison,.business-roadmap-comparison{margin:24px 0;overflow:hidden}.plan-comparison>summary,.business-roadmap-comparison>summary{cursor:pointer;padding:20px 24px;background:linear-gradient(110deg,#311540,#603177);color:#ffdc63;font-weight:750;border-radius:12px}.plan-comparison>summary small{display:block;color:#efe5f5;font-size:12px;font-weight:400;margin-top:7px}.comparison-body{padding:20px}.comparison-body>p{line-height:1.65;color:var(--muted)}.comparison-scroll{overflow:auto;max-width:100%}.comparison-scroll table{border-collapse:collapse;width:100%;min-width:850px;font-size:13px;line-height:1.5}.comparison-scroll caption{text-align:left;font-weight:700;padding:10px 0}.comparison-scroll th,.comparison-scroll td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.comparison-scroll thead{background:var(--panel);color:var(--ink)}.comparison-scroll tbody th{min-width:210px}.comparison-scroll tbody tr:nth-child(even){background:var(--panel)}.business-roadmap-comparison .business-note{margin:0;border:0}
@media(max-width:600px){.pricing-compact .plan-audience{min-height:0}.pricing-compact .scan-allowance{min-height:0}.comparison-body{padding:14px}.account-menu-name .account-context-label{max-width:170px}}

.pricing-compact .price-card>.primary-link{background:linear-gradient(105deg,#ffdc69,#edb427)!important;color:#271436!important;box-shadow:none!important}
/* Keep the full comparison readable while scrolling on a phone. */
.comparison-scroll table{table-layout:fixed;min-width:900px}.comparison-scroll tbody th,.comparison-scroll thead th:first-child{width:180px;min-width:180px;position:sticky;left:0;background:#faf7fc;z-index:1}.comparison-scroll th,.comparison-scroll td{overflow-wrap:break-word}.comparison-scroll thead th{background:#eee6f4;color:#30183f}.comparison-scroll tbody th{color:#30183f}
html[data-theme="dark"] .comparison-scroll table{background:#1d1424}html[data-theme="dark"] .comparison-scroll th,html[data-theme="dark"] .comparison-scroll td{color:#f3eafa!important;border-color:#493653!important}html[data-theme="dark"] .comparison-scroll tbody tr:nth-child(even){background:#291d32}html[data-theme="dark"] .comparison-scroll thead th,html[data-theme="dark"] .comparison-scroll tbody th{background:#302039!important;color:#ffe28a!important}
.comparison-scroll-hint{font-size:12px}@media(min-width:1000px){.comparison-scroll-hint{display:none}}
#plan-comparison{scroll-margin-top:7rem}


/* ============================================================
   V11.25 corrections
   Uses the live V10.4 token set only (the :root block that starts
   "V10.4 visual system"). Appended rather than edited into the
   minified legacy blob at the top of this file, which is where the
   off-brand indigo values below originate.
   ============================================================ */

/* Published score bands, shown beside the risk wording. */
.risk-band-range{
  display:inline-block;margin-left:7px;font-size:.7em;font-weight:600;
  letter-spacing:.02em;color:var(--muted);white-space:nowrap;vertical-align:middle;
}
html[data-theme="dark"] .risk-band-range{color:var(--dark-muted)}

/* Focus states were left over from the retired indigo palette (#6366f1, #9b91ff,
   #7c5cff) and sat off-brand on the most-used control in the product. */
:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}
.case-row:focus-visible{outline:3px solid var(--accent2);outline-offset:-3px}
textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(111,60,160,.16)}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  border-color:var(--accent2);box-shadow:0 0 0 3px rgba(111,60,160,.16);outline:0;
}
html[data-theme="dark"] :focus-visible{outline-color:var(--dark-purple)}
html[data-theme="dark"] textarea:focus{border-color:var(--dark-purple);box-shadow:0 0 0 3px rgba(196,149,223,.22)}

/* #98a2b3 on white is about 2.5:1 at these sizes. --muted passes AA. */
.contact-form label>span{color:var(--muted)}
footer{color:var(--muted)}
html[data-theme="dark"] footer{color:var(--dark-muted)}

/* Prototype/status note under a page intro. */
.pricing-prototype-note{color:var(--muted);font-size:.92em}
html[data-theme="dark"] .pricing-prototype-note{color:var(--dark-muted)}

/* Shared decorative logo mark used where full illustrations are not yet available.
   Kept to the same footprint the illustration slots had. */
.section-mark{width:100%;height:auto;max-width:300px;display:block;margin-inline:auto}

/* V11.25 accessibility: the case and workspace tables gained captions so a screen-reader
   table list says what each one holds. Styled as a quiet heading rather than hidden,
   because the label is useful to sighted readers too. */
.case-table caption,.business-table caption{text-align:left;font-size:13px;font-weight:700;color:var(--muted);padding:0 0 10px}
html[data-theme="dark"] .case-table caption,html[data-theme="dark"] .business-table caption{color:#c7b6d4}

/* V11.25 homepage rebuild: real-world risk cards and the worked example.
   Both use the existing brand tokens so they inherit dark mode with the rest of the site. */
.risk-reality{margin:34px 0 40px}
.risk-reality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}
.risk-reality-grid article{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.risk-reality-grid img{width:64px;height:64px;display:block}
.risk-reality-grid strong{font-size:16px;line-height:1.35;color:var(--ink)}
.risk-reality-grid span{font-size:14px;line-height:1.6;color:var(--muted)}

.worked-example{margin:34px 0 40px;padding:30px}
.worked-example-top{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:26px;align-items:center;margin:22px 0 24px;padding:22px;border-radius:16px;background:linear-gradient(110deg,var(--brand-dark),var(--brand-deep))}
.worked-example-verdict{display:flex;flex-direction:column;align-items:center;gap:8px}
.worked-example-score{font-size:56px;font-weight:800;line-height:1;color:var(--brand-yellow)}
.worked-example-score small{font-size:20px;font-weight:700;opacity:.75}
.worked-example-verdict strong{font-size:16px;color:#fff}
.worked-example-intent .eyebrow{color:#e5d6f0}
.worked-example-intent strong{display:block;font-size:22px;line-height:1.3;color:var(--brand-yellow);margin:6px 0 8px}
.worked-example-intent span{font-size:14px;line-height:1.6;color:#e5d6f0}
.worked-example-findings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.worked-example-findings li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--line);align-items:baseline}
.worked-example-findings li:first-child{border-top:0}
.worked-example-findings b{font-size:17px;font-weight:800;color:#b3261e;text-align:right}
.worked-example-findings strong{display:block;font-size:15px;color:var(--ink);margin-bottom:4px}
.worked-example-findings span{font-size:14px;line-height:1.6;color:var(--muted)}
.worked-example-deep{margin-top:24px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.worked-example-deep>summary{cursor:pointer;padding:16px 20px;background:linear-gradient(110deg,var(--brand-dark),var(--brand-deep));color:var(--brand-yellow);font-weight:750}
.worked-example-deep>summary small{display:block;color:#e5d6f0;font-size:12px;font-weight:400;margin-top:5px}
.worked-example-deep>.detection-strength-grid,.worked-example-deep>.detection-method-note{margin:20px}
.home-learning-note{font-size:14px;color:var(--muted)}

html[data-theme="dark"] .risk-reality-grid article{background:var(--dark-surface,#21152a);border-color:var(--dark-border,#4b3657)}
html[data-theme="dark"] .worked-example-findings b{color:#ff9a8f}

@media(max-width:1000px){.risk-reality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .risk-reality-grid{grid-template-columns:1fr}
  .worked-example{padding:22px}
  .worked-example-top{grid-template-columns:1fr;gap:18px;text-align:center}
  .worked-example-intent{text-align:left}
  .worked-example-findings li{grid-template-columns:52px minmax(0,1fr);gap:12px}
}

/* .home-learning is used only by the home page. It previously lived in
   training-refresh.css, which the home page pulled in through head_extra purely to get
   these rules. That cross-dependency meant dropping one link tag left a 1536px photo
   unconstrained and the whole page scrolling sideways, so the rules live here now. */
.home-learning{display:grid;grid-template-columns:1fr 1.25fr;gap:35px;align-items:center;margin:40px 0;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:20px}
.home-learning img{width:100%;height:auto;border-radius:14px}
.home-learning h2{font-size:32px;line-height:1.15}
.home-learning p{line-height:1.75;color:var(--muted)}
html[data-theme="dark"] .home-learning{background:#24192e;color:#f5edf9;border-color:#483451}
html[data-theme="dark"] .home-learning .eyebrow{color:var(--brand-yellow)}
@media(max-width:760px){
  .home-learning{grid-template-columns:1fr;padding:20px;gap:18px}
  .home-learning .hero-actions{flex-wrap:wrap}
}
.paste-help{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--muted);text-align:center}
.paste-help a{font-weight:700}

/* Training catalogue: the course pages are what Jatzo intends to sell, so the page needs
   to make the value legible before the price is ever mentioned. */
.training-hero-note{font-size:13px;color:var(--muted);margin:12px 0 0}
.training-value{margin:34px 0 40px}
.training-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:22px}
.training-value-grid article{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.training-value-grid strong{display:block;font-size:16px;line-height:1.35;color:var(--ink);margin-bottom:8px}
.training-value-grid span{font-size:14px;line-height:1.6;color:var(--muted)}
.course-audience{font-size:13px;font-weight:700;color:var(--accent2)}
html[data-theme="dark"] .training-value-grid article{background:var(--dark-surface,#21152a);border-color:var(--dark-border,#4b3657)}
html[data-theme="dark"] .course-audience{color:var(--brand-yellow)}
@media(max-width:1000px){.training-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.training-value-grid{grid-template-columns:1fr}}

/* Privacy promise. "What happens to my email" is the question that decides whether a
   cautious person pastes anything in at all, so it gets its own block rather than a line
   of small print. The goat mark appears here as the friendly face of that promise. */
.privacy-promise{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start;margin:34px 0 40px;padding:26px 28px;border:1px solid var(--line);border-left:5px solid var(--brand-yellow);border-radius:18px;background:var(--panel)}
.privacy-promise-mark{width:64px;height:64px;flex:0 0 64px}
.privacy-promise-copy h2{font-size:clamp(22px,2.6vw,30px);margin:6px 0 12px;color:var(--ink)}
.privacy-promise-copy>p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 16px}
.privacy-promise-points{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.privacy-promise-points li{position:relative;padding-left:26px;font-size:14px;line-height:1.55;color:var(--ink)}
.privacy-promise-points li:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--brand-yellow)}
.privacy-promise-points li:after{content:"";position:absolute;left:4.5px;top:7.5px;width:7px;height:4px;border-left:2px solid var(--brand-dark);border-bottom:2px solid var(--brand-dark);transform:rotate(-45deg)}
html[data-theme="dark"] .privacy-promise{background:var(--dark-surface,#21152a);border-color:var(--dark-border,#4b3657);border-left-color:var(--brand-yellow)}
html[data-theme="dark"] .privacy-promise-points li{color:#e7dced}
@media(max-width:760px){
  .privacy-promise{grid-template-columns:1fr;padding:22px}
  .privacy-promise-points{grid-template-columns:1fr}
}

/* The four risk bands used to run together as one dense sentence under the verdict.
   As a labelled scale beside the score they can be read at a glance, and the verdict
   line gets its space back. */
.score-scale{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.score-scale-title{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.score-scale ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}
.score-scale li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;font-size:13px}
.score-scale li b{font-weight:800;color:var(--ink);text-align:right}
.score-scale li span{position:relative;padding-left:16px;color:var(--muted)}
.score-scale li span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%}
.score-scale li[data-band="low"] span:before{background:#16834b}
.score-scale li[data-band="suspicious"] span:before{background:#c66508}
.score-scale li[data-band="high"] span:before{background:#d92d20}
.score-scale li[data-band="very-high"] span:before{background:#8a1109}
.score-scale small{display:block;font-size:12px;line-height:1.55;color:var(--muted)}
html[data-theme="dark"] .score-scale li b{color:#f0e6f6}
html[data-theme="dark"] .score-scale{border-top-color:var(--dark-border,#4b3657)}

/* The locked Threat Intelligence panel is the sales pitch for the top tier, seen by every
   user who is not on Premium. It earns real estate. */
.premium-pitch{padding:6px 2px 2px}
.premium-pitch-head h3{font-size:clamp(20px,2.4vw,26px);margin:12px 0 10px;color:var(--ink)}
.premium-pitch-head p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 20px}
.premium-pitch-points{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.premium-pitch-points li{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.premium-pitch-points strong{display:block;font-size:15px;color:var(--ink);margin-bottom:6px}
.premium-pitch-points span{font-size:14px;line-height:1.6;color:var(--muted)}
.premium-pitch-honest{font-size:13px;line-height:1.65;color:var(--muted);padding:14px 16px;border-left:3px solid var(--brand-yellow);background:var(--soft);border-radius:0 10px 10px 0;margin:0 0 20px}
html[data-theme="dark"] .premium-pitch-points li,html[data-theme="dark"] .premium-pitch-honest{background:#26152f;border-color:var(--dark-border,#4b3657)}
@media(max-width:760px){.premium-pitch-points{grid-template-columns:1fr}}

/* Plan comparison: a tick or a cross reads instantly across five columns where the words
   "Included" and "Not included" did not. Cells that are not a plain yes or no keep their
   text. The word is still announced to screen readers via .visually-hidden. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.comparison-table td{text-align:center}
.comparison-table td.cell-detail{text-align:left;font-size:13px;color:var(--muted)}
.comparison-table .cell-yes span[aria-hidden]{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e4f5ea;color:#0d6b3c;font-size:14px;font-weight:800}
.comparison-table .cell-no span[aria-hidden]{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f2eef5;color:#9b8fa6;font-size:12px;font-weight:700}
html[data-theme="dark"] .comparison-table .cell-yes span[aria-hidden]{background:#123324;color:#6ee7a8}
html[data-theme="dark"] .comparison-table .cell-no span[aria-hidden]{background:#2b1e33;color:#8d7f99}

/* Plans page: the cost of getting it wrong, the pull quote, and team access sold as a
   capability rather than described as a constraint. */
.investigation-value-source{font-size:12px;line-height:1.6;color:#e0d3ea;margin:16px 0 0;opacity:.9}
.pricing-quote{margin:26px 0;padding:30px 34px;border-left:5px solid var(--brand-yellow);border-radius:0 18px 18px 0;background:var(--soft)}
.pricing-quote blockquote{margin:0}
.pricing-quote p{margin:0;font-size:clamp(19px,2.4vw,26px);line-height:1.45;font-weight:700;color:var(--ink)}
.team-sell{padding:28px}
.team-sell h2{font-size:clamp(22px,2.6vw,30px);margin:8px 0 12px}
.team-sell>p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 20px}
.team-sell-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
.team-sell-grid article{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.team-sell-grid strong{display:block;font-size:15px;color:var(--ink);margin-bottom:6px}
.team-sell-grid span{font-size:14px;line-height:1.6;color:var(--muted)}
html[data-theme="dark"] .pricing-quote{background:#26152f}
html[data-theme="dark"] .pricing-quote p{color:#f3e9f8}
html[data-theme="dark"] .team-sell-grid article{background:#26152f;border-color:var(--dark-border,#4b3657)}
@media(max-width:760px){.team-sell-grid{grid-template-columns:1fr}.pricing-quote{padding:22px 24px}}

/* FAQ accordions. <details> is used rather than scripted toggles so the questions work
   with the keyboard and screen readers by default, and the page still reads correctly if
   the stylesheet fails. */
.faq-item{border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:0 0 10px;overflow:hidden}
.faq-item>summary{display:flex;align-items:center;gap:16px;cursor:pointer;padding:18px 20px;list-style:none}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item>summary h2{flex:1;margin:0;font-size:17px;line-height:1.4;color:var(--ink);font-weight:750}
.faq-item>summary:hover h2{color:var(--accent2)}
.faq-item>summary:focus-visible{outline:3px solid var(--accent2);outline-offset:-3px}
.faq-chevron{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--soft);position:relative;transition:transform .18s ease}
.faq-chevron:before{content:"";width:7px;height:7px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-2px) rotate(45deg)}
.faq-item[open] .faq-chevron{transform:rotate(180deg)}
.faq-answer{padding:0 20px 20px;border-top:1px solid var(--line)}
.faq-answer p{font-size:15px;line-height:1.7;color:var(--muted);margin:16px 0 0}
.faq-answer a{font-weight:700}
html[data-theme="dark"] .faq-item{background:var(--dark-surface,#21152a);border-color:var(--dark-border,#4b3657)}
html[data-theme="dark"] .faq-item>summary h2{color:#f0e6f6}
html[data-theme="dark"] .faq-chevron{background:#33203d}
html[data-theme="dark"] .faq-answer{border-top-color:var(--dark-border,#4b3657)}

/* Guides index: the cards had different amounts of text, so "Read guide" landed at a
   different height in every one. Making the card a column and pushing the link to the end
   aligns them on a row whatever the copy does, and the link now uses the standard purple
   button rather than a bare text link. */
.site-structure-card{display:flex;flex-direction:column}
.site-structure-card>p{flex:1}
.site-structure-card .guide-link{align-self:flex-start;margin-top:20px;padding:11px 20px;border-radius:11px;background:linear-gradient(110deg,var(--brand-dark),var(--brand-deep));color:var(--brand-yellow);text-decoration:none;font-weight:750;font-size:14px}
.site-structure-card .guide-link:hover{color:#fff}
.site-structure-card .guide-link:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}

/* History actions menu. The trigger was a wide yellow pill with 2px letter spacing; the
   menu mixed <a> and <button> elements, which inherited different styles and made the
   list look assembled by accident. Both element types are normalised here and Delete is
   separated from the export actions so it cannot be hit by mistake. */
.case-menu>summary{width:26px;height:26px;padding:0!important;display:inline-grid!important;place-items:center;letter-spacing:0!important;font-size:12px;line-height:1;border-radius:7px}
.case-menu>summary:hover{background:#f6c453}
.case-menu-items{min-width:210px!important;padding:6px!important;gap:2px!important}
.case-menu-items a,.case-menu-items button{width:100%;box-sizing:border-box;display:block;text-align:left;font-size:13px!important;font-weight:650;padding:9px 12px!important;border-radius:8px;border:0;background:none;color:var(--ink);text-decoration:none;cursor:pointer;font-family:inherit}
.case-menu-items a:hover,.case-menu-items button:hover{background:var(--soft);color:var(--accent)}
.case-menu-items a:focus-visible,.case-menu-items button:focus-visible{outline:3px solid var(--accent2);outline-offset:-3px}
.case-menu-items .delete-case{margin-top:6px;padding-top:11px!important;border-top:1px solid var(--line)!important;border-radius:0 0 8px 8px;background:none!important;color:#b42318!important}
.case-menu-items .delete-case:hover{background:#fdecea!important}
html[data-theme="dark"] .case-menu-items a,html[data-theme="dark"] .case-menu-items button{color:#eadff1}
html[data-theme="dark"] .case-menu-items a:hover,html[data-theme="dark"] .case-menu-items button:hover{background:#33203d;color:var(--brand-yellow)}
html[data-theme="dark"] .case-menu-items{background:#241a2c!important;border-color:#4b3657!important}
html[data-theme="dark"] .case-menu-items .delete-case{color:#ff9a8f!important;border-top-color:#4b3657!important}
html[data-theme="dark"] .case-menu-items .delete-case:hover{background:#3a1c1c!important}

/* Spot the warning signs exercise. The email is styled to look like an email so the skill
   the learner practises here is the same one they need in their own inbox. */
.inspect-slide .inspect-progress{font-weight:800;color:var(--accent);margin:18px 0 12px}
.inspect-email{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}
.inspect-email-head{padding:18px 20px;background:var(--soft);border-bottom:1px solid var(--line);display:grid;gap:8px}
.inspect-row{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;font-size:14px;align-items:baseline}
.inspect-row>span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.inspect-email-body{padding:20px}
.inspect-email-body p{font-size:15px;line-height:1.8;margin:0 0 14px;color:var(--ink)}
.inspect-signoff{color:var(--muted)}
.inspect-hotspot{font:inherit;color:inherit;background:none;border:0;padding:2px 4px;margin:0 -2px;border-radius:6px;cursor:pointer;border-bottom:2px dotted #b9a8c6;text-align:left}
.inspect-hotspot:hover{background:#fdf4dd;border-bottom-color:var(--brand-yellow)}
.inspect-hotspot:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}
.inspect-hotspot.found{background:#fdf0d6;border-bottom:2px solid #b3261e;font-weight:700}
.inspect-hotspot.found:after{content:" \2713";color:#0d6b3c;font-weight:800}
.inspect-hotspot.missed{background:#fdecea;border-bottom:2px solid #b3261e}
.inspect-hotspot-link{color:var(--accent2);text-decoration:underline}
.inspect-real-destination{display:block;font-size:13px;color:#b3261e;font-weight:700;margin-top:4px}
.inspect-explanations{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.inspect-explanations li{padding:16px 20px;border-bottom:1px solid var(--line)}
.inspect-explanations li:last-child{border-bottom:0}
.inspect-explanations strong{display:block;font-size:14px;margin-bottom:5px}
.inspect-explanations span{font-size:14px;line-height:1.65;color:var(--muted)}
.inspect-explanations .was-found{border-left:4px solid #0d6b3c}
.inspect-explanations .was-missed{border-left:4px solid #b3261e}
.inspect-explanations .was-found strong{color:#0d6b3c}
.inspect-explanations .was-missed strong{color:#b3261e}
.inspect-result{margin-top:14px;padding:16px 18px;border-radius:12px;background:var(--soft);border-left:4px solid var(--brand-yellow);font-size:15px;line-height:1.7;color:var(--ink)}
html[data-theme="dark"] .inspect-email{background:#21152a;border-color:#4b3657}
html[data-theme="dark"] .inspect-email-head{background:#2a1b33;border-bottom-color:#4b3657}
html[data-theme="dark"] .inspect-email-body p{color:#eadff1}
html[data-theme="dark"] .inspect-hotspot:hover{background:#3a2a17}
html[data-theme="dark"] .inspect-hotspot.found{background:#3a2a17}
html[data-theme="dark"] .inspect-hotspot.missed{background:#3a1c1c}
html[data-theme="dark"] .inspect-result{background:#26152f;color:#e7dced}
html[data-theme="dark"] .inspect-explanations li{border-bottom-color:#4b3657}
@media(max-width:760px){.inspect-row{grid-template-columns:1fr;gap:2px}}

/* Seven plans no longer fit one row at any sensible card width, so the grid wraps rather
   than squeezing every card into an unreadable column. */
.pricing-grid-five{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;padding-top:4px}
.pricing-grid-five .price-card{overflow:hidden;display:flex;flex-direction:column;min-width:0}
.pricing-grid-five .price-card>ul{flex:1}
.pricing-grid-five .price-card>.primary-link{margin-top:auto;align-self:stretch;text-align:center;justify-content:center}
.plan-annual{font-size:13px;color:var(--muted);margin:2px 0 10px;font-weight:650}
.plan-allowance{font-size:14px;font-weight:750;color:var(--ink);margin:0 0 4px}
.plan-seats{font-size:13px;color:var(--accent2);font-weight:700;margin:0 0 12px}
.not-metered{margin:26px 0;padding:28px}
.not-metered h2{font-size:clamp(22px,2.6vw,30px);margin:8px 0 12px}
.not-metered>p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 20px}
html[data-theme="dark"] .plan-seats{color:var(--brand-yellow)}
@media(max-width:1200px){.pricing-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.pricing-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pricing-grid-five{grid-template-columns:1fr}}

/* Owner: findings read as one list, not a colour-coded one. The points column keeps its
   weight so the number is still findable, but red and green no longer imply that a
   zero-point check is "good news" or that every scored one is an alarm. */
.finding .finding-cat,.finding strong,.finding p,.finding b{color:var(--ink)}
.finding p{color:var(--muted)}
.finding b{color:var(--ink)!important}
html[data-theme="dark"] .finding .finding-cat,html[data-theme="dark"] .finding strong,html[data-theme="dark"] .finding b{color:#f0e6f6!important}
html[data-theme="dark"] .finding p{color:#c9b9d4}

/* Premium Threat Intelligence export: download and email side by side, matching the
   controls on the analysis report rather than a single quiet link. */
.ti-export-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.ti-export-actions{display:flex;gap:10px;flex-wrap:wrap}
.ti-export-actions .primary-link,.ti-export-actions .paid-action{white-space:nowrap}
@media(max-width:760px){.ti-export-card{grid-template-columns:1fr}.ti-export-actions{width:100%}}

/* Explainer tips are a preference. One class on the results container hides every tip,
   so the markup does not have to be conditional in nine places. */
.results.tips-hidden .evidence-explainer,.results.tips-hidden .ti-safety-net{display:none}
.tips-form{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}
.tips-choice{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink)}
.tips-choice input{width:18px;height:18px}

/* Safe message preview. The frame is sandboxed with scripts disabled, so it is inert;
   these rules only give it room on the page. */
.preview-panel{margin:22px 0;padding:24px}
.preview-panel.hidden{display:none}
.preview-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
.preview-panel-head>div{display:flex;gap:14px;align-items:flex-start}
.preview-panel-head strong{display:block;font-size:16px;color:var(--ink)}
.preview-panel-head small{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:4px}
.preview-frame{width:100%;min-height:420px;max-height:70vh;border:1px solid var(--line);border-radius:12px;background:#fff}
.preview-footnote{font-size:13px;line-height:1.6;color:var(--muted);margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--brand-yellow);background:var(--soft);border-radius:0 10px 10px 0}
html[data-theme="dark"] .preview-footnote{background:#26152f;color:#e7dced}
html[data-theme="dark"] .preview-frame{border-color:var(--dark-border,#4b3657)}

/* Owner: one button language. Filled purple with white text is the primary action;
   the yellow-on-purple variant read as a different kind of control. */
.paid-action,.secondary-button{background:linear-gradient(110deg,var(--brand-dark),var(--brand-deep))!important;color:#fff!important;border:0!important;border-radius:11px;padding:11px 18px;font-weight:750;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.paid-action:hover,.secondary-button:hover{color:#fff!important;filter:brightness(1.12)}
.paid-action:focus-visible,.secondary-button:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}
.ti-export-actions .primary-link{color:#fff!important}

/* "Manage account" sat in the plan strip stretched to the full column width. It is a
   quiet secondary link, so it should only be as wide as its text. */
.plan-status-strip .ghost.small{
  display:inline-flex;width:auto;align-self:center;justify-self:end;white-space:nowrap;
  padding:9px 16px;font-size:13px}
.preview-empty-state{font-size:14px;color:var(--muted);padding:20px 0;margin:0}

/* Focused plan pages. Fewer cards than the full comparison, so they get more room. */
.pricing-grid-focus{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:stretch}
.pricing-grid-focus .price-card{overflow:hidden;display:flex;flex-direction:column;min-width:0}
.pricing-grid-focus .price-card>ul{flex:1}
.pricing-grid-focus .price-card>.primary-link{margin-top:auto;align-self:stretch;text-align:center;justify-content:center}
.pricing-hero-art{display:flex;align-items:center;justify-content:center}
.pricing-hero-art .section-mark{max-width:200px}
.pricing-note{font-size:13px;color:var(--muted);margin-top:10px}
.focus-switch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;padding:28px;margin:26px 0}
.focus-switch h2{font-size:clamp(20px,2.4vw,26px);margin:8px 0 10px}
.focus-switch p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.focus-switch-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:760px){.focus-switch{grid-template-columns:1fr}}
.course-price-line{display:flex;align-items:baseline;gap:10px;margin:14px 0 4px}
.course-price-line strong{font-size:28px;font-weight:800;color:var(--accent)}
.course-price-line span{font-size:13px;color:var(--muted)}
html[data-theme="dark"] .course-price-line strong{color:var(--brand-yellow)}

/* V11.25 typography pass.

   Two things measured badly across the site. Long guide and use-case headings were
   clamping up to 66-68px, which is display size for a five-word phrase and wraps badly
   for a sentence-length title. And several pieces of real prose sat at 11px, which is
   below comfortable reading size for anyone, and this audience skews away from people who
   enjoy squinting. Eyebrow labels stay small on purpose: they are uppercase signposts,
   not text you read. */
.guide-article h1{font-size:clamp(34px,4.2vw,48px)!important;line-height:1.12!important}
.growth-hero h1{font-size:clamp(34px,4.4vw,50px)!important;line-height:1.1!important}
.structure-hero h1{font-size:clamp(32px,4.2vw,46px)!important;line-height:1.1}

/* Prose that had dropped to 11px. */
.privacy-note,.business-direction-caveat{font-size:13px!important;line-height:1.7!important}
.hero-audience-copy span{font-size:13px!important;line-height:1.6!important}
.nav-tools-dropdown span{font-size:12px!important;line-height:1.5}

/* Footer links were 11px, which is small for the one place people go looking for
   Privacy and Terms. */
.public-footer nav a{font-size:13px!important}
.public-footer span{font-size:12px!important}

/* V11.3 Outlook add-in: connection codes on the account page. */
.account-addin-panel label{display:block;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.addin-create-form{margin-top:16px;display:grid;gap:10px;justify-items:start}
.addin-create-form input[type=text]{width:100%;max-width:320px;border:1px solid #d0d5dd;border-radius:8px;padding:10px 11px;font:inherit;background:#fcfcfd;color:var(--ink)}
.addin-create-form input[type=text]:focus{outline:none;border-color:var(--accent2);box-shadow:0 0 0 3px #efe8f6}
.addin-code-box{border:1px solid var(--brand-yellow);background:var(--brand-yellow-soft);border-radius:11px;padding:15px;margin:16px 0}
.addin-code-box .eyebrow{color:#69410a;margin-bottom:8px}
.addin-code{display:block;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px}
.addin-code-box p{margin:10px 0 0;font-size:12px;color:#69410a}
.addin-code-box .ghost{margin-top:10px}
.addin-token-list{list-style:none;margin:16px 0 0;padding:0}
.addin-token-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 0}
.addin-token-list li:first-child{border-top:0}
.addin-token-list strong{display:block;font-size:13px}
.addin-token-list small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
/* A second heading inside one panel, for the deployment section, which now has three steps to
   it: list the domains, prove them, make the file. Deliberately a rule of its own rather than a
   second account-section-heading, because that block carries the eyebrow and the rule above it
   and two of those in one panel read as two panels. */
.addin-proof-heading{margin:26px 0 0;font-size:14px;font-weight:800;letter-spacing:-.01em}
.addin-proof-heading+p{margin-top:6px;color:var(--muted);font-size:13px}
.addin-token-list code{display:inline-block;background:#f2f0f7;border-radius:5px;padding:1px 5px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;color:var(--ink)}
.addin-help{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.addin-help summary{cursor:pointer;font-weight:750;font-size:13px}
.addin-help ol{margin:12px 0 0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.7}
.addin-help li{margin-top:6px}
.addin-team-link{margin-top:14px;font-size:12px}
.addin-team-link a{color:var(--accent2);font-weight:700}
.addin-download{display:inline-block;margin:2px 0 4px}
.addin-help code{display:inline-block;background:#f2f0f7;border-radius:5px;padding:2px 6px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;color:var(--ink)}
@media(max-width:560px){.addin-token-list li{align-items:flex-start;flex-direction:column;gap:8px}}




/* ---------------------------------------------------------------------------------------------
   Team administration, the threat report and the operator console.

   Joe, 12 September 2026: all three carried a page class with no rule behind it, so they got the
   shared .business-page and .panel treatment and nothing of their own. They were not broken, they
   were plain: a column of identical white cards with a bare h2 on each, and on the operator console a
   row of undressed links where the tabs should be. The account page had already settled how a
   signed-in page of Jatzo's looks, so this is that pattern applied rather than a fourth invention.

   The one genuinely missing piece was .account-section-heading. Only .account-security-panel ever
   had a rule for it, so the eyebrow-and-heading block the account page uses everywhere else was
   relying on default spacing. Defining it properly here tidies the account page as well, which is
   why it is not scoped to these three. */
.account-section-heading{
  display:block;
  margin:0 0 14px;
  padding-bottom:11px;
  border-bottom:1px solid var(--line);
}
.account-section-heading>.eyebrow{
  display:block;
  margin:0 0 4px;
  font-size:11px;
  letter-spacing:.09em;
  line-height:1.1;
}
.account-section-heading>h2,
.account-section-heading>h3{
  margin:0;
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.01em;
}

/* The three pages themselves. A little more room between cards than the default, because each of
   these is a page somebody reads top to bottom rather than scans, and a thin yellow edge on the
   first card so the eye lands on the summary. */
.team-admin,
.threat-report,
.owner-console{
  max-width:1150px;
}
.team-admin .business-card,
.threat-report .business-card,
.owner-console>.panel{
  margin:0 0 20px;
}
.team-admin .business-card>h2,
.threat-report .business-card>h2,
.owner-console>.panel>h2{
  margin:0 0 12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
  font-size:18px;
  letter-spacing:-.01em;
}
.team-admin .business-card>h3,
.threat-report .business-card>h3,
.owner-console>.panel>h3{
  margin:22px 0 8px;
  font-size:14px;
  font-weight:800;
}
/* The summary card is the whole point of the report, so it is marked rather than left to look like
   the four cards under it. Found by its own class and not by position: the first <section> on the
   page is the heading block, so :first-of-type marked nothing. */
.threat-report .report-headline{
  border-left:4px solid var(--brand-yellow);
}
.threat-report meter{
  width:92px;
  vertical-align:middle;
  margin-right:6px;
}

/* The operator console's tabs. This was the one real gap: a nav of four bare links and a form, which
   ran together as a line of blue text. They are links and not buttons on purpose, so they keep
   working with keyboard and middle click; only the dressing is new. */
.owner-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:10px 12px;
  margin:0 0 20px;
}
.owner-tabs a{
  padding:8px 13px;
  border:1px solid var(--line);
  border-radius:9px;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  color:var(--accent2);
  background:var(--soft);
}
.owner-tabs a:hover,
.owner-tabs a:focus-visible{
  border-color:var(--accent2);
  background:var(--panel);
}
/* The console is the one page where the lock is the most important control on it, so it sits at the
   far end of the row rather than in the middle of the tabs. */
.owner-tabs .inline-form{
  margin-left:auto;
}

@media(max-width:700px){
  .owner-tabs{gap:6px}
  .owner-tabs a{padding:7px 10px;font-size:12px}
  .owner-tabs .inline-form{margin-left:0;width:100%}
  .threat-report meter{width:64px}
}

html[data-theme="dark"] .account-section-heading{
  border-bottom-color:rgba(246,196,83,.18);
}
html[data-theme="dark"] .team-admin .business-card>h2,
html[data-theme="dark"] .threat-report .business-card>h2,
html[data-theme="dark"] .owner-console>.panel>h2{
  border-bottom-color:rgba(246,196,83,.18);
}
html[data-theme="dark"] .owner-tabs a{
  border-color:rgba(246,196,83,.22);
  background:rgba(255,255,255,.04);
  color:var(--brand-yellow);
}
html[data-theme="dark"] .owner-tabs a:hover,
html[data-theme="dark"] .owner-tabs a:focus-visible{
  border-color:var(--brand-yellow);
  background:rgba(255,255,255,.08);
}

/* ---------------------------------------------------------------------------------------------
   The Workspace panel (templates/_workspace_panel.html), on the Dashboard's Workspace tab and on
   /business.

   Joe, 12 September 2026. It reuses the team cards (.business-card), so it reads as the same family
   as Team administration. These rules add the grid of whole-team figures an owner or administrator
   sees, and keep each tab's lead paragraph hidden while its hidden attribute says so: the browser's
   own rule for that attribute is the weakest there is, and any display rule beats it. */
.dashboard-head [data-for][hidden]{display:none!important}
.team-tab-facts{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin:14px 0 16px;
}
.team-tab-facts>div{
  border:1px solid var(--line);
  border-radius:10px;
  padding:12px 14px;
  background:var(--soft);
}
.team-tab-facts dt{
  margin:0;
  font-size:12px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--muted);
}
.team-tab-facts dd{
  margin:6px 0 0;
  font-size:22px;
  font-weight:800;
  color:var(--ink);
}
html[data-theme="dark"] .team-tab-facts>div{
  border-color:rgba(246,196,83,.18);
  background:rgba(255,255,255,.04);
}

/* The operator console as tabs, 12 September 2026. The tab bar marks where you are; each tab has a search
   row across the top and a line saying which rows are showing; an account page is two columns, what the
   account is on the left and the actions to take on the right, each action folded until opened so only
   one reason box is ever in view. */
.owner-tabs a.active,
.owner-tabs a[aria-current="page"]{
  border-color:var(--accent2);
  background:var(--accent2);
  color:#fff;
}
.owner-search{
  display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end;margin:4px 0 16px;
}
.owner-search label{display:grid;gap:5px;font-size:12px;font-weight:700;min-width:180px;flex:1 1 220px}
.owner-search input,.owner-search select{
  box-sizing:border-box;width:100%;border:1px solid #cabbdf;border-radius:9px;padding:10px 11px;
  font:inherit;font-weight:400;color:inherit;background:var(--panel,#fff);
}
.owner-search .primary,.owner-search .ghost{align-self:end}
.owner-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  margin:12px 0 0;font-size:13px;color:var(--muted)}
.owner-pager span{display:flex;gap:12px}
.owner-pager a{font-weight:700;color:var(--accent2)}
.owner-counts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px;font-size:13px;color:var(--muted)}
.owner-counts strong{color:var(--ink);font-size:15px}
.owner-crumb{margin:0 0 10px;font-size:13px}
.owner-crumb a{color:var(--accent2);font-weight:700}
.owner-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.owner-chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;
  background:var(--soft);border:1px solid var(--line)}
.owner-chip-warn{background:#fdecea;border-color:#f3b8b1;color:#8a1c12}
.owner-account-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;align-items:start}
.owner-account-rail{position:sticky;top:16px}
.owner-facts{display:grid;grid-template-columns:max-content 1fr;column-gap:18px;row-gap:8px;margin:0}
.owner-facts dt{margin:0;font-size:12px;font-weight:700;color:var(--muted);text-transform:none;letter-spacing:0}
.owner-facts dd{margin:0;font-size:14px}
.owner-list{margin:0;padding-left:18px;line-height:1.6;font-size:14px}
.owner-action{border-top:1px solid var(--line);padding:10px 0}
.owner-action summary{cursor:pointer;font-weight:750;font-size:14px;list-style-position:outside}
.owner-action summary small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:2px}
.owner-action-form{display:grid;gap:10px;margin-top:10px}
.owner-action-form label{display:grid;gap:5px;font-size:12px;font-weight:700}
.owner-action-form input,.owner-action-form select{box-sizing:border-box;width:100%;border:1px solid #cabbdf;
  border-radius:9px;padding:9px 10px;font:inherit;font-weight:400;background:var(--panel,#fff);color:inherit}
.owner-action-danger summary{color:#b91c1c}
.owner-message{margin:0 0 12px}
@media(max-width:900px){
  .owner-account-grid{grid-template-columns:1fr}
  .owner-account-rail{position:static}
}
html[data-theme="dark"] .owner-tabs a.active,
html[data-theme="dark"] .owner-tabs a[aria-current="page"]{background:var(--brand-yellow);color:#241135;border-color:var(--brand-yellow)}
html[data-theme="dark"] .owner-chip{background:rgba(255,255,255,.05);border-color:rgba(246,196,83,.2)}
html[data-theme="dark"] .owner-counts strong{color:#fff}
.owner-action-form .owner-check{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:13px}
.owner-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.owner-filters a{padding:4px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;text-decoration:none;color:var(--ink)}
.owner-filters a.active{font-weight:700;border-color:currentColor}
.owner-filters span{margin-left:4px;color:var(--muted)}
.owner-message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.owner-message-actions input[name="reason"]{max-width:180px}
.owner-note{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
.owner-note-meta{margin:0;font-size:12px;color:var(--muted)}
.owner-note-body{white-space:pre-line;overflow-wrap:anywhere}
.owner-notes textarea{width:100%;box-sizing:border-box}
.owner-permissions code{font-size:11px;white-space:nowrap}
html[data-theme="dark"] .owner-filters a{color:#fff}
.share-support{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 16px;background:var(--soft)}
.share-support h3{margin:0 0 6px}
.share-items{display:grid;grid-template-columns:max-content 1fr;column-gap:16px;row-gap:6px;margin:10px 0;font-size:14px}
.share-items dt{font-weight:700;color:var(--muted)}
.share-items dd{margin:0;overflow-wrap:anywhere}
html[data-theme="dark"] .share-support{background:rgba(255,255,255,.04);border-color:rgba(246,196,83,.18)}

.structure-hero-brand.approved-about-art{height:auto!important;aspect-ratio:auto}
.structure-hero-brand.approved-about-art img{display:block;width:100%;height:auto}
.registration-welcome{display:block;width:112px;height:auto;margin:0 auto 18px;border-radius:14px}