/* =====================================================================
   HOME DARK (2026-10-08) — dark premium look for the homepage only.
   Active while <html> has .home-dark (set by assets/home-dark.js + the SPA
   router). Ink background, dark glass cards, white type, violet accent;
   platform colours only on platform elements; Gold Club stays gold/black.
   ===================================================================== */
html.home-dark{
  color-scheme:dark;
  --bg:#0b0b0e;--bg-2:#111115;
  --ink:#f3f3f6;--ink-soft:#dcdce3;--muted:#a4a5b0;--dim:#7d7e89;
  --gold:#ad86e8;--peach:#7b4cc0;--peach-soft:rgba(173,134,232,.12);
  --line:rgba(255,255,255,.08);
  --card:rgba(255,255,255,.04);--card-2:rgba(255,255,255,.065);--card-brd:rgba(255,255,255,.09);
  --cloud-300:rgba(255,255,255,.22);
  --glass-blur:saturate(140%) blur(36px);
  --shadow-sm:0 4px 18px rgba(0,0,0,.35);
  --shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);
  --shadow-lg:0 30px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);
  background:#0b0b0e;
}
html.home-dark{background:radial-gradient(70% 46% at 50% -6%,rgba(107,37,176,.26),transparent 70%),#0b0b0e;background-attachment:fixed}
html.home-dark body{color:var(--ink);background:transparent}   /* page colour lives on <html>, so the drifting colour layers (body::before/after) show through */
html.home-dark ::selection{background:rgba(173,134,232,.35)}

/* ---------- nav ---------- */
html.home-dark .nav-in{background:rgba(18,18,22,.72);border-color:rgba(255,255,255,.08);box-shadow:0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)}
html.home-dark .brand use,html.home-dark .ft-logo use,html.home-dark .cx-sign use{fill:#f3f3f6}
html.home-dark .ft-logo,html.home-dark .brand{color:#f3f3f6}
html.home-dark .langbtn,html.home-dark .nav-in>button,html.home-dark .nav-in .nav-ic,html.home-dark .nav-in [class*="srch"],html.home-dark .nav-in [class*="opt"]{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:var(--ink)}
html.home-dark .langmenu,html.home-dark .nav-ddmenu,html.home-dark .nav-drop{background:rgba(20,20,25,.96);border-color:rgba(255,255,255,.09)}
html.home-dark .langmenu button:hover,html.home-dark .nav-ddmenu a:hover,html.home-dark .nav-drop a:hover{background:rgba(255,255,255,.06)}
html.home-dark .langmenu button.active{background:rgba(173,134,232,.18);color:#e6d8fa}
html.home-dark .nav-links a.nav-gold,html.home-dark .nav-drop a.nav-gold{color:#d9b25c}

/* ---------- hero ---------- */
html.home-dark #herosky,html.home-dark .cloud-corner,html.home-dark .hcloud{display:none!important}
html.home-dark .hero{position:relative;isolation:isolate;overflow:visible}   /* the artwork layer bleeds full-width; html/body still clip x */
html.home-dark .hero .emblem-spin>svg:not([aria-hidden]) use{fill:#f5f5f8}
html.home-dark .hero .emblem-spin>svg[aria-hidden] use{fill:#34343c}
html.home-dark .hero .logo-ground{background:radial-gradient(closest-side,rgba(173,134,232,.32),transparent);opacity:.8}
html.home-dark .hero-title{color:#fff}
html.home-dark .pill{background:rgba(173,134,232,.12);color:#e2d3f8;border-color:rgba(173,134,232,.32)}
html.home-dark .pill .d{background:#ad86e8;box-shadow:0 0 0 3px rgba(173,134,232,.22),0 0 12px rgba(173,134,232,.6)}

/* floating network artwork behind the hero */
.hd-float{position:absolute;z-index:-1;top:-90px;bottom:-40px;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1.4s ease;
  -webkit-mask-image:radial-gradient(ellipse 34% 44% at 50% 50%,transparent 0 45%,#000 100%),linear-gradient(180deg,#000 70%,transparent);
  -webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 34% 44% at 50% 50%,transparent 0 45%,#000 100%),linear-gradient(180deg,#000 70%,transparent);mask-composite:intersect}
.hd-float.on{opacity:1}
html:not(.home-dark) .hd-float{display:none}
.hd-tile{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;border-radius:calc(var(--s) * .12);overflow:hidden;opacity:var(--o);
  transform:rotate(var(--r));box-shadow:0 24px 50px -18px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.07);animation:hdFloat var(--t) ease-in-out var(--dl) infinite alternate}
.hd-tile img{width:100%;height:100%;object-fit:cover;display:block}
/* blur the picture inside the tile, never the tile itself: a filtered tile bleeds past its rounded clip and reads square */
.hd-tile{-webkit-mask-image:-webkit-radial-gradient(white,black)}
.hd-tile.d1 img{filter:blur(1px) saturate(.9);transform:scale(1.06)}
.hd-tile.d2 img{filter:blur(2.5px) saturate(.8);transform:scale(1.1)}
@keyframes hdFloat{from{transform:translate3d(0,0,0) rotate(var(--r))}to{transform:translate3d(0,-16px,0) rotate(calc(var(--r) * -1))}}
@media(max-width:900px){.hd-tile{width:calc(var(--s) * .62)}.hd-tile:nth-child(n+9){display:none}}
@media(max-width:560px){.hd-float{top:-70px}.hd-tile{width:calc(var(--s) * .5);opacity:calc(var(--o) * .8)}.hd-tile:nth-child(n+7){display:none}}
@media(prefers-reduced-motion:reduce){.hd-tile{animation:none}}
html[data-motion="reduced"] .hd-tile{animation:none}

/* ---------- buttons + inputs ---------- */
html.home-dark .btn-dark{background:#f3f3f6;color:#111114;box-shadow:0 10px 30px rgba(0,0,0,.4)}
html.home-dark .btn-dark:hover{background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 0 4px rgba(255,255,255,.06)}
html.home-dark .btn-glass{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:var(--ink)}
html.home-dark .btn-glass.nav-gold,html.home-dark .hero .nav-gold{color:#d9b25c}
html.home-dark input.inp,html.home-dark textarea.inp,html.home-dark select.inp{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:var(--ink);box-shadow:none}
html.home-dark .inp::placeholder{color:#7d7e89}
html.home-dark .inp:focus{border-color:rgba(173,134,232,.55);box-shadow:0 0 0 4px rgba(173,134,232,.16)}
html.home-dark select.inp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a4a5b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
html.home-dark select.inp option{background:#16161b;color:#f3f3f6}

/* ---------- section heads ---------- */
html.home-dark .sec-head h2,html.home-dark .how-head h3{color:#fff}
html.home-dark .kicker{color:#ad86e8}

/* ---------- services ---------- */
html.home-dark .svc{background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 9%,transparent),transparent 42%),rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.08);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 30px 60px -36px rgba(0,0,0,.7)}
html.home-dark .svc:hover{border-color:color-mix(in srgb,var(--pc) 38%,rgba(255,255,255,.1));box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 34px 70px -34px color-mix(in srgb,var(--pc) 35%,transparent)}
html.home-dark .svc h3{color:#fff}
html.home-dark .svc-btn{background:#f3f3f6;color:#111114}
html.home-dark .svc-btn:hover{background:#fff}
html.home-dark .svc-proof{border-top-color:rgba(255,255,255,.08)}
.svc-top{position:relative}
.svc-media{margin-left:auto;display:flex;align-items:center}
.svc-media>span{display:block;overflow:hidden;flex:none;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.svc-media img{width:100%;height:100%;object-fit:cover;display:block}
.svc-media.m-sc>span{width:30px;height:30px;border-radius:50%;margin-left:-9px;border:2px solid #17171c}
.svc-media.m-sc>span:first-child{margin-left:0}
.svc-media.m-yt>span{width:52px;height:30px;border-radius:7px;margin-left:-14px;border:2px solid #17171c;transform:rotate(calc((var(--i) - 1) * 4deg))}
.svc-media.m-yt>span:first-child{margin-left:0}
.svc-media.m-sp>span{width:30px;height:30px;border-radius:6px;margin-left:-10px;border:2px solid #17171c;transform:rotate(calc((var(--i) - 1.5) * 5deg))}
.svc-media.m-sp>span:first-child{margin-left:0}
html:not(.home-dark) .svc-media>span{border-color:#fff}

/* proof strip + tracker + how it works */
html.home-dark .proof,html.home-dark .home-track,html.home-dark .how-steps li{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
html.home-dark .proof b,html.home-dark .ht-tx b{color:#fff}
html.home-dark .ht-ic{background:rgba(34,197,94,.12);color:#4ade80}
html.home-dark .how-steps .n{background:rgba(173,134,232,.14);border-color:rgba(173,134,232,.3);color:#e2d3f8}

/* ---------- concept ---------- */
html.home-dark .lede-big{color:#ececf1}
html.home-dark .pillar .pi{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#e2d3f8}

/* ---------- packages ---------- */
html.home-dark .pkg.feat-pkg{background:linear-gradient(180deg,rgba(107,37,176,.28),rgba(255,255,255,.035));border-color:rgba(173,134,232,.42)}
html.home-dark .pkg li::before{background:#ad86e8}
html.home-dark .chipn,html.home-dark .evk-trust b{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);color:var(--ink-soft)}
html.home-dark .chipn .okc{color:#ad86e8}
html.home-dark .evk-cfg .card{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
html.home-dark .evk-out{box-shadow:0 0 0 1px rgba(173,134,232,.22),0 30px 70px -30px rgba(107,37,176,.45)}
html.home-dark .evk-faq details{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);border-left-color:var(--c,#ad86e8)}
html.home-dark .evk-faq summary{color:#fff}

/* ---------- gold club: unchanged gold/black, just a frame that reads on ink ---------- */
html.home-dark #goldclub .goldwrap,html.home-dark #goldclub>.wrap>div:first-child{box-shadow:0 0 0 1px rgba(217,178,92,.22),0 40px 90px -40px rgba(217,178,92,.25)}

/* ---------- contact + newsletter + footer ---------- */
html.home-dark .mailrow code{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#fff;box-shadow:none}
html.home-dark footer{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);border-top-color:rgba(255,255,255,.07)}
html.home-dark .ft-col h4{color:#fff}
html.home-dark .ft-col a:hover{color:#fff}

/* ---------- floating UI ---------- */
html.home-dark .evk-top{background:rgba(22,22,27,.9);border-color:rgba(255,255,255,.1);color:#f3f3f6}
html.home-dark .evk-top:hover{background:#f3f3f6;color:#111114}
html.home-dark #promo{box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(173,134,232,.28)}

/* ---------- intro overlay (only ever plays on the homepage) ---------- */
html.home-dark #evk-intro{background:radial-gradient(70% 55% at 50% 40%,#1b1622,#0b0b0e 70%)}
html.home-dark .ei-sky i{background:#2a2433!important;opacity:.55!important}
html.home-dark .ei-sky i:nth-child(4),html.home-dark .ei-sky i:nth-child(5),html.home-dark .ei-sky i:nth-child(6){background:#3b2a52!important;opacity:.45!important}
html.home-dark .ei-logo .et{stroke:#f5f5f8}
html.home-dark .ei-logo>g{fill:#f5f5f8}

/* select.inp: the old `.evk-cfg select.inp{appearance:auto}` in addons.css showed the native arrow next to ours (all pages) */
.evk-cfg select.inp{appearance:none;-webkit-appearance:none}
/* black TikTok tiles need an edge on ink */
html.home-dark .soc2[aria-label="TikTok"],html.home-dark .fsoc[aria-label="TikTok"]{box-shadow:0 0 0 1px rgba(255,255,255,.16)}

/* =====================================================================
   DARK OVERLAYS + FORMS (2026-10-08, round 2) — every window that can open on
   the homepage follows the dark look: submit flow, assistant, ⌘K palette,
   options, shortcuts, newsletter pop-up, tracker, takedown flow, pay box.
   (Gold Club portal stays gold/black.)
   ===================================================================== */
html.home-dark{--paper:#141418;--hd-surface:rgba(255,255,255,.045);--hd-surface-2:rgba(255,255,255,.075);--hd-brd:rgba(255,255,255,.1);--hd-acc:#bb8fff;--hd-acc-2:#9a5cf0}
/* backdrops + cards */
html.home-dark .sf-backdrop,html.home-dark .td-backdrop{background:rgba(5,5,8,.62)}
html.home-dark .sf-card,html.home-dark .td-card{background:#141418;border-color:var(--hd-brd);box-shadow:0 40px 110px rgba(0,0,0,.7),0 0 0 1px rgba(187,143,255,.08)}
html.home-dark .td-foot{background:linear-gradient(180deg,transparent,#141418 30%)}
html.home-dark .sf-x,html.home-dark .evk-x{background:var(--hd-surface-2);border-color:var(--hd-brd);color:var(--ink)}
html.home-dark .evk-x:hover{background:rgba(255,255,255,.14)}
html.home-dark .sf-bar,html.home-dark .td-bar{background:rgba(255,255,255,.1)}
html.home-dark .sf-label,html.home-dark .td-f>span,html.home-dark .td-chk,html.home-dark .td-siglabel{color:var(--ink-soft)}
html.home-dark .sf-card h3,html.home-dark .sf-card h4,html.home-dark .td-card h3{color:#fff}
/* options, genres, file drop, lanes */
html.home-dark .sf-opt,html.home-dark .sf-g,html.home-dark .td-plat,html.home-dark .sf-lane{background:var(--hd-surface);border-color:var(--hd-brd);color:var(--ink)}
html.home-dark .sf-opt:hover,html.home-dark .sf-g:hover,html.home-dark .sf-lane:hover{border-color:rgba(255,255,255,.28)}
html.home-dark .sf-opt.sel{background:#f3f3f6;border-color:#f3f3f6;color:#111114}
html.home-dark .sf-g.sel{background:rgba(187,143,255,.18);border-color:var(--hd-acc);color:#eadcff}
html.home-dark .sf-lane.sel{border-color:#f3f3f6}
html.home-dark .sf-lane .lt{color:#fff}
html.home-dark .sf-file{background:var(--hd-surface);border-color:var(--hd-brd)}
html.home-dark .sf-file:hover{background:var(--hd-surface-2);border-color:rgba(255,255,255,.28)}
html.home-dark .sf-file.has{background:rgba(187,143,255,.1);border-color:var(--hd-acc)}
/* fastlane = gold, readable on ink */
html.home-dark .sf-lane.gold{background:linear-gradient(120deg,rgba(217,178,92,.16),rgba(217,154,63,.06));border-color:rgba(217,178,92,.45)}
html.home-dark .sf-lane.gold.sel{border-color:#e2bd68;box-shadow:0 10px 34px rgba(217,178,92,.22)}
html.home-dark .sf-lane.gold .lt{color:#ecc874}
html.home-dark .sf-tip{background:rgba(217,178,92,.12);color:#ecc874}
html.home-dark .sf-claim{background:linear-gradient(180deg,rgba(80,130,255,.14),rgba(80,130,255,.06));border-color:rgba(120,160,255,.3);color:var(--ink)}
html.home-dark .sf-claim-ok{background:linear-gradient(180deg,rgba(34,197,94,.14),rgba(34,197,94,.06));border-color:rgba(74,222,128,.3)}
html.home-dark .sf-success .wl,html.home-dark .td-success .dl{background:rgba(34,197,94,.12);border-color:rgba(74,222,128,.32);color:#86efac}
html.home-dark .sf-card.done,html.home-dark .td-card.done{border-color:rgba(74,222,128,.45);box-shadow:0 40px 110px rgba(34,197,94,.22)}
html.home-dark .sf-err{color:#ff8f8f}
html.home-dark .sf-trackit{background:#f3f3f6;color:#111114}
html.home-dark .sf-paid{background:var(--hd-surface-2);border-color:var(--hd-brd);color:var(--ink)}
/* pay box */
html.home-dark .pay-amt{background:var(--hd-surface-2);border-color:var(--hd-brd);color:var(--ink)}
html.home-dark .pay-amt:hover{border-color:rgba(255,255,255,.4)}
html.home-dark .pay-amt.on{background:#f3f3f6;border-color:#f3f3f6;color:#111114}
/* takedown signature */
html.home-dark .td-sigwrap{background:rgba(255,255,255,.92)}
html.home-dark .td-sigclear{background:#fff;color:#111114}
html.home-dark .td-cta{background:var(--hd-surface);border-color:var(--hd-brd)}

/* ⌘K palette, options, shortcuts, tracker view (shared .evk-box) */
html.home-dark .evk-box{background:rgba(20,20,25,.97);border-color:var(--hd-brd);box-shadow:0 40px 120px rgba(0,0,0,.7),0 0 0 1px rgba(187,143,255,.1)}
html.home-dark .evk-box-h,html.home-dark .evk-pal-in{border-bottom-color:var(--hd-brd)}
html.home-dark .evk-box-h h3,html.home-dark .evk-box-h b{color:#fff}
html.home-dark .evk-pal-in input{color:#fff}
html.home-dark .evk-pal-in kbd{background:rgba(255,255,255,.1);color:var(--muted)}
html.home-dark .evk-box [aria-selected="true"],html.home-dark .evk-box .on>.t,html.home-dark .evk-box .sel{color:#fff}
html.home-dark .evk-seg button{color:var(--muted)}
html.home-dark .evk-seg button.on{background:#f3f3f6;border-color:#f3f3f6;color:#111114}
html.home-dark .evk-sw{border-color:#141418;box-shadow:0 0 0 1px rgba(255,255,255,.28),0 8px 18px rgba(0,0,0,.4)}
html.home-dark .evk-keys kbd{background:#f3f3f6;color:#111114}
html.home-dark .evk-view{background:var(--hd-surface-2)}
html.home-dark .evk-view summary,html.home-dark .evk-view dd,html.home-dark .evk-view dd a{color:#fff}
html.home-dark .evk-track{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-color:var(--hd-brd)}
html.home-dark .evk-trackres blockquote{background:rgba(187,143,255,.1);color:var(--ink-soft)}

/* newsletter pop-up + toast */
html.home-dark #nlpop{background:rgba(20,20,25,.96);border-color:var(--hd-brd);box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 0 1px rgba(187,143,255,.16)}
html.home-dark #nlpop .nph{color:#fff}
html.home-dark .toast{background:#f3f3f6;color:#111114}

/* =====================================================================
   HIGHLIGHTS — stronger on ink (Fabio: highlights must read clearly)
   ===================================================================== */
html.home-dark .kicker{color:var(--hd-acc);text-shadow:0 0 18px rgba(187,143,255,.35)}
html.home-dark .lede-big b{background:linear-gradient(90deg,#e2ccff,#b07bff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(176,123,255,.45))}
html.home-dark .pill{background:rgba(187,143,255,.16);border-color:rgba(187,143,255,.55);color:#f0e6ff;box-shadow:0 0 24px rgba(154,92,240,.25)}
html.home-dark .pill .d{background:#c9a3ff;box-shadow:0 0 0 3px rgba(187,143,255,.28),0 0 14px rgba(187,143,255,.9)}
/* service cards: platform glow + platform-coloured benefit checks */
html.home-dark .svc{background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 17%,transparent),transparent 46%),rgba(255,255,255,.035);border-color:color-mix(in srgb,var(--pc) 26%,rgba(255,255,255,.08))}
html.home-dark .svc-ic{box-shadow:0 0 0 4px color-mix(in srgb,var(--pc) 18%,transparent),0 8px 24px color-mix(in srgb,var(--pc) 55%,transparent)}
html.home-dark .svc-plat{color:color-mix(in srgb,var(--pc) 55%,#fff)}
html.home-dark .svc-list li:before{background:color-mix(in srgb,var(--pc) 70%,#fff)}
html.home-dark .svc-proof b{color:#fff}
/* proof strip numbers + live dot */
html.home-dark .proof b{text-shadow:0 0 22px rgba(187,143,255,.28)}
html.home-dark .live-dot{background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.2),0 0 12px rgba(74,222,128,.8)}
/* how it works numbers */
html.home-dark .how-steps .n{background:linear-gradient(180deg,#a874f5,#7b3fd4);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(123,63,212,.45)}
/* packages: the popular one clearly stands out */
html.home-dark .pkg.feat-pkg{background:linear-gradient(180deg,rgba(140,80,230,.34),rgba(255,255,255,.035) 70%);border:1.5px solid rgba(187,143,255,.75);box-shadow:0 0 0 1px rgba(187,143,255,.2),0 34px 80px -24px rgba(140,80,230,.6)}
html.home-dark .pkg.feat-pkg .tier{display:inline-block;align-self:flex-start;padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,#b98cff,#8a4be6);color:#fff;letter-spacing:.12em}
html.home-dark .pkg .tier{color:var(--hd-acc)}
html.home-dark .pkg li::before{background:var(--hd-acc)}
html.home-dark .chipn .okc{color:var(--hd-acc)}
html.home-dark .chipn{border-color:rgba(187,143,255,.22)}
html.home-dark .evk-out{box-shadow:0 0 0 1px rgba(187,143,255,.4),0 34px 80px -28px rgba(140,80,230,.6)}
html.home-dark .evk-plat button.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 30%,transparent),0 8px 24px color-mix(in srgb,var(--c) 45%,transparent)}
html.home-dark .evk-faq details{border-left-color:var(--hd-acc)}
html.home-dark .evk-faq details[open]{background:rgba(187,143,255,.06)}
/* concept stats + pillars */
html.home-dark .cx-stats b{text-shadow:0 0 22px rgba(187,143,255,.28)}
html.home-dark .pillar .pi{background:rgba(187,143,255,.14);border-color:rgba(187,143,255,.32);color:#eadcff}

/* round 2 fixes */
html.home-dark .evk-it.act,html.home-dark .evk-it:hover{background:rgba(187,143,255,.14)}
html.home-dark .evk-it.act .t{color:#fff}
html.home-dark .sf-lane.gold .lbadge{background:linear-gradient(90deg,#f1d07e,#d9a441);color:#3a2606}
html.home-dark .sf-lane.gold .pay-note{color:#d9ccb0}

/* submit flow hint (e.g. mp3 upload paused) — all pages */
.sf-hint{margin-top:8px;font-size:12.5px;color:var(--muted);line-height:1.45}

/* =====================================================================
   ROUND 3 (2026-10-08): white assistant on the dark home, no hard edges, tracker highlight
   ===================================================================== */
/* Evoke Assistant = white (button + panel), black logo instead of the purple neon one.
   The panel re-declares the light tokens so its base styles render as on the light pages. */
html.home-dark .ai-fab{background:#f6f6f8;border-color:rgba(255,255,255,.9);color:#111114;box-shadow:0 14px 34px rgba(0,0,0,.45)}
html.home-dark .ai-fab:hover{background:#fff}
html.home-dark .ai-fab-logo{filter:none}
html.home-dark #aipanel{--ink:#1c1c21;--ink-soft:#2c2c33;--muted:#5b5c66;--dim:#8a8c96;--line:rgba(20,22,40,.09);--card:rgba(255,255,255,.4);--card-2:rgba(255,255,255,.55);--card-brd:rgba(255,255,255,.7);--peach-soft:#f1eff5;
  color-scheme:light;color:#1c1c21;background:rgba(250,250,252,.98);border-color:rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(0,0,0,.55)}
html.home-dark #aipanel .ai-logo{filter:none;height:44px}
/* hard edges: footer fades in instead of starting with a full-width edge; slider gets round ends */
html.home-dark footer{border-top:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.022) 120px)}
.evk-range{border-radius:999px}

/* "Already submitted?" highlight: a green striped loading bar fills once when the card scrolls into the top third */
.home-track{position:relative;overflow:hidden}
.ht-load{position:absolute;left:14px;right:14px;bottom:7px;height:5px;border-radius:999px;background:rgba(74,222,128,.12);overflow:hidden;pointer-events:none}
.ht-load i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;
  background:repeating-linear-gradient(-45deg,#4ade80 0 8px,#16a34a 8px 16px);background-size:22.6px 22.6px;box-shadow:0 0 12px rgba(74,222,128,.7)}
.home-track.go .ht-load i{animation:htFill 1.7s cubic-bezier(.35,.1,.25,1) forwards,htStripes .6s linear 0s 3}
.home-track.done{border-color:rgba(74,222,128,.45);box-shadow:0 0 0 1px rgba(74,222,128,.18),0 18px 50px -24px rgba(74,222,128,.45);transition:border-color .5s,box-shadow .5s}
.home-track.done .ht-ic{animation:htPulse .9s ease-out 1}
@keyframes htFill{from{width:0}to{width:100%}}
@keyframes htStripes{from{background-position:0 0}to{background-position:22.6px 0}}
@keyframes htPulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.6)}100%{box-shadow:0 0 0 14px rgba(74,222,128,0)}}
@media(prefers-reduced-motion:reduce){.home-track.go .ht-load i{animation:none;width:100%}.home-track.done .ht-ic{animation:none}}
html[data-motion="reduced"] .home-track.go .ht-load i{animation:none;width:100%}
.home-track{padding-bottom:22px}