/* Extracted from page-pricing.php (was inline). Heading override kept here because
   WP's global styles never print on loader-served templates. */

h1,h2,h3,h4{font-family:'Bricolage Grotesque','Schibsted Grotesk',Helvetica,Arial,sans-serif!important;font-weight:800;letter-spacing:-.025em}
em,i{font-style:normal}


Scoped colors_and_type.css
   ───────────────────────────────────────────────────────────── */
/* =====================================================================
   SetpointHQ, Colour & Type Tokens
   Brand Style Guide v1.1 · 2026
   ===================================================================== */
/* Local 'Schibsted Grotesk' family, all 9 weights as static TTFs in fonts/ */
.shq-pricing-2026 {
    /* ------------------------------------------------------------------
         CORE PALETTE, exact hex from the brand guide
         ------------------------------------------------------------------ */
    --shq-grape: #C8102E;
    /* PRIMARY · Dusty Grape */
    --shq-blue: #244C47;
    /* SECONDARY · Smart Blue */
    --shq-pink: #C8102E;
    /* CTA / ACCENT · Bubblegum Pink */
    --shq-cyan: #26635C;
    /* HIGHLIGHT / LABEL · Strong Cyan */
    --shq-navy: #0C2422;
    /* DARK BG / TEXT · Dark Navy */
    --shq-platinum: #EBEBEB;
    /* NEUTRAL / BG · Platinum */
    --shq-white: #FFF;
    /* Tints & shades, derived for hover/press/borders */
    --shq-grape-700: #1B3A36;
    --shq-grape-300: #92A8A3;
    --shq-grape-100: #E7EBE8;
    --shq-pink-700: #B00E29;
    --shq-pink-300: #F0505A;
    --shq-pink-100: #F7E3E6;
    --shq-cyan-700: #1F5A54;
    --shq-cyan-100: #E2EDEB;
    --shq-navy-700: #081A18;
    --shq-navy-300: #475450;
    --shq-platinum-300: #BFC9C4;
    --shq-platinum-700: #6B6B6B;
    /* ------------------------------------------------------------------
         SEMANTIC ROLES
         ------------------------------------------------------------------ */
    --bg: var(--shq-white);
    --bg-alt: var(--shq-platinum);
    --bg-dark: var(--shq-navy);
    --bg-brand: var(--shq-grape);
    --fg: var(--shq-navy);
    /* body text on light */
    --fg-muted: var(--shq-navy-300);
    /* secondary text */
    --fg-on-dark: var(--shq-white);
    --fg-on-grape: var(--shq-white);
    --fg-on-pink: var(--shq-white);
    --border: var(--shq-platinum-300);
    --border-strong: var(--shq-navy);
    --divider: var(--shq-platinum);
    --link: var(--shq-grape);
    --link-hover: var(--shq-grape-700);
    --label: var(--shq-cyan);
    /* eyebrows / section labels */
    --cta: var(--shq-pink);
    /* all CTA buttons */
    --cta-hover: var(--shq-pink-700);
    --focus-ring: var(--shq-cyan);
    /* Signature gradient, Grape → Blue (only documented gradient) */
    --gradient-brand: linear-gradient(135deg, var(--shq-grape) 0%, var(--shq-blue) 100%);
    /* ------------------------------------------------------------------
         TYPOGRAPHY, 'Schibsted Grotesk' Variable 100-900
         Scale taken verbatim from p.3 of the brand guide
         ------------------------------------------------------------------ */
    --font-sans: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
    /* Font sizes, explicit, named after the brand-guide rows */
    --fs-display: 52px;
    --fs-h1: 36px;
    --fs-h2: 24px;
    --fs-h3: 14px;
    --fs-body: 13px;
    --fs-label: 9px;
    --fs-cta: 11px;
    /* Weights */
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 800;
    /* Line heights, tight on display, generous on body */
    --lh-display: 1.05;
    --lh-heading: 1.15;
    --lh-body: 1.55;
    --lh-label: 1;
    /* Letter spacing, labels & CTAs are the "engineered" voice of the brand */
    --ls-display: -0.02em;
    --ls-h1: -0.015em;
    --ls-h2: -0.005em;
    --ls-body: 0;
    --ls-label: 0.28em;
    /* the wide-tracked uppercase label voice */
    --ls-cta: 0.18em;
    /* ------------------------------------------------------------------
         RADIUS, explicit four-step scale from the guide
         0  document cards · 4  buttons/tags · 8  cards · 12  panels
         ------------------------------------------------------------------ */
    --r-0: 0;
    --r-1: 4px;
    --r-2: 8px;
    --r-3: 12px;
    --r-pill: 999px;
    /* ------------------------------------------------------------------
         SPACING, 4px base, doubling-ish for rhythm
         ------------------------------------------------------------------ */
    --s-1: 4px;
    --s-2: 8px;
    --s-3: 12px;
    --s-4: 16px;
    --s-5: 24px;
    --s-6: 32px;
    --s-7: 48px;
    --s-8: 64px;
    --s-9: 96px;
    --s-10: 128px;
    /* ------------------------------------------------------------------
         SHADOWS, restrained; the brand prefers solid blocks over float
         ------------------------------------------------------------------ */
    --shadow-1: 0 1px 2px rgba(12,36,34, 0.06);
    --shadow-2: 0 4px 12px rgba(12,36,34, 0.08);
    --shadow-3: 0 12px 32px rgba(12,36,34, 0.12);
    --shadow-card: 0 2px 0 0 var(--shq-navy);
    /* "stacked" hard offset for buttons & tags */
    /* Motion */
    --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --dur-fast: 120ms;
    --dur-base: 200ms;
    --dur-slow: 360ms;
    /* Layout */
    --max-w-text: 66ch;
    --max-w-content: 1200px;
    --max-w-narrow: 720px
    }
