/* Hackshade wordmark and visual system: charcoal, white and the logo's purple. */
:root {
  --hs-ink: #17121e;
  --hs-ink-2: #2b2036;
  --hs-violet: #7628bd;
  --hs-blue: #9856dc;
  --hs-cyan: #72d8df;
  --hs-lavender: #f0e7f8;
  --hs-cloud: #f8f6fa;
  --hs-text: #27212d;
  --hs-muted: #706979;
  --hs-line: #e8e1ed;
}
:focus-visible { outline-color: #9b59d2; }

/* The source logo has white canvas around a horizontal lockup. Clip that canvas
   to the lockup so the supplied artwork stays crisp and the canvas blends in. */
.brand-logo-crop {
  position: relative;
  display: block;
  flex: none;
  width: 190px;
  height: 62px;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  line-height: 0;
}
.brand-logo-crop img {
  position: absolute;
  top: calc(50% + 6px);
  left: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  transform: translateY(-50%);
}
.brand-logo-compact { width: 145px; height: 47px; }
.brand { gap: 0; }

/* Main navigation and primary actions */
.site-header { position:sticky; top:0; z-index:50; background: #fff; color: #211a29; border-bottom-color: #e9e2ee; box-shadow:0 4px 18px #211a2908; }
.primary-nav { color: #5d5365; }
.primary-nav > a:not(.button):hover,
.back-link:hover { color: var(--hs-violet); }
.button-outline { border-color: #ded1e9; background: #fff; color: #563177; }
.button-primary { background: linear-gradient(105deg,#7024b7,#9951d8); box-shadow: 0 9px 24px #712ab23b; }
.button-light { color: #552b79; }
.nav-toggle { border-color: #e2d8ea; background: #fff; }
.nav-toggle span:not(.sr-only) { background: #35243f; }
.nav-user { color: #5e4b70; }

/* Homepage hero: logo-led charcoal and purple, with controlled cyan highlights. */
.hero { background: linear-gradient(122deg,#17121e 0%,#281638 52%,#54277a 100%); }
.hero-glow-one { background: radial-gradient(circle,rgba(178,116,233,.24),transparent 68%); }
.hero-glow-two { background: radial-gradient(circle,rgba(92,210,223,.15),transparent 70%); }
.eyebrow { color: #8151ab; }
.eyebrow-light { color: #d9b9f4; }
.eyebrow-mark,.eyebrow-pulse { color: #b17ce1; }
.eyebrow-pulse { background: #ba83ee; box-shadow: 0 0 0 5px #a96edb29; }
.hero h1 span,.help-inner h2 span { color: #d8b5f5; }
.hero-lead { color: #e1d8e9; }
.audit-form input:focus-visible { outline-color: #a66cdb; }
.reassurance { color: #ddd2e6; }
.reassurance > span:first-child { color: #7bd7dc; }
.hero-proof i { background: #7bd7dc; }
.reassurance-sep,.hero-note,.hero-bottom { color: #bdb0ca; }
.dashboard-top { color: #c3aed6; }
.demo-label { border-color: #bb91df66; color: #e3c9fb; }
.domain-icon { color: #e0c1fb; background: #9c60d92c; }
.score-ring { background: conic-gradient(#a76be0 0 76%,#ffffff18 76% 100%); }
.score-ring:before { background: #30213d; }
.score-ring small,.dashboard-domain small,.score-copy p,.check-status,.float-chip small { color: #c1b2cd; }
.score-copy .mini-label { color: #c4aad9; }
.check-info { color: #83dde2; background: #4dbbc22b; }
.chip-icon { background: #61c8d32b; color: #89e0e3; }
.chip-icon-violet { background: #a763d932; color: #dbb5fa; }
.float-chip { background: #21182ded; }

/* Brand accents on landing page sections and consultation card. */
.strip-inner b,.card-number,.section-heading h2 span,.sample-copy h2 span,
.faq-layout h2 span,.contact-grid h2 span { color: var(--hs-violet); }
.check-card:hover,.step-card:hover { border-color: #d0b5e5; }
.check-card .card-icon,.step-icon { color: var(--hs-violet); background: #f0e7f8; }
.step-index { color: #8b54b4; }
.help-cta { background: linear-gradient(112deg,#231330,#54277a); }
.contact-section { background: #f8f6fa; }
.contact-grid h2 { color: #211a29; }
.contact-grid > div > p { color: #6d6474; }
.contact-booking-card { border-color: #e5d9ef; background: radial-gradient(ellipse at 100% 0%,#f2e7fb 0,transparent 44%),linear-gradient(145deg,#fff,#faf7fc); }
.booking-whatsapp-icon { border-color: #e4d4f0; background: #f1e8f8; color: #7628bd; }
.booking-label,.booking-steps b { color: #7628bd; }
.whatsapp-booking-button { border-color: #6723a8; background: linear-gradient(105deg,#6721ad,#8c43ca 62%,#a460d9); box-shadow: 0 10px 23px #6a2cad2b; }
.whatsapp-booking-button:hover { box-shadow: 0 14px 27px #6a2cad40; }
.booking-steps span { border-color: #e9e0ee; color: #574d5e; }
.booking-number strong { color: #5c337c; }
.site-footer { background: #17121e; }
.site-footer .brand-logo-crop { width: 176px; height: 57px; }
.site-footer .brand-logo-crop img { top: calc(50% + 6px); }

/* Scan modal shares the same wordmark and brand palette. */
.scan-dialog { border-color: #e1d5ec; background: #fcf9ff; color: #281e31; }
.scan-dialog::backdrop { background: #17121ec9; }
.scan-dialog-card { background: radial-gradient(ellipse at 50% 27%,#f0e3fb 0,transparent 42%),linear-gradient(150deg,#fff,#f7f1fb); }
.scan-visual .scan-orbit { border-color: #a978cf77; }
.scan-visual .scan-orbit-two { border-color: #c39be088; }
.scan-core { background: linear-gradient(145deg,#64239f,#9b5bd4); box-shadow: 0 12px 30px #67329438; }
.scan-spark,.scan-kicker,.scan-live-dot { color: #7628bd; }
.scan-live-dot { background: #8a43c1; box-shadow: 0 0 0 4px #8a43c124; }
.scan-dialog h2 { color: #261b31; }
.scan-domain { color: #735e81; }
.scan-description { color: #5f5368; }
.scan-progress { background: #e9dff0; }
.scan-progress span { background: linear-gradient(90deg,#a466d3,#6e28ae,#c28de8); }
.scan-review-list span { border-color: #e7dced; color: #4f3b5d; }
.scan-review-list i { background: #f0e6f7; color: #702ab0; }
.scan-footnote { color: #7f7189; }
.scan-title-stage { color: #261b31; }
.scan-dialog { width: min(650px,calc(100% - 24px)); max-height: calc(100% - 24px); border-radius: 25px; }
.scan-dialog-card { padding: 20px 28px 17px; }
.scan-visual { width: 112px; height: 112px; margin: 7px auto 0; }
.scan-visual .scan-orbit-one { inset: 13px; }
.scan-visual .scan-orbit-two { inset: 2px; }
.scan-core { width: 56px; height: 56px; border-radius: 18px; font-size: 35px; }
.scan-dialog h2 { margin: 8px 0 2px; font-size: clamp(17px,4vw,27px); line-height: 1.25; letter-spacing: -.7px; white-space: nowrap; }
.scan-title-stage { max-width: calc(100% - 24px); overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
.scan-ellipsis { width: 1.15em; animation: scan-pulse 1.35s ease-in-out infinite; }
.scan-domain { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scan-description { max-width: none; margin-top: 7px; font-size: 12px; line-height: 1.45; white-space: nowrap; }
.scan-progress { margin: 15px 0 13px; }
.scan-review-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.scan-review-list span { justify-content: center; min-width: 0; padding: 7px 8px; overflow: hidden; font-size: 9px; white-space: nowrap; }
.scan-review-list span i { flex: none; }
.scan-footnote { max-width: none; margin-top: 11px; font-size: 9px; white-space: nowrap; }
@media(max-width:480px) {
  .scan-dialog-card { padding: 18px 15px 15px; }
  .scan-visual { width: 96px; height: 96px; margin-top: 4px; }
  .scan-core { width: 50px; height: 50px; font-size: 31px; }
  .scan-dialog h2 { font-size: clamp(15px,5vw,21px); letter-spacing: -.5px; }
  .scan-description { font-size: 11px; }
  .scan-review-list { gap: 6px; }
  .scan-review-list span { gap: 5px; padding: 7px 5px; font-size: 8px; }
  .scan-review-list i { width: 13px; height: 13px; }
  .scan-footnote { font-size: 8px; }
}
.scan-brand .brand-logo-crop { border-radius:0; background:transparent !important; }
.scan-brand .brand-logo-crop img { mix-blend-mode:multiply; }

/* Report palette: same dark wordmark header, light reading surface, purple focus. */
.audit-report {
  --report-ink: #241b2b;
  --report-muted: #685c70;
  --report-olive: #7628bd;
  --report-deep: #21142d;
  --report-lime: #d5b3f0;
  --report-line: #e6dced;
  --report-paper: #f8f5fb;
  background: var(--report-paper) !important;
  color: var(--report-ink) !important;
}
.audit-report .report-header { background:#fff !important; color:#241b2b !important; border-bottom:1px solid #e8e1ed !important; }
.audit-report .report-footer { background:#17121e !important; color:#f8f5fb !important; }
.audit-report .report-header .brand,.audit-report .back-link { color:#3f3348 !important; }
.audit-report .report-print { border-color: #a66bd1 !important; background: linear-gradient(105deg,#7024b7,#9951d8) !important; }
.audit-report .report-hero {
  border-color: #503466 !important;
  background: radial-gradient(ellipse at 95% 0%,#5a3474 0%,transparent 43%),linear-gradient(120deg,#21142d,#38204b 70%,#2a183b) !important;
}
.audit-report .report-kicker,.audit-report .report-hero h1 span,
.audit-report .report-hero-meta i { color: #d7b3f4 !important; }
.audit-report .coverage-track span { background: linear-gradient(90deg,#9752d1,#d0a5f1) !important; }
.audit-report .summary-icon,.audit-report .category-card-icon,
.audit-report .score-caveat { background: #f0e6f7 !important; color: #6826a5 !important; }
.audit-report .report-sidebar > a:hover { background: #f2eafb !important; color: #56277c !important; }
.audit-report .finding-group-head .category-icon { background: #f0e6f7 !important; color: #6826a5 !important; }
.audit-report .group-score,.audit-report .finding-chevron,
.audit-report .finding-facts > div > span,
.audit-report .finding-facts .recommendation-fact > span,
.audit-report .finding-limitation span,.audit-report .finding-card summary,
.audit-report .finding-card summary span,.audit-report .evidence-content a,
.audit-report .external-tools > a { color: #6c3294 !important; }
.audit-report .finding-accordion-summary:hover { background: #f7f1fb !important; }
.audit-report .trust-signal-segments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:10px; }
.audit-report .trust-signal-segment { min-width:0; padding:11px 12px; border:1px solid #e5d9ed; border-radius:10px; background:#fbf8fd; }
.audit-report .trust-signal-segment strong { display:block; color:#5c3473; font-size:.78rem; }
.audit-report .finding-facts .trust-signal-segment p { margin:5px 0 0; color:#51465a; font-size:.78rem; line-height:1.5; overflow-wrap:anywhere; }
.audit-report .status-critical,.audit-report .status-caution,
.audit-report .overview-status-critical,.audit-report .overview-status-caution {
  border-color:#e8b5b5 !important; background:#fff0f0 !important; color:#a52d2d !important;
}
.audit-report .status-positive,.audit-report .overview-status-positive {
  border-color:#badbbd !important; background:#eaf7ec !important; color:#286738 !important;
}
.audit-report .finding-limitation { border-left-color: #8e55b3 !important; background: #f5eff9 !important; }
.audit-report .external-tools > a { border-color: #e6dced !important; background: #f6f0fa !important; }
@media(max-width:650px) { .audit-report .trust-signal-segments { grid-template-columns:1fr; } }
@media print { .audit-report .trust-signal-segments { grid-template-columns:repeat(2,minmax(0,1fr)); } .audit-report .trust-signal-segment { break-inside:avoid; } }
.audit-report .mini-label,.audit-report .report-section-block .report-kicker,
.audit-report .detail-heading .report-kicker { color: #6b378e !important; }
.audit-report .score-orb { border-color: #8950b5 !important; background: radial-gradient(circle,#f1e5fa,#fff 72%) !important; }
.audit-report .score-orb strong,.audit-report .summary-counts b { color: #4c2866 !important; }
.audit-report .action-review .action-marker { background: #f0e7f8 !important; color: #64259c !important; }
.audit-report .action-card { border-top-color: #9060b3 !important; }
.audit-report .action-improve { border-top-color: #b379d4 !important; }
.audit-report .category-card-icon { border-color: #e2d1ee !important; }
.audit-report .category-card:hover { border-color: #ba8ddb !important; }
.audit-report .finding-accordion-summary:focus-visible,
.audit-report .details-toggle:focus-visible { outline-color: #9b59d2 !important; }
.audit-report .report-help { background: radial-gradient(ellipse at 85% 0%,#4e2c67 0%,transparent 52%),linear-gradient(110deg,#21142d,#39204e) !important; border-color: #5d3a75 !important; }
.audit-report .report-cta { border-color:#aa78ce !important; background:linear-gradient(100deg,#7024b7,#9951d8) !important; color:#fff !important; }
.audit-report .details-toggle { border-color: #dccbe8 !important; background: #f1e8f8 !important; color: #5c2e7c !important; }

/* CRM and admin pages */
.admin-header { background: #17121e !important; border-bottom-color: #34243e !important; }
.admin-brand { gap: 8px; }
.admin-brand .brand-logo-crop { display:block; width:160px; height:52px; border-radius:8px; background:#fff !important; }
.admin-brand .brand-logo-crop img { top: calc(50% + 5px); }
.admin-brand small { color: #d6b3f0 !important; }
.admin-heading h1,.lead-detail-grid > .admin-panel h2 { color: #271b31 !important; }
.admin-kicker,.admin-breadcrumb a,.login-back,.table-sub:hover,.admin-link:hover,
.admin-link,.detail-list a { color: #7628bd !important; }
.admin-followup-chip strong,.admin-stats strong,.admin-heading h1 { color: #3e2751; }
.admin-button { background: linear-gradient(100deg,#7024b7,#9951d8) !important; box-shadow: 0 7px 18px #7628bd24; }
.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,
.lead-filters input:focus,.lead-filters select:focus,.login-card input:focus { outline-color: #9c61d0 !important; }
.status-new,.status-contacted,.status-proposal_sent { background: #f0e7f8 !important; color: #64258f !important; }
.login-body { background: radial-gradient(ellipse at top,#f0e5f8,#f8f5fb 65%) !important; }
.login-card { border-color: #e5d9ed !important; }
.login-card > .admin-brand { justify-content:flex-start; color: #201725 !important; }
.login-card > .admin-brand .brand-logo-crop { width: 190px; height: 62px; }
.login-card > .admin-brand small { color: #7628bd !important; }
.login-card h1 { color: #241b2b !important; }

@media (max-width:760px) {
  .primary-nav { background: #fff !important; border-bottom-color: #e8e0ee !important; }
  .primary-nav.is-open > a:not(.button) { color: #4d4056; border-bottom-color: #eee7f2 !important; }
  .primary-nav .button-outline { color: #5d2b83; }
  .admin-brand .brand-logo-crop { width: 145px; height: 47px; }
  .admin-header { align-items:flex-start; flex-direction:column; }
  .admin-header nav { width:100%; flex-wrap:wrap; justify-content:space-between; }
}
@media (max-width:430px) {
  .brand-logo-crop { width: 166px; height: 54px; }
  .brand-logo-crop img { top: calc(50% + 5px); }
  .site-footer .brand-logo-crop { width: 166px; height: 54px; }
}
@media print {
  .audit-report .report-header,.audit-report .report-footer { background:#fff !important; color:#211a29 !important; }
  .audit-report .report-header .brand { color:#211a29 !important; }
  .audit-report .report-hero { background:#f0e8f6 !important; border-color:#dac8e7 !important; }
  .audit-report .report-hero h1,.audit-report .report-lede,.audit-report .report-hero-meta,
  .audit-report .report-hero h1 span { color:#241b2b !important; }
}

/* Homepage: make the actual audit scope easy to compare and scan. */
.hero-visual { isolation:isolate; }
.audit-scope-card { position:relative; z-index:2; width:min(100%,455px); padding:25px; border:1px solid #ffffff30; border-radius:20px; background:linear-gradient(150deg,#20152deF,#271934ee); box-shadow:0 30px 75px #100b1870; backdrop-filter:blur(12px); }
.audit-scope-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:16px; border-bottom:1px solid #ffffff20; color:#f2eafa; font-size:9px; font-weight:800; letter-spacing:.12em; }
.audit-scope-head span:first-child { display:flex; align-items:center; gap:8px; }
.audit-scope-head i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#80dfb5; box-shadow:0 0 0 4px #80dfb525; }
.audit-scope-head span:last-child { color:#bcb0c8; font-size:8px; white-space:nowrap; }
.audit-scope-count { display:flex; align-items:center; gap:15px; padding:20px 0 16px; color:#fff; }
.audit-scope-count>strong { color:#d4b0f2; font:800 62px/.95 var(--font-heading); letter-spacing:-.06em; }
.audit-scope-count b,.audit-scope-count small { display:block; }
.audit-scope-count b { font:700 17px var(--font-heading); }
.audit-scope-count small { margin-top:4px; color:#c9bdcf; font-size:11px; }
.audit-scope-divider { height:1px; margin-bottom:13px; background:#ffffff20; }
.audit-scope-list { display:grid; gap:10px; color:#eee8f2; font-size:11px; }
.audit-scope-list span { display:flex; align-items:flex-start; gap:8px; line-height:1.5; }
.audit-scope-list i { display:grid; place-items:center; flex:none; width:17px; height:17px; border-radius:6px; background:#76d9ad20; color:#83e4b7; font-size:10px; font-style:normal; font-weight:800; }
.audit-scope-foot { margin-top:16px; padding:10px 11px; border-left:2px solid #80dbaa; background:#ffffff0a; color:#d0c6d6; font-size:9px; line-height:1.5; }
.audit-scope-foot span { margin-right:6px; color:#9ce5bd; }
.float-chip { border-color:#ffffff35; background:#241a31f2; }
.chip-coverage { top:33px; right:-9px; }
.chip-priority { bottom:33px; left:-12px; }
.hero-proof { text-transform:none; }
/* Green is a selective brand accent alongside Hackshade purple. */
.hero h1 span,.help-inner h2 span { color:#75df8c; }
.hero h1 span { background:linear-gradient(95deg,#8cf0a0,#c2ff8e); background-clip:text; -webkit-background-clip:text; color:transparent; }
.hero-glow-one { background:radial-gradient(circle,rgba(123,223,140,.23),transparent 68%); }
.hero-glow-two { background:radial-gradient(circle,rgba(157,88,207,.25),transparent 70%); }
.eyebrow-pulse { background:#70df83; box-shadow:0 0 0 5px #70df8329; }
.hero-proof i { background:#70df83; }
.button-primary { color:#142217; background:linear-gradient(105deg,#62d477,#8ae69a); box-shadow:0 9px 24px #58bd6b45; }
.button-primary:hover { box-shadow:0 12px 28px #58bd6b66; }
.primary-nav .button-outline { border:1px solid #7628bd; background:linear-gradient(105deg,#7024b7,#8d42c5); color:#fff; box-shadow:0 7px 18px #7628bd26; }
.primary-nav .button-outline:hover { border-color:#5e1c9f; background:linear-gradient(105deg,#5e1c9f,#7628bd); color:#fff; box-shadow:0 9px 22px #7628bd3b; }
.audit-scope-count>strong { color:#83e895; }
.audit-scope-list i { background:#73df8a20; color:#83e895; }
.audit-scope-foot { border-left-color:#75df8c; }
.audit-scope-foot span { color:#83e895; }
.section-heading h2 span,.sample-copy h2 span { color:#397c42; }
.check-card .card-number { border-color:#d8e9d4; background:#edf7ec; color:#347342; }
.section-checks .card-arrow { color:#478f52; }
.text-link { color:#397c42; }
.trust-check { background:#e7f6e8; color:#347742; }
.report-benefit-note { border-left:2px solid #72cf81; padding-left:10px; }
.section-checks .checks-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.section-checks .check-card { min-height:250px; padding:25px 22px; border-color:#e3e8dd; background:linear-gradient(150deg,#fff,#fbfcf8); }
.section-checks .check-card:hover { border-color:#a7c870; box-shadow:0 14px 34px #34471c16; }
.section-checks .card-number { display:grid; place-items:center; min-width:34px; height:28px; padding:0 8px; border:1px solid #dce7cc; border-radius:999px; background:#f2f7e9; color:#54722f; font-size:11px; letter-spacing:0; }
.section-checks .check-card h3 { max-width:calc(100% - 38px); color:#202719; }
.section-checks .check-card p { max-width:none; color:#596452; font-size:13px; line-height:1.7; }
.section-checks .card-arrow { color:#6f943e; }
.section-checks .section-footnote { max-width:900px; padding:13px 16px; border-left:3px solid #86aa50; border-radius:0 10px 10px 0; background:#f2f6eb; color:#4e5d40; font-size:12px; line-height:1.65; }
.audit-inline-cta { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:20px; padding:19px 22px; border:1px solid #e1e9d9; border-radius:16px; background:linear-gradient(105deg,#f6f9f0,#fff 58%,#f4eff8); box-shadow:0 12px 32px #261b3108; }
.audit-inline-cta>div { display:grid; gap:3px; }
.audit-inline-cta strong { color:#26351f; font:700 16px/1.4 var(--font-heading); }
.audit-inline-cta>div span { color:#697763; font-size:12px; }
.audit-inline-cta .button { flex:none; }
@media(max-width:600px) { .audit-inline-cta { align-items:stretch; flex-direction:column; gap:13px; padding:17px; } .audit-inline-cta strong { font-size:15px; } .audit-inline-cta .button { width:100%; } }
.report-benefits-card { display:grid; gap:10px; border-color:#e5e0e9; }
.report-benefits-card .report-head { margin-bottom:3px; border-bottom-color:#e8e3ec; }
.report-benefits-card .report-head .mini-label { color:#7628bd; }
.report-benefits-card .report-date { background:#f2eaf8; color:#6728a0; }
.report-benefit-row { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:12px; padding:14px; border:1px solid #ece7ef; border-radius:13px; background:#fff; }
.benefit-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; font-size:15px; font-weight:800; }
.benefit-good { background:#eaf6eb; color:#327442; }
.benefit-attention { background:#fff0e9; color:#b44d37; }
.benefit-review { background:#f3eff7; color:#6e4d85; }
.report-benefit-row strong,.report-benefit-row small { display:block; }
.report-benefit-row strong { color:#29232f; font-size:13px; }
.report-benefit-row small { margin-top:3px; color:#706978; font-size:11px; line-height:1.45; }
.benefit-tag { padding:6px 9px; border:1px solid #e7e0eb; border-radius:999px; color:#5a4b63; font-size:10px; font-weight:700; white-space:nowrap; }
.report-benefit-note { margin:3px 2px 0; color:#6f6876; font-size:11px; line-height:1.55; }
@media(max-width:1050px) { .section-checks .checks-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
  .hero-visual .float-chip { display:none; }
  .audit-scope-card { width:calc(100% - 18px); padding:20px; }
  .audit-scope-count>strong { font-size:54px; }
  .chip-coverage { top:13px; right:-4px; }
  .chip-priority { bottom:12px; left:-3px; }
  .section-checks .checks-grid { gap:11px; }
  .section-checks .check-card { min-height:220px; padding:20px 17px; }
  .report-benefit-row { grid-template-columns:34px minmax(0,1fr); padding:12px; }
  .benefit-tag { grid-column:2; justify-self:start; }
}
@media(max-width:520px) {
  .audit-scope-card { width:100%; padding:18px; }
  .audit-scope-head { align-items:flex-start; flex-direction:column; gap:5px; }
  .audit-scope-count { padding:15px 0 13px; }
  .audit-scope-count>strong { font-size:48px; }
  .float-chip { padding:8px 10px; }
  .float-chip strong { font-size:9px; }
  .float-chip small { font-size:8px; }
  .section-checks .checks-grid { grid-template-columns:1fr; }
  .section-checks .check-card { min-height:0; padding:19px; }
  .section-checks .check-card p { padding-right:12px; }
  .sample-grid { grid-template-columns:1fr; }
  .sample-report { padding:17px; }
  .report-benefit-row { grid-template-columns:34px minmax(0,1fr); }
}

/* Show a straightforward passed-parameters score in the report hero. */
.audit-report .report-hero { grid-template-columns:minmax(0,1fr) 245px; }
.audit-report .report-hero-score { --score-accent:#67d891; display:flex; flex-direction:column; justify-content:center; min-width:0; padding:20px; border:1px solid #ffffff45; border-left:4px solid var(--score-accent); border-radius:16px; background:#160e2080; color:#fff; }
.audit-report .report-hero-score.score-band-red { --score-accent:#ff7373; }
.audit-report .report-hero-score.score-band-orange { --score-accent:#ff9b55; }
.audit-report .report-hero-score.score-band-yellow { --score-accent:#f4d45f; }
.audit-report .report-hero-score.score-band-green { --score-accent:#77df99; }
.audit-report .report-hero-score.score-band-unavailable { --score-accent:#d7b3f4; }
.audit-report .report-score-label { color:#eadcf3; font-size:.66rem; font-weight:800; letter-spacing:.12em; }
.audit-report .report-score-label::before { display:inline-block; width:9px; height:9px; margin-right:8px; border-radius:50%; background:var(--score-accent); content:""; }
.audit-report .report-score-number { display:flex; align-items:baseline; gap:5px; margin-top:8px; }
.audit-report .report-score-number strong { color:var(--score-accent); font:800 48px/1 var(--font-heading); letter-spacing:-.05em; }
.audit-report .report-score-number span { color:#f0e6f5; font-size:.9rem; }
.audit-report .report-hero-score p { margin:9px 0 0; color:#f3eafa; font-size:.82rem; font-weight:650; }
.audit-report .report-hero-score small { margin-top:6px; color:#d2c1dd; font-size:.68rem; line-height:1.4; }
@media(max-width:760px) { .audit-report .report-hero { grid-template-columns:minmax(0,1fr) 210px; } }
@media(max-width:650px) {
  .audit-report .report-hero { grid-template-columns:1fr; }
  .audit-report .report-hero-score { padding:16px 18px; }
  .audit-report .report-score-number strong { font-size:40px; }
}
@media print {
  .audit-report .report-hero { grid-template-columns:minmax(0,1fr) 165px; }
  .audit-report .report-hero-score { padding:10px; border-color:#d8c7e2; background:#fff !important; color:#241b2b !important; break-inside:avoid; }
  .audit-report .report-score-label,.audit-report .report-hero-score p,.audit-report .report-hero-score small { color:#35283e !important; }
  .audit-report .report-score-number span { color:#45344f !important; }
  .audit-report .report-score-number strong { color:var(--score-accent) !important; }
  .audit-report .report-score-number strong { font-size:32px; }
}

/* Homepage art direction: one strong hero, quiet surfaces, clear audit details. */
.hero { background:#251a30; }
.hero::after,.hero-glow,.visual-orbit { display:none; }
.hero h1 span { color:#8de29a; background:none; -webkit-text-fill-color:currentColor; }
.hero-glow-one,.hero-glow-two { display:none; }
.audit-scope-card { border:1px solid #584867; border-left:3px solid #75d987; border-radius:15px; background:#30243a; box-shadow:0 16px 36px #130d1b3d; backdrop-filter:none; }
.audit-scope-head { color:#d1c2dc; }
.audit-scope-count>strong { color:#8de29a; }
.audit-scope-foot { border-left-color:#75d987; background:#ffffff0a; }
.audit-scope-foot span,.audit-scope-list i { color:#8de29a; }
.button-primary { border-radius:10px; background:#80d98b; box-shadow:0 7px 18px #16231a26; color:#17241a; }
.button-primary:hover { background:#91e39b; box-shadow:0 9px 22px #16231a35; }
.button-outline { border-color:#722dab; background:#722dab; color:#fff; box-shadow:none; }
.button-outline:hover { background:#5c238c; }
.section-checks { position:relative; overflow:hidden; background:#efebf2; }
.section-checks::before { display:none; }
.section-checks .section-heading h2 { color:#291f31; }
.section-checks .section-heading h2 span { color:#603b79; }
.section-checks .section-heading>p { color:#5d5363; }
.section-checks .eyebrow,.section-checks .eyebrow-mark { color:#70428c; }
.section-checks .checks-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.section-checks .check-card,.section-checks .check-card:nth-child(3n+2),.section-checks .check-card:nth-child(3n) { min-height:260px; padding:21px 18px; border:1px solid #d5c9dd; border-radius:13px; background:#f9f7fa; box-shadow:0 6px 16px #30213b0c; }
.section-checks .check-card::after { display:none; }
.section-checks .check-card:hover { transform:translateY(-3px); border-color:#a688b8; box-shadow:0 10px 22px #30213b14; }
.section-checks .check-card h3 { max-width:calc(100% - 66px); margin:16px 0 6px; color:#2b2232; font-size:15px; line-height:1.35; }
.section-checks .check-card p { padding:0; color:#5d5563; font-size:12px; line-height:1.6; }
.section-checks .card-number,.section-checks .check-card:nth-child(3n+2) .card-number { top:23px; right:16px; padding:5px 7px; border:1px solid #dbcee4; border-radius:999px; background:#f0eaf4; color:#673c84; font-size:8px; font-weight:800; letter-spacing:.15px; white-space:nowrap; }
.section-checks .check-card .feature-icon { width:42px; height:42px; border:1px solid #ded3e6; border-radius:11px; background:#f0ebf4; color:#6f458a; font-size:9px; font-weight:800; letter-spacing:.4px; }
.section-checks .check-card .card-arrow { display:none; }
.section-checks .section-footnote { border-left:3px solid #80539a; border-radius:0 8px 8px 0; background:#f5f1f7; color:#51465a; }
.how-section { background:#f8f6f9; }
.steps-grid { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:24px; }
.step-card,.step-card:nth-of-type(2) { min-height:0; padding:19px 7px 17px; border:0; border-top:2px solid #cdbed7; border-radius:0; background:transparent; box-shadow:none; }
.step-card:hover { transform:none; border-color:#8352a0; }
.step-index { position:static; display:block; margin:0 0 21px; color:#71418d; font:800 29px/1 var(--font-heading); letter-spacing:-1px; }
.step-icon,.step-connector { display:none; }
.step-card h3 { max-width:230px; margin:0 0 8px; color:#2c2333; font:750 16px/1.35 var(--font-heading); }
.step-card p { max-width:290px; margin:0; color:#625968; font-size:12px; line-height:1.7; }
.sample-section { background:#f0ebf4; }
.sample-copy .eyebrow,.sample-copy .eyebrow-mark { color:#684186; }
.sample-copy h2 { color:#2b2033; }
.sample-copy h2 span { color:#537f4e; }
.sample-copy>p { color:#534a59; }
.sample-copy .sample-trust strong { color:#302538; }
.sample-copy .sample-trust small { color:#645a69; }
.sample-report { border:1px solid #d0c2da; border-radius:15px; background:#faf8fb; box-shadow:0 12px 28px #30213b12; }
.faq-section { background:#fbfafc; }
.faq-list details,.faq-list details:first-child { border-color:#d2c7da; }
.faq-list summary { color:#302638; }
.faq-list details p { color:#5e5364; }
.faq-list summary span { border-color:#d5c9de; background:#f5f1f7; color:#70418d; }
@media(max-width:1050px) {
  .section-checks .checks-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .steps-grid { grid-template-columns:1fr; gap:10px; }
  .step-card,.step-card:nth-of-type(2) { padding:16px 7px; }
  .step-index { margin-bottom:9px; font-size:23px; }
}
@media(max-width:520px) {
  .section-checks .checks-grid { grid-template-columns:1fr; }
  .section-checks .check-card,.section-checks .check-card:nth-child(3n+2),.section-checks .check-card:nth-child(3n) { min-height:0; padding:19px; }
  .section-checks .check-card h3 { max-width:calc(100% - 60px); }
}

/* Keep URL validation in the page flow and offer a compact, scroll-aware audit action. */
.hero-copy .form-error { position:relative; top:auto; left:auto; width:min(100%,610px); margin:9px 0 0; padding:9px 12px; border:1px solid #ffc4c7; border-radius:9px; background:#fff0f1; color:#a52d35; font-size:12px; font-weight:600; line-height:1.5; box-shadow:0 4px 12px #180e2012; }
.hero-copy .form-error::before { content:"!"; display:inline-grid; place-items:center; width:17px; height:17px; margin-right:8px; border-radius:50%; background:#fbd7d9; color:#a52d35; font-size:11px; font-weight:800; vertical-align:-1px; }
.hero-copy .form-error[hidden] { display:none; }
#website-url { scroll-margin-top:110px; }
.sticky-audit-cta { position:fixed; z-index:70; right:16px; bottom:max(14px,env(safe-area-inset-bottom)); left:16px; display:flex; align-items:center; justify-content:space-between; gap:18px; width:min(760px,calc(100% - 32px)); margin-inline:auto; padding:10px 12px 10px 18px; border:1px solid #e2d8e8; border-radius:16px; background:#fff; box-shadow:0 14px 42px #21162d26; opacity:0; visibility:hidden; transform:translate(-50%,calc(100% + 24px)); left:50%; transition:opacity .22s ease,transform .22s ease,visibility .22s; }
.sticky-audit-cta.is-visible { opacity:1; visibility:visible; transform:translate(-50%,0); }
.sticky-audit-copy { display:grid; gap:2px; min-width:0; }
.sticky-audit-copy strong { color:#292032; font:700 13px/1.35 var(--font-heading); }
.sticky-audit-copy span { color:#6f6577; font-size:11px; line-height:1.4; }
.sticky-audit-button { display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:14px; flex:none; min-width:190px; min-height:48px; padding:8px 13px 8px 16px; text-align:left; }
.sticky-audit-button { border:1px solid #4c2866; background:#38204b; box-shadow:0 7px 18px #38204b30; color:#fff; }
.sticky-audit-button:hover { border-color:#2b173b; background:#2b173b; box-shadow:0 9px 22px #38204b40; }
.sticky-audit-button span { grid-column:1; color:#fff; font-size:13px; font-weight:800; line-height:1.2; }
.sticky-audit-button small { grid-column:1; color:#e0c9f2; font-size:10px; font-weight:600; line-height:1.25; }
.sticky-audit-button b { grid-column:2; grid-row:1; color:#d8b5f5; font-size:18px; }
@media(max-width:520px) {
  .sticky-audit-cta { right:10px; bottom:max(10px,env(safe-area-inset-bottom)); left:10px; gap:8px; width:calc(100% - 20px); padding:8px; border-radius:13px; }
  .sticky-audit-copy { padding-left:4px; }
  .sticky-audit-copy strong { max-width:140px; font-size:11px; }
  .sticky-audit-copy span { max-width:140px; font-size:9px; }
  .sticky-audit-button { min-width:158px; min-height:46px; gap:7px; padding:7px 10px; }
  .sticky-audit-button span { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .sticky-audit-cta { transition:none; } }

/* Persistent consultation action on saved audit reports. */
.audit-report { padding-bottom:100px; }
.report-sticky-consult { position:fixed; z-index:80; right:16px; bottom:max(14px,env(safe-area-inset-bottom)); left:16px; display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(900px,calc(100% - 32px)); margin-inline:auto; padding:12px 14px 12px 20px; border:1px solid #e4d5ef; border-radius:16px; background:#fff; box-shadow:0 14px 42px #21162d26; }
.report-sticky-consult-copy { display:grid; gap:3px; min-width:0; }
.report-sticky-consult-copy strong { color:#292032; font:750 14px/1.3 var(--font-heading); }
.report-sticky-consult-copy span { color:#6f6577; font-size:12px; line-height:1.4; }
.report-sticky-consult-button { display:flex; flex:none; align-items:center; justify-content:center; gap:14px; min-height:48px; padding:11px 16px; border:1px solid #4c2866; border-radius:11px; background:#38204b; box-shadow:0 7px 18px #38204b30; color:#fff; font-size:13px; font-weight:800; text-decoration:none; transition:background .18s ease,transform .18s ease,box-shadow .18s ease; }
.report-sticky-consult-button:hover { transform:translateY(-1px); border-color:#2b173b; background:#2b173b; box-shadow:0 9px 22px #38204b40; }
.report-sticky-consult-button:focus-visible { outline:3px solid #b48bd2; outline-offset:3px; }
@media(max-width:520px) {
  .audit-report { padding-bottom:94px; }
  .report-sticky-consult { right:10px; bottom:max(10px,env(safe-area-inset-bottom)); left:10px; gap:9px; width:calc(100% - 20px); padding:9px; border-radius:13px; }
  .report-sticky-consult-copy { padding-left:3px; }
  .report-sticky-consult-copy strong { max-width:150px; font-size:11px; }
  .report-sticky-consult-copy span { max-width:150px; font-size:9px; }
  .report-sticky-consult-button { gap:7px; min-height:44px; padding:8px 10px; font-size:10px; }
}
@media print { .audit-report { padding-bottom:0!important; } .report-sticky-consult { display:none!important; } }
.utm-cell { min-width:190px; }
.utm-cell>span:not(.table-sub) { display:block; margin:2px 0; color:#46543f; font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.utm-cell>span b { color:#76846d; font-size:9px; font-weight:700; }