/* =====================================================================
   SEOVORO v10: neutral black-and-white skin
   Loaded AFTER seovoro-v9.css. Changes appearance only: no markup, text,
   links, SEO tags or scripts are touched by this file.
   To roll back: remove the one <link> line for this file in includes/header.php.
   ===================================================================== */

/* ---------- 1. Design tokens (dark = default, light = toggle) ---------- */
:root{
  --ink:#050506;--panel:#09090b;--panel-2:#0e0e10;
  --line:#26262b;--line-soft:#18181b;
  --text:#fafafa;--muted:#8e8e96;--dim:#6b6b72;
  --violet:#fafafa;--violet-strong:#e4e4e7;--violet-wash:rgba(255,255,255,.06);
  --display:'Instrument Sans','Segoe UI',system-ui,-apple-system,sans-serif;
  --serif:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,'Times New Roman',serif;
  --r-btn:11px;--r-card:18px;
}
html[data-theme=light]{
  --ink:#f4f4f1;--panel:#ffffff;--panel-2:#f0f0ec;
  --line:#e2e2de;--line-soft:#ececE8;
  --text:#0a0a0a;--muted:#52525b;--dim:#71717a;
  --violet:#0a0a0a;--violet-strong:#27272a;--violet-wash:rgba(10,10,10,.05);
}
body{background:var(--ink)}

/* ---------- 2. Type: clean grotesk, lighter weight, tight tracking ---------- */
h1,h2,h3,h4{font-weight:500}
h2{letter-spacing:-.04em}
h3{letter-spacing:-.02em}
.hero h1,.page-hero h1{font-weight:500;letter-spacing:-.05em}
.hero h1 .fade{color:var(--dim)}
.final h2{font-weight:500;letter-spacing:-.05em}
.feat-stat,.stats-row strong{font-weight:500;letter-spacing:-.04em}
.faq-list summary{font-weight:500;letter-spacing:-.02em}
.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.sv-footer .svft-tag{color:var(--dim)}