/* =====================================================================
   SEMANTIC TYPE CLASSES
   Use these directly OR mirror them in component CSS via the vars above.
   ===================================================================== */
.shq-pricing-2026 {
    font-family: var(--font-sans);
    color: var(--fg);
    background: var(--bg)
    }
.shq-pricing-2026 {
    font-size: var(--fs-body);
    line-height: var(--lh-body)
    }
.shq-pricing-2026 .t-display, .shq-pricing-2026 .display {
    font-size: var(--fs-display);
    font-weight: var(--fw-black);
    line-height: var(--lh-display);
    letter-spacing: var(--ls-display);
    color: var(--fg)
    }
.shq-pricing-2026 .t-h1, .shq-pricing-2026 h1 {
    font-size: var(--fs-h1);
    font-weight: var(--fw-black);
    line-height: var(--lh-heading);
    letter-spacing: var(--ls-h1);
    color: var(--fg)
    }
.shq-pricing-2026 .t-h2, .shq-pricing-2026 h2 {
    font-size: var(--fs-h2);
    font-weight: var(--fw-bold);
    line-height: var(--lh-heading);
    letter-spacing: var(--ls-h2);
    color: var(--fg)
    }
.shq-pricing-2026 .t-h3, .shq-pricing-2026 h3 {
    font-size: var(--fs-h3);
    font-weight: var(--fw-bold);
    line-height: 1.3;
    color: var(--fg)
    }
.shq-pricing-2026 .t-body, .shq-pricing-2026 p {
    font-size: var(--fs-body);
    font-weight: var(--fw-regular);
    line-height: var(--lh-body);
    color: var(--fg);
    text-wrap: pretty
    }
.shq-pricing-2026 .t-body-lg {
    font-size: 16px;
    font-weight: var(--fw-regular);
    line-height: 1.6;
    color: var(--fg)
    }
