/* The pricing page (monday 3294169482, inc/pricing_v2.php): straight to the prices. Built on the page kit (pg-kit.css):
   same tokens, headings, sections, cards and floaters as /features and /case-studies, scoped under .pv2 so nothing leaks
   into the old template or the homepage pricing block (template-parts/pricing-redesign.php stays untouched).
   Billing state lives on the root as data-tier (1m 1u 2m 2y 2f): every price and billed line is real HTML, shown by
   CSS, so it works without JavaScript and the nl-be u-vorm filter converts it like any other text. */

.pv2{--pv2-tile:var(--paper-2);--pv2-card-pad:28px 24px 26px}
.pv2 .pv2-svgdefs{position:absolute;width:0;height:0;overflow:hidden}
.pv2 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Header: straight to the prices. One short h1, one line, the billing switch, then the plans ---------- */
.pv2 .pv2-hero{position:relative;overflow:clip;overflow-clip-margin:280px;isolation:isolate;
  background:radial-gradient(110% 80% at 90% -14%,#F1FAEC 0%,transparent 44%),
             radial-gradient(70% 90% at -6% 6%,#F7F1FD 0%,transparent 46%),var(--paper)}
.pv2 .pv2-hero{--pv2-top:114px}
.pv2 .pv2-hero-in{position:relative;z-index:2;padding:var(--pv2-top) 0 28px;text-align:center}
.pv2 .pv2-hero h1{font-size:clamp(2.6rem,5.2vw,4.4rem);line-height:.9;text-transform:uppercase;letter-spacing:-.035em;margin:0 auto}
.pv2 .pv2-hero-sub{margin:16px auto 0;max-width:64ch;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.5;color:var(--muted);text-wrap:balance}

/* ---------- Billing controls ---------- */
.pv2 .pv2-plans{position:relative;padding:0 0 104px}
.pv2 .pv2-plans::before{content:"";position:absolute;left:0;right:0;top:160px;bottom:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 46% at 50% 24%,rgba(133,17,217,.05),transparent 70%),radial-gradient(50% 40% at 14% 70%,rgba(185,239,163,.16),transparent 70%)}
.pv2 .pv2-plans .wrap{position:relative;z-index:2}
.pv2 .pv2-bill{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 0;width:fit-content;max-width:100%;margin:26px auto 0;
  padding:10px 10px 10px 16px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 2px rgba(11,11,12,.04),0 22px 50px -36px rgba(11,11,12,.45)}
.pv2 .pv2-bill>:not(:first-child){margin-left:18px;padding-left:18px;border-left:1px solid var(--line)}
.pv2 .pv2-seg{border:0;margin:0;padding:0;min-width:0;display:flex;align-items:center;gap:12px}
.pv2 .pv2-seg legend{float:left;padding:0;font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--muted-2)}
.pv2 .pv2-seg .opts{display:inline-flex;gap:2px;padding:4px;border-radius:99px;background:var(--paper-2)}
.pv2 .pv2-seg label{position:relative;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px;border-radius:99px;cursor:pointer;
  font-size:.92rem;font-weight:600;color:var(--muted);white-space:nowrap;transition:background .25s var(--ease),color .25s var(--ease)}
.pv2 .pv2-seg label:hover{color:var(--ink)}
.pv2 .pv2-seg input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.pv2 .pv2-seg label:has(input:checked){background:var(--ink);color:#fff}
.pv2 .pv2-seg label:has(input:focus-visible){outline:2px solid var(--purple);outline-offset:2px}
.pv2 .pv2-seg label:has(input:disabled){cursor:default;color:rgba(11,11,12,.34)}
.pv2 .pv2-seg label:has(input:disabled):hover{color:rgba(11,11,12,.34)}
.pv2 .pv2-seg em{font-style:normal;font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;font-weight:700;padding:3px 7px;border-radius:99px;
  background:rgba(185,239,163,.55);color:var(--ink);transition:background .25s var(--ease)}
.pv2 .pv2-seg label:has(input:checked) em{background:var(--green)}
.pv2 .pv2-seg label:has(input:disabled) em{background:rgba(11,11,12,.06);color:rgba(11,11,12,.4)}

/* ---------- Plan cards ---------- */
.pv2 .pv2-tabs{display:none}
.pv2 .pv2-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(7,auto);gap:0 18px;align-items:start}
.pv2 .pv2-card{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;padding:var(--pv2-card-pad);
  background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 2px rgba(11,11,12,.04),0 30px 60px -48px rgba(11,11,12,.35);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
@media (hover:hover) and (pointer:fine){.pv2 .pv2-card:hover{transform:translateY(-5px);border-color:rgba(133,17,217,.24);box-shadow:0 1px 2px rgba(11,11,12,.04),0 34px 64px -40px rgba(11,11,12,.45)}}
.pv2 .pv2-card.is-featured{border:1.5px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(165deg,#B9EFA3 0%,rgba(185,239,163,.35) 34%,rgba(133,17,217,.42) 72%,#8511D9 100%) border-box;
  box-shadow:0 1px 2px rgba(11,11,12,.04),0 40px 80px -46px rgba(133,17,217,.55),0 18px 50px -40px rgba(84,184,106,.55)}
.pv2 .pv2-card.is-match{box-shadow:0 0 0 4px rgba(185,239,163,.65),0 40px 80px -46px rgba(133,17,217,.45)}

.pv2 .pv2-c-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:20px}
.pv2 .pv2-c-head h3{font-size:1.42rem;line-height:1.05;letter-spacing:-.025em;text-transform:none}
.pv2 .pv2-c-no{display:block;margin-top:7px;font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--muted-2)}
.pv2 .pv2-badge{flex:none;display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:99px;font-family:var(--mono);font-size:.56rem;
  letter-spacing:.12em;font-weight:700;text-transform:uppercase;white-space:nowrap;background:var(--green);color:var(--ink)}
.pv2 .pv2-badge.custom{background:rgba(133,17,217,.08);color:var(--purple);border:1px solid rgba(133,17,217,.2)}

.pv2 .pv2-c-price{padding-bottom:18px}
.pv2 .pv2-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px;margin:0}
.pv2 .pv2-from{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--muted-2);align-self:center}
.pv2 .pv2-amt{display:none;font-size:clamp(2.35rem,3.1vw,3rem);font-weight:700;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
.pv2 .pv2-amt .cur{font-size:.52em;letter-spacing:0;margin-right:1px;vertical-align:.62em;font-weight:700}
.pv2 .pv2-amt .cur.after{margin:0 0 0 .14em;vertical-align:baseline;font-size:.5em}
.pv2 .pv2-per{font-size:.95rem;font-weight:600;color:var(--muted-2)}
.pv2 .pv2-billed{margin-top:10px;font-size:.82rem;line-height:1.3;color:var(--muted)}
.pv2 .pv2-bl{display:none}
.pv2 .pv2-saved{margin-top:5px;font-size:.8rem;font-weight:700;color:var(--green-text)}
.pv2[data-tier="1m"] .pv2-saved{display:none}
.pv2 .pv2-amt[data-t="x"],.pv2 .pv2-bl[data-t="x"]{display:inline}
.pv2[data-tier="1m"] [data-t="1m"],.pv2[data-tier="1u"] [data-t="1u"],.pv2[data-tier="2m"] [data-t="2m"],
.pv2[data-tier="2y"] [data-t="2y"],.pv2[data-tier="2f"] [data-t="2f"]{display:inline}
.pv2 .pv2-amt.pop{animation:pv2Pop .42s var(--ease) both}
@keyframes pv2Pop{from{opacity:0;transform:translateY(.32em);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.pv2 .pv2-was{display:none;font-size:.95rem;font-weight:600;color:var(--muted-2);text-decoration:line-through;text-decoration-thickness:1.5px;margin-left:4px}
.pv2[data-tier]:not([data-tier="1m"]) .pv2-card:not(.is-custom) .pv2-was{display:inline}

.pv2 .pv2-c-desc{padding-bottom:20px;font-size:.95rem;line-height:1.5;color:var(--muted)}

.pv2 .pv2-c-pages{padding:16px 0 20px;border-top:1px solid var(--line)}
/* fixed row, centred on the glyphs: the label and the tiles sit at the same height in all four cards, number or text */
.pv2 .pv2-pages-top{display:flex;align-items:center;justify-content:space-between;gap:10px;height:22px}
.pv2 .pv2-pages-top span{font-family:var(--mono);font-size:.58rem;line-height:1;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--muted-2)}
.pv2 .pv2-pages-top b{font-size:1.12rem;line-height:1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pv2 .pv2-pages-top b.custom{font-size:.82rem;letter-spacing:-.01em}

.pv2 .pv2-c-cta{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-bottom:22px}
.pv2 .pv2-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 20px;border-radius:99px;font-weight:600;font-size:.98rem;
  border:1px solid rgba(11,11,12,.2);color:var(--ink);background:#fff;transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.pv2 .pv2-btn svg{width:16px;height:16px;flex:none;transition:transform .25s var(--ease)}
.pv2 .pv2-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.pv2 .pv2-btn:hover svg{transform:translateX(3px)}
.pv2 .pv2-btn.primary{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 0 0 6px rgba(133,17,217,.12)}
.pv2 .pv2-btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 0 8px rgba(133,17,217,.16),0 20px 40px -16px rgba(133,17,217,.6)}
.pv2 .pv2-demo{align-self:center;font-size:.84rem;font-weight:600;color:var(--ink);border-bottom:1px solid rgba(11,11,12,.22);padding-bottom:1px;transition:color .2s var(--ease),border-color .2s var(--ease)}
.pv2 .pv2-demo:hover{color:var(--purple);border-color:var(--purple)}
.pv2 .pv2-note{text-align:center;font-size:.78rem;line-height:1.35;color:var(--muted-2)}

.pv2 .pv2-c-feat{padding-top:18px;border-top:1px solid var(--line)}
.pv2 .pv2-intro{margin-bottom:12px;font-size:.88rem;font-weight:700;color:var(--purple)}
.pv2 .pv2-c-feat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pv2 .pv2-c-feat li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;line-height:1.4;color:var(--ink)}
.pv2 .pv2-c-feat li svg{flex:none;width:18px;height:18px;margin-top:1px;padding:3px;border-radius:50%;background:rgba(185,239,163,.55);color:var(--green-text)}
.pv2 .pv2-c-feat li.pv2-li-note{display:none}

.pv2 .pv2-c-proof{margin-top:22px;padding:14px 15px;border-radius:14px;background:var(--paper-2);align-self:stretch;display:flex;flex-direction:column}
.pv2 .pv2-proof-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pv2 .pv2-proof-top span{font-family:var(--mono);font-size:.56rem;letter-spacing:.15em;font-weight:700;text-transform:uppercase;color:var(--muted-2)}
.pv2 .pv2-proof-top b{font-size:.8rem;font-weight:700}
.pv2 .pv2-proof-case{display:flex;align-items:center;gap:10px;margin-top:11px;min-height:28px}
.pv2 .pv2-proof-case img{height:26px;width:auto;max-width:104px;object-fit:contain;object-position:left center;flex:none;mix-blend-mode:multiply;filter:url(#pv2-mono)}
.pv2 .pv2-proof-case img.inv{filter:url(#pv2-mono-inv)}
.pv2 a.pv2-proof-case:hover img:not(.inv){filter:none}
.pv2 .pv2-proof-case .nm{font-size:.82rem;font-weight:700;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv2 .pv2-proof-case .res{margin-left:auto;text-align:right;line-height:1.15;flex:none}
.pv2 .pv2-proof-case .res b{display:block;font-size:.98rem;font-weight:700;letter-spacing:-.02em;color:var(--green-text);font-variant-numeric:tabular-nums}
.pv2 .pv2-proof-case .res i{font-style:normal;font-size:.68rem;color:var(--muted-2)}
.pv2 a.pv2-proof-case:hover .nm{color:var(--purple)}
.pv2 .pv2-proof-ai{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase;
  color:var(--purple);background:rgba(133,17,217,.07);border-radius:99px;padding:5px 9px}
.pv2 .pv2-c-proof.multi{display:flex;align-items:center;justify-content:center;background:transparent;border:1px dashed rgba(133,17,217,.28);min-height:72px}
.pv2 .pv2-c-proof.multi span{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--purple)}

/* Follow-up test pricing-plan-emphasis: plan 1 smaller, plans 2 and 3 bigger (variation 1). Off by default. */
@media (min-width:901px){
.pv2 .pv2-cards[data-emphasis="1"]{grid-template-columns:minmax(0,.84fr) minmax(0,1.12fr) minmax(0,1.12fr) minmax(0,.92fr);align-items:center}
.pv2 .pv2-cards[data-emphasis="1"] .pv2-card:nth-child(1){--pv2-card-pad:22px 18px 22px;transform:scale(.97);transform-origin:center}
.pv2 .pv2-cards[data-emphasis="1"] .pv2-card:nth-child(1) .pv2-amt{font-size:clamp(2rem,2.4vw,2.3rem)}
.pv2 .pv2-cards[data-emphasis="1"] .pv2-card:nth-child(2),.pv2 .pv2-cards[data-emphasis="1"] .pv2-card:nth-child(3){--pv2-card-pad:34px 30px 30px}
.pv2 .pv2-cards[data-emphasis="1"] .pv2-card:nth-child(2) .pv2-amt,.pv2 .pv2-cards[data-emphasis="1"] .pv2-card:nth-child(3) .pv2-amt{font-size:clamp(2.6rem,3.6vw,3.5rem)}
.pv2 .pv2-cards[data-emphasis="1"] .pv2-card:nth-child(2) h3,.pv2 .pv2-cards[data-emphasis="1"] .pv2-card:nth-child(3) h3{font-size:1.62rem}
/* Gert-Jan's test (variations 2 and 3): only plan 1 smaller; in the template the "most chosen" badge moves to plan 3 (2) or goes (3). */
/* Plan 1 is narrower, smaller and only as tall as its own content (it leaves the shared row grid), top-aligned
   with the others, so it ends higher. Plans 2-4 keep their aligned rows. */
.pv2 .pv2-cards:is([data-emphasis="2"],[data-emphasis="3"]){grid-template-columns:minmax(0,.8fr) repeat(3,minmax(0,1fr))}
.pv2 .pv2-cards:is([data-emphasis="2"],[data-emphasis="3"]) .pv2-card:nth-child(1){display:flex;flex-direction:column;grid-row:1/span 7;align-self:start;--pv2-card-pad:22px 18px 20px;font-size:.93em}
.pv2 .pv2-cards:is([data-emphasis="2"],[data-emphasis="3"]) .pv2-card:nth-child(1) h3{font-size:1.22rem}
.pv2 .pv2-cards:is([data-emphasis="2"],[data-emphasis="3"]) .pv2-card:nth-child(1) .pv2-amt{font-size:clamp(1.9rem,2.2vw,2.2rem)}
}
/* Variations 2 and 3 from 1181px: the customer box of the shorter plan 1 still hangs in the same row as the others. It is
   positioned against the card grid (bottom of its padding) instead of against the card, in column 1. */
@media (min-width:1181px){
.pv2 .pv2-cards:is([data-emphasis="2"],[data-emphasis="3"]){position:relative}
.pv2 .pv2-cards:is([data-emphasis="2"],[data-emphasis="3"]) .pv2-card:nth-child(1){position:static;transform:none}
.pv2 .pv2-cards:is([data-emphasis="2"],[data-emphasis="3"]) .pv2-card:nth-child(1) .pv2-c-proof{top:auto;bottom:0;left:0;right:auto;width:calc((100% - 54px) * .8 / 3.8)}
}

/* ---------- Trust line under the plans ---------- */
.pv2 .pv2-trust{margin-top:54px;text-align:center}
.pv2 .pv2-trust p{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--muted-2)}
.pv2 .pv2-trust p b{color:var(--ink);font-weight:700}
.pv2 .pv2-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 46px;margin-top:22px}
.pv2 .pv2-logos a{display:block;opacity:.8;filter:url(#pv2-mono);transition:opacity .25s var(--ease),filter .25s var(--ease)}
.pv2 .pv2-logos a:hover{opacity:1}
.pv2 .pv2-logos a:not(.inv):hover{filter:none}
/* a dark box with light letters, or light letters on transparent: reversed grey, so it reads like the others */
.pv2 .pv2-logos a.inv{filter:url(#pv2-mono-inv)}
.pv2 .pv2-logos img{height:30px;width:auto;max-width:150px;object-fit:contain;mix-blend-mode:multiply}

/* ---------- Plan finder ---------- */
.pv2 .pv2-finder-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:56px;align-items:center}
.pv2 .pv2-finder-grid .thead{margin-bottom:0}
.pv2 .pv2-fcard{padding:30px 30px 28px}
.pv2 .pv2-fq{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:1rem;font-weight:700;letter-spacing:-.01em}
.pv2 .pv2-fq output{flex:none;font-weight:700;color:var(--purple);font-variant-numeric:tabular-nums}
.pv2 .pv2-range{position:relative;margin:20px 0 6px}
.pv2 .pv2-range input{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer}
.pv2 .pv2-range input::-webkit-slider-runnable-track{height:6px;border-radius:99px;
  background:linear-gradient(90deg,#54B86A 0%,#8511D9 var(--f,25%),rgba(11,11,12,.08) var(--f,25%))}
.pv2 .pv2-range input::-moz-range-track{height:6px;border-radius:99px;background:rgba(11,11,12,.08)}
.pv2 .pv2-range input::-moz-range-progress{height:6px;border-radius:99px;background:var(--grad)}
.pv2 .pv2-range input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:#fff;
  border:2px solid var(--purple);box-shadow:0 0 0 6px rgba(133,17,217,.12),0 6px 16px -6px rgba(11,11,12,.4)}
.pv2 .pv2-range input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--purple);box-shadow:0 0 0 6px rgba(133,17,217,.12)}
.pv2 .pv2-range input:focus-visible{outline:2px solid var(--purple);outline-offset:4px;border-radius:8px}
.pv2 .pv2-ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;font-weight:700;color:var(--muted-2)}
.pv2 .pv2-fq2{margin-top:28px}
.pv2 .pv2-countries{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:14px;padding:4px;border-radius:99px;background:var(--paper-2);border:1px solid var(--line)}
.pv2 .pv2-countries label{position:relative;display:grid;place-items:center;height:44px;border-radius:99px;font-weight:700;cursor:pointer;color:var(--muted);
  transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}
.pv2 .pv2-countries input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.pv2 .pv2-countries label:has(input:checked){background:#fff;color:var(--ink);box-shadow:0 6px 18px -10px rgba(11,11,12,.45)}
.pv2 .pv2-countries label:has(input:focus-visible){outline:2px solid var(--purple);outline-offset:2px}
.pv2 .pv2-res{display:none;margin-top:26px;padding:18px 18px 18px 20px;border-radius:16px;
  background:linear-gradient(120deg,rgba(185,239,163,.32),rgba(133,17,217,.07));border:1px solid rgba(133,17,217,.14);
  grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;align-items:center}
.pv2 .pv2-res.on{display:grid;animation:pv2Pop .45s var(--ease) both}
.pv2 .pv2-res .k{grid-column:1/-1;font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--muted-2)}
.pv2 .pv2-res .nm{font-size:1.3rem;font-weight:700;letter-spacing:-.025em}
.pv2 .pv2-res .nm .pv2-amt{font-size:1.05rem;letter-spacing:-.02em;margin-left:8px;color:var(--muted)}
.pv2 .pv2-res .nm .pv2-amt .cur{vertical-align:baseline;font-size:.9em}
.pv2 .pv2-res .nm .pv2-from{margin-left:8px}
.pv2 .pv2-res p{grid-column:1;font-size:.86rem;line-height:1.45;color:var(--muted)}
.pv2 .pv2-res .acts{grid-column:2;grid-row:2/span 2;display:flex;flex-direction:column;align-items:center;gap:8px}
.pv2 .pv2-res .pv2-btn{height:46px;font-size:.92rem}
.pv2 .pv2-res .see{font-size:.78rem;font-weight:600;color:var(--muted);border-bottom:1px solid rgba(11,11,12,.2);cursor:pointer;background:none;border-top:0;border-left:0;border-right:0;padding:0 0 1px;font-family:inherit}
.pv2 .pv2-res .see:hover{color:var(--purple);border-bottom-color:var(--purple)}

/* ---------- Engine ---------- */
.pv2 .pv2-engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pv2 .pv2-eng{overflow:hidden}
.pv2 .pv2-eng-viz{position:relative;height:178px;padding:22px 22px 0;border-bottom:1px solid var(--line);
  background:radial-gradient(70% 90% at 80% 0%,rgba(133,17,217,.06),transparent 70%),radial-gradient(70% 90% at 10% 100%,rgba(185,239,163,.22),transparent 70%),#fff;overflow:hidden}
.pv2 .pv2-eng-body{padding:22px 24px 26px}
.pv2 .pv2-eng-body .k-chip{margin-bottom:14px}
.pv2 .pv2-eng-body h3{font-size:1.06rem;line-height:1.25;letter-spacing:-.015em;text-transform:none}
.pv2 .pv2-eng-body p{margin-top:9px;font-size:.92rem;line-height:1.5;color:var(--muted)}
.pv2 .pv2-q{display:flex;align-items:center;gap:9px;height:34px;padding:0 13px;margin-bottom:8px;border:1px solid var(--line);border-radius:99px;background:#fff;
  font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;box-shadow:0 8px 20px -16px rgba(11,11,12,.4)}
.pv2 .pv2-q svg{width:13px;height:13px;flex:none;color:var(--muted-2)}
.pv2 .pv2-q span{overflow:hidden;text-overflow:ellipsis}
.pv2 .pv2-q:nth-child(2){margin-left:14px}
.pv2 .pv2-q.hl{margin-left:28px;border-color:rgba(46,158,80,.34);color:var(--ink)}
.pv2 .pv2-q .tag{margin-left:auto;flex:none;font-family:var(--mono);font-size:.5rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--green-text);
  background:rgba(185,239,163,.4);border-radius:99px;padding:4px 7px}
.pv2 .pv2-ans{margin:2px 6px 0;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 34px -26px rgba(11,11,12,.45)}
.pv2 .pv2-ans .hd{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--muted-2)}
.pv2 .pv2-ans .hd svg{width:12px;height:12px;color:var(--purple)}
.pv2 .pv2-ans .ln{display:block;height:7px;margin-top:9px;border-radius:99px;background:var(--paper-2)}
.pv2 .pv2-ans .ln.s{width:62%}
.pv2 .pv2-ans .cite{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:6px 11px 6px 8px;border-radius:99px;font-size:.7rem;font-weight:700;
  border:1px solid rgba(133,17,217,.26);background:rgba(133,17,217,.05);color:var(--ink)}
.pv2 .pv2-ans .cite i{width:14px;height:14px;border-radius:4px;background:var(--grad)}
.pv2 .pv2-pipe{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;height:100%}
.pv2 .pv2-pipe>div{padding:11px 10px;border:1px solid var(--line);border-radius:12px 12px 0 0;border-bottom:0;background:#fff}
.pv2 .pv2-pipe .hd{font-family:var(--mono);font-size:.48rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--muted-2)}
.pv2 .pv2-pipe .ln{display:block;height:7px;margin-top:9px;border-radius:99px;background:var(--paper-2)}
.pv2 .pv2-pipe .live .ln{background:rgba(185,239,163,.75)}
.pv2 .pv2-pipe .live .hd{color:var(--green-text)}

/* ---------- Proof ---------- */
.pv2 .pv2-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pv2 .pv2-stat{padding:28px 26px 26px}
.pv2 .pv2-stat .n{font-size:clamp(2.4rem,4vw,3.4rem);font-weight:700;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.pv2 .pv2-stat .n.g{color:var(--green-text)}
.pv2 .pv2-stat .n.p{color:var(--purple)}
.pv2 .pv2-stat .l{margin-top:14px;font-size:.95rem;line-height:1.45;color:var(--muted)}
.pv2 .pv2-proof-more{margin-top:30px;display:flex;justify-content:center}

/* ---------- FAQ ---------- */
.pv2 .pv2-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.pv2 .pv2-faq-grid .thead{margin-bottom:0;position:sticky;top:120px}
.pv2 .pv2-faq-grid .thead p a{color:var(--ink);font-weight:600;border-bottom:1px solid rgba(11,11,12,.25)}
.pv2 .pv2-faq-grid .thead p a:hover{color:var(--purple);border-color:var(--purple)}
.pv2 .pv2-qa{border-top:1px solid var(--line)}
.pv2 .pv2-qa details{border-bottom:1px solid var(--line)}
.pv2 .pv2-qa summary{list-style:none;display:flex;align-items:center;gap:16px;padding:22px 4px;cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:-.012em}
.pv2 .pv2-qa summary::-webkit-details-marker{display:none}
.pv2 .pv2-qa summary .no{flex:none;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;font-weight:700;color:var(--purple)}
.pv2 .pv2-qa summary .pm{margin-left:auto;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;
  transition:background .25s var(--ease),color .25s var(--ease),transform .3s var(--ease)}
.pv2 .pv2-qa summary .pm svg{width:14px;height:14px}
.pv2 .pv2-qa details[open] summary .pm{background:var(--ink);color:#fff;border-color:var(--ink);transform:rotate(45deg)}
.pv2 .pv2-qa summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:8px}
.pv2 .pv2-qa .a{padding:0 50px 24px 38px;font-size:.98rem;line-height:1.6;color:var(--muted)}

/* ---------- CTA (kit cta-space) ---------- */
.pv2 .cta-space .acts .btn-purple{border:0}

/* ---------- Desktop (from 1181px, four cards side by side): the whole plan fits in one laptop screen, like Linear
   (Todor, 27 Oct 2026). Cards end above the fold from about 1440 x 860; the customer box hangs under its card. ---------- */
@media (min-width:1181px){
  /* room above the title like the other pages (the kit hero has 170px) when the screen is tall enough; on a shorter
     laptop it gives way first, so the cards still end above the fold */
  .pv2 .pv2-hero{--pv2-top:clamp(96px,calc(100vh - 760px),170px)}
  .pv2 .pv2-hero-in{padding:var(--pv2-top) 0 16px}
  .pv2 .pv2-hero h1{font-size:clamp(2.6rem,3.8vw,3.2rem)}
  .pv2 .pv2-hero-sub{margin-top:8px;font-size:1rem}
  .pv2 .pv2-bill{margin-top:16px;padding:7px 8px 7px 14px}
  .pv2 .pv2-seg label{height:38px}
  .pv2 .pv2-card{--pv2-card-pad:18px 20px 16px}
  .pv2 .pv2-c-no{display:none}
  .pv2 .pv2-c-head{align-items:center;padding-bottom:10px}
  .pv2 .pv2-c-head h3{font-size:1.3rem}
  .pv2 .pv2-c-price{padding-bottom:12px}
  .pv2 .pv2-amt{font-size:clamp(2.1rem,2.6vw,2.5rem)}
  .pv2 .pv2-billed{margin-top:6px;font-size:.78rem}
  .pv2 .pv2-saved{margin-top:3px;font-size:.76rem}
  .pv2 .pv2-c-desc{padding-bottom:12px;font-size:.86rem;line-height:1.45}
  .pv2 .pv2-c-pages{padding:10px 0 12px}
  .pv2 .pv2-pages-top{height:18px}
  .pv2 .pv2-c-cta{gap:6px;padding-bottom:12px}
  .pv2 .pv2-btn{height:44px;font-size:.94rem}
  .pv2 .pv2-demo{font-size:.8rem}
  /* the onboarding note moves into the features; Multiverse's "custom proposal" is already its billing line */
  .pv2 .pv2-note{display:none}
  .pv2 .pv2-c-feat li.pv2-li-note{display:flex}
  .pv2 .pv2-c-feat{padding-top:12px}
  .pv2 .pv2-intro{margin-bottom:7px;font-size:.82rem}
  .pv2 .pv2-c-feat ul{gap:5px}
  .pv2 .pv2-c-feat li{font-size:.84rem;line-height:1.3}
  .pv2 .pv2-c-feat li svg{width:16px;height:16px;margin-top:0}
  /* the first feature is the page count, which the meter above already shows */
  .pv2 .pv2-card:not(.is-custom) .pv2-c-feat li:first-child{display:none}
  /* the customer on this plan hangs under its card, so the card itself ends with the features */
  .pv2 .pv2-cards{padding-bottom:118px}
  .pv2 .pv2-c-proof{position:absolute;left:0;right:0;top:calc(100% + 12px);height:106px;margin:0;padding:12px 14px}
  .pv2 .pv2-proof-case{margin-top:8px}
  .pv2 .pv2-proof-ai{margin-top:8px;align-self:flex-start}
  .pv2 .pv2-trust{margin-top:40px}
}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  /* the switch loses its box and labels: two stacked rows, the options say what they are */
  .pv2 .pv2-bill{width:100%;max-width:620px;gap:8px;margin-top:20px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .pv2 .pv2-bill>:not(:first-child){margin-left:0;padding-left:0;border-left:0}
  .pv2 .pv2-seg{width:100%}
  .pv2 .pv2-seg legend{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .pv2 .pv2-seg .opts{display:flex;width:100%;border:1px solid var(--line)}
  .pv2 .pv2-seg label{flex:1;justify-content:center;padding:0 8px;font-size:.84rem;gap:6px}
  .pv2 .pv2-seg em{font-size:.54rem;padding:2px 5px}
}
@media (max-width:1180px){
  /* not all four cards fit next to each other any more: two per row (the four price tabs are gone, Martijn 30 Oct) */
  .pv2 .pv2-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:18px}
  .pv2 .pv2-card{display:flex;flex-direction:column;grid-row:auto}
  .pv2 .pv2-c-proof{margin-top:auto;padding-top:14px}
  .pv2 .pv2-c-feat{margin-bottom:22px}
}
@media (max-width:900px){
  .pv2 .pv2-hero-in{padding:92px 0 16px}
  .pv2 .pv2-hero-sub{margin-top:12px;font-size:.95rem;line-height:1.45}
  /* phone: the cards stand under each other, no carousel (Martijn 30 Oct) */
  .pv2 .pv2-cards{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:22px}
  .pv2 .pv2-card{--pv2-card-pad:24px 20px 22px}
  .pv2 .pv2-finder-grid,.pv2 .pv2-faq-grid{grid-template-columns:1fr;gap:30px}
  .pv2 .pv2-faq-grid .thead{position:static}
  .pv2 .pv2-engine-grid,.pv2 .pv2-stats{grid-template-columns:1fr}
  .pv2 .pv2-fcard{padding:24px 20px 22px}
  .pv2 .pv2-res{grid-template-columns:1fr}
  .pv2 .pv2-res .acts{grid-column:1;grid-row:auto;align-items:stretch}
  .pv2 .pv2-qa .a{padding:0 6px 22px 38px}
  .pv2 .pv2-logos{gap:16px 30px}
  .pv2 .pv2-logos img{height:24px}
}
/* the carousel dots belonged to the old phone carousel */
.pv2 .pv2-dots{display:none}
@media (max-width:560px){
  .pv2 .pv2-hero h1{font-size:clamp(2.4rem,11vw,3rem)}
  .pv2 .pv2-seg-pay .opts{border-radius:18px}
  .pv2 .pv2-seg-pay label{flex-direction:column;height:auto;min-height:48px;padding:6px 4px;gap:3px;border-radius:14px;font-size:.8rem;white-space:normal;text-align:center;line-height:1.15}
}
@media (prefers-reduced-motion:reduce){
  .pv2 .pv2-amt.pop,.pv2 .pv2-res.on{animation:none}
  .pv2 .pv2-card{transition:none}
}