/* Theme layer, loaded last on every page: pure white, pure black, neutral greys, one red. */
:root{color-scheme:only light;
  --white:#fff;--black:#000;--ink:#0a0a0a;--ink-2:#262626;--muted:#525252;--muted-2:#737373;--line:#e5e5e5;--line-2:#d4d4d4;
  --red:#e10600;--red-hover:#b30500;--red-on-dark:#ff453a;--red-tint:#fff1f1;
  --accent:#e10600;--coral:#e10600;--paper:#fff;--dark:#000;--solution:#0a0a0a;--solution-hover:#262626;--solution-soft:#f5f5f5}
html,body{background:#fff;color:var(--ink)}
::selection{background:#e10600;color:#fff}

/* Primary actions are red everywhere: one colour means "act now". */
.button{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important;border-radius:8px;font-weight:700;letter-spacing:-.1px;transition:background .2s,transform .2s,box-shadow .2s}
.button:hover{background:var(--red-hover)!important;border-color:var(--red-hover)!important}
.button:active{transform:translateY(1px)}
.button .icon{color:#fff}
.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.mobile-bottom .button,.nav-cta{background:var(--red)!important}

/* Dark sections are true black; cards on them are near-black with hairline borders. */
.night,.threat-stats,.final-cta,.process.dark-section{background:#000!important}
.threat-stats-grid>div,.night-cost,.why-solution{background:#0d0d0d!important;border-color:#262626!important}
.alert-bar{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
.alert-bar a,.alert-bar strong,.alert-bar span{color:#fff!important}

/* Section headings: eyebrow, headline, then the intro directly beneath it at a readable size. */
.section-heading{display:block!important;margin-bottom:48px!important}
.section-heading>p{max-width:640px;margin:18px 0 0!important;text-align:left!important;font-size:17px!important;line-height:1.65!important}
.section-heading>p br{display:none}
.section-heading h2{max-width:20ch}
#why-not-update{padding-top:112px}
#briefing{padding-top:104px}
.eyebrow{font-size:12px!important;letter-spacing:1.4px!important;font-weight:700!important}

/* Readable body copy on every surface. */
.security-copy p,.exposure-copy>p,.guarantee-description,.founder-letter p,.night-intro p,.service-card p,.why-card p{font-size:16px!important;line-height:1.7!important}
.icon-list li,.why-steps small,.handover-list small{font-size:15px!important}
.service-card p,.brief-card p{color:#525252}
.timeline p{font-size:16px!important;line-height:1.65!important}
.testimonial-card p{font-size:15px!important}
.faq-list summary{font-size:16px!important}
.faq-list details p{font-size:15px!important;line-height:1.7!important}
.footer-col,.footer-brand p{font-size:14px!important}
.footer-bottom{font-size:12px!important}

/* Hero entrance and a pulse that draws the eye to the main action. */
@media (prefers-reduced-motion:no-preference){
  .motion .hero-copy>*{animation:wls-rise .8s cubic-bezier(.2,.7,.2,1) both!important}
  .motion .hero-copy>*:nth-child(2){animation-delay:.06s!important}
  .motion .hero-copy>*:nth-child(3){animation-delay:.12s!important}
  .motion .hero-copy>*:nth-child(4){animation-delay:.2s!important}
  .motion .hero-copy>*:nth-child(5){animation-delay:.28s!important}
  .motion .hero-copy>*:nth-child(n+6){animation-delay:.36s!important}
  .motion .attack-scene{animation:wls-rise .9s .2s cubic-bezier(.2,.7,.2,1) both}
  .hero-actions .button{animation:wls-pulse 2.6s 1.6s ease-out infinite}
}
@keyframes wls-rise{from{opacity:0;transform:translateY(22px)}}
@keyframes wls-pulse{0%{box-shadow:0 0 0 0 #e1060066}70%{box-shadow:0 0 0 16px #e1060000}100%{box-shadow:0 0 0 0 #e1060000}}

/* Scroll reveals: groups rise in with a short stagger. Content is fully visible without JavaScript. */
.motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 80ms)}
.motion .in>.reveal,.motion .reveal.in,.motion .in .reveal{opacity:1;transform:none}

/* Count-up stats */
.threat-stats-grid strong{font-variant-numeric:tabular-nums}

/* Night timeline: a red line draws down as you scroll and each moment lights up as it is reached. */
.timeline{position:relative}
.timeline::after{content:"";position:absolute;left:-1px;top:0;width:2px;height:100%;background:linear-gradient(#ff453a,#e10600);transform-origin:top;transform:scaleY(var(--progress,1));z-index:0}
.timeline li{z-index:1}
.timeline-icon{z-index:2;transition:background .35s,color .35s,border-color .35s,box-shadow .35s}
.timeline-live .timeline li{opacity:.32;transition:opacity .45s}
.timeline-live .timeline li.lit{opacity:1}
.timeline-live .timeline li.lit .timeline-icon{background:#ff453a;color:#000;border-color:#ff453a;box-shadow:0 0 0 6px #000,0 0 24px #ff453a80}
.timeline-live .timeline li.lit time{color:#fff}

@media (max-width:900px){
  #why-not-update{padding-top:80px}
  #briefing{padding-top:72px}
  .section-heading{margin-bottom:32px!important}
  .section-heading>p{font-size:16px!important}
}
@media (max-width:600px){
  .security-copy p,.exposure-copy>p,.guarantee-description,.night-intro p,.service-card p,.why-card p{font-size:15.5px!important}
  .timeline p{font-size:15.5px!important}
  .eyebrow{font-size:11.5px!important;letter-spacing:1.1px!important}
}

/* ===== Typography floor (desktop): measured from every text element under 13px ===== */
.button{font-size:15px!important}
.button-small,.nav-cta{font-size:14px!important}
/* Decorative caps and mono labels: never below 11px */
.service-number,.document-rows dt,.checker-top span,.checker-free,.critical-pill,.threat-panel-title span,.recovery-step-kicker,.recovery-roadmap-heading span,.offer-top span,.document-top span,.hero-footer-end,.hero-threat>span:not(.threat-live-dot),.recovery-alert,.night-cost-label{font-size:11px!important;letter-spacing:.8px}
.checker-free{font-size:10.5px!important}
/* Supporting text: 13 to 15px */
.stack-chip small{font-size:12.5px!important}
.source-links a,.check-method,.check-method a,.threat-stats-head a,.threat-live,.testimonial-role,.testimonial-topic,.advisory-link,.available,.document-caption,.footer h4,.footer-col h4,.footer-bottom,.payment-methods-label,.brand-note,.attack-caption{font-size:13px!important}
.brief-tag,.service-tags>span,.service-commitments span,.attack-heading>span{font-size:12px!important}
.seal small{font-size:12px!important}
.seal strong{font-size:14px!important}
.threat-stats-grid span{font-size:14px!important;line-height:1.55!important}
.assurance-item strong{font-size:14.5px!important}
.assurance-item small,.assurance-item small a{font-size:13px!important}
.check-trust{font-size:14px!important}
.check-help,.checker-disclosure,.checker-footer span,.recovery-action-reassurance,.recovery-roadmap-footer span,.document-foot,.founder-sign small,.seals-caption{font-size:13px!important;line-height:1.6!important}
.document-rows dd,.document-subtitle,.offer-quote span,.payment-assurance p,.offer-card>p,.advisory-content p,.severity p,.threat-facts span{font-size:14px!important;line-height:1.6!important}
.hero .container>span,.hero-reassurance span,.hero-reassurance strong{font-size:13px!important}
.check-scope strong{font-size:14px!important}.check-scope small{font-size:13.5px!important}
#exposure-form label{font-size:14px!important}
.url-check-limit{font-size:14px!important;line-height:1.7!important}
.guarantee-points strong{font-size:15px!important}.guarantee-points small{font-size:14px!important}
.unknown-issue>span,.unknown-issue strong,.unknown-issue>button,.unknown-issue>a{font-size:14px!important}
.advisory-details summary{font-size:14px!important}
.faq-grid>div>p{font-size:15px!important}
.footer-col a{font-size:14px!important}

/* Stack section header stacks like the others */
.stacks-head{display:block!important}
.stacks-head p{text-align:left!important;max-width:620px;margin-top:12px!important;font-size:16px!important}
/* Arrow icons inside running text stay on the line */
.check-method a .icon,.source-links a .icon,p a .icon{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-left:4px}

@media (max-width:600px){
  .button{font-size:15px!important}
  .seal small{font-size:11.5px!important}.seal strong{font-size:13px!important}
  .threat-stats-grid span{font-size:13px!important}
  .stack-chip small{font-size:12px!important}
  .check-trust{font-size:13px!important}
  .assurance-item strong{font-size:14px!important}
  .service-number,.document-rows dt{font-size:10.5px!important}
}
.threat-facts strong{font-size:13.5px!important}
@media (max-width:600px){.button{gap:12px!important;padding-left:20px!important;padding-right:20px!important}}

/* ===== Plain-language pass: what a hack costs you ===== */
.loss-grid{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e5e5e5;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden}
.loss-grid li{display:flex;flex-direction:column;gap:8px;padding:28px 26px;background:#fff}
.loss-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:6px;border-radius:12px;background:#fff1f1;color:#e10600}
.loss-icon .icon{width:22px;height:22px;stroke-width:2}
.loss-grid strong{font:750 19px/1.25 var(--display);letter-spacing:-.4px;color:#0a0a0a}
.loss-grid li>span:last-child{font-size:15px;line-height:1.6;color:#525252}
.loss-turn{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:24px 28px;border-radius:16px;background:#000;color:#fff}
.loss-turn p{margin:0;max-width:640px;font-size:17px;line-height:1.55;color:#d4d4d4}
.loss-turn strong{color:#fff}
.loss-turn .button{flex:none}
#security .advisory-details{margin-top:28px}
@media (max-width:900px){.loss-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}}
@media (max-width:600px){
  .loss-grid{grid-template-columns:1fr;margin-top:32px}
  .loss-grid li{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;row-gap:4px;padding:20px}
  .loss-icon{grid-row:span 2;margin:0}
  .loss-grid strong{font-size:17px}
  .loss-grid li>span:last-child{font-size:14.5px}
  .loss-turn{flex-direction:column;align-items:stretch;gap:16px;padding:22px 20px}
  .loss-turn p{font-size:16px}
  .loss-turn .button{justify-content:center}
}

/* ===== Plain-language pass: the risk report ===== */
.url-checker .result-top{font-size:12px!important;letter-spacing:.8px}
.url-checker .check-result .result-context{font-size:12px!important}
.url-checker .check-result>#result-description{font-size:15px!important;line-height:1.65!important;color:#404040!important;margin-top:14px}
.result-risk{margin-top:16px;padding:14px 16px 16px;border-radius:12px;background:#0a0a0a;color:#fff}
.result-risk-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.result-risk-head span{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#a3a3a3}
.result-risk-head strong{font:800 21px/1.1 var(--display);letter-spacing:-.5px;color:#ff453a}
.result-risk[data-level="hidden"] .result-risk-head strong,.result-risk[data-level="unknown"] .result-risk-head strong{color:#fff}
.result-risk-meter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:11px}
.result-risk-meter i{height:8px;border-radius:4px;background:#2a2a2a}
.result-risk[data-level="high"] .result-risk-meter i,
.result-risk[data-level="serious"] .result-risk-meter i:nth-child(-n+4),
.result-risk[data-level="elevated"] .result-risk-meter i:nth-child(-n+3){background:#ff453a}
.result-risk[data-level="hidden"] .result-risk-meter i,.result-risk[data-level="unknown"] .result-risk-meter i{background:repeating-linear-gradient(135deg,#4a4a4a 0 4px,#1c1c1c 4px 8px);background-size:11.3px 11.3px}
.result-risk p{margin:10px 0 0;font-size:14px;line-height:1.55;color:#d4d4d4}
@media (prefers-reduced-motion:no-preference){
  .result-risk[data-level="hidden"] .result-risk-meter i,.result-risk[data-level="unknown"] .result-risk-meter i{animation:wls-unknown 1.4s linear infinite}
  .result-risk[data-level="high"] .result-risk-head strong{animation:wls-blink 1.2s ease-in-out 3}
}
@keyframes wls-unknown{to{background-position:11.3px 0}}
@keyframes wls-blink{50%{opacity:.45}}
.report-summary span{font-size:12.5px!important;line-height:1.45!important}
.url-checker .website-findings strong{font-size:15px!important;line-height:1.35!important;color:#0a0a0a!important;align-items:flex-start}
.url-checker .website-findings strong>small{flex:none;max-width:none!important;padding:3px 8px!important;border-radius:999px;background:#efefef;color:#525252!important;font:700 10.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.4px!important;text-align:left!important;white-space:nowrap}
.url-checker .website-findings li[data-state="attention"] strong>small{background:#fff1f1;color:#e10600!important}
.url-checker .website-findings li[data-severity="high"] strong>small{background:#e10600;color:#fff!important}
.url-checker .website-findings p{font-size:14px!important;line-height:1.6!important;color:#404040!important}
.url-checker .website-findings .finding-impact{font-size:14px!important;color:#b30500!important}
.url-checker .website-findings .finding-fix{font-size:14px!important;color:#0a0a0a!important;border-left-color:#0a0a0a!important}
.finding-tech{margin-top:8px}
.finding-tech summary{cursor:pointer;list-style:none;font-size:12.5px;color:#737373;text-decoration:underline;text-underline-offset:3px}
.finding-tech summary::-webkit-details-marker{display:none}
.url-checker .website-findings .finding-tech p{font-size:12.5px!important;color:#737373!important;overflow-wrap:anywhere}
.other-checks>summary{font-size:14px!important}
.result-hidden{margin-top:20px;padding:18px;border-radius:12px;border:1px solid #ffd0cd;background:#fff6f5}
.result-hidden h4{margin:0 0 14px;font:750 16px/1.35 var(--display);letter-spacing:-.2px;color:#0a0a0a}
.result-hidden-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.result-hidden-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}
.result-hidden-list .icon{width:34px;height:34px;padding:8px;border-radius:9px;border:1px solid #ffd0cd;background:#fff;color:#e10600;stroke-width:2}
.result-hidden-list strong{display:block;font-size:14.5px;line-height:1.35;color:#0a0a0a}
.result-hidden-list small{display:block;margin-top:3px;font-size:13.5px;line-height:1.55;color:#525252}
.result-hidden-close{margin:16px 0 0;font-size:14px;line-height:1.6;color:#262626}
.url-checker .check-result .result-next p{font-size:14.5px!important;line-height:1.65!important;color:#262626!important}
.url-checker .result-scope{font-size:12.5px!important;line-height:1.65!important}
.result-guarantee{font-size:13.5px!important}
@media (max-width:600px){
  .result-hidden{padding:15px}
  .url-checker .website-findings strong{flex-wrap:wrap}
}

/* Tablets: stack the hero so the illustration gets the full width instead of a cramped column. */
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr!important;min-height:0!important}
  .hero .attack-scene{max-width:600px;margin:0}
}
.url-checker .result-next>strong{font-size:12px!important;letter-spacing:.8px}

/* ===== Urgency pass: rolling alert banner ===== */
.ticker{display:flex!important;align-items:stretch;height:42px;padding:0!important;overflow:hidden;font-size:13px!important}
.ticker-label{flex:none;display:flex;align-items:center;gap:8px;padding:0 16px 0 20px;background:#000;color:#fff}
.ticker-label strong{font:800 11.5px/1 var(--display);letter-spacing:1.4px}
.ticker .alert-dot{width:8px;height:8px;border-radius:50%;background:#ff453a!important}
.ticker-window{flex:1 1 auto;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.ticker-rail{display:flex;width:max-content;height:100%}
.ticker-track{display:flex;list-style:none;margin:0;padding:0}
.ticker-track li{display:flex;align-items:center;gap:10px;height:100%;padding-right:22px;white-space:nowrap;font-weight:600;color:#fff}
.ticker-track li::before{content:"";width:5px;height:5px;border-radius:50%;background:#ffffffa6;margin-right:14px}
.ticker-tag{padding:4px 7px;border-radius:4px;background:#00000047;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.8px}
.ticker-ours .ticker-tag{background:#fff;color:#e10600!important}
.ticker-cta{flex:none;display:flex;align-items:center;gap:6px;padding:0 20px;background:#000;color:#fff!important;font-weight:700;white-space:nowrap;text-decoration:none}
.ticker-cta:hover{background:#1f1f1f}
.ticker-cta .icon{width:13px;height:13px}
@media (prefers-reduced-motion:no-preference){
  .ticker-rail{animation:wls-ticker 60s linear infinite}
  .ticker:hover .ticker-rail,.ticker:focus-within .ticker-rail{animation-play-state:paused}
  .ticker .alert-dot{animation:wls-live 1.4s ease-out infinite}
}
@keyframes wls-ticker{to{transform:translateX(-50%)}}
@keyframes wls-live{0%{box-shadow:0 0 0 0 #ff453acc}100%{box-shadow:0 0 0 9px #ff453a00}}
@media (max-width:640px){
  .ticker{height:38px;font-size:12px!important}
  .ticker-label{padding:0 10px 0 14px}
  .ticker-cta{padding:0 12px;font-size:12px}
  .ticker-track li{padding-right:16px}
  .ticker-track li::before{margin-right:12px}
}

/* ===== Urgency pass: the headline glitches now and then ===== */
.glitch{position:relative;display:inline-block;font-style:normal;color:inherit}
@media (prefers-reduced-motion:no-preference){
  .glitch::before,.glitch::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}
  .glitch::before{color:#0a0a0a;animation:wls-glitch-a 5.5s steps(1) 2.6s infinite}
  .glitch::after{color:#ff453a;animation:wls-glitch-b 5.5s steps(1) 2.6s infinite}
  .glitch{animation:wls-glitch-main 5.5s steps(1) 2.6s infinite}
}
@keyframes wls-glitch-a{0%,85%,95%,100%{opacity:0;transform:none;clip-path:inset(0)}86%{opacity:.9;transform:translate(-5px,1px);clip-path:inset(8% 0 58% 0)}88%{opacity:.9;transform:translate(5px,-2px);clip-path:inset(62% 0 6% 0)}90%{opacity:.9;transform:translate(-3px,0);clip-path:inset(36% 0 36% 0)}92%{opacity:.9;transform:translate(3px,1px);clip-path:inset(14% 0 70% 0)}}
@keyframes wls-glitch-b{0%,85%,95%,100%{opacity:0;transform:none;clip-path:inset(0)}86%{opacity:.9;transform:translate(5px,-1px);clip-path:inset(58% 0 10% 0)}88%{opacity:.9;transform:translate(-5px,2px);clip-path:inset(4% 0 70% 0)}90%{opacity:.9;transform:translate(4px,0);clip-path:inset(44% 0 28% 0)}92%{opacity:.9;transform:translate(-2px,-1px);clip-path:inset(72% 0 4% 0)}}
@keyframes wls-glitch-main{0%,85%,95%,100%{transform:none}87%{transform:skewX(-7deg)}89%{transform:skewX(5deg)}91%{transform:translateX(2px)}}

/* ===== Urgency pass: stamped commitment seals ===== */
.seals{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 12px!important}
.seal{padding:4px 4px 2px!important;border:0!important;background:none!important;gap:2px!important;border-radius:0!important;box-shadow:none!important}
.seal::before,.seal::after{display:none!important}
.seal-art{width:104px;height:104px;margin-bottom:8px;overflow:visible;filter:drop-shadow(0 12px 18px #00000029);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.seal:hover .seal-art,.seal:focus-visible .seal-art{transform:translateY(-4px) rotate(-6deg) scale(1.04)}
.seal-outer{fill:#0a0a0a}
.seal-ticks{fill:none;stroke:#fff;stroke-width:1.2;stroke-dasharray:1.4 2.8;opacity:.6}
.seal-text{font:800 8.4px/1 var(--display),sans-serif;letter-spacing:.4px;fill:#fff}
.seal-inner{fill:#e10600;stroke:#fff;stroke-width:2.5}
.seal-icon{color:#fff;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.seal-ring{transform-box:view-box;transform-origin:60px 60px}
.seal strong{font:750 14px/1.2 var(--display)!important;color:#0a0a0a!important}
.seal small{font-size:12px!important;color:#525252!important}
.seals-dark{grid-template-columns:repeat(6,minmax(0,1fr))!important;max-width:1000px!important;margin-top:34px!important}
.seals-dark .seal-outer{fill:#fff}
.seals-dark .seal-text{fill:#0a0a0a}
.seals-dark .seal-ticks{stroke:#0a0a0a}
.seals-dark .seal-inner{stroke:#0a0a0a}
.seals-dark .seal-art{filter:drop-shadow(0 0 18px #ff453a40)}
.seals-dark .seal strong{color:#fff!important}
.seals-dark .seal small{color:#a3a3a3!important}
@media (prefers-reduced-motion:no-preference){
  .seal-ring{animation:wls-spin 30s linear infinite}
  .seal:nth-child(2n) .seal-ring{animation-direction:reverse}
}
@keyframes wls-spin{to{transform:rotate(360deg)}}
@media (max-width:900px){.seals-dark{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:600px){
  .seal-art{width:86px;height:86px;margin-bottom:6px}
  .seals,.seals-dark{gap:18px 6px!important}
  .seal strong{font-size:13px!important}
  .seal small{font-size:11.5px!important}
}

/* ===== Urgency pass: no grey slabs. White cards with hairlines, or true black ===== */
.stacks{background:#fff!important;border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.stack-chip{border-color:#e5e5e5!important;border-radius:12px!important}
.checker-card{border-color:#e5e5e5!important;border-radius:16px!important;box-shadow:0 30px 70px -40px #00000047!important}
.checker-top,.checker-footer{background:#fff!important}
.checker-top{border-bottom:1px solid #ededed!important}
.checker-footer{border-top:1px solid #ededed!important}
.checker-free{background:#e10600!important;color:#fff!important;border-color:#e10600!important}
.service-card{background:#fff!important;border:1px solid #e5e5e5!important;border-radius:14px!important;box-shadow:0 1px 0 #0000000a}
.service-card:hover{border-color:#0a0a0a!important;box-shadow:0 24px 48px -30px #00000066}
.brief-card{border-top:3px solid #e10600!important}
.recovery-stories{background:#fff!important}
.testimonial-card{border-color:#e5e5e5!important;border-radius:14px!important}
.recovery-roadmap-heading,.recovery-roadmap-footer{background:#fff!important}
.document-foot{background:#fff!important;border-color:#e5e5e5!important}

/* Founder: a black band, so the story stands apart */
.founder{background:#000!important;color:#fff}
.founder h2{color:#fff!important}
.founder .eyebrow{color:#ff453a!important}
.founder .founder-letter p{color:#d4d4d4!important}
.founder .founder-sign strong{color:#fff!important}
.founder .founder-sign small{color:#a3a3a3!important}
.founder .founder-monogram{background:#e10600!important;color:#fff!important}
.founder .text-link{color:#fff!important;border-color:#fff!important}
.founder .founder-facts>div{background:#0d0d0d!important;border-color:#262626!important}
.founder .founder-facts strong{color:#fff!important}
.founder .founder-facts span:not(.fact-icon){color:#a3a3a3!important}
.founder .fact-icon{background:#2a0705!important;color:#ff453a!important}

/* The promise card: black, with a red glow */
.offer-card{background:#000!important;border:1px solid #2a2a2a!important;border-radius:18px!important;color:#fff;box-shadow:0 0 0 1px #e1060026,0 40px 90px -40px #e1060080!important}
.offer-card h3,.offer-card .offer-quote strong,.offer-card .payment-assurance strong,.offer-card p strong{color:#fff!important}
.offer-card .refund-number{color:#ff453a!important}
.offer-card .refund-number span{color:#fff!important}
.offer-card p,.offer-card .offer-quote span,.offer-card .payment-assurance p,.offer-card .payment-methods-label,.offer-card .offer-top,.offer-card .offer-top span,.offer-card .guarantee-terms{color:#a3a3a3!important}
.offer-card .offer-top .icon,.offer-card .payment-assurance>.icon{color:#ff453a!important}
.offer-card .offer-rule{background:#262626!important;border-color:#262626!important}
.offer-card .guarantee-terms:hover{color:#fff!important}

/* Footer: true black to close the page */
.footer{background:#000!important;color:#a3a3a3!important;border-top:1px solid #1a1a1a}
.footer .brand-name{color:#fff!important}
.footer-brand p,.footer-col a,.footer-trust span,.footer-bottom,.footer-bottom span{color:#a3a3a3!important}
.footer-col a:hover{color:#fff!important}
.footer-col h4{color:#fff!important}
.footer-email{color:#fff!important}
.footer-trust .icon{color:#ff453a!important}
.footer-bottom{border-color:#262626!important}

/* ===== Urgency pass: lights on the points that matter ===== */
.threat-stats-grid>div{position:relative}
.threat-stats-grid>div::after{content:"";position:absolute;top:20px;right:20px;width:8px;height:8px;border-radius:50%;background:#ff453a;box-shadow:0 0 10px #ff453a}
.loss-icon{position:relative}
.loss-icon::after{content:"";position:absolute;inset:0;border-radius:12px;border:2px solid #e10600;opacity:0;pointer-events:none}
.button{position:relative;overflow:hidden;isolation:isolate}
.button::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,#ffffff4d,transparent);transform:skewX(-20deg);pointer-events:none;z-index:-1}
@media (prefers-reduced-motion:no-preference){
  .threat-stats-grid>div::after{animation:wls-live 1.6s ease-out infinite}
  .threat-stats-grid>div:nth-child(2)::after{animation-delay:.4s}
  .threat-stats-grid>div:nth-child(3)::after{animation-delay:.8s}
  .threat-stats-grid>div:nth-child(4)::after{animation-delay:1.2s}
  .loss-icon::after{animation:wls-ring 3s ease-out infinite}
  .loss-grid li:nth-child(2) .loss-icon::after{animation-delay:.5s}
  .loss-grid li:nth-child(3) .loss-icon::after{animation-delay:1s}
  .loss-grid li:nth-child(4) .loss-icon::after{animation-delay:1.5s}
  .loss-grid li:nth-child(5) .loss-icon::after{animation-delay:2s}
  .loss-grid li:nth-child(6) .loss-icon::after{animation-delay:2.5s}
  .button::after{animation:wls-shine 5s ease-in-out infinite}
}
@keyframes wls-ring{0%{opacity:.75;transform:scale(1)}60%,100%{opacity:0;transform:scale(1.6)}}
@keyframes wls-shine{0%{left:-70%}22%,100%{left:135%}}
.ticker-cta-short{display:none}
@media (max-width:480px){.ticker-cta-long{display:none}.ticker-cta-short{display:inline}}

/* Secondary pages: white side cards and a true-black call to action */
.page-aside .page-box{background:#fff!important;border-color:#e5e5e5!important;border-left:3px solid #e10600!important}
.page article .page-cta{background:#000!important;box-shadow:0 30px 70px -40px #e1060080}

/* ===== Spacing rhythm: two white sections in a row share one gap instead of stacking two paddings ===== */
#security,#briefing,#why-not-update,#recovery-stories,#faq{padding-top:32px!important}
#security,#warning-signs{padding-bottom:80px!important}
@media (max-width:900px){
  #security,#briefing,#why-not-update,#recovery-stories,#faq{padding-top:22px!important}
  #security,#warning-signs{padding-bottom:64px!important}
}
@media (max-width:640px){
  .section{padding-top:52px;padding-bottom:52px}
  #security,#briefing,#why-not-update,#recovery-stories,#faq{padding-top:12px!important}
  #security,#warning-signs{padding-bottom:52px!important}
  .section-heading{margin-bottom:24px!important}
}

/* ===== Who we help ===== */
.who-strip{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.who-strip li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:999px;background:#0a0a0a;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.who-strip .icon{width:24px;height:24px;padding:5px;border-radius:50%;background:#e10600;color:#fff;flex:none}
.stack-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#737373}

/* Swipe hints only show where a row scrolls sideways */
.swipe-hint{display:none;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#e10600}
.swipe-hint .icon{width:14px;height:14px}

/* ===== Warning-signs self-check ===== */
.signs-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.signs-copy h2{margin:14px 0 16px}
.signs-copy h2 span{color:#e10600}
.signs-copy p{max-width:420px;margin:0 0 18px;font-size:17px;line-height:1.6;color:#525252}
.signs-panel{border:1px solid #e5e5e5;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 70px -44px #00000059}
.signs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}
.sign{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 40px 10px 12px;border:1.5px solid #e5e5e5;border-radius:12px;background:#fff;color:#0a0a0a;font:600 14.5px/1.3 inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.sign>.icon{width:32px;height:32px;padding:7px;border-radius:9px;background:#f5f5f5;color:#0a0a0a;flex:none;transition:background .2s,color .2s}
.sign:hover{border-color:#0a0a0a}
.sign:active{transform:scale(.98)}
.sign-tick{position:absolute;right:12px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;border:1.5px solid #d4d4d4;display:grid;place-items:center;color:transparent;transition:background .2s,border-color .2s,color .2s}
.sign-tick .icon{width:12px;height:12px;stroke-width:3}
.sign[aria-pressed="true"]{border-color:#e10600;background:#fff6f5}
.sign[aria-pressed="true"]>.icon{background:#e10600;color:#fff}
.sign[aria-pressed="true"] .sign-tick{background:#e10600;border-color:#e10600;color:#fff}
.signs-result{padding:20px 22px 22px;background:#000;color:#fff}
.signs-meter{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.signs-meter i{height:8px;border-radius:4px;background:#262626;transition:background .3s}
.signs-meter i.on{background:#ff453a;box-shadow:0 0 10px #ff453a99}
.signs-count{margin:10px 0 6px;font-size:13px;color:#a3a3a3}
.signs-count strong{font:800 18px/1 var(--display);color:#fff}
.signs-verdict{display:block;font:750 22px/1.2 var(--display);letter-spacing:-.5px;color:#fff}
.signs-result[data-level="3"] .signs-verdict,.signs-result[data-level="2"] .signs-verdict,.signs-result[data-level="1"] .signs-verdict{color:#ff453a}
.signs-advice{margin:6px 0 16px;font-size:15px;line-height:1.55;color:#d4d4d4}
.signs-result .button{width:100%;justify-content:center}
@media (prefers-reduced-motion:no-preference){.signs-result[data-level="3"] .signs-verdict{animation:wls-blink 1.2s ease-in-out 2}}
@media (max-width:900px){.signs-grid{grid-template-columns:1fr;gap:26px}}
@media (max-width:640px){
  .signs-list{gap:8px;padding:12px}
  .sign{min-height:64px;padding:9px 30px 9px 9px;gap:8px;font-size:13px}
  .sign>.icon{width:28px;height:28px;padding:6px}
  .sign-tick{right:8px;width:18px;height:18px;margin-top:-9px}
  .signs-result{padding:16px}
  .signs-verdict{font-size:19px}
  .signs-copy p{font-size:16px}
}

/* ===== Phones: rows that scroll sideways instead of very long stacks ===== */
@media (max-width:640px){
  .swipe-hint{display:inline-flex}
  .section-heading .swipe-hint{margin-top:14px}
  .who-strip{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 24px;padding:0 20px 4px;scrollbar-width:none}
  .who-strip::-webkit-scrollbar,.stack-grid::-webkit-scrollbar,#briefing .service-grid::-webkit-scrollbar,.testimonial-grid::-webkit-scrollbar{display:none}
  .who-strip li{font-size:13px}
  .stack-grid{display:grid!important;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-template-columns:none!important;grid-auto-columns:64%;gap:8px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none}
  .stack-grid>*{scroll-snap-align:start}
  #briefing .service-grid,.testimonial-grid{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 10px;scrollbar-width:none}
  #briefing .service-grid>*,.testimonial-grid>*{flex:0 0 84%;scroll-snap-align:start;min-width:0}
  .loss-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .loss-grid li{display:flex!important;flex-direction:column;gap:6px;padding:16px 14px!important}
  .loss-icon{width:38px;height:38px;margin:0 0 4px!important}
  .loss-icon .icon{width:19px;height:19px}
  .loss-grid strong{font-size:15px!important;line-height:1.25}
  .loss-grid li>span:last-child{font-size:13px!important;line-height:1.5}
  .founder-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .founder .founder-facts>div{display:flex!important;flex-direction:column;gap:6px;padding:14px!important}
  .founder-facts strong{font-size:14px!important}
  .founder-facts span:not(.fact-icon){font-size:12.5px!important;margin-top:0!important}
  .handover-document .document-rows dd{font-size:13px!important}
}
@media (max-width:640px){#services{padding-top:0!important}}
@media (max-width:640px){.signs-list{grid-template-columns:1fr}.sign{min-height:52px;font-size:14px;padding-right:38px}.sign-tick{right:12px}}