/* The signature wide-tracked uppercase label/eyebrow */
.shq-pricing-2026 .t-label, .shq-pricing-2026 .eyebrow {
    font-size: var(--fs-label);
    font-weight: var(--fw-semibold);
    line-height: var(--lh-label);
    letter-spacing: var(--ls-label);
    text-transform: uppercase;
    color: var(--label)
    }
.shq-pricing-2026 .t-cta {
    font-size: var(--fs-cta);
    font-weight: var(--fw-bold);
    line-height: 1;
    letter-spacing: var(--ls-cta);
    text-transform: uppercase
    }
/* "Stat", the big number style used across the site */
.shq-pricing-2026 .t-stat {
    font-size: 64px;
    font-weight: var(--fw-black);
    line-height: 1;
    letter-spacing: -0.025em;
    color: var(--shq-grape)
    }
.shq-pricing-2026 a {
    color: var(--link);
    text-decoration: none
    }
.shq-pricing-2026 a:hover {
    color: var(--link-hover);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px
    }
.shq-pricing-2026 ::selection {
    background: var(--shq-grape);
    color: var(--shq-white)
    }

/* ─────────────────────────────────────────────────────────────
   Scoped shared.css
   ───────────────────────────────────────────────────────────── */
/* =====================================================================
   SetpointHQ Website Redesign, shared page chrome
   Loads on top of ../colors_and_type.css
   ===================================================================== */
.shq-pricing-2026 * {
    box-sizing: border-box
    }
.shq-pricing-2026, .shq-pricing-2026 {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #0C2422;
    font-family: "Schibsted Grotesk", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased
    }
/* Each page artboard renders inside an iframe at fixed 1440 width */
.shq-pricing-2026 .page {
    width: 1440px;
    margin: 0 auto
    }
/* -------- Nav -------- */
.shq-pricing-2026 .nav {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #fff;
    border-bottom: 1px solid #EBEBEB
    }
.shq-pricing-2026 .nav-inner {
    max-width: 1360px;
    margin: 0 auto;
    padding: 18px 40px;
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: nowrap;
    white-space: nowrap
    }
.shq-pricing-2026 .nav-logo {
    display: inline-flex;
    align-items: center;
    font: 800 22px/1 'Schibsted Grotesk';
    letter-spacing: -0.5px;
    color: #0C2422;
    text-decoration: none
    }
.shq-pricing-2026 .nav-logo .hq {
    color: #26635C
    }
.shq-pricing-2026 .nav-logo svg {
    display: block
    }
.shq-pricing-2026 .nav-items {
    display: flex;
    gap: 28px
    }
.shq-pricing-2026 .nav-items a {
    font: 600 12px/1 'Schibsted Grotesk';
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #0C2422;
    text-decoration: none;
    padding: 6px 0;
    border-bottom: 2px solid transparent;
    cursor: pointer
    }
.shq-pricing-2026 .nav-items a:hover {
    color: #C8102E
    }
.shq-pricing-2026 .nav-items a.active {
    color: #C8102E;
    border-bottom-color: #C8102E
    }
.shq-pricing-2026 .nav-items a .caret {
    font-size: 10px;
    margin-left: 4px;
    opacity: 0.65
    }
.shq-pricing-2026 .nav-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 18px
    }
.shq-pricing-2026 .nav-actions .login {
    font: 600 12px/1 'Schibsted Grotesk';
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #0C2422;
    text-decoration: none
    }
/* -------- Buttons -------- */
.shq-pricing-2026 .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font: 700 11px/1 'Schibsted Grotesk';
    letter-spacing: 0.18em;
    text-transform: uppercase;
    padding: 14px 22px;
    border-radius:0;
    border: 0;
    cursor: pointer;
    transition: background-color 200ms ease, color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
    text-decoration: none
    }
.shq-pricing-2026 .btn-primary {
    background: #C8102E;
    color: #fff;
    box-shadow: 0 2px 0 0 #0C2422
    }
