/* /pricing/ : dark hero with the per-day price, billing switch, three plans, fee calculator, competitor table, FAQ.
   Every rule is scoped under .pp so nothing leaks into the site chrome. Brand: orange glow, #C04E06 buttons. */
.pp{--pp-bg:#F3F6F7;--pp-surface:#fff;--pp-ink:#0D1821;--pp-muted:#55616B;--pp-faint:#6B7780;--pp-line:#E0E6EA;
  --pp-night:#0B141B;--pp-night2:#121E27;--pp-night-ink:#EEF3F6;--pp-night-muted:#9BA9B4;--pp-night-line:#22313C;
  --pp-cta:#C04E06;--pp-hi:#F26207;--pp-glow:rgba(242,98,7,.38);--pp-chip:#FFE7D6;--pp-chip-ink:#9A3D04;
  --pp-good:#127A45;--pp-good-soft:#E3F6EC;--pp-strike:#7C8892;
  --pp-display:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --pp-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  background:var(--pp-bg);color:var(--pp-ink);font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6}
.pp *{box-sizing:border-box}
.pp h1,.pp h2,.pp h3{font-family:var(--pp-display);margin:0;letter-spacing:-.025em;text-wrap:balance}
.pp button{font:inherit}
.pp a:focus-visible,.pp button:focus-visible,.pp input:focus-visible,.pp summary:focus-visible{outline:2px solid var(--pp-hi);outline-offset:3px}
.pp-wrap{max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

.pp-hero{background:radial-gradient(900px 420px at 78% -10%,var(--pp-glow),transparent 62%),radial-gradient(700px 380px at -10% 110%,rgba(242,98,7,.16),transparent 60%),var(--pp-night);color:var(--pp-night-ink);overflow:hidden}
.pp-hero .pp-wrap{padding-block:44px 120px}
.pp-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:40px;align-items:center}
.pp-kicker{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-hi)}
.pp-hero h1{font-size:clamp(34px,6vw,68px);line-height:1;font-weight:800;margin-top:14px}
.pp-hl{background:linear-gradient(90deg,#FF8A3D,#F26207);-webkit-background-clip:text;background-clip:text;color:transparent}
.pp-lede{color:var(--pp-night-muted);font-size:18px;max-width:54ch;margin:18px 0 0}
.pp-day{background:linear-gradient(160deg,var(--pp-night2),#0A1218);border:1px solid var(--pp-night-line);border-radius:24px;padding:26px;display:grid;gap:10px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);min-width:0}
.pp-day .lbl{font-size:13px;color:var(--pp-night-muted)}
.pp-day .big{font-weight:800;font-size:clamp(56px,9vw,100px);line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums;min-height:1em}
.pp-day .big small{font-size:.32em;color:var(--pp-night-muted);font-weight:700;letter-spacing:0;margin-left:6px}
.pp-vs{display:flex;flex-wrap:wrap;gap:8px;min-height:62px;align-content:flex-start}
.pp-vs span{font-size:12.5px;border:1px solid var(--pp-night-line);border-radius:999px;padding:4px 10px;color:var(--pp-night-muted)}
.pp-vs span b{color:var(--pp-night-ink)}

.pp-switch{display:flex;justify-content:center;margin-top:-88px;position:relative;z-index:2}
.pp-seg{display:inline-grid;grid-template-columns:repeat(3,auto);background:var(--pp-night2);border:1px solid var(--pp-night-line);border-radius:18px;padding:6px;gap:6px;max-width:100%}
.pp-seg button{border:0;background:none;color:var(--pp-night-muted);font-weight:700;font-size:15px;padding:10px 18px;border-radius:13px;cursor:pointer;display:grid;gap:1px;justify-items:center;min-width:110px;min-height:44px}
.pp-seg button small{font-size:11.5px;font-weight:700;color:#7FE0AE}
.pp-seg button[aria-pressed="true"]{background:linear-gradient(180deg,#FF7A26,#E35A06);color:#fff;box-shadow:0 10px 24px -10px var(--pp-glow)}
.pp-seg button[aria-pressed="true"] small{color:#FFF3E9}

.pp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px;align-items:start}
.pp-plan{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:22px;padding:26px 24px;display:grid;gap:16px;min-width:0;position:relative}
.pp-plan.pop{border:2px solid var(--pp-hi);transform:translateY(-14px);box-shadow:0 30px 60px -30px var(--pp-glow)}
.pp-ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#FF7A26,#E35A06);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px;white-space:nowrap}
.pp-ribbon.dk{background:var(--pp-ink);color:#fff}
.pp-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pp-plan h3{font-size:24px;font-weight:800}
.pp-save{background:var(--pp-chip);color:var(--pp-chip-ink);font-size:12px;font-weight:800;padding:4px 9px;border-radius:999px;white-space:nowrap}
.pp-for{color:var(--pp-muted);font-size:14.5px;margin:-6px 0 0}
.pp-pricebox{display:grid;gap:4px}
.pp-was{font-family:var(--pp-mono);color:var(--pp-strike);text-decoration:line-through;font-size:15px;min-height:22px;font-variant-numeric:tabular-nums}
.pp-now{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pp-now .n{font-family:var(--pp-display);font-size:50px;font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.pp-now .per{color:var(--pp-muted);font-weight:600}
.pp-perday{justify-self:start;background:var(--pp-good-soft);color:var(--pp-good);font-weight:800;font-size:13.5px;padding:5px 11px;border-radius:999px;font-variant-numeric:tabular-nums}
.pp-bill{font-size:13px;color:var(--pp-faint);min-height:20px;font-variant-numeric:tabular-nums}
.pp-fees{display:grid;grid-template-columns:1fr 1fr;border:1px dashed var(--pp-line);border-radius:14px}
.pp-fees div{padding:10px 12px;display:grid}
.pp-fees div+div{border-left:1px dashed var(--pp-line)}
.pp-fees span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-faint)}
.pp-fees b{font-family:var(--pp-mono);font-size:16px}
.pp-fee-note{font-size:12.5px;color:var(--pp-faint);margin:-6px 0 0}
.pp-btn{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:800;font-size:16px;padding:12px 16px;min-height:50px;border-radius:14px;border:1.5px solid var(--pp-ink);color:var(--pp-ink);background:transparent;cursor:pointer;width:100%}
.pp-btn:hover{background:rgba(13,24,33,.05)}
.pp-plan.pop .pp-btn{background:linear-gradient(180deg,#E25A08,#C04E06);border-color:transparent;color:#fff;box-shadow:0 14px 28px -14px var(--pp-glow)}
.pp-plan.pop .pp-btn:hover{background:linear-gradient(180deg,#D45207,#B04705)}
.pp-btn[disabled]{opacity:.6;cursor:wait}
.pp-renew{font-size:12.5px;color:var(--pp-faint);margin:-6px 0 0;min-height:36px}
.pp-msg{font-size:13px;color:#B91C1C;margin:0;min-height:0}
.pp-list{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
.pp-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px}
.pp-list li::before{content:"";width:20px;height:20px;border-radius:50%;margin-top:1px;background:var(--pp-chip) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.3l2.9 2.9 6-6' fill='none' stroke='%23C04E06' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.pp-list li.lead{grid-template-columns:1fr;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pp-faint)}
.pp-list li.lead::before{display:none}
.pp-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;padding-block:28px 10px;color:var(--pp-muted);font-size:14px}
.pp-trust span::before{content:"\2713";color:var(--pp-good);font-weight:800;margin-right:7px}
.pp-stripe{max-width:78ch;margin:6px auto 0;text-align:center;color:var(--pp-faint);font-size:13px}

.pp-block{padding-block:56px;border-top:1px solid var(--pp-line);margin-top:30px}
.pp-block h2{font-size:clamp(26px,3.6vw,38px);font-weight:800}
.pp-sub{color:var(--pp-muted);max-width:68ch;margin:10px 0 26px}
.pp-calc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:24px;align-items:start}
.pp-panel{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:20px;padding:22px;display:grid;gap:12px;min-width:0}
.pp-panel label{font-weight:700;font-size:14px}
.pp-vol{font-family:var(--pp-display);font-weight:800;font-size:44px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pp input[type=range]{width:100%;accent-color:var(--pp-cta)}
.pp-ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--pp-faint)}
.pp-verdict{margin:4px 0 0;font-size:15.5px}
.pp-verdict b{color:var(--pp-good)}
.pp-bars{display:grid;gap:12px;min-width:0}
.pp-bar{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:14px;align-items:center}
.pp-bar.best{border:2px solid var(--pp-good);background:var(--pp-good-soft)}
.pp-bar .name{font-weight:800}
.pp-track{height:12px;border-radius:99px;background:var(--pp-line);overflow:hidden;display:block}
.pp-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#FF8A3D,#E35A06);transition:width .25s}
.pp-bar.best .pp-fill{background:var(--pp-good)}
.pp-cost{font-family:var(--pp-mono);font-weight:700;text-align:right;min-width:96px;font-variant-numeric:tabular-nums}
.pp-cost small{display:block;font-family:inherit;font-weight:500;font-size:11.5px;color:var(--pp-faint)}
.pp-tbl{overflow-x:auto;border:1px solid var(--pp-line);border-radius:20px;background:var(--pp-surface)}
.pp-tbl table{border-collapse:collapse;width:100%;min-width:680px;font-size:14.5px}
.pp-tbl th,.pp-tbl td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--pp-line)}
.pp-tbl thead th{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--pp-faint)}
.pp-tbl td.n,.pp-tbl th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pp-tbl tr.us td,.pp-tbl tr.us th{background:var(--pp-chip)}
.pp-tbl tr.us th{color:var(--pp-chip-ink)}
.pp-tbl tr:last-child td,.pp-tbl tr:last-child th{border-bottom:0}
.pp-dif{color:var(--pp-good);font-weight:700}
.pp-faq details{border-bottom:1px solid var(--pp-line);padding-block:15px}
.pp-faq summary{cursor:pointer;font-weight:700}
.pp-faq details p{color:var(--pp-muted);margin:10px 0 0;max-width:72ch}
.pp-faq a{color:var(--pp-cta)}
.pp-more{padding-block:8px 56px;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px}
.pp-more a{color:var(--pp-cta);display:inline-flex;align-items:center;min-height:44px}
@media (max-width:960px){.pp-hero-grid,.pp-calc{grid-template-columns:1fr}.pp-plans{grid-template-columns:1fr}.pp-plan.pop{transform:none}}
@media (max-width:520px){.pp-seg button{min-width:0;padding:9px 10px;font-size:14px}.pp-bar{grid-template-columns:76px minmax(0,1fr) auto;gap:10px}.pp-cost{min-width:78px}.pp-hero .pp-wrap{padding-block:30px 108px}.pp-day{padding:20px}.pp-block{padding-block:40px}}
@media (prefers-reduced-motion:reduce){.pp-fill{transition:none}}
@media print{.pp-switch{margin-top:0}}

/* Ways to pay (17 Oct 2026) */
.pp-ways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pp-way{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:18px;padding:22px;min-width:0}
.pp-way h3{font-size:19px;margin:12px 0 6px}
.pp-way p{margin:0;color:var(--pp-muted);font-size:15px}
.pp-way-tag{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--pp-good-soft);color:var(--pp-good)}
.pp-way-tag--opt{background:var(--pp-chip);color:var(--pp-chip-ink)}
.pp-ways-note{color:var(--pp-faint);font-size:13.5px;margin:16px 0 0}
@media (max-width:720px){.pp-ways-grid{grid-template-columns:1fr}.pp-way{padding:18px}}

/* Plans are drawn by script: hold their height so the sections below do not jump (desktop CLS 0.37 measured 17 Oct 2026). Floors sit just under the real heights. */
@media (min-width:961px){.pp-plans{min-height:960px}}
@media (max-width:960px){.pp-plans{min-height:2440px}}
@media (max-width:480px){.pp-plans{min-height:2730px}}