/* ============================================================
   Storefront package cards (531; modernised D-M794) — index.php, soon.php and the packages desk preview.
   All rules are prefixed pc- so nothing collides with the landing, the panel or Turnler.
   Clean white cards, the recommended one dark; one card per offer with a Monthly/Annual switch when gest sells both;
   on phones the cards slide sideways instead of stacking.
   ============================================================ */
.pc-wrap,.pc-grid{--pc-paper:#fff;--pc-line:#e6e1d6;--pc-ink:var(--ink,#1c2230);--pc-ink2:var(--ink2,#5a6070);--pc-ink3:#666c7a;--pc-gold:var(--gold,#c99a2e);--pc-gold2:var(--gold2,#e0b95a);
  --pc-golddk:#8a5a12;--pc-blue:#2457e6;--pc-dark:#0f1524;--pc-dark2:#1b2438;--pc-teal:#159a83}
.pc-wrap{position:relative;isolation:isolate}
.pc-wrap::before{content:"";position:absolute;left:50%;top:58%;width:min(1100px,100%);height:560px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(224,185,90,.16),rgba(224,185,90,0));pointer-events:none;z-index:-1}
/* the Monthly / Annual switch: two real radios (keyboard and screen readers) dressed as one segmented control */
.pc-per-r{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pc-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;width:max-content;max-width:100%;margin:0 auto 30px;padding:5px;gap:4px;border-radius:999px;background:#fff;border:1px solid var(--pc-line);box-shadow:0 10px 30px -18px rgba(28,34,48,.45)}
.pc-seg::before{content:"";position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 7px);border-radius:999px;background:var(--pc-dark);box-shadow:0 8px 18px -8px rgba(15,21,36,.7);transition:transform .35s cubic-bezier(.3,.7,.2,1);z-index:0}
.pc-per-m:checked~.pc-seg::before{transform:translateX(calc(100% + 4px))}
.pc-seg label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font-weight:800;font-size:15px;color:var(--pc-ink2);cursor:pointer;transition:color .25s ease}
.pc-seg label:hover{color:var(--pc-ink)}
.pc-seg label i{font-style:normal;font-size:11.5px;font-weight:900;padding:3px 8px;border-radius:999px;background:#fdf1d3;color:var(--pc-golddk)}
.pc-per-y:checked~.pc-seg .pc-seg-y,.pc-per-m:checked~.pc-seg .pc-seg-m{color:#fff}
.pc-per-y:checked~.pc-seg .pc-seg-y i{background:var(--pc-gold2);color:#1b1608}
.pc-per-y:focus-visible~.pc-seg .pc-seg-y,.pc-per-m:focus-visible~.pc-seg .pc-seg-m{outline:3px solid rgba(36,87,230,.45);outline-offset:2px}
.pc-per-y:checked~.pc-grid .pc-pane-m,.pc-per-m:checked~.pc-grid .pc-pane-y{display:none}
.pc-per-y:checked~.pc-grid .pc-pane-y>*,.pc-per-m:checked~.pc-grid .pc-pane-m>*{animation:pcSwap .4s cubic-bezier(.3,.7,.2,1) both}
@keyframes pcSwap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* D-M853: the three-period switch (Monthly · Season · Annual) — only when a family sells a 6-month season too */
.pc-seg.pc-seg3{grid-template-columns:1fr 1fr 1fr}
.pc-seg.pc-seg3::before{width:calc((100% - 18px) / 3)}
.pc-per-m:checked~.pc-seg.pc-seg3::before{transform:none}
.pc-per-s:checked~.pc-seg.pc-seg3::before{transform:translateX(calc(100% + 4px))}
.pc-per-y:checked~.pc-seg.pc-seg3::before{transform:translateX(calc(200% + 8px))}
.pc-per-s:checked~.pc-seg .pc-seg-s{color:#fff}
.pc-per-s:checked~.pc-seg .pc-seg-s i{background:var(--pc-gold2);color:#1b1608}
.pc-per-s:focus-visible~.pc-seg .pc-seg-s{outline:3px solid rgba(36,87,230,.45);outline-offset:2px}
.pc-per-y:checked~.pc-grid .pc-pane-s,.pc-per-m:checked~.pc-grid .pc-pane-s,.pc-per-s:checked~.pc-grid .pc-pane-y,.pc-per-s:checked~.pc-grid .pc-pane-m{display:none}
.pc-per-s:checked~.pc-grid .pc-pane-s>*{animation:pcSwap .4s cubic-bezier(.3,.7,.2,1) both}
@media (max-width:520px){.pc-seg.pc-seg3{width:100%;box-sizing:border-box}.pc-seg.pc-seg3 label{flex-direction:column;gap:2px;padding:6px 6px;min-height:52px;font-size:13.5px;text-align:center}.pc-seg.pc-seg3 label i{font-size:10.5px;padding:2px 6px}.pc-grid.pc-n4 .pc-btn{white-space:normal;text-align:center;padding:0 10px}.pc-grid.pc-n4 .pc-head{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.pc-per-s:checked~.pc-grid .pc-pane-s>*{animation:none}}
/* the grid */
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pc-grid.pc-n4{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-grid.pc-n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:840px;margin:0 auto}.pc-grid.pc-n1{grid-template-columns:minmax(0,440px);justify-content:center}
@media (min-width:1320px){.pc-grid.pc-n4{grid-template-columns:repeat(4,minmax(0,1fr))}.pc-grid.pc-n4 .pc-card{padding:24px 22px}.pc-grid.pc-n4 .pc-now{font-size:42px}}
.pc-grid.pc-n4 .pc-card{min-width:0}.pc-grid.pc-n4 .pc-cta{grid-template-columns:minmax(0,1fr)}.pc-grid.pc-n4 .pc-btn{max-width:100%;padding:0 14px}.pc-grid.pc-n4 .pc-head{flex-wrap:wrap}.pc-grid.pc-n4 .pc-u{white-space:normal}
/* the card */
.pc-card{position:relative;display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:24px;background:var(--pc-paper);border:1px solid var(--pc-line);color:var(--pc-ink);box-shadow:0 1px 2px rgba(28,34,48,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;min-width:0}
.pc-card:hover{transform:translateY(-4px);box-shadow:0 34px 70px -38px rgba(28,34,48,.45);border-color:#d8d0bf}
.pc-hot::before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:3px;border-radius:0 0 4px 4px;background:var(--pc-acc,var(--pc-gold))}
.pc-gold{--pc-acc:var(--pc-gold2)}.pc-blue{--pc-acc:var(--pc-blue)}.pc-teal{--pc-acc:#22c1a4}.pc-pink{--pc-acc:#ff7ab6}
.pc-pane{display:flex;flex-direction:column;gap:20px;flex:1}
.pc-top{display:grid;gap:8px;align-content:start;min-height:112px}
.pc-head{display:flex;align-items:center;gap:12px;min-height:44px}
.pc-head .pc-tag{margin-left:auto}
.pc-ico{flex:none;display:inline-flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:#f2eee4;color:var(--pc-ink)}
.pc-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pc-card:not(.pc-featured):not(.pc-q) .pc-ico{background:#eaf0ff;color:var(--pc-blue)}
.pc-q .pc-ico{background:#f7ecd3;color:var(--pc-golddk)}
.pc-kicker{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-ink3);white-space:nowrap}
.pc-tag{flex:0 1 auto;min-width:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:900;letter-spacing:.02em;padding:5px 11px;border-radius:999px;background:#fdf1d3;color:var(--pc-golddk)}
.pc-tag-soft{background:#efeae0;color:var(--pc-ink2)}
.pc-tag svg{width:12px;height:12px;margin:-2px 4px 0 0;vertical-align:middle;fill:currentColor}
.pc-name{margin:0;font-size:25px;font-weight:850;letter-spacing:-.025em;line-height:1.12;color:inherit}
.pc-who{margin:0;font-size:14.5px;color:var(--pc-ink2);line-height:1.45}
.pc-price{display:grid;gap:8px;min-height:96px;align-content:end}
.pc-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pc-now{font-size:54px;font-weight:900;letter-spacing:-.055em;line-height:.95;font-variant-numeric:tabular-nums}
.pc-now-q{font-size:40px;color:var(--pc-golddk);letter-spacing:-.035em}
.pc-now-soon{font-size:20px;color:var(--pc-golddk);letter-spacing:-.01em;line-height:1.2}
.pc-per{font-size:15px;font-weight:600;color:var(--pc-ink2)}
.pc-was{font-size:15px;color:var(--pc-ink3);text-decoration:line-through}
.pc-off{font-size:12px;font-weight:900;color:#1b1608;background:var(--pc-gold2);border-radius:999px;padding:3px 9px;white-space:nowrap}
.pc-sub{font-size:13.5px;color:var(--pc-ink2);line-height:1.45}
.pc-savechip{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:5px 11px 5px 8px;border-radius:999px;background:#e3f6f0;color:#0b6b5a;font-size:12.5px;font-weight:800}
.pc-savechip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pc-sub b{color:var(--pc-ink);font-weight:800}
.pc-cta{display:grid;gap:8px}
.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid var(--pc-line);background:#fff;color:var(--pc-ink);font:inherit;font-weight:800;font-size:15.5px;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;width:100%}
.pc-btn:hover{transform:translateY(-1px)}
.pc-btn .pc-arr{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.pc-btn:hover .pc-arr{transform:translateX(4px)}
.pc-btn-p{background:var(--pc-blue);color:#fff;border-color:transparent;box-shadow:0 16px 30px -16px rgba(36,87,230,.85)}
.pc-btn-p:hover{background:#1c46c4;color:#fff}
.pc-btn-g{background:linear-gradient(120deg,var(--pc-gold),var(--pc-gold2));color:#1b1608;border-color:transparent;box-shadow:0 16px 30px -16px rgba(201,154,46,.9)}
.pc-btn-o{background:#fff;border:1.5px solid var(--pc-ink);color:var(--pc-ink)}
.pc-btn-o:hover{background:var(--pc-ink);color:#fff}
.pc-u{text-align:center;font-size:12.5px;color:var(--pc-ink3)}
.pc-ok{padding:12px 14px;border-radius:12px;background:#e9f9f5;color:#0f7f6c;font-weight:700;font-size:14px;text-align:center}
/* request forms: inside the card (sales closed) and behind the quote button */
.pc-ask,.pc-qf{display:grid;gap:8px}
.pc-qd summary{list-style:none}.pc-qd summary::-webkit-details-marker{display:none}
.pc-qd[open] summary{display:none}
.pc-qd[open] .pc-qf{animation:pcOpen .25s ease both}
@keyframes pcOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.pc-ask input[type=text],.pc-ask input[type=email],.pc-qf input[type=text],.pc-qf input[type=email]{width:100%;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--pc-line);background:#fff;font:inherit;font-size:15px;color:var(--pc-ink)}
.pc-ask input:focus,.pc-qf input:focus{outline:none;border-color:var(--pc-blue);box-shadow:0 0 0 4px rgba(36,87,230,.14)}
.pc-ask label,.pc-ck{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--pc-ink2);line-height:1.35}
.pc-ask label a,.pc-ck a{color:inherit;display:inline-block;padding:6px 4px;margin:-6px -4px}   /* measured 554: 14 px tall on the phone — a 26 px tap area */
.pc-rg{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--pc-ink2)}
.pc-rg b{font-size:20px;color:var(--pc-ink);font-variant-numeric:tabular-nums}
.pc-qf input[type=range]{width:100%;accent-color:var(--pc-golddk);margin:2px 0 4px}
/* what is included */
.pc-incl{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--pc-line);align-content:start}
.pc-incl h4{margin:0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-ink3)}
.pc-incl ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.pc-incl li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--pc-ink);line-height:1.4}
.pc-incl li svg{flex:none;width:18px;height:18px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.pc-incl li.pc-ok-i svg{color:var(--pc-teal)}.pc-incl li.pc-plus svg{color:var(--pc-blue)}
.pc-more{display:grid;gap:7px;padding-top:12px;border-top:1px dashed var(--pc-line);font-size:13px;color:var(--pc-ink2)}
.pc-incl>.pc-more:first-child{padding-top:0;border-top:0}
.pc-trial{display:flex;gap:8px;align-items:center;font-weight:700;color:var(--pc-ink)}
.pc-trial svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--pc-golddk);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* D-M796: the cards share their rows (subgrid) — header, price, button and "included" sit at the same height in every card,
   whatever the length of the texts; a switch card shows the rows of the period on screen (its panes melt into the card) */
@supports (grid-template-rows:subgrid){
  .pc-grid{grid-auto-rows:auto}
  .pc-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:20px;align-content:start}
  .pc-pane{display:contents}
  .pc-top,.pc-price{min-height:0}
  .pc-price{align-content:end}
}
/* the recommended card: dark, glowing */
@property --pc-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.pc-featured{background:radial-gradient(120% 70% at 50% 0%,#1b2540 0%,var(--pc-dark) 60%);border-color:var(--pc-dark);color:#fff;box-shadow:0 44px 90px -44px rgba(15,21,36,.85),0 30px 80px -40px rgba(224,185,90,.55)}
.pc-featured::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--pc-ang),rgba(224,185,90,0) 0deg,rgba(224,185,90,0) 220deg,#e0b95a 290deg,#fff6dc 315deg,#e0b95a 340deg,rgba(224,185,90,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:pcRun 5s linear infinite;animation-play-state:paused;pointer-events:none}
.pc-live .pc-featured::after{animation-play-state:running}
@keyframes pcRun{to{--pc-ang:360deg}}
.pc-featured .pc-ico{background:rgba(224,185,90,.14);color:var(--pc-gold2)}
.pc-featured .pc-savechip{background:rgba(79,209,184,.14);color:#86e6d2}
.pc-featured:hover{border-color:var(--pc-dark);transform:translateY(-4px);box-shadow:0 54px 100px -44px rgba(15,21,36,.9),0 34px 90px -40px rgba(224,185,90,.6)}
.pc-featured .pc-kicker{color:#a9b6d3}
.pc-featured .pc-who,.pc-featured .pc-per,.pc-featured .pc-sub,.pc-featured .pc-more,.pc-featured .pc-u,.pc-featured .pc-incl h4{color:#bcc6dc}
.pc-featured .pc-sub b,.pc-featured .pc-incl li,.pc-featured .pc-trial{color:#fff}
.pc-featured .pc-now{background:linear-gradient(180deg,#fff 35%,#f3d68f);-webkit-background-clip:text;background-clip:text;color:transparent}
.pc-featured .pc-was{color:#95a1bb}
.pc-featured .pc-incl,.pc-featured .pc-more{border-color:#29334b}
.pc-featured .pc-tag{background:var(--pc-gold2);color:#1b1608}
.pc-featured .pc-incl li.pc-ok-i svg{color:#4fd1b8}.pc-featured .pc-trial svg{stroke:var(--pc-gold2)}
.pc-featured .pc-btn-o{background:transparent;border-color:#fff;color:#fff}
/* the quote card: warm paper, one button */
.pc-q{background:linear-gradient(180deg,#fffdf8,#fbf5e7);border-color:#eadfc2}
/* launch strip */
.pc-offer{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 auto 26px;padding:10px 18px;border-radius:999px;background:var(--dark,#0f1524);color:#fff;font-size:15px;font-weight:700;width:max-content;max-width:100%}
.pc-offer b{color:var(--pc-gold2,#e0b95a);font-weight:900}
.pc-cd{display:inline-flex;gap:6px;align-items:center;color:#c9d1e6;font-weight:600;font-size:13.5px}
.pc-cd i{font-style:normal;background:rgba(255,255,255,.12);border-radius:8px;padding:2px 8px;color:#fff;font-weight:800;font-variant-numeric:tabular-nums;min-width:32px;text-align:center}
/* trust row */
.pc-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:30px 0 0;font-size:13.5px;color:var(--pc-ink2,#5a6070)}
.pc-trust span{display:inline-flex;gap:7px;align-items:center}
.pc-trust svg{width:16px;height:16px;fill:none;stroke:#159a83;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* coming-soon page */
.pc-soon .pc-price{min-height:60px}
/* the desk preview in gest: one card, smaller type, no hover lift, never the phone carousel */
.pc-preview .pc-grid{grid-template-columns:1fr;grid-auto-flow:row;overflow:visible;margin:0;padding:0}.pc-preview .pc-card{padding:20px;gap:14px}.pc-preview .pc-card:hover{transform:none}.pc-preview .pc-now{font-size:38px}.pc-preview .pc-card *{box-sizing:border-box}.pc-preview .pc-top{min-height:0}.pc-preview .pc-price{min-height:0}
/* tablets: two columns, the recommended card first */
@media (max-width:1100px) and (min-width:761px){
  .pc-grid,.pc-grid.pc-n4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-grid .pc-featured{order:-1}
  .pc-top,.pc-price{min-height:0}
}
/* phones: the cards slide sideways (the next one peeks), the recommended first — the page is thousands of pixels shorter */
@media (max-width:760px){
  .pc-grid,.pc-grid.pc-n4,.pc-grid.pc-n2{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -24px;padding:6px 24px 18px;scroll-padding:0 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pc-grid::-webkit-scrollbar{display:none}
  .pc-grid.pc-n1{grid-auto-columns:100%}
  .pc-grid .pc-featured{order:-1}
  .pc-card{scroll-snap-align:start;padding:24px 20px;border-radius:22px}
  .pc-featured,.pc-featured:hover{transform:none}
  .pc-card:hover{transform:none}
  .pc-top,.pc-price{min-height:0}
  .pc-now{font-size:46px}
  .pc-seg{margin-bottom:18px}
  .pc-seg label{padding:0 16px}
  .pc-trust{gap:10px 16px;font-size:13px}
  .pc-offer{width:100%;justify-content:space-between;border-radius:18px}
}
.pc-dots{display:none}
@media (max-width:760px){.pc-dots{display:flex;justify-content:center;gap:7px;margin:4px 0 0}.pc-dots i{width:7px;height:7px;border-radius:999px;background:#d8d1c1;transition:width .25s ease,background .25s ease}.pc-dots i.on{width:22px;background:var(--ink,#1c2230)}}
@media (prefers-reduced-motion:reduce){.pc-per-y:checked~.pc-grid .pc-pane-y>*,.pc-per-m:checked~.pc-grid .pc-pane-m>*{animation:none}.pc-card,.pc-btn{transition:none}.pc-card:hover{transform:none}.pc-qd[open] .pc-qf{animation:none}.pc-featured::after{animation:none}}
/* announcement strip on the public pages (537) */
.pc-ann-wrap{position:relative;z-index:5;max-width:var(--max,1200px);margin:12px auto 0;padding:0 24px;display:grid;gap:8px}
.pc-ann{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--paper,#fffdf9);border:1px solid var(--line,#e3ded3);box-shadow:0 8px 24px rgba(28,34,48,.06);font-size:14px;color:var(--ink,#1c2230)}
.pc-ann b{font-weight:800;white-space:nowrap}.pc-ann span{color:var(--ink2,#5a6070)}
.pc-ann-x{border:0;background:transparent;font:inherit;font-size:18px;line-height:1;color:var(--ink3,#8a8f9b);cursor:pointer;padding:2px 6px}
.pc-ann-x[hidden]{display:none}   /* drawn hidden, shown by landing.js once it can close (review E7): never a dead button without scripts */
.pc-ann-success{border-color:#22c1a4}.pc-ann-warn{border-color:#e0b95a;background:#fff8e6}.pc-ann-promo{border-color:#c99a2e;background:linear-gradient(120deg,#fffdf9,#fbf3df)}
.pc-ann-danger{border-color:#e39a9a;border-left:6px solid #b93434;background:#fdeaea}.pc-ann-danger b{color:#8f1f1f}.pc-ann-danger span{color:#5a2a2a}
@media (max-width:640px){.pc-ann{grid-template-columns:1fr auto}.pc-ann b{white-space:normal}.pc-ann span{grid-column:1 / -1}}