.shq-pricing-2026 .btn-primary:hover {
    background: #B00E29;
    box-shadow: 0 0 0 0 #0C2422;
    transform: translatey(2px)
    }
.shq-pricing-2026 .btn-secondary {
    background: transparent;
    color: #0C2422;
    box-shadow: inset 0 0 0 2px #0C2422
    }
.shq-pricing-2026 .btn-secondary:hover {
    background: #0C2422;
    color: #fff
    }
.shq-pricing-2026 .btn-on-dark {
    background: transparent;
    color: #fff;
    box-shadow: inset 0 0 0 2px #fff
    }
.shq-pricing-2026 .btn-on-dark:hover {
    background: #fff;
    color: #0C2422
    }
.shq-pricing-2026 .btn-tertiary {
    background: transparent;
    color: #C8102E;
    padding: 14px 0;
    box-shadow: none
    }
.shq-pricing-2026 .btn-tertiary:hover {
    color: #1B3A36
    }
/* -------- Eyebrow -------- */
.shq-pricing-2026 .eyebrow {
    font: 600 11px/1 'Schibsted Grotesk';
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #26635C
    }
.shq-pricing-2026 .eyebrow.grape {
    color: #C8102E
    }
.shq-pricing-2026 .eyebrow.pink {
    color: #C8102E
    }
.shq-pricing-2026 .eyebrow.platinum {
    color: #5C6B67
    }
.shq-pricing-2026 .eyebrow.navy {
    color: #0C2422
    }
.shq-pricing-2026 .eyebrow-rule {
    display: flex;
    align-items: center;
    gap: 14px
    }
.shq-pricing-2026 .eyebrow-rule::after {
    /* Neutral hairline, matching .shq-sec-label site-wide: the label carries the
       colour, the rule carries the structure. */
    content: "";
    flex: 1;
    height: 1px;
    background: #BFC9C4
    }
/* -------- Type -------- */
.shq-pricing-2026 .display {
    font: 800 56px/1.04 'Schibsted Grotesk';
    letter-spacing: -0.02em
    }
.shq-pricing-2026 .h1 {
    font: 800 40px/1.1 'Schibsted Grotesk';
    letter-spacing: -0.018em
    }
.shq-pricing-2026 .h2 {
    font: 800 28px/1.15 'Schibsted Grotesk';
    letter-spacing: -0.01em
    }
.shq-pricing-2026 .h3 {
    font: 700 18px/1.25 'Schibsted Grotesk';
    letter-spacing: -0.005em
    }
.shq-pricing-2026 .body {
    font: 400 14px/1.6 'Schibsted Grotesk';
    color: #0C2422
    }
.shq-pricing-2026 .body-lg {
    font: 400 16px/1.6 'Schibsted Grotesk';
    color: #0C2422
    }
.shq-pricing-2026 .muted {
    color: #475450
    }
.shq-pricing-2026 .mono {
    font-variant-numeric: tabular-nums
    }
/* -------- Section helpers -------- */
.shq-pricing-2026 .section {
    padding: 96px 40px
    }
.shq-pricing-2026 .section-tight {
    padding: 64px 40px
    }
.shq-pricing-2026 .container {
    max-width: 1280px;
    margin: 0 auto
    }
.shq-pricing-2026 .container-narrow {
    max-width: 920px;
    margin: 0 auto
    }
.shq-pricing-2026 .bg-grape {
    background: #C8102E;
    color: #fff
    }
.shq-pricing-2026 .bg-navy {
    background: #0C2422;
    color: #fff
    }
.shq-pricing-2026 .bg-platinum {
    background: #EBEBEB
    }
