/* w3bsiter.com home v3. Loads after s.css and uses its tokens. Nothing here
   starts hidden: no reveal waits on an observer or a scroll timeline. */

/* hero: copy left, the live lead finder right */
.h-hero{position:relative;isolation:isolate;overflow:hidden;padding:56px 0 64px;border-bottom:1px solid var(--line);background:
  radial-gradient(56rem 30rem at 92% -6%,rgb(38 67 233 / .13),transparent 62%),
  radial-gradient(36rem 22rem at -6% 10%,rgb(38 67 233 / .06),transparent 60%),var(--surface)}
.h-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:44px 44px;mask-image:radial-gradient(70% 80% at 72% 10%,#000 10%,transparent 72%);-webkit-mask-image:radial-gradient(70% 80% at 72% 10%,#000 10%,transparent 72%);opacity:.75}
.h-hero-grid{display:grid;gap:40px;align-items:start}
@media (min-width:1040px){.h-hero-grid{grid-template-columns:.86fr 1.14fr;gap:56px}.hero-copy{padding-top:28px}}
.hero-copy h1{font-size:clamp(2.6rem,5.6vw,4.4rem);line-height:1.0;margin-bottom:.4em}
.hero-copy h1 span{color:var(--accent);display:block}
.hero-copy .lede{font-size:1.24rem}
.hero-copy .eyebrow a{color:inherit;text-decoration:none}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:34px 0 0;border-top:1px solid var(--line);padding-top:20px}
.hero-facts div{padding-right:14px;min-width:0}
.hero-facts div+div{padding-left:16px;border-left:1px solid var(--line)}
.hero-facts dt{font-size:.95rem;color:var(--muted);line-height:1.3}
.hero-facts dd{margin:6px 0 0;font:800 1.7rem/1 var(--head);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:no-preference){
  /* one entrance, translate only: the copy is fully visible from the first frame */
  .hero-copy>*{animation:nudge .7s var(--ease) both}
  .hero-copy>:nth-child(2){animation-delay:.05s}.hero-copy>:nth-child(3){animation-delay:.1s}.hero-copy>:nth-child(4){animation-delay:.15s}
  .h-hero .finder{animation:nudge .8s .1s var(--ease) both}
}
@keyframes nudge{from{translate:0 10px}}

/* section rhythm */
.sec{padding:88px 0}
.sec h2{max-width:22ch}
.intro{font-size:1.18rem;color:var(--ink-2);max-width:60ch}
.src{font-size:.95rem;color:var(--muted);margin-top:14px;max-width:80ch}

