/* Client review amendments, 9 October 2026: header tint and contact strip, Capium logo.
   Loaded after site.css, azure-option.css and premium.css so it wins on specificity ties. */
:root { --header-utility-h: 2.25rem; }
.premium-option { --header-h: 7.75rem; }
@media (max-width: 59.99em) { .premium-option { --header-h: 7.75rem; } }
@media (max-width: 47.99em) { .premium-option { --header-h: 7.25rem; } }
.premium-option .header-inner { min-height: calc(var(--header-h) - var(--header-utility-h)); }
.premium-option .site-header { background: rgba(233,239,248,.96); border-bottom: 1px solid rgba(27,63,143,.12); }
@supports (backdrop-filter: blur(8px)) { .premium-option .site-header { background: rgba(233,239,248,.9); backdrop-filter: saturate(1.3) blur(10px); -webkit-backdrop-filter: saturate(1.3) blur(10px); } }
.premium-option .site-header.is-scrolled { border-bottom-color: rgba(27,63,143,.2); box-shadow: 0 10px 30px -24px rgba(15,29,56,.45); }
.premium-option .header-utility { background: #dfe7f4; border-bottom: 1px solid rgba(27,63,143,.1); }
.header-utility-inner { display: flex; align-items: center; justify-content: flex-end; gap: .25rem 1.5rem; height: var(--header-utility-h); overflow: hidden; white-space: nowrap; }
.header-contact { display: inline-flex; align-items: center; gap: .4rem; color: var(--ink); text-decoration: none; font: 550 .88rem/1 var(--font-text); min-height: 2.25rem; }
.header-contact .icon { width: .95rem; height: .95rem; color: var(--accent); flex: none; }
.header-contact:hover, .header-contact:focus-visible { color: var(--accent); text-decoration: underline; }
.header-contact-label { color: var(--ink-2); font-weight: 500; }
.header-contact-email-short { display: none; }
.premium-option .nav-link:hover, .premium-option .nav-trigger:hover { background: rgba(27,63,143,.08); }
.premium-option .menu-toggle { border-color: rgba(27,63,143,.3); }
@media (max-width: 48em) {
  .header-utility-inner { justify-content: space-between; gap: 1rem; }
  .header-contact-label, .header-contact-email { display: none; }
  .header-contact-email-short { display: inline; }
}
@media (max-width: 26em) { .header-contact--landline { display: none; } }
/* Capium alongside QuickBooks in the trust strip */
.premium-option .premium-trust .trust-item--logo .capium-logo { height: 2.35rem; width: auto; }
@media (max-width: 47.99em) { .premium-option .premium-trust .capium-logo { max-width: 120px; } }

/* Client cards: "More" link to the dedicated page */
.route-more { margin-top: .5rem; }
.route h3 a { color: var(--ink); text-decoration: none; }
.route h3 a:hover { color: var(--accent); text-decoration: underline; }

/* Call-to-action band: light, compact and visibly separate from the footer (owner's review, 9 Oct 2026) */
.premium-option .section--deep { background: var(--accent-soft); color: var(--ink); padding: 3rem 0; }
.premium-option .section--deep h2, .premium-option .cta-band h2 { color: var(--ink); font-size: clamp(1.6rem, 2.4vw, 2.2rem); }
.premium-option .section--deep .lead, .premium-option .section--deep p, .premium-option .cta-band .contact-lines span { color: var(--ink-2); }
.premium-option .section--deep a:not(.btn) { color: var(--ink); }
.premium-option .section--deep .btn--light { background: var(--accent); color: #fff; }
.premium-option .section--deep .btn--light:hover { background: var(--accent-strong); color: #fff; }
.premium-option .cta-band { gap: 2.5rem; align-items: center; }
.premium-option .cta-band .btn { min-height: 3rem; }
.premium-option .cta-band .contact-lines a .icon, .premium-option .cta-band .contact-lines .icon { color: var(--accent); }

/* Footer: tighter */
.premium-option .site-footer { padding: 2.4rem 0 1.2rem; }
.premium-option .footer-grid { gap: 1.25rem 2rem; }
.premium-option .site-footer h2 { margin-bottom: .4rem; }
.premium-option .site-footer ul { gap: .15rem; }
.premium-option .footer-base { margin-top: 1.25rem; padding-top: .9rem; font-size: .82rem; }
.premium-option .demo-strip { margin-top: .6rem; padding-top: .5rem; }

/* ── Header: opaque and distinct on every page and at every scroll position; larger logo (client feedback, 9 Oct 2026) ── */
.premium-option .site-header, .azure-option .site-header { background: #e6edf8; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: 2px solid rgba(27,63,143,.28); box-shadow: 0 4px 16px -8px rgba(15,29,56,.28); }
@supports (backdrop-filter: blur(8px)) { .premium-option .site-header { background: #e6edf8; backdrop-filter: none; -webkit-backdrop-filter: none; } }
.premium-option .site-header.is-scrolled { border-bottom-color: rgba(27,63,143,.4); box-shadow: 0 8px 24px -12px rgba(15,29,56,.4); }
.premium-option .header-utility { background: #d6e0f2; border-bottom: 1px solid rgba(27,63,143,.14); }
/* Logo and name: about a quarter larger, still on one line with the navigation */
.premium-option .brand, .azure-option .brand { gap: .9rem; }
.premium-option .brand img, .azure-option .brand img { width: 74px; }
.premium-option .brand-name strong, .azure-option .brand-name strong { font-size: 1.72rem; font-weight: 720; letter-spacing: -.02em; }
.premium-option .brand-name span, .azure-option .brand-name span { font-size: 1rem; font-weight: 550; color: var(--ink-2); }
@media (min-width: 74.01em) and (max-width: 89.99em) { .premium-option .brand img { width: 66px; } .premium-option .brand-name strong { font-size: 1.5rem; } .premium-option .brand-name span { font-size: .9rem; } .azure-option .nav-list { gap: .9rem; } }
@media (max-width: 59.99em) { .premium-option .brand img, .azure-option .brand img { width: 64px; } .premium-option .brand-name strong, .azure-option .brand-name strong { font-size: 1.5rem; } }
@media (max-width: 47.99em) { .premium-option .brand img { width: 56px; } .premium-option .brand-name strong { font-size: 1.35rem; } .premium-option .brand-name span { font-size: .84rem; } }

/* ── FAQs: compact, grouped into cards (owner's review, 9 Oct 2026) ── */
.faq-page .page-banner { padding-block: 2rem 1.5rem; }
.faq-page .page-banner h1 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem); margin-top: .4rem; }
.faq-page .page-banner-lead { margin-top: .5rem; font-size: 1.05rem; }
.faq-page .section--tint { padding-block: 2.25rem 3.5rem; }
.faq-page .content-grid { gap: 2.5rem; align-items: start; }
.faq-page .faq-group { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 1.25rem 1.5rem 1rem; box-shadow: 0 10px 28px -26px rgba(15,29,56,.35); }
.faq-page .faq-group + .faq-group { margin-top: 1rem; }
.faq-page .faq-group h2 { display: flex; align-items: center; gap: .75rem; margin: 0 0 .4rem; font-size: 1.2rem; font-weight: 680; letter-spacing: -.01em; scroll-margin-top: calc(var(--header-h) + 1rem); }
.faq-page .faq-group h2::before { content: counter(faqgroup); counter-increment: faqgroup; display: inline-grid; place-items: center; width: 1.85rem; height: 1.85rem; border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: .9rem; font-weight: 650; flex: none; }
.faq-page .content-grid > div:first-child { counter-reset: faqgroup; }
.faq-page .faq { border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; margin: 0; padding: 0; }
.faq-page .faq:last-child { border-bottom: 0; }
.faq-page .faq summary { padding: .8rem 0; min-height: 0; font-size: 1rem; font-weight: 560; gap: 1rem; }
.faq-page .faq summary .icon { width: 1.5rem; height: 1.5rem; padding: .3rem; border-radius: 50%; background: var(--paper-2); color: var(--ink-2); flex: none; }
.faq-page .faq[open] { box-shadow: none; }
.faq-page .faq[open] summary { color: var(--accent); }
.faq-page .faq[open] summary .icon { background: var(--accent); color: #fff; }
.faq-page .faq .answer { padding: 0 0 1rem; font-size: .97rem; line-height: 1.55; gap: .6rem; }
.faq-page .aside-card.toc { padding: 1.25rem 1.5rem; }
.faq-page .aside-card.toc h2 { font-size: 1.05rem; margin-bottom: .5rem; }
.faq-page .aside-card.toc ol { list-style: none; margin: 0; padding: 0; counter-reset: toc; }
.faq-page .aside-card.toc li { border-top: 1px solid var(--line); }
.faq-page .aside-card.toc li:first-child { border-top: 0; }
.faq-page .aside-card.toc a { display: flex; gap: .6rem; align-items: baseline; padding: .55rem 0; color: var(--ink); text-decoration: none; font-size: .95rem; }
.faq-page .aside-card.toc a::before { content: counter(toc); counter-increment: toc; color: var(--accent); font-weight: 650; font-size: .85rem; min-width: 1.1rem; }
.faq-page .aside-card.toc a:hover { color: var(--accent); }
.faq-page .aside > .aside-card:not(.toc) { background: var(--accent-soft); border-color: transparent; }
@media (max-width: 47.99em) {
  .faq-page .faq-group { padding: 1rem 1.1rem .75rem; border-radius: 14px; }
  .faq-page .section--tint { padding-block: 1.5rem 2.5rem; }
}
/* FAQs: the four smaller topics sit two across on wide screens */
@media (min-width: 62em) {
  .faq-page .content-grid > div:first-child { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
  .faq-page .faq-group + .faq-group { margin-top: 0; }
  .faq-page .faq-group:first-child { grid-column: 1 / -1; }
  .faq-page .faq-group:first-child details.faq { display: block; }
  .faq-page .faq summary { align-items: flex-start; }
  .faq-page .faq summary .icon { margin-top: .1rem; }
}

/* ── Quick enquiry bar on tablets: title on its own row, then the two choices and a normal-width button (owner's review, 9 Oct 2026) ── */
@media (min-width: 48em) and (max-width: 63.99em) {
  .premium-option .quickbar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: .75rem 1rem; align-items: center; }
  .premium-option .quickbar-title { grid-column: 1 / -1; padding: 0 .25rem .25rem; }
  .premium-option .quickbar .btn { width: auto; justify-self: end; min-height: 3.4rem; padding-inline: 1.6rem; }
}
/* Phones keep a full-width button, but a sensible one: no taller than the inputs */
@media (max-width: 47.99em) { .premium-option .quickbar .btn { min-height: 3.2rem; } }

/* ── Header: more compact; contact strip left-aligned with icons only (owner's review, 9 Oct 2026) ── */
:root { --header-utility-h: 2.1rem; }
.premium-option { --header-h: 6.6rem; }
@media (max-width: 59.99em) { .premium-option { --header-h: 6.6rem; } }
@media (max-width: 47.99em) { .premium-option { --header-h: 6.1rem; } }
.premium-option .header-inner { min-height: calc(var(--header-h) - var(--header-utility-h)); gap: 1.25rem; }
.header-utility-inner { justify-content: flex-start; gap: 1.75rem; height: var(--header-utility-h); }
.header-contact { font-size: .86rem; min-height: var(--header-utility-h); }
.header-contact-label { display: none; }
.premium-option .brand img, .azure-option .brand img { width: 64px; }
.premium-option .brand-name strong, .azure-option .brand-name strong { font-size: 1.55rem; }
.premium-option .brand-name span, .azure-option .brand-name span { font-size: .92rem; }
.azure-option .nav-list { gap: 1.1rem; }
.azure-option .nav-link, .azure-option .nav-trigger { min-height: 2.5rem; padding-block: .35rem; }
.azure-option .header-actions .btn, .premium-option .header-actions .btn { min-height: 2.6rem; padding: .55rem 1rem; font-size: .9rem; }
@media (max-width: 48em) {
  .header-utility-inner { justify-content: flex-start; gap: 1.25rem; }
  .header-contact-email-short { display: none; }
  .header-contact-email { display: inline; }
  .header-contact--landline { display: none; }
}
@media (max-width: 30em) { .header-contact-email { display: none; } .header-contact-email-short { display: inline; } }
@media (max-width: 47.99em) { .premium-option .brand img { width: 52px; } .premium-option .brand-name strong { font-size: 1.25rem; } .premium-option .brand-name span { font-size: .8rem; } .premium-option .menu-toggle { min-height: 2.5rem; padding: .4rem .8rem; } }

/* ── Trust strip: slimmer band (owner's review, 9 Oct 2026) ── */
.premium-option .premium-trust { padding-block: .7rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.premium-option .premium-trust .trust-item--logo img { height: 1.6rem; width: auto; }
.premium-option .premium-trust .trust-item--logo img[alt^="Institute"] { height: 2.2rem; }
.premium-option .premium-trust .trust-item--logo .quickbooks-logo, .premium-option .premium-trust .trust-item--logo .capium-logo { height: 1.6rem; width: auto; max-width: none; }
.premium-option .premium-trust--moving .trust-set, .premium-option .premium-trust--moving .trust-list { gap: 3.25rem; }
.premium-option .premium-trust--moving .trust-set { padding-right: 3.25rem; }
.premium-option .premium-trust .trust-item { min-height: 2.4rem; }
.premium-option .premium-trust .trust-toggle { width: 1.9rem; height: 1.9rem; }
@media (max-width: 47.99em) { .premium-option .premium-trust { padding-block: .5rem; } .premium-option .premium-trust .trust-item--logo img { height: 1.4rem; } .premium-option .premium-trust .trust-item--logo img[alt^="Institute"] { height: 1.9rem; } .premium-option .premium-trust--moving .trust-set, .premium-option .premium-trust--moving .trust-list { gap: 2.25rem; } }

/* ── Home hero: copy left, slideshow bleeding to the right edge with a soft cloud-like fade (owner's review, 9 Oct 2026) ── */
.premium-option.azure-home .azure-hero { padding: 0; overflow: hidden; position: relative; }
.premium-option.azure-home .azure-hero-grid { align-items: stretch; gap: 0; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); }
.premium-option.azure-home .azure-hero-copy { padding: clamp(3rem, 6vw, 5.5rem) clamp(1.5rem, 4vw, 3.5rem) clamp(4.5rem, 7vw, 7rem) 0; align-content: center; position: relative; z-index: 2; }
.premium-option.azure-home .azure-hero-slideshow { position: relative; margin-right: calc(50% - 50vw); min-height: 34rem; }
.premium-option.azure-home .premium-hero-image { height: 100%; min-height: 34rem; border-radius: 0; background: var(--paper-2); }
.premium-option.azure-home .premium-hero-image img { object-position: 55% 40%; }
/* Soft, uneven fade from the paper panel into the photograph */
.premium-option.azure-home .premium-hero-image::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background:
    radial-gradient(42% 38% at 2% 18%, var(--paper) 30%, rgba(246,245,241,0) 72%),
    radial-gradient(38% 42% at 0% 58%, var(--paper) 36%, rgba(246,245,241,0) 74%),
    radial-gradient(44% 36% at 4% 94%, var(--paper) 30%, rgba(246,245,241,0) 70%),
    linear-gradient(to right, var(--paper) 0%, rgba(246,245,241,.85) 9%, rgba(246,245,241,.35) 22%, rgba(246,245,241,0) 38%); }
.premium-option.azure-home .premium-hero-image::before { content: ""; position: absolute; inset: auto 0 0 0; height: 7rem; pointer-events: none; z-index: 1; background: linear-gradient(to top, rgba(15,29,56,.28), rgba(15,29,56,0)); }
.premium-option.azure-home .premium-hero-slideshow .slide-controls { position: absolute; right: clamp(1rem, 3vw, 2.5rem); bottom: 1.5rem; z-index: 3; margin: 0; padding: .3rem .4rem; gap: .1rem; background: rgba(255,255,255,.92); border-radius: 999px; box-shadow: 0 10px 30px -14px rgba(15,29,56,.5); }
.premium-option.azure-home .premium-hero-slideshow .slide-controls button { width: 2.4rem; height: 2.4rem; min-height: 0; border: 0; background: transparent; }
.premium-option.azure-home .premium-hero-slideshow .slide-controls button:hover { background: var(--paper-2); }
.premium-option.azure-home .premium-hero-slideshow .slide-pips { margin-inline: .2rem; }
.premium-option.azure-home .premium-hero-slideshow .slide-pips button { width: 1.3rem; height: 2.4rem; }
.premium-option.azure-home .quickbar-wrap { margin-top: -2.75rem; }
@media (max-width: 59.99em) {
  .premium-option.azure-home .azure-hero-grid { grid-template-columns: 1fr; }
  .premium-option.azure-home .azure-hero-copy { padding: 2.5rem 0 2rem; }
  .premium-option.azure-home .azure-hero-slideshow { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); min-height: 0; }
  .premium-option.azure-home .premium-hero-image { min-height: 0; height: 22rem; }
  .premium-option.azure-home .premium-hero-image::after { background: linear-gradient(to bottom, var(--paper) 0%, rgba(246,245,241,.6) 10%, rgba(246,245,241,0) 30%); }
  .premium-option.azure-home .quickbar-wrap { margin-top: 1.5rem; }
}
@media (max-width: 47.99em) { .premium-option.azure-home .premium-hero-image { height: 17rem; } .premium-option.azure-home .azure-hero-copy { padding: 1.75rem 0 1.5rem; } }
/* Right bleed: exactly the container's side margin, so the controls stay on screen */
.premium-option.azure-home .azure-hero-slideshow { margin-right: calc(-1 * max(var(--gutter), (100vw - var(--max)) / 2)); }
@media (max-width: 59.99em) { .premium-option.azure-home .azure-hero-slideshow { margin-inline: calc(-1 * var(--gutter)); } }
@media (min-width: 60em) { .premium-option.azure-home .premium-hero-slideshow .slide-controls { bottom: 4.25rem; } }

/* ── Wider page: use more of a large screen (owner's review, 9 Oct 2026) ── */
.premium-option { --max: 90rem; --gutter: clamp(1rem, 3.5vw, 3rem); }
@media (min-width: 100em) { .premium-option { --max: 96rem; } }
/* Capium: real artwork (capium.com, 9 Oct 2026); sized to match the other logos */
.premium-option .premium-trust .trust-item--logo .capium-logo { height: 1.9rem; width: auto; }
@media (max-width: 47.99em) { .premium-option .premium-trust .trust-item--logo .capium-logo { height: 1.6rem; } }

/* ── Richer colour: navy-to-blue gradient bands and stronger section grounds (owner's review, 9 Oct 2026) ── */
:root { --grad-deep: linear-gradient(135deg, #0b1733 0%, #16327a 45%, #2456d1 100%); --tint-strong: linear-gradient(180deg, #e8eef9 0%, #f1f3f8 100%); }
.premium-option .section--tint, .azure-option .section--tint { background: var(--tint-strong); }
.premium-option .page-banner { background: linear-gradient(180deg, #e4ebf8 0%, var(--paper) 100%); }
.premium-option .faq-page .page-banner { background: linear-gradient(180deg, #e4ebf8 0%, var(--paper) 100%); }
/* Call-to-action band: gradient, white text, still compact and clearly separate from the flat footer */
.premium-option .section--deep { background: var(--grad-deep); color: #fff; padding: 3.25rem 0; border-bottom: 6px solid var(--paper); }
.premium-option .section--deep h2, .premium-option .cta-band h2 { color: #fff; }
.premium-option .section--deep .lead, .premium-option .section--deep p, .premium-option .cta-band .contact-lines span { color: rgba(255,255,255,.82); }
.premium-option .section--deep a:not(.btn) { color: #fff; }
.premium-option .section--deep .btn--light { background: #fff; color: var(--accent-strong); }
.premium-option .section--deep .btn--light:hover { background: #e9eff8; color: var(--accent-strong); }
.premium-option .cta-band .contact-lines a .icon, .premium-option .cta-band .contact-lines .icon { color: #9fc0ea; }
/* Enquiry cards in sidebars */
.premium-option .aside-card--deep { background: var(--grad-deep); }
/* Values strip and process section on the home page pick up the stronger ground */
.premium-option.azure-home .values, .premium-option .azure-process-section { background: var(--tint-strong); }
/* Footer keeps a flat deep navy so the gradient band above it reads as its own section */
.premium-option .site-footer { background: #0b1733; }

/* ── Feature cards (owner's review, 9 Oct 2026): gradient, tint and photo cards with small illustrative graphics ── */
.premium-option .feature-card { position: relative; border-radius: 28px; padding: 2rem 2.1rem 2.1rem; min-height: 26rem; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; border: 0; }
.premium-option .feature-card:hover { border-color: transparent; transform: translateY(-2px); transition: transform .25s var(--ease); }
.premium-option .feature-card .card-eyebrow { font-size: .78rem; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 .9rem; color: var(--accent); }
.premium-option .feature-card .service-heading { margin: 0; }
.premium-option .feature-card h3 { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); font-weight: 550; line-height: 1.2; letter-spacing: -.03em; max-width: 14ch; }
.premium-option .feature-card h3 a { color: inherit; text-decoration: none; }
.premium-option .feature-card > p:not(.card-eyebrow) { margin: .9rem 0 1.4rem; max-width: 40ch; font-size: .98rem; line-height: 1.55; }
.premium-option .feature-card .area-card-arrow { position: absolute; right: 1.6rem; bottom: 1.6rem; margin: 0; width: 1.4rem; height: 1.4rem; }
.premium-option .feature-card .card-graphic { margin-top: auto; display: grid; gap: .6rem; max-width: 22rem; }
.premium-option .feature-card .mini-card { background: #fff; color: var(--ink); border-radius: 14px; padding: .9rem 1rem; display: grid; gap: .3rem; box-shadow: 0 12px 30px -18px rgba(11,23,51,.45); }
.premium-option .feature-card .mini-card--small { grid-template-columns: auto 1fr; align-items: center; gap: .6rem; font-size: .9rem; font-weight: 550; padding: .7rem .9rem; }
.premium-option .feature-card .mini-card-title { font-weight: 650; font-size: .95rem; }
.premium-option .feature-card .mini-card-sub { font-size: .8rem; color: var(--ink-2); }
.premium-option .feature-card .mini-card-row { display: flex; justify-content: space-between; align-items: center; gap: .75rem; margin-top: .25rem; font-size: .92rem; }
.premium-option .feature-card .mini-pill { font-style: normal; font-size: .75rem; font-weight: 650; padding: .2rem .55rem; border-radius: 999px; background: var(--accent-soft); color: var(--accent-strong); white-space: nowrap; }
.premium-option .feature-card .mini-pill--ok { background: #e3f1e8; color: #1d6a44; }
.premium-option .feature-card .mini-check { display: inline-grid; place-items: center; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #1d6a44; color: #fff; font-size: .8rem; }
.premium-option .feature-card .mini-bars { display: flex; align-items: flex-end; gap: .35rem; height: 4.5rem; margin-top: .5rem; }
.premium-option .feature-card .mini-bars i { flex: 1; height: var(--h); border-radius: 4px 4px 2px 2px; background: linear-gradient(to top, #1b3f8f, #4f86ff); }
.premium-option .feature-card .mini-bars i:nth-child(even) { background: linear-gradient(to top, #1d6a44, #5fcf8c); }
/* Treatments */
.premium-option .card--gradient { background: linear-gradient(170deg, #1b3f8f 0%, #2f66e0 55%, #a9c7ff 100%); color: #fff; }
.premium-option .card--gradient-2 { background: linear-gradient(170deg, #0b1733 0%, #1b3f8f 60%, #5b8df1 100%); color: #fff; }
.premium-option .card--gradient .card-eyebrow, .premium-option .card--gradient-2 .card-eyebrow, .premium-option .card--photo .card-eyebrow { color: rgba(255,255,255,.85); }
.premium-option .card--gradient > p, .premium-option .card--gradient-2 > p, .premium-option .card--photo > p { color: rgba(255,255,255,.9); }
.premium-option .card--gradient .area-card-arrow, .premium-option .card--gradient-2 .area-card-arrow, .premium-option .card--photo .area-card-arrow { color: #fff; }
.premium-option .card--tint { background: linear-gradient(180deg, #dfeefe 0%, #c9e3ff 100%); color: var(--ink); }
.premium-option .card--photo { background: linear-gradient(180deg, rgba(11,23,51,.35) 0%, rgba(11,23,51,.7) 100%), url("/assets/img/shop-owner-1200.jpg") center 40% / cover no-repeat; color: #fff; }
@media (max-width: 47.99em) {
  .premium-option .feature-card { min-height: 0; padding: 1.5rem 1.4rem 1.6rem; border-radius: 20px; }
  .premium-option.azure-home .feature-card .area-card-arrow { display: block; }
  .premium-option .feature-card .card-graphic { max-width: none; }
}
/* Client-group cards on the Services and Our clients pages: the same family of treatments */
.premium-option .routes { gap: 1.4rem; }
.premium-option .route { border-radius: 24px; padding: 1.8rem; min-height: 17rem; }
.premium-option .route:nth-child(2), .premium-option .route:nth-child(6) { background: linear-gradient(170deg, #1b3f8f 0%, #2f66e0 60%, #9dc0ff 100%); color: #fff; }
.premium-option .route:nth-child(4) { background: linear-gradient(170deg, #0b1733 0%, #1b3f8f 60%, #5b8df1 100%); color: #fff; }
.premium-option .route:nth-child(5), .premium-option .route:nth-child(7) { background: linear-gradient(180deg, #dfeefe 0%, #c9e3ff 100%); }
.premium-option .route:nth-child(1), .premium-option .route:nth-child(3) { background: #fff; border: 1px solid var(--line); }
.premium-option .route:nth-child(2) h3 a, .premium-option .route:nth-child(4) h3 a, .premium-option .route:nth-child(6) h3 a, .premium-option .route:nth-child(2) p, .premium-option .route:nth-child(4) p, .premium-option .route:nth-child(6) p, .premium-option .route:nth-child(2) li a, .premium-option .route:nth-child(4) li a, .premium-option .route:nth-child(6) li a, .premium-option .route:nth-child(2) .route-more a, .premium-option .route:nth-child(4) .route-more a, .premium-option .route:nth-child(6) .route-more a { color: #fff; }
.premium-option .route:nth-child(2) p, .premium-option .route:nth-child(4) p, .premium-option .route:nth-child(6) p { color: rgba(255,255,255,.88); }
.premium-option .route-photo { border-radius: 18px; }