.shq-pricing-2026 .bg-gradient {
    background: linear-gradient(135deg, #C8102E 0%, #244C47 100%);
    color: #fff
    }
.shq-pricing-2026 .bg-cyan-soft {
    background: #E2EDEB
    }
/* -------- Cards / panels -------- */
.shq-pricing-2026 .card {
    background: #fff;
    border: 1px solid #BFC9C4;
    border-radius:0;
    padding: 24px;
    box-shadow: 0 2px 0 0 #0C2422;
    transition: box-shadow 200ms ease, transform 200ms ease
    }
.shq-pricing-2026 .card:hover {
    transform: translatey(-2px);
    box-shadow: 0 12px 32px rgba(12,36,34, 0.12)
    }
.shq-pricing-2026 .card-flat {
    background: #fff;
    border: 1px solid #EBEBEB;
    border-radius:0;
    padding: 24px
    }
.shq-pricing-2026 .card-doc {
    background: #fff;
    border: 1px solid #BFC9C4;
    border-radius:0;
    padding: 28px
    }
.shq-pricing-2026 .panel {
    background: #fff;
    border-radius:0;
    padding: 32px
    }
/* -------- Stats -------- */
.shq-pricing-2026 .stat-num {
    font: 800 64px/1 'Schibsted Grotesk';
    letter-spacing: -0.025em;
    color: #C8102E
    }
.shq-pricing-2026 .stat-num.lg {
    font-size: 84px
    }
.shq-pricing-2026 .stat-num.on-dark {
    color: #fff
    }
.shq-pricing-2026 .stat-cap {
    font: 600 11px/1.2 'Schibsted Grotesk';
    letter-spacing: 0.26em;
    text-transform: uppercase;
    color: #0C2422;
    margin-top: 10px
    }
.shq-pricing-2026 .stat-cap.on-dark {
    color: #BFC9C4
    }
.shq-pricing-2026 .stat-sub {
    font: 500 11px/1.5 'Schibsted Grotesk';
    color: #475450;
    margin-top: 8px;
    max-width: 200px
    }
/* -------- Service tag -------- */
.shq-pricing-2026 .svc-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font: 700 11px/1 'Schibsted Grotesk';
    letter-spacing: 0.22em;
    text-transform: uppercase;
    padding: 8px 12px;
    border-radius:0;
    background: #fff;
    color: #C8102E;
    border: 1px solid #BFC9C4
    }
/* -------- Footer -------- */
.shq-pricing-2026 .footer {
    background: #0C2422;
    color: #fff;
    padding: 72px 40px 28px
    }
.shq-pricing-2026 .footer-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
    gap: 40px
    }
.shq-pricing-2026 .footer-lede {
    font: 400 13px/1.6 'Schibsted Grotesk';
    color: #BFC9C4;
    margin: 18px 0 0;
    max-width: 320px
    }
.shq-pricing-2026 .footer h4 {
    font: 600 11px/1 'Schibsted Grotesk';
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #26635C;
    margin: 0 0 16px
    }
.shq-pricing-2026 .footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
    }
.shq-pricing-2026 .footer a {
    font: 500 12px/1.4 'Schibsted Grotesk';
    color: #EBEBEB;
    text-decoration: none;
    cursor: pointer
    }
.shq-pricing-2026 .footer a:hover {
    color: #fff
    }
.shq-pricing-2026 .footer-base {
    max-width: 1280px;
    margin: 56px auto 0;
    padding-top: 24px;
    border-top: 1px solid #475450;
    display: flex;
    justify-content: space-between;
    font: 500 11px/1 'Schibsted Grotesk';
    color: #92A8A3;
    letter-spacing: 0.06em
    }
.shq-pricing-2026 .footer-base a {
    color: #92A8A3;
    text-decoration: none;
    margin: 0 8px
    }
.shq-pricing-2026 .footer-base a:hover {
    color: #fff
    }
/* -------- Misc -------- */
.shq-pricing-2026 .divider {
    height: 1px;
    background: #EBEBEB
    }
.shq-pricing-2026 .divider.dark {
    background: #475450
    }
.shq-pricing-2026 .kbd {
    font: 600 11px/1 'Schibsted Grotesk';
    letter-spacing: 0.18em;
    text-transform: uppercase
    }
