.cmp__pick{display:none}
/* WITV — Plans page (uses tokens/components from home.css) */
body.page-plans .nav{background:rgba(0,0,0,.6);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-color:var(--line)}
.phero{position:relative;padding:150px 0 40px;text-align:center;overflow:hidden;isolation:isolate}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 50% 0%,rgba(248,162,0,.22),transparent 70%)}
.phero h1{font-size:clamp(2.8rem,6.4vw,5.4rem);font-weight:800;letter-spacing:-.045em;line-height:.98;color:#fff;max-width:14ch;margin:0 auto}
.phero .lead{margin:22px auto 0}
.toggle{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);margin-top:36px}
.toggle button{padding:10px 20px;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--muted);transition:.2s}
.toggle button.is-on{background:#fff;color:#000}
.toggle button:hover:not(.is-on){color:#fff}

.pplans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:56px;align-items:stretch}
.pplan{position:relative;display:flex;flex-direction:column;padding:34px 30px 30px;border-radius:30px;background:var(--surface);border:1px solid var(--line);transition:transform .25s,border-color .25s}
.pplan--hot{background:linear-gradient(180deg,#221a0e 0%,#141414 60%);border-color:rgba(248,162,0,.6);box-shadow:0 40px 100px rgba(248,162,0,.14)}
.pplan__tag{position:absolute;top:-14px;left:30px;background:var(--grad);color:#111;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.pplan__tag--muted{background:#2a2a2e;color:#fff;border:1px solid rgba(255,255,255,.12)}
.pplan__name{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.01em}
.pplan__desc{color:var(--muted);font-size:.95rem;margin-top:4px;min-height:2.9em;line-height:1.45}
.pplan__price{margin-top:22px;display:flex;align-items:baseline;gap:6px}
.pplan__price b{font-size:clamp(3rem,4.2vw,3.8rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff}
.pplan__price span{color:var(--muted);font-size:1rem;font-weight:500}
.pplan__total{margin-top:10px;color:var(--muted);font-size:.95rem;white-space:nowrap}
.pplan__save{display:inline-flex;align-self:flex-start;margin-top:10px;padding:5px 11px;border-radius:999px;background:rgba(248,162,0,.14);color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.02em}
.pplan__save--muted{background:rgba(255,255,255,.07);color:var(--muted)}
.pplan__meta{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:12px}
.pplan__meta div{display:flex;align-items:center;gap:10px;color:#e8e8ec;font-size:1rem}
.pplan__meta svg{width:20px;height:20px;color:var(--accent);flex:0 0 auto}
.pplan .btn{margin-top:auto;padding-top:0;height:54px;font-size:1rem}
.pplan .btn{margin-top:28px}
.pnote{text-align:center;color:var(--muted);margin-top:30px;font-size:1rem}
.pnote b{color:#fff}

.incl{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px}
.incl__item{padding:28px 26px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.incl__item svg{width:28px;height:28px;color:var(--accent);margin-bottom:18px}
.incl__item h3{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:#fff}
.incl__item p{margin-top:8px;color:var(--muted);font-size:.98rem;line-height:1.5}

.cmp{margin-top:56px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--surface)}
.cmp table{width:100%;border-collapse:collapse;font-size:1rem}
.cmp th,.cmp td{padding:20px 22px;text-align:center;border-bottom:1px solid var(--line)}
.cmp th:first-child,.cmp td:first-child{text-align:left;color:var(--muted);font-weight:500}
.cmp thead th{font-size:1.05rem;font-weight:700;color:#fff;background:rgba(255,255,255,.03)}
.cmp thead th.hot{color:var(--accent)}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp td{color:#e8e8ec}
.cmp td svg{width:20px;height:20px;color:var(--accent);vertical-align:middle}
.cmp td.hot{background:rgba(248,162,0,.05);font-weight:600;color:#fff}

.quotes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
.quote{padding:26px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.quote__stars{color:var(--accent);letter-spacing:2px;font-size:.9rem}
.quote p{margin:12px 0 18px;color:#e2e2ea;line-height:1.55;font-size:1rem}
.quote__who{display:flex;align-items:center;gap:12px}
.quote__who i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);font-style:normal;font-weight:700;font-size:.85rem;color:var(--accent)}
.quote__who b{display:block;color:#fff;font-size:.95rem}
.quote__who span{color:var(--muted);font-size:.82rem}

@media (max-width:1100px){
  .pplans,.incl,.quotes{grid-template-columns:repeat(2,1fr)}
  .pplans{row-gap:38px}
  .cmp{overflow:hidden}
  .cmp table{min-width:0;table-layout:fixed}
  .cmp thead{display:none}
  .cmp__pick{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03)}
  .cmp__pick button{flex:1;height:40px;border-radius:999px;background:none;border:0;color:var(--muted);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}
  .cmp__pick button.is-on{background:#fff;color:#000}
  .cmp th,.cmp td{padding:16px 18px}
  .cmp td:first-child{width:58%}
  .cmp td:not(:first-child){display:none}
  .cmp[data-col="2"] td:nth-child(2),.cmp[data-col="3"] td:nth-child(3),.cmp[data-col="4"] td:nth-child(4),.cmp[data-col="5"] td:nth-child(5){display:table-cell;font-weight:600;color:#fff}
  .cmp td.hot{background:none}
}
@media (max-width:640px){
  .phero{padding-top:120px}
  .pplans,.incl,.quotes{grid-template-columns:1fr}
  .pplan{border-radius:24px}
}

.pplan__price{flex-wrap:nowrap}
.pplan__price span{white-space:nowrap}
.pplan__price b{font-size:clamp(2.6rem,3.6vw,3.4rem)}
.phero+.sec--tight{padding-top:8px}

/* New customer offer strip */
.offer{display:flex;align-items:center;gap:18px;margin-top:56px;padding:18px 22px;border-radius:22px;background:linear-gradient(90deg,rgba(248,162,0,.14),rgba(255,95,31,.08));border:1px solid rgba(248,162,0,.35)}
.offer+.pplans{margin-top:44px}
.offer__tag{flex:none;padding:6px 12px;border-radius:999px;background:var(--grad);color:#111;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.offer__txt{flex:1;color:#e8e8ec;font-size:1.02rem;line-height:1.4}
.offer__txt b{color:#fff}
.offer__txt code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:var(--accent);background:rgba(0,0,0,.35);padding:2px 8px;border-radius:8px;font-size:.95rem}
.offer__btn{flex:none;height:46px;padding:0 22px;font-size:.98rem;background:#fff;color:#111;margin:0;width:auto}
.offer__btn:hover{background:#f2f2f2}
.offer__btn.is-on{background:rgba(248,162,0,.12);color:var(--accent);border:1px solid rgba(248,162,0,.45)}
.offer__btn.is-on:hover{background:rgba(248,162,0,.2)}
.offer__btn.is-on:hover span::after{content:"· Remove";margin-left:8px;font-weight:600;color:#fff}
.offer__btn.is-on span::before{content:"";display:inline-block;width:9px;height:14px;margin:0 10px 2px 0;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);vertical-align:middle}
.offer.is-on{border-color:rgba(248,162,0,.7)}
@media (max-width:760px){
  .offer{flex-wrap:wrap;gap:12px;padding:16px 18px;border-radius:18px;margin-top:40px}
  .offer+.pplans{margin-top:36px}
  .offer__txt{flex:1 1 100%;font-size:.98rem}
  .offer__btn{width:100%;height:50px}
}
/* discounted price state */
.pplan__was{display:block;margin-top:18px;color:var(--muted);font-size:.95rem;font-weight:600;text-decoration-thickness:1.5px}
.pplan__was+.pplan__price{margin-top:2px}
.pplan.is-disc .pplan__total{white-space:nowrap;color:var(--muted);font-size:.88rem;letter-spacing:-.01em}
.pplan.is-disc .pplan__total b{color:var(--accent);font-weight:700}