/* FlowSolvio pricing & package card – ONE component for pricing, bundles, care plans, hosting and service package cards.
   Reference only (not wired into the site). Tokens mirror css/style.css :root. */
:root{
  --ink-900:#0F1B2D;--ink-700:#223654;--ink-600:#33496B;--ink-100:#E4EAF2;--ink-50:#F2F5F9;
  --teal-800:#085B5A;--teal-700:#0A6E6D;--teal-600:#0B7F7E;--teal-100:#DDF8F3;--teal-50:#F0FCFA;
  --coral-500:#F2674A;--coral-400:#FF8A6E;
  --r-md:12px;--r-lg:16px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(15,27,45,.06),0 1px 3px rgba(15,27,45,.08);--sh-2:0 6px 18px rgba(15,27,45,.08);--sh-3:0 16px 40px rgba(15,27,45,.14);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;
  --font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-body:Inter,system-ui,sans-serif;
}
.pc-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-4);grid-template-columns:1fr;align-items:stretch}
@media (min-width:640px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6)}}
@media (min-width:1024px){.pc-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pc-grid>li{display:flex}                                     /* equal heights in a row */
.pc{display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:#fff;color:var(--ink-900);
  border:1px solid var(--ink-100);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--sp-6);position:relative;
  font-family:var(--font-body);transition:box-shadow .2s,border-color .2s}
@media (min-width:1024px){.pc{padding:var(--sp-8) 28px}}
.pc:hover{box-shadow:var(--sh-2);border-color:#C8D3E2}
/* 1 eyebrow (optional) */
.pc-eyebrow{align-self:flex-start;margin:0 0 var(--sp-3);padding:4px 10px;border-radius:var(--r-pill);background:var(--teal-100);color:var(--teal-800);
  font:700 12px/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
/* 2 title – Title Case in the copy, never transformed by CSS */
.pc-title{margin:0;font:700 22px/1.25 var(--font-display);color:var(--ink-900);letter-spacing:-.01em}
/* 3 descriptor – one line, sentence case */
.pc-desc{margin:var(--sp-2) 0 0;font:400 16px/1.5 var(--font-body);color:var(--ink-600)}
/* 4 price block – after the descriptor */
.pc-price{margin:var(--sp-5) 0 0;padding-top:var(--sp-5);border-top:1px solid var(--ink-100);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;color:var(--ink-900)}
.pc-price .pre{font:600 14px/1 var(--font-body);color:var(--ink-600)}
.pc-price .fig{font:800 32px/1.1 var(--font-display);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;color:var(--ink-900);-webkit-text-fill-color:currentColor;background:none}
.pc-price .fig--text{font-size:24px}
.pc-price .unit{font:500 14px/1 var(--font-body);color:var(--ink-600)}
/* 5 included list – 3–5 items with check icons */
.pc-list{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:grid;gap:10px;font:400 15px/1.45 var(--font-body);color:var(--ink-700)}
.pc-list li{position:relative;padding-left:28px}
.pc-list li::before{content:"";position:absolute;left:0;top:.15em;width:18px;height:18px;border-radius:50%;background:var(--teal-50);box-shadow:inset 0 0 0 1.5px var(--teal-600)}
.pc-list li::after{content:"";position:absolute;left:6.5px;top:calc(.15em + 4px);width:4px;height:8px;border:solid var(--teal-700);border-width:0 2px 2px 0;transform:rotate(45deg)}
/* 6 action – pinned to the bottom so every button in a row aligns */
.pc-action{margin-top:auto;padding-top:var(--sp-6)}
.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;box-sizing:border-box;width:100%;background:var(--teal-700);color:#fff;font:600 16px/1 var(--font-body);text-align:center;text-decoration:none;transition:background-color .15s}
.pc-btn:hover{background:var(--teal-800);color:#fff}
.pc-btn:focus-visible{outline:3px solid var(--teal-600);outline-offset:3px}
@media (min-width:1024px){.pc-btn{width:auto;align-self:flex-start}}
/* featured variant */
.pc--featured{border:2px solid var(--ink-900);box-shadow:var(--sh-3)}
.pc--featured::before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;height:6px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--coral-500)}
.pc--featured .pc-btn{background:var(--teal-700);color:#fff}
.pc--featured .pc-btn:hover{background:var(--teal-800);color:#fff}
.pc-flag{position:absolute;top:-12px;right:20px;padding:4px 10px;border-radius:var(--r-pill);background:var(--ink-900);color:#fff;font:700 12px/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase}
/* on navy sections the card stays white; nothing inside inherits light-on-dark colours */
.sec-ink .pc :is(p,li,span){color:inherit}
@media (prefers-reduced-motion:reduce){.pc,.pc-btn{transition:none}}
/* v10d additions: nudge line + secondary link (Hannah), small print under grid */
.pc-action{flex-direction:column;align-items:stretch;gap:10px}
@media (min-width:1024px){.pc-action{align-items:flex-start}}
.pc-nudge{margin:0;font:600 15px/1.4 var(--font-body);color:var(--ink-700)}
.pc-sec{font:600 14px/1.4 var(--font-body);color:var(--teal-700);text-decoration:underline;text-underline-offset:3px;min-height:24px}
.price-notes{margin:var(--sp-5) 0 0;padding:0;list-style:none;font:400 14px/1.5 var(--font-body);color:var(--ink-600)}
.price-notes li{margin:0 0 4px}
.sec-ink .price-notes,.sec-ink .price-notes li{color:#C8D3E2}
.pc-grid>li{list-style:none}
.pc-grid>li::before,.pc-grid>li::marker{content:none}
.pc,.pc *{letter-spacing:normal}.pc .pc-title,.pc .pc-price .fig{letter-spacing:-.01em}
.sec-ink .pc,.sec-ink .pc :is(h3,p,li,span,b){color:var(--ink-900)!important}
.sec-ink .pc :is(.pc-desc,.pc-price .pre,.pc-price .unit){color:var(--ink-600)!important}
.sec-ink .pc .pc-list li{color:var(--ink-700)!important}
.sec-ink .pc .pc-sec{color:var(--teal-700)!important}
.pc .pc-btn,.pc .pc-btn:hover{color:#fff!important}

/* v10e (Niamh fixes) */
.pc{gap:12px}
.pc>*{margin-top:0;margin-bottom:0}
.pc-price{margin-top:8px}
.pc-action{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:12px;height:auto}
.pc-nudge,.pc-btn,.pc-grid-more a{margin:0!important;height:auto;position:static}
.pc-nudge{font:600 14px/1.4 var(--font-body);color:#0F1B2D!important}

.pc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.pc-price .unit,.sec-ink .pc .pc-price .unit{font-size:14px;color:#4A5568!important}
.pc-grid-more{margin:var(--sp-6) 0 0;text-align:center}
.pc-grid-more a{font:600 15px/1.4 var(--font-body);color:var(--teal-700);text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:24px}
.sec-ink .pc-grid-more a{color:#7FE6D8}
@media (min-width:1024px){.pc-price{flex-wrap:nowrap}.pc-price .unit{white-space:nowrap}.pc-grid--4 .pc-price .fig{font-size:28px}.pc-grid--4 .pc-price{gap:5px}}