.shq-pricing-2026 .arrow-link {
    font: 700 11px/1 'Schibsted Grotesk';
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #C8102E;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px
    }
.shq-pricing-2026 .arrow-link:hover {
    color: #1B3A36
    }
.shq-pricing-2026 .arrow-link .ar {
    font-size: 14px
    }
.shq-pricing-2026 .check {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font: 500 13px/1.5 'Schibsted Grotesk';
    color: #0C2422
    }
.shq-pricing-2026 .check::before {
    content: "✓";
    color: #1F5A54;
    font-weight: 800;
    font-size: 14px
    }
.shq-pricing-2026 .glyph {
    font-feature-settings: "tnum" 1, "cv11" 1
    }
/* -------- Selection -------- */
.shq-pricing-2026 ::selection {
    background: #C8102E;
    color: #fff
    }

/* ─────────────────────────────────────────────────────────────
   Page-specific styles (scoped)
   ───────────────────────────────────────────────────────────── */
.shq-pricing-2026 .hero {
    background: #fff;
    padding: 96px 40px 64px
    }
.shq-pricing-2026 .hero-inner {
    max-width: 1280px;
    margin: 0 auto;
    text-align: center
    }
.shq-pricing-2026 .hero h1 {
    font: 800 60px/1.04 'Schibsted Grotesk';
    letter-spacing: -0.025em;
    color: #0C2422;
    margin: 18px auto 24px;
    max-width: 880px
    }
.shq-pricing-2026 .hero h1 .grape {
    color: #C8102E
    }
.shq-pricing-2026 .hero p {
    font: 400 17px/1.65 'Schibsted Grotesk';
    color: #475450;
    max-width: 660px;
    margin: 0 auto
    }
.shq-pricing-2026 .tiers {
    background: #fff;
    padding: 32px 40px 96px
    }
.shq-pricing-2026 .tiers-inner {
    max-width: 1280px;
    margin: 0 auto
    }
.shq-pricing-2026 .tiers-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
    }
.shq-pricing-2026 .tier {
    background: #fff;
    border: 1px solid #BFC9C4;
    border-radius:0;
    padding: 32px 28px 28px;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 2px 0 0 #0C2422;
    transition: box-shadow 200ms ease, transform 200ms ease
    }
.shq-pricing-2026 .tier:hover {
    transform: translatey(-2px);
    box-shadow: 0 12px 32px rgba(12,36,34, 0.12)
    }
.shq-pricing-2026 .tier.feat {
    background: #0C2422;
    color: #fff;
    border-color: #0C2422;
    box-shadow: 0 2px 0 0 #C8102E
    }
.shq-pricing-2026 .tier.feat:hover {
    box-shadow: 0 12px 32px rgba(12,36,34, 0.4)
    }
.shq-pricing-2026 .tier-badge {
    position: absolute;
    top: -14px;
    left: 24px;
    font: 700 11px/1 'Schibsted Grotesk';
    letter-spacing: 0.22em;
    text-transform: uppercase;
    padding: 8px 12px;
    background: #C8102E;
    color: #fff;
    border-radius:0;
    box-shadow: 0 2px 0 0 #0C2422
    }
.shq-pricing-2026 .tier .name {
    font: 800 22px/1 'Schibsted Grotesk';
    color: #0C2422
    }
.shq-pricing-2026 .tier.feat .name {
    color: #fff
    }
.shq-pricing-2026 .tier .for {
    font: 600 11px/1.4 'Schibsted Grotesk';
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #C8102E;
    margin-top: 8px
    }
.shq-pricing-2026 .tier.feat .for {
    color: #26635C
    }
.shq-pricing-2026 .tier .price {
    font: 800 56px/1 'Schibsted Grotesk';
    letter-spacing: -0.025em;
    color: #0C2422;
    margin: 28px 0 4px
    }
.shq-pricing-2026 .tier.feat .price {
    color: #fff
    }
