/* Atlas pricing table component, V8 dark.
   Design source: Figma "AtlasFunded x QClay" node 804-192472. Spec: PRICING-TABLE-V8-DARK-SPEC.md
   Self-contained: every style the component needs lives here, including the button reset.
   Type stays Inter (deliberate deviation from the Figma SF Pro; Figma 510 maps to 500, 590 to 600). */

:root{--apt-lime:#E1FFA0;--apt-lime-ink:#17301F;}
.chev{opacity:.75;font-weight:600;letter-spacing:-0.02em;}

/* the mount container is owned by site.css; V8 needs the 1512 shell with the 1432 content column */
#pricing-table{max-width:1512px;margin:0 auto;padding:0 40px;box-sizing:border-box;}

.f7-wrap{
  --af-bg-top:#303030;
  --af-bg-bottom:#0F0F0F;
  --af-card:#222222;
  --af-pill-off:#2D2D2D;
  --af-pill-on:#223736;
  --af-hair:rgba(255,255,255,0.14);
  --af-lime:#E1FFA0;
  --af-lime-ink:#17301F;
  --af-sec:rgba(255,255,255,0.60);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#fff;
}
.f7-wrap *,.f7-wrap *::before,.f7-wrap *::after{box-sizing:border-box;}
.f7-in{max-width:1432px;min-width:0;margin:0 auto;display:flex;flex-direction:column;gap:40px;}

/* button reset (the lab page had a global reset; ship it with the component) */
.f7-wrap button{
  appearance:none;-webkit-appearance:none;
  background:none;border:none;outline:none;margin:0;padding:0;
  font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-align:center;
}
.f7-wrap button:focus{outline:none;}
.f7-wrap button:focus-visible,.f7-wrap [tabindex]:focus-visible{box-shadow:0 0 0 2px rgba(225,255,160,0.45);border-radius:12px;}
.f7-wrap a{text-decoration:none;color:inherit;}
.f7-wrap ul{list-style:none;margin:0;padding:0;}

/* ---------- head: market toggle + tools ---------- */
.f7-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;}
.f7-mkt{grid-column:2;justify-self:center;display:inline-flex;gap:4px;padding:4px;border-radius:100px;background:var(--af-pill-off);}
.f7-mkt button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;min-width:150px;padding:0 26px;border-radius:100px;font-size:16px;font-weight:600;letter-spacing:-0.02em;color:var(--af-sec);transition:background .15s,color .15s;}
.f7-mkt button:hover{color:#fff;}
.f7-mkt button.on{background:var(--af-pill-on);border:2px solid var(--af-hair);color:#fff;}
.f7-mkt .mki{width:16px;height:16px;flex:none;color:rgba(255,255,255,.45);}
.f7-mkt button.on .mki{color:var(--af-lime);}
.f7-tools{grid-column:3;justify-self:end;display:flex;align-items:center;gap:10px;}
.f7-tools .grp{display:flex;gap:10px;}
.f7-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:100px;background:var(--af-pill-off);color:#fff;font-size:14px;font-weight:500;transition:background .15s;}
.f7-ghost:hover{background:#383838;}
.f7-ghost .gic{width:15px;height:15px;flex:none;}
.f7-switch{width:48px;min-width:48px;padding:0;}
.f7-switch.on{background:var(--af-pill-on);border:2px solid var(--af-hair);}

/* ---------- two column body ---------- */
.f7-main{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:40px;align-items:start;}
.f7-lcol{display:flex;flex-direction:column;gap:16px;min-width:0;}
.f7-card{background:var(--af-card);border-radius:32px;padding:24px;display:flex;flex-direction:column;gap:16px;}
.f7-cardhd{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.f7-lbl{font-size:15px;font-weight:500;letter-spacing:-0.01em;color:#fff;}
.f7-hint{font-size:14px;font-weight:500;letter-spacing:-0.02em;color:var(--af-sec);}
.f7-lnk{font-size:14px;font-weight:500;color:#fff;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.f7-lnk:hover{color:var(--af-lime);}

/* model cards */
.f7-models{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.f7-models .mc{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;min-height:116px;padding:14px 16px 16px;border-radius:20px;background:var(--af-pill-off);border:2px solid transparent;cursor:pointer;transition:background .15s,border-color .15s;}
.f7-models .mc:hover{border-color:rgba(255,255,255,.08);}
.f7-models .mc.on{background:var(--af-pill-on);border-color:var(--af-hair);}
.f7-models .mc .trow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.f7-models .mc .nm{font-size:17.5px;font-weight:600;letter-spacing:-0.01em;color:#fff;}
.f7-models .mc .tg{font-size:14px;line-height:1.32;font-weight:500;letter-spacing:-0.02em;color:var(--af-sec);}
.f7-models .mc.instant .nm{color:var(--af-lime);}
.f7-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:rgba(255,255,255,.08);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:600;color:rgba(255,255,255,.75);}
.f7-badge svg{width:12px;height:12px;flex:none;}
.f7-badge.lime,.f7-models .mc.instant .f7-badge{background:rgba(225,255,160,.12);color:var(--af-lime);}

/* model type */
.f7-variants{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.f7-variants .vb{height:50px;border-radius:100px;background:var(--af-pill-off);border:2px solid transparent;color:var(--af-sec);font-size:16px;font-weight:600;letter-spacing:-0.02em;transition:background .15s,color .15s;}
.f7-variants .vb:hover{color:#fff;}
.f7-variants .vb.on{background:var(--af-pill-on);border-color:var(--af-hair);color:#fff;}

/* account size pills */
.f7-sizes{display:flex;flex-wrap:wrap;gap:16px;}
.f7-sizes .sz{flex:1 1 140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;padding:8px 16px;border-radius:100px;background:var(--af-pill-off);border:2px solid transparent;cursor:pointer;transition:background .15s,border-color .15s;}
.f7-sizes .sz:hover{border-color:rgba(255,255,255,.08);}
.f7-sizes .sz.on{background:var(--af-pill-on);border-color:var(--af-hair);}
.f7-sizes .szl{font-size:18px;font-weight:600;line-height:1;color:#fff;}
.f7-sizes .szp{font-size:12px;font-weight:500;line-height:1.3;color:var(--af-sec);}
.f7-sizes .szp s{opacity:.6;}
.f7-sizes .szp i{font-style:normal;}

/* platforms */
.f7-plats{display:flex;flex-wrap:wrap;gap:16px;}
.f7-plats .pf{flex:1 1 160px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 16px;border-radius:100px;background:var(--af-pill-off);border:2px solid transparent;color:var(--af-sec);font-size:15px;font-weight:500;letter-spacing:-0.02em;cursor:pointer;transition:background .15s,color .15s;}
.f7-plats .pf:hover{color:#fff;}
.f7-plats .pf img{width:20px;height:20px;border-radius:5px;flex:none;}
.f7-plats .pf.on{background:var(--af-pill-on);border-color:var(--af-hair);color:#fff;}

/* feature strip + add-ons */
.f7-feats{display:flex;flex-wrap:wrap;gap:14px 28px;}
.f7-feat,.f7-add{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;letter-spacing:-0.02em;color:rgba(255,255,255,.88);}
.f7-feat .ck,.f7-add .ck{width:20px;height:20px;flex:none;border-radius:50%;background:rgba(225,255,160,.14);color:var(--af-lime);display:inline-flex;align-items:center;justify-content:center;}
.f7-feat .ck svg,.f7-add .ck svg{width:11px;height:11px;}
.f7-adds{display:flex;flex-wrap:wrap;gap:14px 26px;}
.f7-add .lbl{text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.22);}
.f7-add .pc{font-size:10.5px;font-weight:600;color:var(--af-sec);background:rgba(255,255,255,.08);border-radius:999px;padding:2px 7px;}
.f7-addnote{font-size:13px;color:var(--af-sec);}

/* ---------- summary card ---------- */
.f7-rcol{min-width:0;}
.f7-sum{position:relative;background:var(--af-card);border-radius:32px;padding:32px 24px 24px;display:flex;flex-direction:column;gap:16px;}
.f7-sumchip{position:absolute;top:-16px;left:24px;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:100px;background:var(--af-pill-off);border:1px solid var(--af-hair);font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;}
.f7-sumchip svg{width:14px;height:14px;color:var(--af-lime);}
.f7-sumchip.lime{color:var(--af-lime);border-color:rgba(225,255,160,.32);}
.f7-sumchip:empty{display:none;}
.f7-rules{display:flex;flex-direction:column;}
.f7-ruleshd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px 8px;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--af-sec);}
.f7-rules li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:6px 14px;border-radius:100px;font-size:14px;letter-spacing:-0.02em;}
.f7-rules li:nth-child(odd){background:var(--af-pill-off);}
.f7-rules li .k{display:flex;align-items:center;gap:8px;min-width:0;color:var(--af-sec);font-weight:500;}
.f7-rules li .k svg{width:15px;height:15px;flex:none;}
.f7-rules li .v{color:#fff;font-weight:500;text-align:right;}
.f7-subhd{padding:14px 14px 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.45);}
.f7-exp2{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:8px;padding:0 14px;font-size:13px;font-weight:500;color:var(--af-sec);}
.f7-exp2:hover{color:#fff;}
.f7-exp2 svg{width:14px;height:14px;transition:transform .2s;}
.f7-exp2.open svg{transform:rotate(180deg);}
.f7-avgrow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:8px 16px;border-radius:100px;background:var(--af-pill-on);border:2px solid var(--af-hair);font-size:14px;}
.f7-avgrow .k{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.75);font-weight:500;}
.f7-avgrow .k svg{width:15px;height:15px;flex:none;}
.f7-avgrow b{font-size:16px;font-weight:600;color:#fff;}
.f7-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:4px 4px 0;}
.f7-price .p{font-size:52px;line-height:1;font-weight:700;letter-spacing:-0.03em;color:#fff;}
.f7-price s{font-size:18px;font-weight:500;color:var(--af-sec);}
.f7-price .sv{width:100%;font-size:14px;font-weight:600;letter-spacing:-0.02em;color:var(--af-lime);}
.f7-price .sv:empty{display:none;}
.f7-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:18px 24px;border-radius:100px;border:1.5px solid var(--af-hair);background:var(--af-lime);color:var(--af-lime-ink);font-size:16px;font-weight:600;letter-spacing:-0.03em;text-align:center;transition:filter .15s;}
.f7-cta:hover{filter:brightness(1.05);}
.f7-pays{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;}
.f7-pays img{height:26px;width:auto;border-radius:5px;display:block;}
.f7-pays .more{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:6px;background:rgba(255,255,255,.06);font-size:10.5px;font-weight:500;color:var(--af-sec);cursor:help;}
.f7-fine{font-size:11px;line-height:1.55;color:rgba(255,255,255,.4);}

/* ---------- bundle ---------- */
.f7-bwrap{display:flex;flex-direction:column;gap:12px;}
.f7-bwrap:empty{display:none;}
.f7-bseg{display:flex;gap:8px;padding:4px;border-radius:100px;background:var(--af-pill-off);}
.f7-bseg button{flex:1;height:40px;border-radius:100px;color:var(--af-sec);font-size:14px;font-weight:600;letter-spacing:-0.02em;transition:background .18s,color .18s;}
.f7-bseg button:hover{color:#fff;}
.f7-bseg button.active{background:var(--af-pill-on);border:2px solid var(--af-hair);color:#fff;}
.f7-btier{display:flex;flex-direction:column;gap:2px;}
.f7-btier .row{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:7px 14px;border-radius:100px;min-height:34px;opacity:.45;transition:opacity .16s,background .16s;}
.f7-btier .row:hover{opacity:.75;}
.f7-btier .row.sel{opacity:1;background:var(--af-pill-off);}
.f7-btier .bt-l{font-size:14px;font-weight:500;letter-spacing:-0.02em;color:var(--af-sec);}
.f7-btier .bt-m{font-size:14px;font-weight:500;letter-spacing:-0.02em;color:rgba(255,255,255,.8);margin-left:auto;}
.f7-btier .bt-r{font-size:14px;font-weight:500;letter-spacing:-0.02em;color:#7CB1AC;}
.f7-btier .row:first-child .bt-r{color:rgba(255,255,255,.8);}
.f7-bqty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;}
.f7-bqty>span:first-child{font-size:16px;font-weight:500;letter-spacing:-0.02em;color:#fff;}
.f7-bstep{display:flex;align-items:center;justify-content:space-between;gap:8px;width:132px;height:52px;border-radius:100px;padding:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);}
.f7-bstep b{font-size:17px;font-weight:600;letter-spacing:-0.03em;color:#fff;}
.f7-bstep button{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(5,63,59,.6);background:#7CB1AC;color:#001D21;font-size:19px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;}
.f7-bstep button:hover{filter:brightness(1.06);}

/* ---------- toggles ---------- */
.f7-tg{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none;}
.f7-tg .tr{display:flex;width:28px;padding:1px;border-radius:999px;background:rgba(255,255,255,.14);justify-content:flex-start;transition:background .15s;}
.f7-tg.on .tr{background:var(--af-lime);justify-content:flex-end;}
.f7-tg .kn{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);}
.f7-tg.on .kn{background:var(--af-lime-ink);}
.f7-tg .lbl{font-size:13px;color:var(--af-sec);}
.f7-tg.on .lbl{color:#fff;}

/* ---------- promo bar (sits directly under the table, per Lucas) ---------- */
.f7-promo{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;border-radius:100px;padding:16px 28px;background:linear-gradient(90deg,#12312E 0%,#223736 45%,#57625F 100%);}
.f7-promo .pt{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:15px;font-weight:600;letter-spacing:-0.02em;color:#fff;}
.f7-promo .pt b{font-weight:600;}
.f7-promo .pt a{text-decoration:underline;text-underline-offset:3px;}
.f7-promo .pt a:hover{color:var(--af-lime);}
.f7-code{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:100px;background:var(--af-lime);color:var(--af-lime-ink);font-size:13.5px;font-weight:600;letter-spacing:-0.02em;}
.f7-code b{font-weight:700;}
.f7-code:hover{filter:brightness(1.05);}
.f7-code svg{width:15px;height:15px;}

/* ---------- table view ---------- */
.f7-table{display:flex;flex-direction:column;gap:24px;background:var(--af-card);border-radius:32px;padding:24px;}
.f7-thead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.f7-tseg{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.f7-tseg .f7-bseg{padding:3px;}
.f7-tseg .f7-bseg button{height:32px;font-size:13px;padding:0 14px;flex:none;}
.f7-tseg .f7-bqty>span:first-child{font-size:13px;color:var(--af-sec);}
.f7-tseg .f7-bstep{height:36px;width:104px;}
.f7-tseg .f7-bstep button{width:28px;height:28px;font-size:15px;}
.f7-grid{display:flex;align-items:stretch;width:100%;padding-top:26px;}
.f7-rail{display:flex;flex-direction:column;justify-content:flex-start;width:280px;min-width:170px;}
.f7-rail .hd{height:121px;display:flex;align-items:flex-end;padding:0 10px 14px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.45);}
.f7-row{height:36px;display:flex;align-items:center;gap:10px;padding:0 12px 0 10px;border-radius:100px 0 0 100px;font-size:13px;color:var(--af-sec);}
.f7-row svg{width:16px;height:16px;color:rgba(255,255,255,.45);flex:none;}
.f7-hidewrap{overflow:hidden;height:0;transition:height .25s ease;}
.f7-exp{height:80px;padding:20px 10px;margin-top:16px;display:flex;align-items:center;}
.f7-exp button{display:inline-flex;align-items:center;gap:7px;color:#8FD8CC;font-size:13px;}
.f7-exp button span{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;text-decoration-color:rgba(143,216,204,.5);}
.f7-exp button svg{width:16px;height:16px;transition:transform .2s;}
.f7-exp button.open svg{transform:rotate(180deg);}
.f7-colwrap{display:flex;flex:1;align-items:flex-start;gap:10px;min-width:0;}
.f7-col{position:relative;display:flex;flex-direction:column;align-self:flex-start;flex:1;min-width:104px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:var(--af-pill-off);}
.f7-col .chd{height:120px;border-bottom:1px solid rgba(255,255,255,.08);padding:18px 16px 12px;}
.f7-col .chd .b1{font-size:12px;font-weight:600;color:var(--af-lime);}
.f7-col .chd .ac{font-size:12px;color:var(--af-sec);margin-top:2px;}
.f7-col .chd .amt{font-size:22px;line-height:30px;font-weight:700;letter-spacing:-0.02em;color:#fff;}
.f7-col .chd .amt small{font-size:15px;font-weight:600;}
.f7-col .chd .pr{font-size:14.5px;font-weight:600;color:var(--af-lime);}
.f7-col .chd .pr s{color:var(--af-sec);font-weight:400;font-size:11px;margin-left:2px;}
.f7-col .chd .pr .plafter{display:block;font-style:normal;font-size:11px;font-weight:500;color:var(--af-sec);margin-top:2px;}
.f7-col .chd .sv2{display:block;font-size:11px;font-weight:600;color:#7CB1AC;margin-top:2px;}
.f7-col .cell{height:36px;display:flex;align-items:center;padding:0 16px;font-size:13px;color:#fff;white-space:nowrap;}
.f7-col .cfoot{height:80px;border-top:1px solid rgba(255,255,255,.08);padding:14px 12px;display:flex;align-items:center;}
.f7-getplan{display:flex;flex:1;align-items:center;justify-content:center;height:46px;border-radius:100px;background:var(--af-lime);color:var(--af-lime-ink);font-size:14px;font-weight:600;}
.f7-getplan:hover{filter:brightness(1.05);}
.f7-popwrap{position:relative;flex:1;min-width:104px;align-self:flex-start;padding:2px 2px 0;border-radius:20px;background:linear-gradient(180deg,#E1FFA0 20%,#3E8C7D 39%,rgba(62,140,125,0) 85%);}
.f7-popwrap .tab{position:absolute;top:-25px;left:0;width:100%;height:40px;padding-top:6px;border-radius:20px 20px 0 0;background:var(--af-lime);color:var(--af-lime-ink);font-size:12px;font-weight:600;text-align:center;z-index:1;}
.f7-popwrap .f7-col{position:relative;z-index:2;border:0;background:#1B211F;min-width:0;width:100%;align-self:auto;}
.f7-plats-t{margin-top:4px;}
.f7-platlbl{font-size:12.5px;color:var(--af-sec);margin-right:2px;}
.f7-plat{display:inline-flex;align-items:center;gap:7px;background:var(--af-pill-off);border-radius:999px;padding:6px 13px 6px 8px;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.75);}
.f7-plat img{width:17px;height:17px;border-radius:4px;}

/* ---------- first purchase box ---------- */
.f7-newbox{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(225,255,160,.07) 0%,rgba(225,255,160,0) 55%),var(--af-card);border:1px solid rgba(225,255,160,.24);border-radius:32px;padding:34px 38px;}
.f7-newbox .nb-chip{display:inline-flex;background:rgba(225,255,160,.10);border:1px solid rgba(225,255,160,.25);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:600;letter-spacing:.05em;color:var(--af-lime);}
.f7-newbox h3{margin-top:12px;font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-0.025em;line-height:1.14;color:#fff;}
.f7-newbox h3 span{color:var(--af-lime);}
.f7-newbox .nb-sub{margin-top:9px;font-size:13.5px;color:var(--af-sec);}
.f7-newbox .nb-r{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.nb-code{display:inline-flex;align-items:center;gap:14px;background:rgba(0,0,0,.25);border:1px dashed rgba(225,255,160,.3);border-radius:100px;padding:11px 12px 11px 18px;}
.nb-code .lab{font-size:11px;color:var(--af-sec);letter-spacing:.08em;text-transform:uppercase;}
.nb-code b{font-size:22px;font-weight:700;letter-spacing:.14em;color:var(--af-lime);}
.nb-code button{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border-radius:100px;padding:9px 14px;font-size:13px;font-weight:500;color:#fff;}
.nb-code button:hover{background:rgba(255,255,255,.14);}
.nb-code button svg{width:15px;height:15px;}
.nb-cta{padding:0 26px;min-height:48px;font-size:15px;}

/* ---------- tooltips ---------- */
.f7-tip{position:fixed;z-index:80;max-width:280px;background:#1C1C1C;border:1px solid #383838;border-radius:12px;padding:10px 13px;font-size:12.5px;line-height:1.55;color:#C9C9C9;box-shadow:0 10px 28px rgba(0,0,0,.55);pointer-events:none;opacity:0;transition:opacity .12s;}
.f7-tip.on{opacity:1;}
.f7-tip b{color:#fff;font-weight:600;}
[data-tip]{cursor:help;}
.f7-rules li .k[data-tip]:hover,.f7-row[data-tip]:hover{color:#fff;}
.f7-plats .pf[data-tip]{cursor:pointer;}

/* ---------- quiz popup ---------- */
.f7-qz{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;}
.f7-qz[hidden]{display:none;}
.f7-qz-ov{position:absolute;inset:0;background:rgba(8,10,9,0.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.f7-qz-m{position:relative;width:min(560px,100%);max-height:86vh;overflow:auto;background:#191C1A;border:1px solid rgba(255,255,255,0.09);border-radius:24px;padding:34px 30px 26px;box-shadow:0 30px 80px rgba(0,0,0,0.5);}
.f7-qz-bar{position:absolute;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.07);border-radius:24px 24px 0 0;overflow:hidden;display:block;}
.f7-qz-bar b{display:block;height:100%;width:0;background:var(--apt-lime);transition:width .3s ease;}
.f7-qz-bar b.done{background:#7CB1AC;}
.f7-qz-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;cursor:pointer;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;}
.f7-qz-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:10px;margin-bottom:14px;}
.f7-qz-chip{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;background:rgba(225,255,160,0.08);border:1px solid rgba(225,255,160,0.2);color:rgba(225,255,160,0.85);}
.f7-qz-step{font-size:11.5px;font-weight:700;letter-spacing:0.09em;color:rgba(255,255,255,0.4);margin-bottom:8px;}
.f7-qz-step.done{color:#7CB1AC;}
.f7-qz-q{font-size:24px;font-weight:600;letter-spacing:-0.02em;color:#fff;margin-bottom:18px;line-height:1.15;}
.f7-qz-opts{display:flex;flex-direction:column;gap:8px;}
.f7-qz-opt{display:flex;align-items:center;gap:13px;width:100%;text-align:left;cursor:pointer;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);transition:border-color .15s, background .15s;}
.f7-qz-opt:hover{border-color:rgba(225,255,160,0.4);}
.f7-qz-opt.sel{border-color:var(--apt-lime);background:rgba(225,255,160,0.08);}
.f7-qz-opt .rad{flex-shrink:0;width:16px;height:16px;border-radius:50%;border:1.6px solid rgba(255,255,255,0.35);transition:border-color .15s, box-shadow .15s;}
.f7-qz-opt.sel .rad{border-color:var(--apt-lime);box-shadow:inset 0 0 0 4px var(--apt-lime);}
.f7-qz-opt .tx{display:flex;flex-direction:column;gap:2px;min-width:0;}
.f7-qz-opt .tx b{font-size:15px;font-weight:600;color:#fff;letter-spacing:-0.01em;}
.f7-qz-opt .tx i{font-style:normal;font-size:12.5px;color:rgba(255,255,255,0.5);}
.f7-qz-meta{font-size:11.5px;font-weight:700;letter-spacing:0.08em;color:rgba(255,255,255,0.45);margin:2px 0 14px;}
.f7-qz-price{font-size:44px;font-weight:600;letter-spacing:-0.02em;color:#fff;margin-bottom:16px;}
.f7-qz-price s{font-size:16px;font-weight:500;color:rgba(255,255,255,0.45);margin-left:8px;}
.f7-qz-reasons{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;}
.f7-qz-reasons span{display:flex;align-items:center;gap:9px;font-size:13.5px;color:rgba(255,255,255,0.78);}
.f7-qz-reasons svg{flex-shrink:0;width:15px;height:15px;color:#7CB1AC;}
.f7-qz-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;cursor:pointer;border-radius:100px;background:var(--apt-lime);color:#001D21;font-size:15.5px;font-weight:600;letter-spacing:-0.02em;}
.f7-qz-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;}
.f7-qz-foot button{color:rgba(255,255,255,0.55);font-size:13px;font-weight:600;}
.f7-qz-foot a{color:rgba(255,255,255,0.4);font-size:12.5px;}

/* ---------- responsive ---------- */
@media (max-width:1200px){
  .f7-main{grid-template-columns:minmax(0,1fr) 320px;gap:24px;}
  .f7-models{gap:12px;}
}
@media (max-width:1100px){
  #pricing-table{padding:0 24px;}
  .f7-in{gap:28px;}
  .f7-head{grid-template-columns:1fr;justify-items:center;}
  .f7-mkt,.f7-tools{grid-column:1;justify-self:center;}
  .f7-main{grid-template-columns:minmax(0,1fr);}
  .f7-models{grid-template-columns:repeat(2,minmax(0,1fr));}
  .f7-rcol .f7-sum{max-width:560px;margin:0 auto;}
  .f7-rail{width:190px;}
  .f7-grid{overflow-x:auto;}
}
@media (max-width:760px){
  .f7-card,.f7-sum,.f7-table,.f7-newbox{border-radius:24px;padding:16px;}
  .f7-sum{padding-top:28px;}
  .f7-newbox{padding:24px 20px;}
  .f7-cardhd{gap:8px;}
  .f7-sizes .sz{flex:1 1 120px;min-height:56px;}
  .f7-plats .pf{flex:1 1 140px;}
  .f7-promo{border-radius:24px;padding:14px 18px;gap:12px;}
  .f7-promo .pt{font-size:14px;}
  .f7-price .p{font-size:44px;}
  .f7-feats{gap:12px 18px;}
}
@media (max-width:640px){
  #pricing-table{padding:0 16px;}
  .f7-models{grid-template-columns:minmax(0,1fr);}
  .f7-models .mc{min-height:0;}
  .f7-tools .grp{display:none;}
  .f7-mkt button{min-width:0;padding:0 18px;font-size:15px;}
  .f7-sizes .sz{flex:1 1 88px;padding:8px 10px;}
  .f7-sizes .szl{font-size:16px;}
  .f7-sizes .szp{font-size:11px;}
  .f7-plats .pf{flex:1 1 100%;}
  .f7-rules li{font-size:13px;padding:6px 12px;}
  .f7-rail{width:150px;min-width:150px;}
  .f7-cta{font-size:15px;padding:16px 18px;}
}
@media (max-width:400px){
  .f7-sizes .sz{flex:1 1 100%;flex-direction:row;gap:8px;justify-content:space-between;padding:8px 18px;}
  .f7-bstep{width:118px;height:46px;}
  .f7-bstep button{width:38px;height:38px;}
}


/* CTA ink: the lime button must never inherit the section's white link colour */
.f7-wrap a.f7-cta,.f7-wrap .f7-cta,.f7-wrap .f7-cta:visited,.f7-wrap .f7-cta.nb-cta{
  color:var(--af-lime-ink) !important;-webkit-text-fill-color:var(--af-lime-ink) !important;
  box-sizing:border-box;height:56px;min-height:56px;
}
.f7-wrap .f7-cta .chev{color:var(--af-lime-ink) !important;-webkit-text-fill-color:var(--af-lime-ink) !important;}
/* 5-up model row needs slightly tighter cards */
.f7-models .mc{padding:14px 14px 16px;}
.f7-models .mc .nm{font-size:16.5px;}
@media (max-width:1180px){.f7-models{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:820px){.f7-models{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.f7-models{grid-template-columns:1fr;}}