/* Halloween 2026 theme - loaded after style.css */
:root{
  --navy:#f3efff; --ink:#ddd6f3; --slate:#a89ecf;
  --blue:#ff9e2c; --blue-d:#ff7a0e; --blue-l:rgba(255,158,44,.14);
  --amber:#ffb200; --amber-d:#ff9e00;
  --bg:#0d0918; --bg-alt:#150e29; --line:rgba(255,255,255,.09);
  --shadow:0 18px 45px -18px rgba(0,0,0,.65);
}
body{background:var(--bg);color:var(--ink)}
h1,h2,h3,h4{color:#fff}
.lede{color:var(--slate)}
.eyebrow{color:#ffb200;background:rgba(255,178,0,.12)}
.site-header{background:rgba(13,9,24,.9);border-bottom:1px solid var(--line)}
.nav a{color:#cfc8ea}.nav a:hover{color:#ff9e2c}
.login-link{color:#cfc8ea}
.menu-btn span{background:#fff}
.site-header.open .nav{background:#150e29;border-bottom:1px solid var(--line)}
.site-header.open .header-actions{background:transparent}
.btn-primary{background:linear-gradient(120deg,#ff9e2c,#ff6a00);color:#1a0e02;box-shadow:0 10px 26px -8px rgba(255,122,0,.55)}
.btn-primary:hover{background:linear-gradient(120deg,#ffab48,#ff7a0e)}
.btn-ghost{color:#e9e3fa;border-color:rgba(255,255,255,.25)}
.btn-ghost:hover{border-color:#ff9e2c;color:#ff9e2c}
.hero{background:
  radial-gradient(60% 50% at 85% 0%, rgba(255,138,30,.16), transparent 60%),
  radial-gradient(50% 45% at 8% 20%, rgba(139,92,246,.18), transparent 60%),
  linear-gradient(180deg,#160d2b 0%,#0d0918 100%)}
.hero h1 .hl{background:linear-gradient(100deg,#ffb200,#ff7a0e 55%,#b98cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-img{border-radius:18px;box-shadow:0 30px 70px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.hero-img img{display:block;width:100%}
.strip{background:#120b22}
.strip p{color:#8f84b8}
.chip{color:#d9d2f2;border-color:rgba(255,178,0,.3)}
.card{background:#1a1230;border:1px solid var(--line)}
.card:hover{box-shadow:0 18px 45px -18px rgba(255,122,0,.35)}
.card h3{color:#fff}
.card p{color:#b3aad6}
.card .icon{background:rgba(255,158,44,.14)}
.card .icon svg{stroke:#ff9e2c}
.alt{background:var(--bg-alt)}
.split .shot{border-color:var(--line);box-shadow:0 24px 55px -22px rgba(0,0,0,.7)}
.split p{color:#b3aad6}
.split h3{color:#fff}
.checks li{color:#b3aad6}
.checks li::before{background:rgba(255,158,44,.14) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff9e2c" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') center/10px no-repeat}
.replaces{color:#ffb200;background:rgba(255,178,0,.12)}
.ba{background:#120b22;color:#d9d2f2}
.ba-before{background:rgba(255,255,255,.04);border:1px solid var(--line)}
.ba-before li{border-bottom:1px solid var(--line);color:#a89ecf}
.ba-after{background:linear-gradient(140deg,#ff9e2c,#ff6a00);color:#241202}
.ba-after h3{color:#241202}
.ba-arrow{color:#ffb200}
.tcard{background:#1a1230;border:1px solid var(--line)}
.tcard p{color:#d9d3f0}
.twho .n{color:#fff}
.twho .c{color:#8f84b8}
.demo{background:linear-gradient(180deg,#0d0918,#150e29)}
.video-frame{border-color:var(--line);box-shadow:var(--shadow)}
.cta-band{background:linear-gradient(120deg,#3b1d6e 0%,#6d28d9 45%,#ff6a00 100%)}
.cta-band p{color:#e9e3fa}
/* offer */
.offer-hero{background:radial-gradient(55% 45% at 50% 0%, rgba(255,138,30,.18), transparent 60%),linear-gradient(180deg,#160d2b,#0d0918)}
.offer-wrap{max-width:860px;margin:0 auto}
.offer-card{background:linear-gradient(#1a1230,#1a1230) padding-box,linear-gradient(135deg,#ffb200,#8b5cf6) border-box;border:2px solid transparent;border-radius:22px;padding:44px 40px;position:relative;text-align:center}
.offer-card .badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(120deg,#ffb200,#ff6a00);color:#241202;font-family:'Sora';font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 20px;white-space:nowrap}
.offer-card h3{font-size:1.5rem;color:#fff;margin:10px 0 4px}
.offer-price{font-family:'Sora';font-size:3.4rem;font-weight:800;background:linear-gradient(100deg,#ffb200,#ff7a0e);-webkit-background-clip:text;background-clip:text;color:transparent}
.offer-price span{font-size:1.05rem;font-weight:500;color:#a89ecf;-webkit-text-fill-color:#a89ecf}
.offer-tag{color:#b3aad6;margin:6px 0 22px}
.offer-card ul{list-style:none;text-align:left;margin:0 auto 26px;max-width:560px}
.offer-card li{padding:9px 0 9px 30px;position:relative;color:#d9d3f0;font-size:.97rem;border-bottom:1px solid rgba(255,255,255,.07)}
.offer-card li::before{content:"🎃";position:absolute;left:0;top:8px;font-size:.95rem}
.offer-card li b{color:#fff}
.offer-card li .val{color:#8f84b8;font-size:.86rem}
.deadline{margin-top:22px;font-size:.92rem;color:#ffb200;background:rgba(255,178,0,.1);border:1px solid rgba(255,178,0,.28);border-radius:12px;padding:14px 18px}
footer{background:#0a0714}
.legal p{color:#b3aad6}
.legal a{color:#ff9e2c}
.micro{color:#8f84b8}
.sms{background:rgba(255,255,255,.05);color:#a89ecf}
section[style*="f2f8ff"]{background:linear-gradient(180deg,#160d2b,#0d0918)!important}
@media (max-width:640px){.offer-card{padding:36px 22px}.offer-price{font-size:2.6rem}}
/* customer carousel (from reviewranker.ai) */
.cust-strip{background:var(--bg-alt);padding:54px 0 58px}
.cust-label{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#8f84b8;font-size:13px;font-weight:700;font-family:'Sora',sans-serif}
.cust-marquee{margin-top:26px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}
.cust-track{will-change:transform;width:max-content;display:flex;animation:cust-scroll 120s linear infinite}
.cust-item{border:1px solid rgba(255,255,255,.1);background:#fff;border-radius:12px;flex:none;display:flex;justify-content:center;align-items:center;height:104px;margin-right:18px;padding:12px 22px}
.cust-item img{max-height:64px;max-width:200px;width:auto;height:auto;object-fit:contain}
@keyframes cust-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
.ba-after .btn-amber{background:#241202;color:#ffb200}
@media (max-width:640px){.cust-item{height:88px;padding:10px 16px}.cust-item img{max-height:52px;max-width:150px}}