.shq-pricing-2026 .tier .price-cad {
    /* Sentence case: these are the trial terms, a clause rather than a label.
       Uppercase + tracking at 11px made the compliance-critical string the
       least readable text on the card (Impeccable all-caps-body). */
    font: 500 12.5px/1.45 'Schibsted Grotesk';
    letter-spacing: 0;
    text-transform: none;
    color: #475450;
    margin-bottom: 24px
    }
.shq-pricing-2026 .tier.feat .price-cad {
    color: #BFC9C4
    }
.shq-pricing-2026 .tier .lede {
    font: 400 13px/1.6 'Schibsted Grotesk';
    color: #475450;
    margin: 0 0 24px;
    min-height: 60px
    }
.shq-pricing-2026 .tier.feat .lede {
    color: #BFC9C4
    }
.shq-pricing-2026 .tier .feat-list {
    list-style: none;
    padding: 22px 0 0;
    margin: 0;
    border-top: 1px solid #EBEBEB;
    display: flex;
    flex-direction: column;
    gap: 12px
    }
.shq-pricing-2026 .tier.feat .feat-list {
    border-top-color: #475450
    }
.shq-pricing-2026 .tier .feat-list li {
    font: 500 13px/1.5 'Schibsted Grotesk';
    color: #0C2422;
    display: flex;
    align-items: start;
    gap: 10px
    }
.shq-pricing-2026 .tier.feat .feat-list li {
    color: #EBEBEB
    }
.shq-pricing-2026 .tier .feat-list li::before {
    content: "✓";
    color: #1F5A54;
    font-weight: 800;
    margin-top: 1px
    }
.shq-pricing-2026 .tier.feat .feat-list li::before {
    color: #26635C
    }
.shq-pricing-2026 .tier .btn-wrap {
    margin-top: auto;
    padding-top: 24px
    }
.shq-pricing-2026 .tier .btn-wrap .b {
    display: block;
    width: 100%;
    text-align: center
    }
/* Comparison table */
.shq-pricing-2026 .table {
    background: #fff;
    padding: 96px 40px;
    border-top: 1px solid #EBEBEB
    }
.shq-pricing-2026 .table-inner {
    max-width: 1280px;
    margin: 0 auto
    }
.shq-pricing-2026 .table-grid {
    display: grid;
    grid-template-columns: 2fr repeat(4, 1fr);
    border-top: 2px solid #0C2422
    }
.shq-pricing-2026 .table-grid > div {
    padding: 16px 18px;
    font: 500 13px/1.4 'Schibsted Grotesk';
    border-bottom: 1px solid #EBEBEB
    }
.shq-pricing-2026 .table-grid .hdr {
    font: 700 12px/1.2 'Schibsted Grotesk';
    letter-spacing: -0.005em;
    color: #0C2422;
    background: #fff;
    padding: 18px 18px 14px;
    border-bottom: 2px solid #C8102E
    }
.shq-pricing-2026 .table-grid .hdr .h-name {
    font: 800 16px/1.2 'Schibsted Grotesk';
    display: block
    }
.shq-pricing-2026 .table-grid .hdr .h-price {
    font: 600 11px/1 'Schibsted Grotesk';
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #475450;
    margin-top: 6px
    }
.shq-pricing-2026 .table-grid .row-l {
    font: 600 13px/1.4 'Schibsted Grotesk';
    color: #0C2422;
    text-align: left
    }
.shq-pricing-2026 .table-grid .row-l .sub {
    font: 400 11px/1.4 'Schibsted Grotesk';
    color: #475450;
    display: block;
    margin-top: 2px
    }
.shq-pricing-2026 .table-grid .row-v {
    text-align: center;
    color: #475450
    }
.shq-pricing-2026 .table-grid .row-v .tick {
    color: #1F5A54;
    font-weight: 800
    }
.shq-pricing-2026 .table-grid .row-v .cross {
    color: #BFC9C4
    }