/* proof: all-time company records + live calls */
.proof{padding:36px 0 8px}
.proof-card{display:grid;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-2);overflow:hidden}
@media (min-width:900px){.proof-card{grid-template-columns:1fr minmax(0,20rem)}}
.proof-main{padding:24px 26px}
.pnums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 0}
.pnums dt{font-size:1rem;color:var(--muted);order:2}
.pnums div{display:flex;flex-direction:column-reverse;gap:8px;min-width:0}
.pnums dd{margin:0;font:800 clamp(2.2rem,4.4vw,3.4rem)/1 var(--head);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
@media (max-width:560px){.pnums{grid-template-columns:1fr 1fr}.pnums div:last-child{grid-column:1/-1}}
.proof-live{padding:24px 26px;background:var(--night);color:var(--on-night);display:flex;flex-direction:column;justify-content:center}
.proof-live b{font:800 clamp(2.2rem,4.4vw,3.2rem)/1 var(--head);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#fff}
.proof-live span{color:var(--on-night-muted);font-size:1rem;margin-top:8px}
.proof-live .badge.live{background:rgb(21 160 96 / .16);color:#7fe0ae;border-color:rgb(127 224 174 / .3)}
.proof .src{margin-top:12px}

/* where the leads are */
.where-grid{display:grid;gap:40px;align-items:center}
@media (min-width:980px){.where-grid{grid-template-columns:1fr 1fr;gap:64px}}
.status-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.status-list li{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.status-list .pill{justify-self:start}
.status-list p{margin:0;font-size:1rem;color:var(--ink-2)}
@media (max-width:560px){.status-list li{grid-template-columns:1fr;gap:8px}}
.where-card{background:var(--night);color:var(--on-night);border-radius:20px;padding:28px;box-shadow:var(--sh-3)}
.where-card h3{color:#fff;margin-bottom:20px}
.tradebars{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.tradebars li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:baseline}
.tradebars span{color:var(--on-night)}
.tradebars b{font:800 1.5rem/1 var(--head);color:#fff;font-variant-numeric:tabular-nums}
.tradebars li::after{content:"";grid-column:1/-1;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--night-accent) var(--w,50%),rgb(255 255 255 / .1) var(--w,50%))}
.where-card .src{color:var(--on-night-muted)}

/* the Takedown console */
.system{background:var(--surface);border-block:1px solid var(--line)}
.console{display:grid;gap:22px;margin-top:34px}
@media (min-width:1000px){.console{grid-template-columns:20rem minmax(0,1fr);gap:28px;align-items:start}}
.tabs{display:grid;gap:8px}
@media (max-width:999px){.tabs{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.tabs{grid-template-columns:1fr}}
.tabs [role=tab]{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:4px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--canvas);transition:border-color .2s,background .2s,box-shadow .2s}
.tabs [role=tab] b{font:700 1.08rem/1.2 var(--head);color:var(--ink)}
.tabs [role=tab] span{font-size:.98rem;color:var(--muted);line-height:1.4}
.tabs [role=tab]:hover{border-color:var(--line-2)}
.tabs [role=tab][aria-selected=true]{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px rgb(38 67 233 / .12),var(--sh-1)}
.tabs [role=tab][aria-selected=true] b{color:var(--accent)}
.tabs [role=tab]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.panel{min-width:0}
.browser{border-radius:var(--r-frame);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-3)}
.chrome{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--canvas);border-bottom:1px solid var(--line)}
.chrome i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}
.chrome span{margin-left:10px;font-size:.92rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser img,.browser video{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--canvas)}
.pcap{font-size:.98rem;color:var(--muted);margin:14px 2px 0}
.phone-solo{display:grid;place-items:center;padding:24px;border-radius:var(--r-frame);background:radial-gradient(30rem 20rem at 50% 0%,rgb(38 67 233 / .12),transparent 70%),var(--canvas);border:1px solid var(--line)}
.handset{width:min(17rem,70%);padding:9px;border-radius:38px;background:var(--night);box-shadow:var(--sh-3),inset 0 0 0 1px #2b3650}
.handset video{width:100%;aspect-ratio:540/1168;object-fit:cover;border-radius:30px;background:#000}
.finds{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.finds h3{margin-bottom:18px}
.finds dl{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));margin:0}
.finds dl div{padding:18px;border-radius:14px;background:var(--canvas);border:1px solid var(--line)}
.finds dt{font:800 1.9rem/1 var(--head);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
.finds dd{margin:8px 0 0;font-size:1rem;color:var(--ink-2);line-height:1.45}

/* film */
.film-grid{display:grid;gap:28px;align-items:center}
@media (min-width:1000px){.film-grid{grid-template-columns:.7fr 1.3fr;gap:56px}}
.lite{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--night);box-shadow:var(--sh-3)}
.lite img,.lite video{width:100%;height:100%;object-fit:cover}
.lite .play{all:unset;cursor:pointer;position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:linear-gradient(0deg,rgb(11 18 32 / .6),rgb(11 18 32 / .08))}
.lite .play svg{width:80px;height:80px;padding:22px 20px 22px 25px;border-radius:50%;background:#fff;fill:var(--accent);box-shadow:0 0 0 10px rgb(255 255 255 / .18);transition:transform .25s var(--ease)}
.lite .play span{font:600 1.1rem/1 var(--body);color:#fff;text-shadow:0 1px 8px rgb(0 0 0 / .7)}
.lite .play:hover svg{transform:scale(1.06)}
.lite .play:focus-visible svg{outline:3px solid #fff;outline-offset:4px}

/* client sites */
.design{background:var(--surface);border-block:1px solid var(--line)}
.sites{display:grid;gap:18px;margin-top:36px}
@media (min-width:760px){.sites{grid-template-columns:1fr 1fr}.site.feature{grid-column:1/-1}}
@media (min-width:1100px){.sites{grid-template-columns:repeat(3,1fr)}}
.site{margin:0;background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 14px 18px;transition:border-color .2s,box-shadow .2s,transform .25s var(--ease)}
.site:hover{border-color:var(--line-2);box-shadow:var(--sh-2);transform:translateY(-2px)}
.frames{position:relative;padding:0 0 22px}
.desk{border-radius:10px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;background:#fff;box-shadow:var(--sh-1)}
.desk img{width:100%;height:100%;object-fit:cover;object-position:top}
.phone{position:absolute;right:12px;bottom:0;width:24%;border-radius:14px;padding:4px;background:var(--night);box-shadow:0 18px 36px -14px rgb(11 18 32 / .55)}
.phone img{border-radius:10px;aspect-ratio:360/665;object-fit:cover;object-position:top;width:100%}
.site figcaption{display:grid;gap:3px;margin-top:6px;padding-inline:4px}
.site figcaption b{font:700 1.12rem/1.25 var(--head)}
.site figcaption span{color:var(--muted);font-size:.98rem}
.site figcaption a{font-size:.98rem;margin-top:4px;justify-self:start;font-weight:500}
@media (min-width:1100px){
  .site.feature{display:grid;grid-template-columns:1.7fr 1fr;gap:36px;align-items:center;padding:22px}
  .site.feature .phone{width:18%}
  .site.feature figcaption b{font-size:1.7rem}
}

/* results: calls chart + rank matrix */
.results-grid{display:grid;gap:18px;margin-top:30px}
@media (min-width:1100px){.results-grid{grid-template-columns:1.25fr 1fr;align-items:start}}
.res-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--sh-2);min-width:0}
.calls-card{background:var(--night);color:var(--on-night);border-color:var(--night)}
.callnums{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 22px}
.callnums b{display:block;font:800 clamp(1.8rem,3.6vw,2.6rem)/1 var(--head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff}
.callnums div:nth-child(2) b{color:var(--night-accent)}
.callnums span{color:var(--on-night-muted);font-size:.98rem}
@media (max-width:560px){.callnums{grid-template-columns:1fr 1fr}.callnums div:last-child{grid-column:1/-1}}
.chart{margin:0}
.readout{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;min-height:2em;margin-bottom:16px}
.readout>b{font:700 1.15rem/1 var(--head);color:#fff}
.readout span{color:var(--on-night-muted);font-size:.98rem;display:inline-flex;align-items:center;gap:7px}
.readout span b{color:#fff;font-variant-numeric:tabular-nums}
.sw{width:12px;height:12px;border-radius:3px;display:inline-block}
.sw.c{background:#5b78ff}.sw.f{background:#b8c6ff}
.plot{position:relative;padding-left:46px}
.plot svg{width:100%;height:clamp(200px,28vw,290px);display:block;overflow:visible}
.ylab{position:absolute;left:0;top:0;bottom:30px;width:40px}
.ylab span{position:absolute;right:0;transform:translateY(50%);font-size:.92rem;color:var(--on-night-muted);font-variant-numeric:tabular-nums}
.ylab span:first-child{display:none}
.chart .grid line{stroke:var(--night-line);stroke-width:1;vector-effect:non-scaling-stroke}
.mo .hit{fill:transparent}
.mo .bc{fill:#5b78ff;opacity:.85}
.mo .bf{fill:#b8c6ff}
.mo:hover .bc,.mo:focus .bc,.mo.on .bc{opacity:1;fill:#7d95ff}
.mo:focus{outline:none}
.mo:focus-visible .hit{fill:rgb(255 255 255 / .08)}
.xlab{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));margin-top:10px}
.xlab span{font-size:.92rem;color:var(--on-night-muted);white-space:nowrap;overflow:visible}
.xlab span:not(.k):not(.h){visibility:hidden}
@media (max-width:700px){.xlab span.h{visibility:hidden}}
.chart figcaption{color:var(--on-night-muted);font-size:.95rem;margin-top:16px;max-width:80ch}
.data{margin-top:12px}
.data summary{cursor:pointer;color:var(--night-accent);font-weight:500}
.data table{max-width:34rem;margin-top:12px;background:var(--night-2);border-color:var(--night-line);box-shadow:none}
.data th,.data td{text-align:left;padding:7px 12px;font-size:1rem;color:var(--on-night);border-color:var(--night-line)}
.data thead th{color:var(--on-night-muted);background:var(--night-2)}
.data tbody tr:hover td{background:transparent}
.rank-card h3{margin-bottom:14px}
.bignum{display:flex;gap:16px;align-items:center;margin:0 0 16px;padding:16px 18px;border-radius:14px;background:var(--accent-soft);border:1px solid var(--accent-line)}
.bignum b{font:800 2.4rem/1 var(--head);color:var(--accent);white-space:nowrap;letter-spacing:-.03em}
.bignum span{color:var(--ink-2);font-size:1rem}
.rankmx table{width:100%;border-collapse:separate;border-spacing:5px;table-layout:fixed;border:0;box-shadow:none;background:none;border-radius:0}
.rankmx thead th:first-child{width:44%}
.rankmx caption{text-align:left;font:600 1rem/1.3 var(--body);padding:4px 5px 6px;color:var(--muted)}
.rankmx th{text-align:left;font-weight:500;color:var(--ink-2);font-size:.95rem;padding:6px 5px;border:0;background:none}
.rankmx thead th{color:var(--muted);text-align:center}
.rankmx thead th:first-child{text-align:left}
.rankmx tr.biz th{color:var(--ink);font:600 1rem/1.2 var(--body);padding-top:12px}
.rankmx td{text-align:center;border-radius:9px;padding:9px 4px;font-size:.92rem;color:var(--muted);background:var(--canvas);border:1px dashed var(--line-2)}
.rankmx tbody tr:hover td{background:var(--canvas)}
.rankmx td b{font:800 1.25rem/1 var(--head)}
.rankmx td.p1{background:var(--accent);color:#fff;border:0}
.rankmx td.p2{background:#4d66ee;color:#fff;border:0}
.rankmx td.p3{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}
.rankmx tbody tr:hover td.p1{background:var(--accent)}.rankmx tbody tr:hover td.p2{background:#4d66ee}.rankmx tbody tr:hover td.p3{background:var(--accent-soft)}
@media (max-width:720px){
  .rankmx table,.rankmx tbody,.rankmx thead{display:table-row-group}.rankmx table{display:table}.rankmx thead{display:table-header-group}
  .rankmx tr{display:table-row;border:0;padding:0}.rankmx td,.rankmx th{display:table-cell}
  .rankmx td::before{content:none}
  .rankmx tbody th[scope=row]{font-size:.92rem;overflow-wrap:anywhere}.rankmx td{padding:8px 2px}.rankmx td b{font-size:1.1rem}
  .rankmx td.np span,.rankmx td.nt span{line-height:1.15;display:block}
}

/* after the close */
.flow{list-style:none;margin:32px 0 0;padding:0;counter-reset:f;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.flow li{position:relative;padding:20px;counter-increment:f;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.flow li::before{content:counter(f);display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:10px;margin-bottom:14px;background:var(--accent-soft);color:var(--accent);font:800 1rem/1 var(--head)}
.flow li:last-child{background:var(--accent);border-color:var(--accent)}
.flow li:last-child::before{background:#fff;color:var(--accent)}
.flow li:last-child h3,.flow li:last-child p{color:#fff}
.flow h3{font-size:1.1rem;margin:0 0 6px}
.flow p{color:var(--muted);margin:0;font-size:1rem}
.ppx{display:grid;gap:16px;margin-top:22px}
@media (min-width:900px){.ppx{grid-template-columns:1fr 1.3fr}}
.ready,.inds{border-radius:var(--r-card);padding:26px;background:var(--surface);border:1px solid var(--line)}
.ready h3{font-size:1.5rem;margin-top:14px}
.ready p{color:var(--ink-2);margin:0}
.chips{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:8px 13px;border-radius:999px;background:var(--canvas);border:1px solid var(--line);font-size:.98rem;font-weight:500}
.chips li.hot{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}

/* money */
.money{background:var(--surface);border-block:1px solid var(--line)}
.money-grid{display:grid;gap:18px}
@media (min-width:1000px){.money-grid{grid-template-columns:1fr 1fr;align-items:start}}
.offer-card{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;padding:32px;background:var(--night);color:var(--on-night);box-shadow:var(--sh-3)}
.offer-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(34rem 18rem at 100% 0%,rgb(38 67 233 / .5),transparent 62%)}
.offer-card h2{color:#fff}
.split2{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;overflow:hidden;margin:20px 0 24px;border:1px solid rgb(255 255 255 / .12)}
.split2 div{padding:18px}
.split2 .you{background:var(--accent);color:#fff}
.split2 .us{background:rgb(255 255 255 / .06)}
.split2 b{display:block;font:800 2.6rem/1 var(--head);letter-spacing:-.03em}
.split2 span{font-size:.98rem;color:inherit}
.split2 .us span{color:var(--on-night-muted)}
.ticks{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.ticks li{position:relative;padding-left:30px;color:var(--on-night)}
.ticks li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:6px;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/14px no-repeat}
.offer-card .btn{background:#fff;color:var(--ink)}
.offer-card .btn:hover{background:var(--accent-soft)}
.btn.big{padding:17px 26px;font-size:1.08rem}
.money-side{display:grid;gap:18px;min-width:0}
.calc{background:var(--canvas);border:1px solid var(--line);border-radius:20px;padding:26px}
.calc h3{margin-bottom:16px}
.calc label[for=cn]{display:flex;justify-content:space-between;font-weight:600}
.calc output{font:800 1.4rem/1 var(--head);color:var(--accent)}
.calc input[type=range]{width:100%;margin:12px 0 18px;accent-color:var(--accent)}
.calc fieldset{border:0;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:10px}
.calc legend{font-weight:600;margin-bottom:10px;width:100%}
.calc fieldset label{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-btn);background:var(--surface);border:1px solid var(--line-2);cursor:pointer;font-weight:500}
.calc fieldset label:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px rgb(38 67 233 / .12)}
.calc input[type=radio]{accent-color:var(--accent)}
.calc .res{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calc .res div{padding:14px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.calc .res span{display:block;font-size:.95rem;color:var(--muted)}
.calc .res b{display:block;font:800 1.9rem/1.1 var(--head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:6px}
.calc .fine{font-size:.95rem;color:var(--muted);margin:14px 0 0}
.quota{background:var(--canvas);border:1px solid var(--line);border-radius:20px;padding:26px}
.qrow{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:14px;align-items:center;margin-top:14px}
.ql b{display:block;font:800 1.5rem/1 var(--head)}
.ql span{font-size:.95rem;color:var(--muted)}
.qcells{display:flex;flex-wrap:wrap;gap:4px}
.qcells i{width:12px;height:12px;border-radius:3px;background:var(--line-2)}
.qcells i.new{background:var(--accent)}
@media (max-width:520px){.qrow{grid-template-columns:1fr}}

/* faq */
.faq-grid{display:grid;gap:28px}
@media (min-width:1000px){.faq-grid{grid-template-columns:.7fr 1.3fr;gap:56px}.faq-grid>div:first-child{position:sticky;top:96px;align-self:start}}
.faq-grid .faq{max-width:none}

/* display numbers: proportional figures (tabular commas gap in this face) */
.hero-facts dd,.pnums dd,.proof-live b,.callnums b,.split2 b,.calc .res b,.finds dt,.tradebars b{font-variant-numeric:normal}
@media (min-width:1040px){.h-hero-grid{align-items:center}.hero-copy{padding-top:0}}