/* ============================================================ 11XTech.ai — Apple-light site-wide reskin (2026-07-02) Matches the Lost Lead Calculator (audit tool) design: white bg · #1d1d1f ink · lime #c6ff33 fills/markers only · olive #3d5209/#5c7a00 text accents · black pill CTAs w/ lime text Loaded LAST in on every page (desktop + mobile). ============================================================ */ :root{ --bg:#ffffff; --bg-2:#f5f5f7; --panel:#ffffff; --panel-2:#f5f5f7; --ink:#1d1d1f; --soft:#494949; --muted:#6e6e73; --faint:#86868b; --line:rgba(0,0,0,.09); --line-2:rgba(0,0,0,.16); --gold:#5c7a00; --gold-hi:#5c7a00; --gold2:#5c7a00; --lime:#c6ff33; --accline:rgba(198,255,51,.5); --accglow:rgba(174,232,32,.4); --serif:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif; --mono:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif; --disp:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif; } html,body{background:#ffffff!important;color:var(--ink)} body{font-family:var(--serif)!important;-webkit-font-smoothing:antialiased} ::selection{background:#c6ff33;color:#1a1206} /* kill dark-era chrome: custom cursor, loader, plasma bg, page-transition */ *{cursor:auto!important} .cur,.cur-d,#plasmabg,.loader,.ptrans{display:none!important} body.loading{overflow:auto!important} /* typography: calm tracking, no glow */ h1,h2,h3,h4{letter-spacing:-.02em} [style*="text-shadow"],.hero-eyebrow,.hgb-head{text-shadow:none!important} /* ---------- nav (desktop + mobile variants) ---------- */ html .nav,html .unav,html .co-top{background:rgba(255,255,255,.85)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;backdrop-filter:saturate(180%) blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important} .nav-links a,.unav-links a,.nav-r{color:#494949!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;opacity:1!important} .nav-links a:hover,.unav-links a:hover{color:#1d1d1f!important} .brand,.brand .t{color:#1d1d1f!important} .brand .cb{color:#5c7a00!important} .nav-toggle span{background:#1d1d1f!important} html #mnav{background:rgba(255,255,255,.98)!important} html #mnav a{color:#1d1d1f!important;border-bottom:1px solid rgba(0,0,0,.08)!important;text-shadow:none!important;font-family:var(--serif)!important;text-transform:none!important;letter-spacing:0!important} html #mnav .mclose{color:#1d1d1f!important} html #mnav a.mcta{color:#c6ff33!important;background:#1d1d1f!important} /* phone number + call pill in header: black pill, lime text (tool style) */ html .nav-call,html .unav-call,html .co-phone{background:#1d1d1f!important;color:#c6ff33!important;box-shadow:none!important;text-shadow:none!important;border-radius:999px;padding:9px 16px} /* ---------- ALL primary CTAs: black pill + lime text ---------- */ html .btn-gold,html .nav-book,html .addon-cta,html .unav-cta,html .ld-teaser,html .ld-smsbtn, html .ld-send,html .ld-sms .ld-send,html #texts,html #dSend,html #go,html .searchbtn, html .o2-buy,html .wnext,html .btn-white,html a.mcta{ background:#1d1d1f!important;border:0!important;color:#c6ff33!important; box-shadow:0 6px 20px -8px rgba(0,0,0,.35)!important;text-shadow:none!important; } html .btn-gold:hover,html .nav-book:hover,html .addon-cta:hover{background:#000!important;transform:translateY(-1px)} html .ld-teaser{background:#c6ff33!important;color:#0d1500!important} html .ld-teaser b,html .ld-teaser span{color:#0d1500!important} html .ld-teaser::after{border-left-color:#c6ff33!important} .btn{border-radius:999px!important} .btn-ghost{border:1.5px solid rgba(0,0,0,.16)!important;color:#1d1d1f!important;background:transparent!important} .btn-ghost:hover{background:#f5f5f7!important;border-color:rgba(0,0,0,.16)!important} /* ---------- cards / panels: white, hairline, soft shadow, Apple radii ---------- */ html .fcard,html .tier,html .rcard,html .demo-wrap,html .hgb-card,html .addon,html .book-embed, html .lcal,html .gso,html .book-done,html .cmx,html .stat,html .stepc,html .guar,html .capband, html .fnd,html .cell,html .card,html .panel,html .box{ background:#ffffff!important;border:1px solid rgba(0,0,0,.08)!important; border-radius:18px!important;box-shadow:0 4px 24px rgba(0,0,0,.06)!important;color:var(--ink); } html .tier.feat{border:2px solid #c6ff33!important;box-shadow:0 12px 40px rgba(0,0,0,.10)!important;background:#ffffff!important;color:var(--ink)!important} html .tier.feat .tp,html .tier.feat h3{color:#1d1d1f!important} html .tier.feat .tn{color:#3d5209!important} html .tier.feat p,html .tier.feat li,html .tier.feat .td{color:#494949!important} html .tier.feat .tv{color:#6e6e73!important} html .tier.feat li .ck{color:#5c7a00!important} html .tier.anchor{background:#ffffff!important;border:1px solid rgba(0,0,0,.14)!important} html .gso{border:1px solid rgba(0,0,0,.10)!important;overflow:hidden} html .gso .lrow.tot{background:#1d1d1f!important} html .gso .lrow.tot span{color:#c6ff33!important} html .ledger .lrow span:first-child{color:#1d1d1f!important} html .capband,html .featbuild{background:#f7fce9!important;border:1px solid rgba(92,122,0,.25)!important} /* stats / labels / eyebrow pills */ .lab,.idx,.addons-lab,.fnd-tag,.seal2{color:#3d5209!important;letter-spacing:.12em!important} .lab::before{background:#5c7a00!important} .stat .big{color:#3d5209!important} .scar,.hero-scar,.rsample,.dchip{color:#3d5209!important;background:rgba(198,255,51,.25)!important;border:0!important} .scar .dot,.hero-scar .dot{background:#5c7a00!important} /* comparison table */ html .cmx{background:#fff!important} html .cmx th,html .cmx td{border-color:rgba(0,0,0,.08)!important;color:#494949!important;background:transparent!important} html .cmx td:first-child,html .cmx th:first-child{color:#1d1d1f!important;background:#fff!important} html .cmx thead th{color:#6e6e73!important;background:#fff!important} html .cmx thead th.hl{color:#3d5209!important;box-shadow:inset 0 3px 0 0 #c6ff33!important} html .cmx .y{color:#5c7a00!important} html .cmx .hl,html .cmx td.hl{background:rgba(198,255,51,.16)!important} html .cmx tbody tr:nth-child(even) td{background:rgba(0,0,0,.02)!important} html .cmx tbody tr:hover td{background:rgba(198,255,51,.10)!important} html .cmx .prow td{color:#1d1d1f!important;background:#fff!important} .cmx-tag{color:#3d5209!important} /* FAQ */ html .faq .a{color:#494949!important;font-weight:400!important} html .faq summary{color:#1d1d1f!important} html .faq summary .pm{color:#5c7a00!important} /* forms / inputs */ input,textarea,select{background:#f5f5f7!important;color:#1d1d1f!important;border:1px solid rgba(0,0,0,.12)!important;font-family:var(--serif)!important} input:focus,textarea:focus{border-color:#5c7a00!important;outline:none} input::placeholder,textarea::placeholder{color:#86868b!important} /* demo chat bubbles (on-page widget) */ html .dmsg.me{background:#e9e9eb!important;color:#1d1d1f!important} html .dmsg.ai,html .dtyping{background:#c6ff33!important;color:#0d1500!important} html .demo-thread,html .dchips,html .dinput{background:#fff!important} html .dinput input{background:#f5f5f7!important} /* footer */ html .footer{background:#f5f5f7!important;border-top:1px solid rgba(0,0,0,.08)!important} html .footer a{color:#6e6e73!important} html .footer a:hover{color:#1d1d1f!important} html .footer h4{color:#86868b!important} /* misc dark leftovers */ html .hero-gtee{background:#fff!important;border:1px solid rgba(0,0,0,.10)!important;border-left:3px solid #c6ff33!important} html .orb-core,html .ol{background:rgba(255,255,255,.85)!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.12)!important} html .marq-track span{color:#494949!important} html .billtoggle button{border:1px solid rgba(0,0,0,.14)!important;color:#494949!important} html .billtoggle button.on{background:#1d1d1f!important;border-color:#1d1d1f!important;color:#c6ff33!important} html .seal text{fill:#494949!important} html .seal .mid{fill:#5c7a00!important} /* Google reviews: large yellow stars everywhere */ .stars,.grev-stars{color:#fbbc04!important;font-size:28px!important;letter-spacing:2px!important;line-height:1!important} /* guarantees: loud, lime-tinted (Risk Free To Start) */ html .gchip{background:rgba(198,255,51,.20)!important;border:1.5px solid rgba(92,122,0,.35)!important;border-radius:14px!important;color:#1d1d1f!important;font-weight:600!important;font-size:12.5px!important} html .gchip b{color:#3d5209!important;font-size:15px!important} html .guartrip,html .o2-trust{background:rgba(198,255,51,.20)!important;border:1.5px solid rgba(92,122,0,.35)!important;border-radius:14px!important;padding:12px 16px!important} html .guartrip span,html .o2-trust span{color:#1d1d1f!important;font-weight:700!important} html .guartrip b{color:#3d5209!important} html .hero-gtee .gt-t{color:#3d5209!important;font-weight:800!important} /* long calculator CTA: allow wrap */ html .btn-gold,html .btn,html .o2-buy{white-space:normal!important;line-height:1.35!important;text-align:center}