.shq-pricing-2026 .table-grid .row-cat {
    font: 700 11px/1 'Schibsted Grotesk';
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #C8102E;
    background: #F1F3F1;
    grid-column: 1/-1;
    padding: 18px 18px 12px;
    border-bottom: 1px solid #EBEBEB
    }
/* FAQ */
.shq-pricing-2026 .faq {
    background: #EBEBEB;
    padding: 96px 40px
    }
.shq-pricing-2026 .faq-inner {
    max-width: 920px;
    margin: 0 auto
    }
.shq-pricing-2026 .faq h2 {
    font: 800 36px/1.1 'Schibsted Grotesk';
    letter-spacing: -0.015em
    }
.shq-pricing-2026 .faq-item {
    padding: 24px 0;
    border-top: 1px solid #BFC9C4
    }
.shq-pricing-2026 .faq-item:last-child {
    border-bottom: 1px solid #BFC9C4
    }
.shq-pricing-2026 .faq-item h3 {
    font: 700 17px/1.3 'Schibsted Grotesk';
    margin: 0 0 8px;
    color: #0C2422
    }
.shq-pricing-2026 .faq-item p {
    font: 400 14px/1.65 'Schibsted Grotesk';
    color: #0C2422;
    margin: 0
    }
.shq-pricing-2026 .close {
    background: linear-gradient(135deg, #C8102E 0%, #244C47 100%);
    color: #fff;
    padding: 96px 40px;
    text-align: center
    }
.shq-pricing-2026 .close h2 {
    font: 800 40px/1.1 'Schibsted Grotesk';
    letter-spacing: -0.018em;
    color: #fff;
    margin: 0 0 16px
    }
.shq-pricing-2026 .close p {
    font: 400 16px/1.6 'Schibsted Grotesk';
    color: #fff;
    max-width: 580px;
    margin: 0 auto 32px
    }

/* ── Breadcrumbs + inline links (June 2026 internal-linking pass) ── */
.shq-pricing-2026 .crumbs { display:flex; align-items:center; gap:10px; font:600 12px/1 'Schibsted Grotesk', sans-serif; color:rgba(12,36,34,0.62); margin-bottom:22px; }
.shq-pricing-2026 .crumbs a { color:rgba(12,36,34,0.72); text-decoration:none; transition:color 140ms ease; }
.shq-pricing-2026 .crumbs a:hover { color:#C8102E; }
.shq-pricing-2026 .hero p a, .shq-pricing-2026 .faq-item p a { color:inherit; text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(200,16,46,0.35); transition:color 140ms ease, text-decoration-color 140ms ease; }
.shq-pricing-2026 .hero p a:hover, .shq-pricing-2026 .faq-item p a:hover { color:#C8102E; text-decoration-color:#C8102E; }

/* Studio 2.0: two-tier pricing layout (Solo + Enterprise) */
.shq-pricing-2026 .tiers-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto;}
@media(max-width:720px){.shq-pricing-2026 .tiers-grid{grid-template-columns:1fr;}}

/* rebrand: teal reads light on dark grounds (AA) */
.shq-pricing-2026 .bg-navy [style*="26635C"], .shq-pricing-2026 .footer [style*="26635C"],
.shq-pricing-2026 .tier.feat [style*="26635C"]{ color:#7FBFB8 !important; }
.shq-pricing-2026 .footer h4, .shq-pricing-2026 .bg-navy .eyebrow,
.shq-pricing-2026 .tier.feat .for, .shq-pricing-2026 .tier.feat .eyebrow{ color:#7FBFB8 !important; }

.shq-pricing-2026 .close [style*="26635C"]{ color:#fff !important; }

/* Sept 2026 measure pass: cap long-form answers to a readable line length */
.shq-pricing-2026 .faq-item p{ max-width:540px; }
.shq-pricing-2026 .table-inner p.body{ max-width:540px; }