/* ---------- 3. Buttons ---------- */
.btn{border-radius:var(--r-btn);font-weight:500}
.btn-main{background:var(--text);color:var(--ink)}
.btn-main:hover{background:var(--violet-strong)}
html[data-theme=light] .btn-main{color:#fafafa}
html[data-theme=light] .btn-main:hover{background:#27272a}
.btn-ghost{border-color:var(--line);color:var(--text);background:transparent}
.btn-ghost:hover{border-color:var(--dim);color:var(--text)}
.text-link{color:var(--text);font-weight:500}
.text-link:hover{border-color:var(--text)}
.skip,.plan-badge,.bot-cta,.bot-extra-link,.sv-logo-mark,.svft-mark{background:var(--text);color:var(--ink)}
html[data-theme=light] .skip,html[data-theme=light] .plan-badge,html[data-theme=light] .bot-cta,html[data-theme=light] .bot-extra-link,html[data-theme=light] .sv-logo-mark,html[data-theme=light] .svft-mark{color:#fafafa}
.sv-nav-cta{background:var(--text);color:var(--ink);font-weight:500;border-radius:10px}
.sv-nav-cta:hover{background:var(--violet-strong)}
html[data-theme=light] .sv-nav-cta{color:#fafafa}
html[data-theme=light] .sv-nav-cta:hover{background:#27272a}
.sim-switch button[aria-pressed="true"],.case-filter button[aria-pressed="true"],.chips button[aria-pressed="true"]{background:var(--text);color:var(--ink);border-color:var(--text)}
html[data-theme=light] .sim-switch button[aria-pressed="true"],html[data-theme=light] .case-filter button[aria-pressed="true"],html[data-theme=light] .chips button[aria-pressed="true"]{color:#fafafa}

/* ---------- 4. Remove purple glows and gradients ---------- */
.hero::before{background:radial-gradient(640px 420px at 78% 30%,rgba(255,255,255,.07),transparent 70%);mask-image:none;-webkit-mask-image:none}
.page-hero::before{background:radial-gradient(640px 420px at 80% 28%,rgba(255,255,255,.07),transparent 70%)}
.audit{background:radial-gradient(700px 400px at 85% 50%,rgba(255,255,255,.05),transparent 70%),var(--ink)}
.bot-hero::before{background:radial-gradient(60% 50% at 80% 10%,rgba(255,255,255,.07),transparent 70%)}
.bot-image-glow{background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%)}
.plan.featured,.price-card{border-color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 60%)}
.meter-fill{background:var(--text)}
.pcard-ph{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.08),transparent 60%);color:var(--text)}
html[data-theme=light] .hero::before{background:radial-gradient(640px 420px at 78% 30%,rgba(10,10,10,.05),transparent 70%)}
html[data-theme=light] .page-hero::before{background:radial-gradient(640px 420px at 80% 28%,rgba(10,10,10,.05),transparent 70%)}
html[data-theme=light] .plan.featured,html[data-theme=light] .price-card{background:linear-gradient(180deg,rgba(10,10,10,.04),transparent 60%)}

/* ---------- 5. Purple borders/labels -> neutral ---------- */
.sv-tag,.svc-note,.bot-category,.case-tag{color:var(--text);border-color:var(--line);background:var(--violet-wash)}
.note a,.prose a,.lede a,.hero-copy a,.faq-list a,.statement a,.feat p a,.article a,.post-body a,.legal a{color:var(--text);border-bottom-color:var(--dim)}
.field input:focus,.field select:focus,.field textarea:focus,.tool-form input:focus,.tool-form textarea:focus,.tool-form select:focus,.store-search input:focus{border-color:var(--text);box-shadow:0 0 0 3px rgba(255,255,255,.10)}
html[data-theme=light] .field input:focus,html[data-theme=light] .field select:focus,html[data-theme=light] .field textarea:focus,html[data-theme=light] .tool-form input:focus,html[data-theme=light] .tool-form textarea:focus,html[data-theme=light] .tool-form select:focus,html[data-theme=light] .store-search input:focus{box-shadow:0 0 0 3px rgba(10,10,10,.10)}
.case:hover,.pcard:hover{border-color:var(--dim)}
.sim-pin,.svft-ico,.contact-list i{background:var(--violet-wash);border-color:var(--line);color:var(--text)}
:focus-visible{outline-color:var(--text)}
.hero-trust .bi{color:var(--text)}

/* ---------- 6. Cards, panels, navbar, footer ---------- */
.sim,.hero-code{background:var(--panel);border-color:var(--line);box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)}
html[data-theme=light] .sim,html[data-theme=light] .hero-code{--ink:#050506;--panel:#09090b;--panel-2:#0e0e10;--line:#26262b;--line-soft:#18181b;--text:#fafafa;--muted:#8e8e96;--dim:#6b6b72;--violet:#fafafa;color:#fafafa;box-shadow:0 30px 80px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)}
.case-img,.pcard-visual{background:var(--panel-2)}
.sv-navbar.scrolled,.sv-navbar:has(.sv-item.open){background:rgba(5,5,6,.88)}
html[data-theme=light] .sv-navbar.scrolled,html[data-theme=light] .sv-navbar:has(.sv-item.open){background:rgba(244,244,241,.92)}
.sv-mega{box-shadow:0 30px 70px rgba(0,0,0,.5)}
html[data-theme=light] .sv-mega{box-shadow:0 24px 50px rgba(0,0,0,.10)}
.sv-footer{background:#050506}
html[data-theme=light] .sv-footer{background:#ecece8}
html[data-theme=light] .case-tag,html[data-theme=light] .bot-hud{background:rgba(255,255,255,.94)}
html[data-theme=light] .audit-card,html[data-theme=light] .bot-image-card{box-shadow:0 20px 50px rgba(0,0,0,.10)}
html[data-theme=light] #serp .serp-card{box-shadow:0 0 0 1px #e2e2de}
.feat,.svc-link{border-color:var(--line)}
.steps-grid .feat{border-top-color:var(--text)}


/* WhatsApp button: official green, perfectly round */
.whatsapp-float{background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.whatsapp-float:hover{background:#1EBE5A}

/* ---------- 7. Code-style hero panel (inner pages): quieter ---------- */
.hero-code,.hero-code dd,.hero-code .ok{font-family:var(--mono)}
.hero-code .ok{color:var(--text)}
.hero-code .verdict{background:var(--panel-2)}

/* ---------- 8. HOME HERO: search orbit (decorative, aria-hidden) ---------- */
.hero-orbit{position:relative;width:100%;max-width:580px;aspect-ratio:1;justify-self:end;animation:ho-in 1.4s ease .2s both}
.ho-stage{position:absolute;inset:0;perspective:1900px}
.ho-scene{position:absolute;inset:4%;transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-22deg)}
.ho-l{position:absolute;border-radius:50%;transform-style:preserve-3d}
.ho-fill{inset:0}
.ho-plate{background:radial-gradient(circle at 34% 28%,#1d1d20 0%,#111113 55%,#09090b 100%);border:1px solid rgba(255,255,255,.1)}
.ho-side{background:#0a0a0c;border:1px solid rgba(255,255,255,.05)}
.ho-halo{transform:translateZ(-60px);background:#000;box-shadow:0 0 110px 50px rgba(0,0,0,.95)}
html[data-theme=light] .ho-halo{box-shadow:0 0 90px 30px rgba(0,0,0,.22)}
.ho-ticks{inset:0;--z:2px;animation:ho-spin 180s linear infinite;background:repeating-conic-gradient(rgba(255,255,255,.4) 0 .5deg,transparent .5deg 15deg),repeating-conic-gradient(rgba(255,255,255,.16) 0 .35deg,transparent .35deg 3deg);-webkit-mask:radial-gradient(circle closest-side,transparent 93.5%,#000 94%,#000 98%,transparent 98.5%);mask:radial-gradient(circle closest-side,transparent 93.5%,#000 94%,#000 98%,transparent 98.5%)}
.ho-ring{inset:11%;transform:translateZ(6px);background:#0b0b0d;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 0 #08080a,0 14px 40px rgba(0,0,0,.8)}
.ho-sweep{inset:11%;--z:9px;animation:ho-spin 20s linear infinite;background:conic-gradient(from 0deg,rgba(255,255,255,.15),rgba(255,255,255,.04) 18%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%)}
.ho-disc{inset:25%;transform:translateZ(16px);background:radial-gradient(circle at 40% 30%,#1b1b1e,#0d0d0f 72%);border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 0 #09090a,0 20px 50px rgba(0,0,0,.85)}
.ho-orbit{border:1px dashed rgba(255,255,255,.14);animation:ho-orb var(--d) linear infinite;animation-direction:var(--dir,normal)}
.ho-orbit.a{inset:1%;--z:40px;--d:90s}
.ho-orbit.b{inset:13%;--z:46px;--d:68s;--dir:reverse}
.ho-orbit.c{inset:26%;--z:52px;--d:50s}
.ho-chip{position:absolute;left:50%;top:0;white-space:nowrap;font-family:var(--body);font-size:14px;font-weight:500;letter-spacing:-.01em;color:#fafafa;padding:7px 14px;border-radius:999px;background:rgba(14,14,16,.94);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 28px rgba(0,0,0,.7);animation:ho-face var(--d) linear infinite;animation-direction:var(--dir,normal)}
.ho-chip.two{top:100%}
.ho-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fafafa;margin-right:8px;vertical-align:1px}
.ho-orbit.a .ho-chip{--d:90s}.ho-orbit.b .ho-chip{--d:68s;--dir:reverse}.ho-orbit.c .ho-chip{--d:50s}
.ho-chip.agent{background:#fafafa;color:#050506;border-color:#fafafa}
.ho-chip.agent i{background:#050506}
.ho-tilewrap{left:34%;top:34%;width:32%;height:32%;border-radius:0;animation:ho-float 9s ease-in-out infinite alternate}
.ho-tile{position:absolute;inset:0;border-radius:27%;transform:rotateZ(-14deg);background:#0e0e10;border:1px solid rgba(255,255,255,.08)}
.ho-tile.t1{transform:translateZ(-4px) rotateZ(-14deg)}.ho-tile.t2{transform:translateZ(-8px) rotateZ(-14deg)}.ho-tile.t3{transform:translateZ(-12px) rotateZ(-14deg)}.ho-tile.t4{transform:translateZ(-16px) rotateZ(-14deg)}
.ho-tile.top{background:linear-gradient(145deg,#2a2a2e,#121214);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 40px 70px rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:clamp(40px,7vw,84px);letter-spacing:-.06em;color:#fafafa;line-height:1}
.ho-dot{width:2.2%;aspect-ratio:1;background:#e8f1ee;--z:12px;animation:ho-pulse 5s ease-in-out infinite}
.ho-dot.d1{left:63%;top:3%}.ho-dot.d2{left:94%;top:44%;animation-delay:.8s}.ho-dot.d3{left:30%;top:94%;animation-delay:1.6s}.ho-dot.d4{left:3%;top:40%;animation-delay:2.4s}
@keyframes ho-spin{from{transform:translateZ(var(--z,0)) rotateZ(0)}to{transform:translateZ(var(--z,0)) rotateZ(360deg)}}
@keyframes ho-orb{from{transform:translateZ(var(--z)) rotateZ(0)}to{transform:translateZ(var(--z)) rotateZ(360deg)}}
@keyframes ho-face{from{transform:translate(-50%,-50%) rotateZ(22deg) rotateX(-56deg)}to{transform:translate(-50%,-50%) rotateZ(-338deg) rotateX(-56deg)}}
@keyframes ho-float{from{transform:translateZ(58px)}to{transform:translateZ(68px)}}
@keyframes ho-pulse{0%,100%{box-shadow:0 0 8px 1px rgba(220,240,235,.35)}50%{box-shadow:0 0 20px 5px rgba(220,240,235,.65)}}
@keyframes ho-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:900px){.hero-orbit{justify-self:center;max-width:420px;margin-top:8px}.ho-chip{font-size:11.5px;padding:5px 10px}}
@media (prefers-reduced-motion:reduce){.hero-orbit,.hero-orbit *{animation:none!important}.ho-chip{transform:translate(-50%,-50%) rotateZ(22deg) rotateX(-56deg)}}

/* ---------- 9. Last purple leftovers ---------- */
.hero-code dd.ok{color:var(--text)}
.hero-code-bar b{color:var(--dim)}
.hero-code .verdict{background:var(--panel-2);color:var(--text)}
.sim-title{color:var(--text)}
.sim-url{color:var(--muted)}
.sim-badge{color:var(--text);background:var(--violet-wash);border-color:var(--line)}
.sim-foot{background:rgba(255,255,255,.02)}
.sim-caret{background:var(--text)}
.bot-cta:hover,.bot-extra-link:hover{background:var(--violet-strong)}
html[data-theme=light] .bot-cta:hover,html[data-theme=light] .bot-extra-link:hover{background:#27272a}
.article{color:#d4d4d8}
html[data-theme=light] .article{color:#27272a}

/* ---------- 10. Purple raster banners on market pages -> neutral greys ---------- */
img[src*="/images/markets/"]:not([src*="/photos/"]){filter:grayscale(1) contrast(1.05)}
html[data-theme=light] .ho-chip{box-shadow:none}

/* ---------- 11. "What happens next" lists (.num-list): text sat in a 36px column ---------- */
.num-list li{display:block;position:relative;padding-left:50px;min-height:32px}
.num-list li::before{position:absolute;left:0;top:0}

/* ---------- 12. Mega menus: aligned rows + footer link ---------- */
.sv-mega-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px;padding-top:20px;border-top:1px solid var(--line)}
.sv-mega-foot span{font-size:14px;color:var(--dim)}
.sv-mega-foot a{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14.5px;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:10px 18px;transition:border-color .2s,background .2s}
.sv-mega-foot a:hover{border-color:var(--dim);background:var(--violet-wash)}
@media (min-width:992px){
  @supports (grid-template-rows:subgrid){
    .sv-mega-cols{grid-template-rows:auto repeat(5,auto);gap:0 28px;align-content:start}
    .sv-mega-col{display:grid;grid-row:1 / span 6;grid-template-rows:subgrid;align-content:start}
    .sv-mega-col h3{align-self:end;margin:0 0 6px 10px}
    .sv-mi{min-width:0}
  }
}
@media (max-width:991px){.sv-mega-foot{padding:14px 0 6px;margin-top:4px}.sv-mega-foot span{display:none}.sv-mega-foot a{width:100%;justify-content:center}}