/* Cloudskope tools shared styles v2.0.0 (pen test calculator, email security check). Scoped to .cs-tool. */
.cs-tool{--t-panel:#111821;--t-line:#1F2937;--t-chip:#374151;--t-t:#F3F4F6;--t-t2:#D1D5DB;--t-m:#B4BBC6;--t-ok:#34D399;--t-gap:#FBBF24;--t-bad:#F87171;--t-acc:#f97316;color:var(--t-t);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;text-align:left}
.cs-tool *{box-sizing:border-box}
.cs-tool [hidden]{display:none!important}
.cs-tool-wrap{max-width:1500px;margin:0 auto;padding:0 15px}
.cs-tool .cst-label{font:600 12px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--t-t2)}
.cs-tool .cst-h2{font-size:26px;line-height:1.2;margin:6px 0 14px;color:var(--t-t);font-weight:800}
.cs-tool .cst-h3{font-size:20px;line-height:1.25;margin:4px 0 8px;color:var(--t-t);font-weight:700}
.cs-tool .cst-p{color:var(--t-t2);font-size:15px;margin:0 0 16px}
.cs-tool .cst-fine{font-size:12px;color:var(--t-m);margin-top:10px;line-height:1.45}
.cs-tool .cst-fine a{color:var(--t-t2)}
.cs-tool .cst-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.cs-tool .cst-step{margin:22px 0 10px}
.cs-tool .cst-step:first-child{margin-top:0}
.cs-tool .cst-card{background:var(--t-panel);border:1px solid var(--t-line);border-radius:12px;padding:16px 18px;margin-bottom:10px;transition:border-color .15s}
.cs-tool .cst-card.on[data-card]{border-color:rgba(249,115,22,.55)}
.cs-tool .cst-toggle{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;cursor:pointer;margin:0}
.cs-tool .cst-toggle input,.cs-tool .cst-check input{position:absolute;opacity:0;width:1px;height:1px}
.cs-tool .cst-tick{width:22px;height:22px;border:1px solid var(--t-chip);border-radius:6px;margin-top:1px;display:flex;align-items:center;justify-content:center}
.cs-tool .cst-toggle input:checked+.cst-tick{background:linear-gradient(90deg,#e11d48,#f97316);border-color:transparent}
.cs-tool .cst-toggle input:checked+.cst-tick::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.cs-tool .cst-toggle input:focus-visible+.cst-tick{outline:2px solid var(--t-acc);outline-offset:2px}
.cs-tool .cst-toggle b{display:block;font-size:16px;color:var(--t-t)}
.cs-tool .cst-hint{display:block;color:var(--t-m);font-size:14px;margin-top:2px}
.cs-tool .cst-sub{margin:14px 0 2px 36px;display:grid;gap:12px}
.cs-tool .cst-fl{display:block;font:600 13px Inter,system-ui,sans-serif;color:var(--t-t2);margin:0}
.cs-tool .cst-fl select,.cs-tool .cst-fl input{display:block;width:100%;max-width:440px;height:44px;margin-top:6px;background:#0b0f14;border:1px solid var(--t-chip);border-radius:8px;color:var(--t-t);padding:0 12px;font:15px Inter,system-ui,sans-serif}
.cs-tool .cst-fl input[type=number]{max-width:120px}
.cs-tool .cst-fl select:focus,.cs-tool .cst-fl input:focus{outline:0;border-color:var(--t-acc)}
.cs-tool select option{background:#0b0f14}
.cs-tool .cst-check{position:relative;display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;cursor:pointer;margin:8px 0;font-size:14px;color:var(--t-t2)}
.cs-tool .cst-check span::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border:1px solid var(--t-chip);border-radius:5px;background:#0b0f14}
.cs-tool .cst-check{padding-left:0}
.cs-tool .cst-check span{grid-column:2}
.cs-tool .cst-check input:checked+span::before{background:var(--t-acc);border-color:var(--t-acc);box-shadow:inset 0 0 0 3px #0b0f14}
.cs-tool .cst-check input:focus-visible+span::before{outline:2px solid var(--t-acc);outline-offset:2px}
.cs-tool .cst-check b{color:var(--t-t)}
.cs-tool .cst-drivernote{color:var(--t-m);font-size:14px;margin-top:10px}
.cs-tool .cst-drivernote:empty{display:none}
.cs-tool .cst-panel{position:sticky;top:96px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:12px;padding:22px}
.cs-tool .cst-range{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:8px 0 4px}
.cs-tool .cst-range b{font-size:34px;line-height:1.05;font-weight:800;color:var(--t-t)}
.cs-tool .cst-range span{color:var(--t-m);font-size:15px}
.cs-tool .cst-typical{color:var(--t-t2);font-size:14px}
.cs-tool .cst-days{color:var(--t-m);font-size:13px;margin:2px 0 14px}
.cs-tool .cst-break{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}
.cs-tool .cst-break td{border-top:1px solid var(--t-line);padding:8px 0;vertical-align:top;color:var(--t-t2)}
.cs-tool .cst-break td:last-child{text-align:right;white-space:nowrap;padding-left:10px;color:var(--t-t)}
.cs-tool .cst-note{display:block;color:var(--t-m);font-size:12px;margin-top:2px}
.cs-tool .cst-market{font-size:13px;color:var(--t-t2);border-left:3px solid var(--t-acc);padding:6px 0 6px 12px}
.cs-tool .cst-market b{color:var(--t-t)}
.cs-tool .cst-jump{display:block;margin-top:14px;color:var(--t-acc);font-weight:600;font-size:14px;text-decoration:none}
.cs-tool .cst-result{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:14px;padding:28px;scroll-margin-top:100px}
.cs-tool .cst-flags{list-style:none;margin:0;padding:0}
.cs-tool .cst-flags li{border-left:3px solid var(--t-bad);padding:6px 0 6px 14px;margin-bottom:12px}
.cs-tool .cst-flags b{display:block;color:var(--t-t);font-size:15px}
.cs-tool .cst-flags span{display:block;color:var(--t-m);font-size:14px;margin-top:2px}
.cs-tool .cst-btn{font:600 14px Inter,system-ui,sans-serif;color:var(--t-t);background:0 0;border:1px solid var(--t-chip);border-radius:8px;padding:9px 14px;cursor:pointer}
.cs-tool .cst-btn:hover{border-color:var(--t-t2)}
.cs-tool .cst-primary{border:0;background:linear-gradient(90deg,#e11d48,#f97316);color:#fff;padding:13px 18px;font-size:15px;font-weight:700}
.cs-tool .cst-primary:disabled{opacity:.6;cursor:wait}
.cs-tool .cst-dl{margin-top:14px}
.cs-tool .cst-done-title{font-weight:600;font-size:15px;line-height:1.5}
.cs-tool .w-form{margin:0}
.cs-tool form label{display:block;font:600 13px Inter,system-ui,sans-serif;color:var(--t-t2);margin:10px 0 5px}
.cs-tool form input[type=email],.cs-tool form input[type=text],.cs-tool form select{width:100%;height:44px;background:#0b0f14;border:1px solid var(--t-chip);border-radius:8px;color:var(--t-t);padding:0 12px;font:15px Inter,system-ui,sans-serif;margin:0}
.cs-tool form input:focus,.cs-tool form select:focus{outline:0;border-color:var(--t-acc)}
.cs-tool form input[type=submit]{margin-top:16px;width:100%;height:48px;border:0;border-radius:8px;background:linear-gradient(90deg,#e11d48,#f97316);color:#fff;font:700 15px Inter,system-ui,sans-serif;cursor:pointer}
.cs-tool form p{font-size:12px;color:var(--t-m);margin-top:10px}
.cs-tool form p a{color:var(--t-t2)}
.cs-tool .w-form-done{background:0 0;border:1px solid rgba(52,211,153,.45);border-radius:10px;padding:18px;text-align:left;color:var(--t-t)}
.cs-tool .w-form-fail{background:rgba(248,113,113,.12);border-radius:8px;color:var(--t-t);margin-top:10px}
#cs-pentest-form,#cs-email-form{display:none}
/* ---------- email security check ---------- */
.cs-tool .cse-search{display:flex;gap:10px;max-width:760px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:14px;padding:10px}
.cs-tool .cse-search input{flex:1;min-width:0;height:52px;background:#0b0f14;border:1px solid var(--t-chip);border-radius:10px;color:var(--t-t);padding:0 16px;font:17px Inter,system-ui,sans-serif}
.cs-tool .cse-search input:focus{outline:0;border-color:var(--t-acc)}
.cs-tool .cse-search button{height:52px;white-space:nowrap}
.cs-tool .cse-msg{color:var(--t-m);font-size:14px;margin:10px 2px 0;min-height:21px}
.cs-tool .cse-msg.err{color:var(--t-bad)}
.cs-tool .cse-progress{height:6px;background:#1a2230;border-radius:99px;overflow:hidden;max-width:760px;margin-top:12px}
.cs-tool .cse-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e11d48,#f97316);transition:width .2s}
.cs-tool .cse-out{margin-top:28px}
.cs-tool .cse-summary{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;background:var(--t-panel);border:1px solid var(--t-line);border-radius:14px;padding:24px}
.cs-tool .cse-grade{width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:6px solid var(--t-chip)}
.cs-tool .cse-grade b{font-size:60px;line-height:1;font-weight:800}
.cs-tool .cse-grade span{font-size:13px;color:var(--t-m);margin-top:4px}
.cs-tool .cse-grade.g-a,.cs-tool .cse-grade.g-b{border-color:var(--t-ok)}
.cs-tool .cse-grade.g-c{border-color:var(--t-gap)}
.cs-tool .cse-grade.g-d,.cs-tool .cse-grade.g-f{border-color:var(--t-bad)}
.cs-tool .cse-q{font-size:15px;color:var(--t-t2);margin:0}
.cs-tool .cse-ans{font-size:30px;font-weight:800;line-height:1.15;margin:4px 0 8px}
.cs-tool .cse-ans.high{color:var(--t-bad)}.cs-tool .cse-ans.medium{color:var(--t-gap)}.cs-tool .cse-ans.low{color:var(--t-ok)}
.cs-tool .cse-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cs-tool .cse-chip{font-size:12px;font-weight:600;border:1px solid var(--t-chip);border-radius:999px;padding:4px 10px;color:var(--t-t2)}
.cs-tool .cse-cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start;margin-top:24px}
.cs-tool .cse-item{background:var(--t-panel);border:1px solid var(--t-line);border-left-width:4px;border-radius:12px;padding:16px 18px;margin-bottom:10px}
.cs-tool .cse-item.good{border-left-color:var(--t-ok)}.cs-tool .cse-item.warn{border-left-color:var(--t-gap)}.cs-tool .cse-item.bad{border-left-color:var(--t-bad)}.cs-tool .cse-item.info{border-left-color:var(--t-chip)}
.cs-tool .cse-item h3{display:flex;justify-content:space-between;gap:12px;font-size:16px;margin:0 0 6px;color:var(--t-t);font-weight:700}
.cs-tool .cse-tag{flex:none;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;border:1px solid var(--t-chip);color:var(--t-t2);align-self:flex-start}
.cs-tool .cse-item.good .cse-tag{color:var(--t-ok);border-color:rgba(52,211,153,.45)}
.cs-tool .cse-item.warn .cse-tag{color:var(--t-gap);border-color:rgba(251,191,36,.45)}
.cs-tool .cse-item.bad .cse-tag{color:var(--t-bad);border-color:rgba(248,113,113,.45)}
.cs-tool .cse-item p{font-size:14px;color:var(--t-t2);margin:0 0 6px}
.cs-tool .cse-item .cse-why{color:var(--t-m)}
.cs-tool .cse-item .cse-fix{color:var(--t-t2)}
.cs-tool .cse-item .cse-fix b{color:var(--t-t)}
.cs-tool .cse-rec{font:12px "JetBrains Mono",ui-monospace,monospace;color:var(--t-m);background:#0b0f14;border:1px solid var(--t-line);border-radius:8px;padding:8px 10px;margin:8px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.cs-tool .cse-look{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.cs-tool .cse-look th{text-align:left;color:var(--t-m);font-weight:600;padding:6px 8px 6px 0;border-bottom:1px solid var(--t-line)}
.cs-tool .cse-look td{padding:7px 8px 7px 0;border-bottom:1px solid var(--t-line);color:var(--t-t2);vertical-align:top}
.cs-tool .cse-look td:first-child{color:var(--t-t);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}
.cs-tool .cse-yes{color:var(--t-bad);font-weight:700}
.cs-tool .cse-side{position:sticky;top:96px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:12px;padding:22px}
.cs-tool .cse-bars .cse-bar{display:grid;grid-template-columns:1fr 54px;gap:8px;align-items:center;margin:9px 0;font-size:13px;color:var(--t-t2)}
.cs-tool .cse-track{grid-column:1/-1;height:7px;background:#1a2230;border-radius:99px;overflow:hidden;margin-top:-4px}
.cs-tool .cse-track i{display:block;height:100%}
.cs-tool .cse-bar span:last-child{text-align:right;color:var(--t-t)}
@media (max-width:991px){.cs-tool .cst-grid,.cs-tool .cse-cols{grid-template-columns:1fr}.cs-tool .cst-panel,.cs-tool .cse-side{position:static}.cs-tool .cst-panel{order:-1}.cs-tool .cst-result{grid-template-columns:1fr}}
@media (max-width:479px){.cs-tool-wrap{padding:0 16px}.cs-tool .cst-sub{margin-left:0}.cs-tool .cst-result{padding:18px}.cs-tool .cst-range b{font-size:28px}.cs-tool .cse-search{flex-direction:column}.cs-tool .cse-search input{flex:none;width:100%}.cs-tool .cse-search button{width:100%}.cs-tool .cse-summary{grid-template-columns:1fr;justify-items:start;padding:18px}.cs-tool .cse-grade{width:110px;height:110px}.cs-tool .cse-grade b{font-size:44px}.cs-tool .cse-ans{font-size:24px}}

/* v2: align tool-page sections to the site's 1500px container (left edge matches the header/homepage) */
.rsp-inner{max-width:1500px;padding-left:15px;padding-right:15px}
.rsp-h1{max-width:960px}
.rsp-dek{max-width:700px}
.rsp-section .rsp-p,.rsp-about .rsp-p{max-width:800px}
.rsp-q{max-width:860px}

/* ============ v3: SARTUS-aligned hero + exposure graphic + card restyle (tool pages) ============ */

/* Eyebrow -> pill (matches Sartus/homepage) */
.rsp-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #374151;border-radius:999px;padding:7px 14px;color:#f97316;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin-bottom:22px;width:-moz-fit-content;width:fit-content;justify-self:start}
.rsp-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(90deg,#e11d48,#f97316);flex:0 0 auto}

/* Heavier H1 */
.rsp-h1{font-weight:800;letter-spacing:-.022em}

/* Two-column hero when the exposure graphic (an HTML embed) is present. The
   embed is the LAST direct child of .rsp-inner, so target it by position -
   this does not depend on the embed wrapper's class. */
.rsp-hero .rsp-inner:has(.dwg){display:grid;grid-template-columns:minmax(0,1fr) 430px;column-gap:56px;align-items:center}
.rsp-hero .rsp-inner:has(.dwg) > *{grid-column:1;max-width:620px}
.rsp-hero .rsp-inner:has(.dwg) > *:last-child{grid-column:2;grid-row:1 / 20;align-self:center;max-width:none}
.rsp-hero .rsp-inner > .w-embed{display:block}
@media (max-width:960px){
  .rsp-hero .rsp-inner:has(.dwg){grid-template-columns:1fr}
  .rsp-hero .rsp-inner:has(.dwg) > *:last-child{grid-column:1;grid-row:auto;margin-top:30px}
}

/* Exposure snapshot graphic */
.rsp-graphic .dwg{background:linear-gradient(180deg,#0f1621,#0b0f14);border:1px solid #1f2937;border-radius:16px;padding:20px 20px 16px;box-shadow:0 24px 70px rgba(0,0,0,.45);font-family:Inter,system-ui,sans-serif}
.dwg-top{display:flex;align-items:center;gap:8px;font:600 11px "JetBrains Mono",monospace;letter-spacing:.08em;color:#9CA3AF;text-transform:uppercase}
.dwg-top .d{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.15);flex:0 0 auto}
.dwg-top .live{margin-left:auto;color:#22C55E;font-size:10px}
.dwg-grade{display:flex;align-items:center;gap:16px;margin:18px 0 16px}
.dwg-ring{width:78px;height:78px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 34px Inter,sans-serif;color:#F3F4F6;border:3px solid transparent;background:linear-gradient(#0b0f14,#0b0f14) padding-box,linear-gradient(135deg,#e11d48,#f97316) border-box}
.dwg-ql{font:600 13px "JetBrains Mono",monospace;color:#9CA3AF}
.dwg-qv{font-size:19px;font-weight:700;color:#F3F4F6;margin-top:3px}
.dwg-rows{display:grid;gap:9px}
.dwg-row{display:flex;align-items:center;gap:10px;background:#111821;border:1px solid #1f2937;border-left:3px solid #374151;border-radius:9px;padding:11px 13px;font-size:14px;color:#D1D5DB}
.dwg-row b{margin-left:auto;color:#F3F4F6;font-weight:700}
.dwg-row.bad{border-left-color:#F87171}.dwg-row.bad b{color:#F87171}
.dwg-row.warn{border-left-color:#FBBF24}.dwg-row.warn b{color:#FBBF24}
.dwg-row.ok{border-left-color:#34D399}.dwg-row.ok b{color:#34D399}
.dwg-foot{margin-top:14px;font:600 10px "JetBrains Mono",monospace;letter-spacing:.07em;color:#6B7280;text-transform:uppercase;text-align:center}

/* "What a dark web scan reveals" cards -> Sartus-style challenge cards */
.rsp-section .rsp-stats,.rsp-stats{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;margin:10px 0 30px !important}
.rsp-section .rsp-stat,.rsp-stat{background:#0f1621 !important;border:1px solid #1f2937 !important;border-radius:14px !important;padding:20px 20px 22px !important;display:block !important;position:relative}
.rsp-section .rsp-stat-num,.rsp-stat-num{font:700 13px "JetBrains Mono",monospace !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#f97316 !important;margin:0 0 10px !important}
.rsp-section .rsp-stat-label,.rsp-stat-label{color:#D1D5DB !important;font-size:15px !important;line-height:1.5 !important}
@media (max-width:640px){.rsp-stats{grid-template-columns:1fr !important}}

/* "What a dark web scan reveals" explanatory text: balance it into a 2-col
   grid spanning the full container (aligned to the .rsp-stats card columns),
   instead of a narrow left-pinned column. Wrapper = the div right after the
   cards grid. Matches the Sartus full-width, multi-column distribution. */
.rsp-section .rsp-stats + div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin-top:22px}
.rsp-section .rsp-stats + div .rsp-p{max-width:none;margin:0}
@media (max-width:767px){.rsp-section .rsp-stats + div{grid-template-columns:1fr}}

/* FAQ rebuilt as the site-standard accordion (matches .faq-item on Sartus /
   service pages): 2-col grid of gradient cards, mono number + Inter title,
   chevron in a rounded box that rotates on open, CSS-animated reveal. */
.rsp-faq2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}
.rsp-faq2-col{display:flex;flex-direction:column;gap:24px}
.faqx{background:linear-gradient(135deg,#111827,#0b0f14);border:1px solid #1f2937;border-radius:16px;padding:22px 24px}
.faqx-head{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;margin:0;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.faqx-ql{display:flex;align-items:center;gap:14px;min-width:0}
.faqx-num{flex:0 0 auto;font:600 12px "JetBrains Mono",ui-monospace,monospace;color:#E5E7EB}
.faqx-title{font:600 16px/1.35 Inter,system-ui,sans-serif;color:#E5E7EB}
.faqx-ic{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #374151;border-radius:10px;background:#1f2937;color:#9CA3AF;transition:transform .25s ease,color .25s ease,border-color .25s ease}
.faqx-ic svg{display:block;width:16px;height:16px}
.faqx.open .faqx-ic{transform:rotate(180deg);color:#f97316;border-color:#f97316}
.faqx-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.faqx.open .faqx-body{grid-template-rows:1fr}
.faqx-bodyin{overflow:hidden;min-height:0}
.faqx-bodyin p{margin:12px 0 0;font:400 14px/1.5 Inter,system-ui,sans-serif;color:#9CA3AF;max-width:none}
@media (max-width:767px){.rsp-faq2{grid-template-columns:1fr}}

/* Closer / "Ground truth. Not story." -> light "In plain English"-style band
   (matches Sartus .cs-plainenglish): full-bleed #F5F5F7 with a centered content
   column (balanced, not left-pinned), bold near-black headline, dark body, and
   a stronger two-button CTA. */
.rsp-about{background:#f5f5f7;padding:76px 0}
.rsp-about .rsp-inner{max-width:1500px;margin:0 auto}
.rsp-about .rsp-eyebrow{display:block;width:auto;border:0;background:none;padding:0;margin:0 0 18px;color:#111827;font-family:Inter,system-ui,sans-serif;font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.02em;text-transform:none}
.rsp-about .rsp-eyebrow::before{display:none}
.rsp-about .rsp-eyebrow + div{display:grid;grid-template-columns:1fr 1fr;gap:18px 48px;margin:0 0 6px}
.rsp-about .rsp-eyebrow + div .rsp-p{max-width:none;margin:0}
@media (max-width:767px){.rsp-about .rsp-eyebrow + div{grid-template-columns:1fr}}
.rsp-about .rsp-p{max-width:none;color:#374151}
.rsp-about .rsp-btnrow{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.rsp-about .rsp-btn-primary{display:inline-flex;align-items:center;background:linear-gradient(90deg,#e11d48,#f97316);color:#fff;border:0;padding:15px 30px;border-radius:10px;font:700 15px Inter,system-ui,sans-serif;text-decoration:none}
.rsp-about .rsp-btn-ghost{display:inline-flex;align-items:center;background:#fff;color:#111827;border:1px solid #d1d5db;padding:15px 28px;border-radius:10px;font:600 15px Inter,system-ui,sans-serif;text-decoration:none}
.rsp-about .rsp-btn-ghost:hover{border-color:#9ca3af}
.rsp-about .rsp-btn-primary:hover{filter:brightness(1.05)}

/* ===== Tool-page alternating backgrounds: black / white =====
   Hero + scan form stay dark (the tool). "What a dark web scan reveals"
   (#how) becomes the light second section. FAQ stays dark. The Ground truth
   band (now the bottom CTA, .rsp-about) is light. Sources are hidden. */
.rsp-section#how{background:#f5f5f7}
.rsp-section#how .rsp-h2{color:#111827}
.rsp-section#how .rsp-eyebrow{border-color:#d1d5db}
.rsp-section#how .rsp-stat{background:#ffffff !important;border-color:#e5e7eb !important;box-shadow:0 1px 2px rgba(17,24,39,.05)}
.rsp-section#how .rsp-stat-label{color:#374151 !important}
.rsp-section#how .rsp-stats + div .rsp-p{color:#374151}
/* Hide the Sources section on tool pages (not shown per M) */
#email-sources,.rsp-section-last{display:none}

/* ===== Dark-web results view (scanner v2) ===== */
/* Grade clears the fixed 77px header when results scroll into view */
.cse-out{scroll-margin-top:100px}
/* Findings fill the width (the sidebar aside was removed); a lone last card
   (odd count) spans the full row instead of leaving a gap */
.cse-findings{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cse-findings > .cse-item:last-child:nth-child(odd){grid-column:1 / -1}
@media (max-width:767px){.cse-findings{grid-template-columns:1fr}}
/* Combined white report band: "what a scan cannot see" + the report form,
   full-bleed light band below the findings */
#cse-report.cst-result{display:block;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#f5f5f7;padding:60px 0;border:0;border-radius:0}
#cse-report .cse-report-in{max-width:1500px;margin:0 auto;padding:0 15px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
#cse-report .cst-label{color:#b03a2e}
#cse-report .cst-h2{color:#111827}
#cse-report .cst-p{color:#374151}
#cse-report .cst-fine{color:#6b7280}
#cse-report .cst-jump{color:#b03a2e;display:inline-block;margin-top:14px}
#cse-report label,#cse-report .w-form-label{color:#374151}
#cse-report input:not([type=submit]),#cse-report select,#cse-report textarea{background:#fff;border:1px solid #d1d5db;color:#111827}
#cse-report input[type=submit],#cse-report .w-button,#cse-report button[type=submit]{background:linear-gradient(90deg,#e11d48,#f97316);color:#fff;border:0;font-weight:700}
#cse-report input::placeholder{color:#9ca3af}
@media (max-width:860px){#cse-report .cse-report-in{grid-template-columns:1fr;gap:28px}}

/* v4: results band rewrite */
#cse-report .cse-report-in{align-items:start;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px}
.cse-kicker{font:700 14px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#b03a2e;margin:0 0 14px}
.cse-h2x{font:800 38px/1.1 Inter,system-ui,sans-serif;letter-spacing:-.02em;color:#111827;margin:0 0 18px}
.cse-lead{font:400 17px/1.6 Inter,system-ui,sans-serif;color:#374151;margin:0 0 22px;max-width:none}
.cse-stat{display:flex;gap:16px;align-items:center;background:#111827;border-radius:14px;padding:18px 22px;margin:0 0 24px}
.cse-stat b{font:800 40px/1 Inter,system-ui,sans-serif;color:#f97316;flex:0 0 auto}
.cse-stat span{font:500 15px/1.45 Inter,system-ui,sans-serif;color:#e5e7eb}
.cse-checks-t{font:700 13px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#6b7280;margin:6px 0 12px}
.cse-checks{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
.cse-checks li{position:relative;padding:14px 16px 14px 48px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;font:400 15px/1.5 Inter,system-ui,sans-serif;color:#4b5563}
.cse-checks li b{color:#111827;font-weight:700}
.cse-checks li::before{content:"";position:absolute;left:16px;top:17px;width:20px;height:20px;border-radius:50%;background:#b03a2e url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/20px no-repeat}
#cse-report a.cse-btn-advisor{display:inline-block;background:linear-gradient(90deg,#e11d48,#f97316);color:#fff;font:700 17px Inter,system-ui,sans-serif;text-decoration:none;padding:17px 34px;border-radius:10px;box-shadow:0 8px 22px rgba(225,29,72,.28);transition:transform .15s,box-shadow .15s}
#cse-report a.cse-btn-advisor:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(225,29,72,.36)}
.cse-btn-note{font:400 14px Inter,system-ui,sans-serif;color:#6b7280;margin:12px 0 0}
.cse-formcard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:30px 30px 26px;box-shadow:0 1px 3px rgba(17,24,39,.06)}
.cse-formcard-t{font:800 24px/1.2 Inter,system-ui,sans-serif;color:#111827;letter-spacing:-.01em;margin:0 0 8px}
.cse-formcard-p{font:400 15px/1.55 Inter,system-ui,sans-serif;color:#4b5563;margin:0 0 20px}
#cse-report .cse-formcard input[type=submit],#cse-report .cse-formcard .w-button,#cse-report .cse-formcard button[type=submit]{background:#111827;background-image:none;color:#fff;border:1px solid #111827;font:700 16px Inter,system-ui,sans-serif;border-radius:10px;padding:15px 24px;width:100%;cursor:pointer;transition:background .15s}
#cse-report .cse-formcard input[type=submit]:hover,#cse-report .cse-formcard .w-button:hover{background:#1f2937}
.rsp-about .rsp-eyebrow{letter-spacing:-.02em}
@media (max-width:860px){#cse-report .cse-report-in{grid-template-columns:1fr;gap:32px}.cse-h2x{font-size:30px}}

/* v5 */
.cs-tool .cse-trust{font:400 14px/1.55 Inter,system-ui,sans-serif;color:#9ca3af;margin:0 0 14px;max-width:760px}
.cs-tool .cse-trust b{color:#e5e7eb;font-weight:600}
.cse-card-cta{display:inline-block;margin-top:12px;font:700 14px Inter,system-ui,sans-serif;color:#f97316;text-decoration:none;border-bottom:1px solid rgba(249,115,22,.4);padding-bottom:1px}
.cse-card-cta:hover{color:#fb923c;border-bottom-color:#fb923c}
.cse-btn-note b{color:#111827}
.cse-formcard-tag{font:700 12px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#6b7280;margin:0 0 8px}

/* ===== v7: template for email-security, pen-test and SEC pages ===== */
#cse-report,
#cst-sheet,
#csx-result{display:block;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:36px;background:#f5f5f7;padding:60px 0;border:0;border-radius:0;scroll-margin-top:100px}
#cse-report .cse-report-in,
#cst-sheet .cse-report-in,
#csx-result .cse-report-in{max-width:1500px;margin:0 auto;padding:0 15px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:start}
#cse-report label,#cse-report .w-form-label,
#cst-sheet label,#cst-sheet .w-form-label,
#csx-result label,#csx-result .w-form-label{color:#374151}
#cse-report input:not([type=submit]),#cse-report select,#cse-report textarea,
#cst-sheet input:not([type=submit]),#cst-sheet select,#cst-sheet textarea,
#csx-result input:not([type=submit]),#csx-result select,#csx-result textarea{background:#fff;border:1px solid #d1d5db;color:#111827}
#cse-report input::placeholder,
#cst-sheet input::placeholder,
#csx-result input::placeholder{color:#9ca3af}
#cse-report .cse-formcard input[type=submit],#cse-report .cse-formcard .w-button,#cse-report .cse-formcard button[type=submit],
#cst-sheet .cse-formcard input[type=submit],#cst-sheet .cse-formcard .w-button,#cst-sheet .cse-formcard button[type=submit],
#csx-result .cse-formcard input[type=submit],#csx-result .cse-formcard .w-button,#csx-result .cse-formcard button[type=submit]{background:#111827;background-image:none;color:#fff;border:1px solid #111827;font:700 16px Inter,system-ui,sans-serif;border-radius:10px;padding:15px 24px;width:100%;cursor:pointer}
#cse-report .cse-formcard input[type=submit]:hover,#cse-report .cse-formcard .w-button:hover,
#cst-sheet .cse-formcard input[type=submit]:hover,#cst-sheet .cse-formcard .w-button:hover,
#csx-result .cse-formcard input[type=submit]:hover,#csx-result .cse-formcard .w-button:hover{background:#1f2937}
#cse-report .cst-fine,#cse-report .csx-fine,#cse-report form p,
#cst-sheet .cst-fine,#cst-sheet .csx-fine,#cst-sheet form p,
#csx-result .cst-fine,#csx-result .csx-fine,#csx-result form p{font-size:12px;color:#6b7280}
#cse-report .cst-fine a,#cse-report form p a,
#cst-sheet .cst-fine a,#cst-sheet form p a,
#csx-result .cst-fine a,#csx-result form p a{color:#6b7280}
#cse-report a.cse-btn-advisor,
#cst-sheet a.cse-btn-advisor,
#csx-result a.cse-btn-advisor{display:inline-block;background:linear-gradient(90deg,#e11d48,#f97316);color:#fff;font:700 17px Inter,system-ui,sans-serif;text-decoration:none;padding:17px 34px;border-radius:10px;box-shadow:0 8px 22px rgba(225,29,72,.28)}
#cse-report .cst-done-title,#cse-report .csx-done-title,#cse-report .w-form-done,
#cst-sheet .cst-done-title,#cst-sheet .csx-done-title,#cst-sheet .w-form-done,
#csx-result .cst-done-title,#csx-result .csx-done-title,#csx-result .w-form-done{color:#065f46}
#cse-report .cst-flags,
#cst-sheet .cst-flags,
#csx-result .cst-flags{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
#cse-report .cst-flags li,
#cst-sheet .cst-flags li,
#csx-result .cst-flags li{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #dc2626;border-radius:12px;padding:14px 16px;margin:0}
#cse-report .cst-flags b,
#cst-sheet .cst-flags b,
#csx-result .cst-flags b{display:block;color:#111827;font-size:15px}
#cse-report .cst-flags span,
#cst-sheet .cst-flags span,
#csx-result .cst-flags span{display:block;color:#4b5563;font-size:14px;margin-top:3px}
#cse-report .csx-weak,
#cst-sheet .csx-weak,
#csx-result .csx-weak{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
#cse-report .csx-weak li,
#cst-sheet .csx-weak li,
#csx-result .csx-weak li{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #9ca3af;border-radius:12px;padding:14px 16px;margin:0}
#cse-report .csx-weak li.exposed,
#cst-sheet .csx-weak li.exposed,
#csx-result .csx-weak li.exposed{border-left-color:#dc2626}
#cse-report .csx-weak li.gaps,
#cst-sheet .csx-weak li.gaps,
#csx-result .csx-weak li.gaps{border-left-color:#d97706}
#cse-report .csx-weak li.ready,
#cst-sheet .csx-weak li.ready,
#csx-result .csx-weak li.ready{border-left-color:#059669}
#cse-report .csx-weak b,
#cst-sheet .csx-weak b,
#csx-result .csx-weak b{display:block;color:#111827;font-size:15px}
#cse-report .csx-weak span,
#cst-sheet .csx-weak span,
#csx-result .csx-weak span{display:block;color:#4b5563;font-size:14px;margin-top:3px}
@media (max-width:860px){#cse-report .cse-report-in,#cst-sheet .cse-report-in,#csx-result .cse-report-in{grid-template-columns:1fr;gap:32px}}
/* reveals: stats cards then prose, prose balanced in 2 cols (paragraphs are direct children on these pages) */
.rsp-section .rsp-inner:has(> .rsp-stats){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
.rsp-section .rsp-inner:has(> .rsp-stats) > *{grid-column:1 / -1}
.rsp-section .rsp-inner:has(> .rsp-stats) > p.rsp-p{grid-column:auto;max-width:none;margin:0;color:#374151}
.rsp-section .rsp-inner:has(> .rsp-stats) > p.rsp-p:last-of-type:nth-of-type(odd){grid-column:1 / -1}
@media (max-width:767px){.rsp-section .rsp-inner:has(> .rsp-stats){grid-template-columns:1fr}.rsp-section .rsp-inner:has(> .rsp-stats) > p.rsp-p{grid-column:1 / -1}}
/* numeric stat cards on email / pen test / SEC: big number, not a mono label */
body:has(#email-faq) .rsp-section#how .rsp-stat-num,body:has(#pentest-faq) .rsp-section#how .rsp-stat-num,body:has(#sec-faq) .rsp-section#how .rsp-stat-num{font:800 34px/1.1 Inter,system-ui,sans-serif !important;letter-spacing:-.02em !important;text-transform:none !important;color:#b03a2e !important;margin:0 0 8px !important}
/* hide the Sources sections on all tool pages */
#email-sources,#pentest-sources,#sec-sources{display:none}
/* email results: score breakdown card + findings grid */
.cse-breakdown{background:#0f1621;border:1px solid #1f2937;border-radius:14px;padding:20px 22px;margin:0 0 16px}
.cse-breakdown .cse-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px;margin-top:12px}
.cse-findings > .cse-item:has(.cse-look){grid-column:1 / -1}
@media (max-width:767px){.cse-breakdown .cse-bars{grid-template-columns:1fr}}
/* pen test / SEC: calculator + checklist sections keep dark; the band below them is the white closer of the tool */

/* ===== v8: all former light bands/cards now match the dark site ===== */
.rsp-about{background:#0B0F14;border-top:1px solid #1F2937}
.rsp-about .rsp-eyebrow{color:#F3F4F6}
.rsp-about .rsp-p{color:#9CA3AF}
.rsp-about .rsp-btn-ghost{background:transparent;color:#E5E7EB;border:1px solid #374151}
.rsp-about .rsp-btn-ghost:hover{border-color:#9CA3AF}
.rsp-section#how{background:#0B0F14}
.rsp-section#how .rsp-h2{color:#F3F4F6}
.rsp-section#how .rsp-eyebrow{border-color:#374151}
.rsp-section#how .rsp-stat{background:#111821 !important;border-color:#1F2937 !important;box-shadow:none}
.rsp-section#how .rsp-stat-label{color:#9CA3AF !important}
.rsp-section#how .rsp-stats + div .rsp-p{color:#9CA3AF}
.rsp-section .rsp-inner:has(> .rsp-stats) > p.rsp-p{color:#9CA3AF}
body:has(#email-faq) .rsp-section#how .rsp-stat-num,body:has(#pentest-faq) .rsp-section#how .rsp-stat-num,body:has(#sec-faq) .rsp-section#how .rsp-stat-num{color:#F97316 !important}
#cse-report.cst-result,#cse-report,#cst-sheet,#csx-result,#cs-sec-check #csx-result{background:#0B0F14;border-top:1px solid #1F2937}
#cse-report .cst-label,.cse-kicker,#cs-sec-check #csx-result .cse-kicker{color:#F97316}
#cse-report .cst-h2,.cse-h2x,#cs-sec-check #csx-result .cse-h,.cse-formcard-t,#cs-sec-check #csx-result .cse-formcard-t{color:#F3F4F6}
#cse-report .cst-p,.cse-lead,#cs-sec-check #csx-result .cse-lead,.cse-formcard-p,#cs-sec-check #csx-result .cse-formcard-p{color:#9CA3AF}
#cse-report .cst-fine,#cse-report .csx-fine,#cse-report form p,#cst-sheet .cst-fine,#cst-sheet .csx-fine,#cst-sheet form p,#csx-result .cst-fine,#csx-result .csx-fine,#csx-result form p,#cs-sec-check #csx-result .cst-fine,#cs-sec-check #csx-result .csx-fine,#cs-sec-check #csx-result form p,.cse-btn-note,#cs-sec-check #csx-result .cse-btn-note,.cse-formcard-tag,#cs-sec-check #csx-result .cse-formcard-tag,.cse-checks-t{color:#9CA3AF}
#cse-report .cst-fine a,#cse-report form p a,#cst-sheet .cst-fine a,#cst-sheet form p a,#csx-result .cst-fine a,#csx-result form p a,#cs-sec-check #csx-result .cst-fine a,#cs-sec-check #csx-result form p a{color:#D1D5DB}
.cse-btn-note b{color:#E5E7EB}
#cse-report .cst-jump{color:#F97316}
#cse-report label,#cse-report .w-form-label,#cst-sheet label,#cst-sheet .w-form-label,#csx-result label,#csx-result .w-form-label,#cs-sec-check #csx-result label,#cs-sec-check #csx-result .w-form-label{color:#D1D5DB}
#cse-report input:not([type=submit]),#cse-report select,#cse-report textarea,#cst-sheet input:not([type=submit]),#cst-sheet select,#cst-sheet textarea,#csx-result input:not([type=submit]),#csx-result select,#csx-result textarea,#cs-sec-check #csx-result input:not([type=submit]),#cs-sec-check #csx-result select,#cs-sec-check #csx-result textarea{background:#0B0F14;border:1px solid #374151;color:#F3F4F6}
#cse-report input::placeholder,#cst-sheet input::placeholder,#csx-result input::placeholder,#cs-sec-check #csx-result input::placeholder{color:#6B7280}
.cse-formcard{background:#111821;border:1px solid #1F2937;box-shadow:none}
#cse-report .cse-formcard input[type=submit],#cse-report .cse-formcard .w-button,#cse-report .cse-formcard button[type=submit],#cst-sheet .cse-formcard input[type=submit],#cst-sheet .cse-formcard .w-button,#cst-sheet .cse-formcard button[type=submit],#csx-result .cse-formcard input[type=submit],#csx-result .cse-formcard .w-button,#csx-result .cse-formcard button[type=submit],#cs-sec-check #csx-result .cse-formcard input[type=submit],#cs-sec-check #csx-result .cse-formcard .w-button,#cs-sec-check #csx-result .cse-formcard button[type=submit]{background:linear-gradient(90deg,#e11d48,#f97316);background-image:linear-gradient(90deg,#e11d48,#f97316);border:0;color:#fff}
#cse-report .cse-formcard input[type=submit]:hover,#cse-report .cse-formcard .w-button:hover,#cst-sheet .cse-formcard input[type=submit]:hover,#cst-sheet .cse-formcard .w-button:hover,#csx-result .cse-formcard input[type=submit]:hover,#csx-result .cse-formcard .w-button:hover,#cs-sec-check #csx-result .cse-formcard input[type=submit]:hover,#cs-sec-check #csx-result .cse-formcard .w-button:hover{background:linear-gradient(90deg,#e11d48,#f97316);filter:brightness(1.08)}
#cse-report .cst-done-title,#cse-report .csx-done-title,#cse-report .w-form-done,#cst-sheet .cst-done-title,#cst-sheet .csx-done-title,#cst-sheet .w-form-done,#csx-result .cst-done-title,#csx-result .csx-done-title,#csx-result .w-form-done,#cs-sec-check #csx-result .cst-done-title,#cs-sec-check #csx-result .csx-done-title,#cs-sec-check #csx-result .w-form-done{color:#34D399}
.cse-stat{background:#111821;border:1px solid #1F2937}
.cse-checks li{background:#111821;border:1px solid #1F2937;color:#9CA3AF}
.cse-checks li b{color:#F3F4F6}
.cse-checks li::before{background-color:#E11D48}
#cse-report .cst-flags li,#cst-sheet .cst-flags li,#csx-result .cst-flags li,#cs-sec-check #csx-result .cst-flags li,#cse-report .csx-weak li,#cst-sheet .csx-weak li,#csx-result .csx-weak li,#cs-sec-check #csx-result .csx-weak li{background:#111821;border-color:#1F2937}
#cse-report .cst-flags li,#cst-sheet .cst-flags li,#csx-result .cst-flags li,#cs-sec-check #csx-result .cst-flags li{border-left:3px solid #F87171}
#cse-report .csx-weak li,#cst-sheet .csx-weak li,#csx-result .csx-weak li,#cs-sec-check #csx-result .csx-weak li{border-left:3px solid #374151}
#cse-report .csx-weak li.exposed,#cst-sheet .csx-weak li.exposed,#csx-result .csx-weak li.exposed,#cs-sec-check #csx-result .csx-weak li.exposed{border-left-color:#F87171}
#cse-report .csx-weak li.gaps,#cst-sheet .csx-weak li.gaps,#csx-result .csx-weak li.gaps,#cs-sec-check #csx-result .csx-weak li.gaps{border-left-color:#FBBF24}
#cse-report .csx-weak li.ready,#cst-sheet .csx-weak li.ready,#csx-result .csx-weak li.ready,#cs-sec-check #csx-result .csx-weak li.ready{border-left-color:#34D399}
#cse-report .cst-flags b,#cst-sheet .cst-flags b,#csx-result .cst-flags b,#cse-report .csx-weak b,#cst-sheet .csx-weak b,#csx-result .csx-weak b,#cs-sec-check #csx-result .csx-weak li b,#cs-sec-check #csx-result .cst-flags b{color:#F3F4F6}
#cse-report .cst-flags span,#cst-sheet .cst-flags span,#csx-result .cst-flags span,#cse-report .csx-weak span,#cst-sheet .csx-weak span,#csx-result .csx-weak span,#cs-sec-check #csx-result .csx-weak li span,#cs-sec-check #csx-result .cst-flags span{color:#9CA3AF}