/* ─────────────────────────────────────────────────────────────
   AAA Central Penn — Consideration Page
   Type: Biennale (brand)
   Palette: brand primary blue + red, secondary yellow/cyan
   ───────────────────────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: 'Biennale';
  src: url("blob:null/7b8ea5ed-c73d-48e2-b7cf-6775b49d1b2a") format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Biennale';
  src: url("blob:null/293e85de-6bcf-4ae2-ac94-05b0c9e294fb") format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Biennale';
  src: url("blob:null/fc919924-9a70-4f8e-aa5e-3d6f702bf9f1") format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Biennale';
  src: url("blob:null/f35cd4f8-3c92-4517-9fa5-df4055f8fe54") format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Biennale';
  src: url("blob:null/e365d66d-eb20-4061-b119-50e47f861115") format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Biennale';
  src: url("blob:null/d9c5967e-da5c-4ddb-af1b-37cc8e4414ed") format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Biennale';
  src: url("blob:null/489775c2-e6fb-45fe-9277-3e5d0c623005") format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Biennale';
  src: url("blob:null/6c4c7e4f-b2d6-4992-b496-88b73bf543bc") format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Biennale';
  src: url("blob:null/0225383e-454e-40ab-a4a9-1b0cc8f5a9fb") format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Biennale';
  src: url("blob:null/546226dd-f5c9-4703-9fce-45c30d178264") format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand palette */
  --c-blue: #001E5F;
  --c-blue-dark: #001E5F;
  --c-blue-light: #0A1E9B;
  --c-red: #EB1E32;
  --c-red-dark: #C31428;
  --c-yellow: #FABE32;
  --c-cyan: #00D7FF;
  --c-pink: #FF91E1;
  --c-gold: #E68C1E;
  --c-slate: #288CC8;

  /* Surface */
  --c-cream: #F2F3F7;
  --c-cream-2: #E9EBF2;
  --c-ink: #001E5F;
  --c-ink-2: #2A2F4B;
  --c-muted: rgba(0,30,95,0.62);
  --c-line: rgba(0,30,95,0.14);
  --c-card: #ffffff;

  /* Lead accent — flips with color-emphasis tweak */
  --c-lead: var(--c-blue);
  --c-lead-dark: var(--c-blue-dark);
  --c-eyebrow: var(--c-red);

  /* Oval intensity — 0 (subtle) … 1 (bold) */
  --oval-bold: 0;

  --r-pill: 999px;
  --r-card: 10px;
  --r-tile: 10px;
  --r-btn: 10px;

  --container: 1180px;
}

/* COLOR EMPHASIS THEMES ----------------------------------------------------- */
[data-emphasis="red-led"] {
  --c-lead: var(--c-red);
  --c-lead-dark: var(--c-red-dark);
  --c-eyebrow: var(--c-blue);
}
[data-emphasis="blue-led"] {
  --c-lead: var(--c-blue);
  --c-lead-dark: var(--c-blue-dark);
  --c-eyebrow: var(--c-blue);
}
[data-emphasis="balanced"] {
  --c-lead: var(--c-blue);
  --c-lead-dark: var(--c-blue-dark);
  --c-eyebrow: var(--c-red);
}

/* RESET --------------------------------------------------------------------- */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: 'Open Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--c-ink);
  background: #ffffff;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }

/* TYPE ---------------------------------------------------------------------- */
.eyebrow {
  font-family: 'Biennale', ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--c-eyebrow);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

h1, h2, h3, h4 {
  font-family: 'Biennale', ui-sans-serif, system-ui, sans-serif;
  color: var(--c-ink);
  letter-spacing: -0.015em;
  text-wrap: balance;
  margin: 0;
}
h1 {
  font-weight: 700;
  font-size: clamp(40px, 4.4vw, 60px);
  line-height: 1.04;
  letter-spacing: -0.02em;
}
h2 {
  font-weight: 700;
  font-size: clamp(28px, 2.6vw, 38px);
  line-height: 1.12;
  letter-spacing: -0.015em;
}
h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.005em;
}
.lede {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 1.55;
  color: var(--c-muted);
  text-wrap: pretty;
  font-weight: 400;
}
.txt-mute { color: var(--c-muted); }
.txt-red { color: var(--c-red); }
.txt-blue { color: var(--c-blue); }
.hl-yellow {
  color: var(--c-ink);
  font-style: italic;
  font-weight: 800;
  background: var(--c-yellow);
  display: inline-block;
  padding: 0.02em 0.32em 0.08em;
  border-radius: 50%/55%;
  line-height: 1;
  transform: rotate(-1.5deg);
  margin: 0 0.04em;
}

/* LAYOUT -------------------------------------------------------------------- */
.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 15px;
}
section { position: relative; }

/* BUTTONS ------------------------------------------------------------------- */
.btn {
  font-family: 'Biennale', ui-sans-serif, system-ui, sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--r-btn);
  padding: 12px 22px;
  border: 0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  white-space: nowrap;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  line-height: 1.2;
}
.btn:hover { transform: translateY(-1px); }
.btn svg { flex-shrink: 0; }
.btn .ext-ic { width: 10px; height: 10px; }
.btn .tri-ic { width: 8px; height: 9px; flex-shrink: 0; display: inline-block; vertical-align: middle; }
.btn-primary { background: var(--c-red); color: #fff; box-shadow: 0 4px 14px rgba(235,30,50,0.18); }
.btn-primary:hover { background: var(--c-red);
  color: #fff;
  box-shadow: 0 4px 14px rgba(235,30,50,0.18); }
.tier-cta-new a.btn:after { display: none !important; }
.is-featured .tier-cta-new a.btn:not(.btn-alt):hover {
  background: var(--c-red-dark);
  box-shadow: 0 8px 22px rgba(235,30,50,0.25);
}
.is-featured .tier-cta-new a.btn:not(.btn-alt) {
  background: var(--c-red);
}

.btn-dark { background: var(--c-blue-dark); color: #fff; }
.btn-dark:hover { background: #07166e; }
.btn-blue { background: var(--c-blue); color: #fff; box-shadow: 0 4px 14px rgba(10,30,155,0.22); }
.btn-blue:hover { background: #07166e; box-shadow: 0 8px 22px rgba(10,30,155,0.28); }

.btn-blue-light { background: var(--c-blue-light); color: #fff; box-shadow: 0 4px 14px rgba(10,30,155,0.22); }
.btn-blue-light:hover { background: #07166e; box-shadow: 0 8px 22px rgba(10,30,155,0.28); }

.btn-ghost {
  background: transparent;
  color: var(--c-blue-dark);
  border: 1.5px solid rgba(0,30,95,0.22);
  padding: 10.5px 20.5px;
}
.btn-ghost:hover { border-color: var(--c-blue-dark); background: rgba(0,30,95,0.04); }
.btn-yellow { background: var(--c-yellow) !important; color: var(--c-blue-dark) !important; }
.btn-yellow:hover { background: #FFC83E !important; }
.btn-white { background: #fff; color: var(--c-blue-dark); }
.btn-white:hover { background: #f5f3ed; }
.btn-sm { padding: 9px 16px; font-size: 13px; border-radius: var(--r-btn); }
.btn-lg { padding: 14px 24px; font-size: 15px; border-radius: var(--r-btn); }
.btn-ghost.btn-lg { padding: 12.5px 22.5px; }
.ghost-on-dark {
  background: transparent;
  border: 1.5px solid rgba(255,255,255,0.4);
  color: #fff;
}
.ghost-on-dark:hover { border-color: #fff; background: rgba(255,255,255,0.08); }
.ghost-on-dark.btn-lg { padding: 12.5px 22.5px; }

/* TEXT-ONLY CTAs (bold text + triangle, no button bg) ----------------------- */
.btn-text {
  font-family: 'Biennale', ui-sans-serif, system-ui, sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  border: 0;
  padding: 12px 4px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1.2;
  transition: opacity .15s ease, transform .15s ease;
}
.btn-text:hover { text-decoration: underline; /* opacity: 0.78; transform: translateX(2px);*/ }
.btn-text .tri-ic {
  width: 9px;
  height: 10px;
  flex-shrink: 0;
  display: inline-block;
}
.btn-text-light { color: #fff; }
.btn-text-dark { color: var(--c-blue-dark); }
.btn-text-blue { color: var(--c-blue); }
.btn-text-lg { padding: 14px 4px; font-size: 15px; }
.btn-text-lg .tri-ic { width: 10px; height: 11px; }


/* Hero Section */
.page-id-11325 .hdr .wrap { justify-content: space-between; align-items:center;}
.header-cta a { padding: .85em 1em; background-color: #fff; color: #0a1e9b; border: 1px solid rgba(0,30,95,0.22); 
border-radius: 12px;
    color: #0A1E9B;
    display: inline-flex;
    font-size: 14px;
    justify-content: center;
    min-width: 100px;
text-align: center;
    text-decoration: none;
    font-family: "BiennaleBold";
    font-weight: normal;
    font-style: normal;
    transition: all .3s ease;
}

.header-cta a[target="_blank"]:not(.exclude)::after { display:none; }

.header-cta a:after {
  background-image: url("../images/header_link_arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 6px;
  position: relative;
  width: 10px;
  z-index: 2;
  transition: all .3s ease;
}

 .header-cta a:hover {
    background-color: #0a1e9b;
    color: #fff;
  }
 .header-cta a:hover::after {
    background-image: url("../images/header_link_arrow_white.svg");
  }

/* AAA Central Penn — September promo landing page additions
   Loaded AFTER consideration/styles.css. Only new/overriding rules live here. */

/* HERO — split layout: copy left on white, image right --------------------- */
.hero-split { padding: 56px 0 64px; }
.hero-split .hs-grid {
  display: grid;
  grid-template-columns: 1fr 1.02fr;
  gap: 64px;
  align-items: center;
}
.hero-split .hs-copy .eyebrow { color: var(--c-red); margin-bottom: 18px; }
.hero-split .hs-copy h1 { color: var(--c-blue); max-width: none; font-size: clamp(38px, 3.6vw, 52px); }
.hero-split .hs-copy h1 .hl { font-style: normal; font-weight: inherit; }
.hero .hero-copy h1 .hl { font-style: normal; font-weight: inherit; }
.hero-split .hs-body {
  font-size: 18px;
  line-height: 1.55;
  color: var(--c-ink-2);
  margin: 22px 0 30px;
  max-width: 460px;
}
.hero-split .hs-ctas { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; }
.hero-split .hs-support { font-size: 13px; color: var(--c-muted); margin: 16px 0 0; }
.hero-split .hs-stats {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  gap: 44px;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid var(--c-line);
}
.hero-split .hs-stat { display: flex; flex-direction: column; gap: 4px; }
.hero-split .hs-stat .v {
  font-family: 'Biennale', sans-serif;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--c-blue);
  line-height: 1;
}
.hero-split .hs-stat .u {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-muted);
  max-width: 12ch;
  line-height: 1.3;
}
.hero-split .hs-media {
  border-radius: var(--r-card);
  overflow: hidden;
  aspect-ratio: 5 / 4;
  box-shadow: 0 24px 60px rgba(0,30,95,0.16);
}
.hero-split .hs-media img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 45%; }

@media (max-width: 900px) {
  .hero-split .hs-grid { grid-template-columns: 1fr; gap: 36px; }
  .hero-split .hs-media { aspect-ratio: 16 / 10; order: -1; }
}

/* ANNOUNCEMENT BAR (reuses .promo-ribbon; blue for the price-led promo) ------ */
.promo-ribbon.is-offer { background: var(--c-red); }

/* SIMPLIFIED HEADER --------------------------------------------------------- */
.site-header .header-cta.single { gap: 0; }

/* HERO — promo variant offsets + support headline --------------------------- */
.hero-copy .eyebrow { color: var(--c-yellow); margin-bottom: 18px; }
.hero-copy .support-head {
  font-family: 'Biennale', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #fff;
  margin: 18px 0 0;
  max-width: 480px;
  letter-spacing: -0.01em;
}
.hero-copy .support-head .amt { color: var(--c-yellow); }
.hero-copy .cta-support {
  font-size: 13px;
  color: rgba(255,255,255,0.72);
  margin: 16px 0 0;
}

/* COUNTER MODULE (repurposes the dark perception band) ---------------------- */
.counter { background: #001E5F; color: #fff; padding: 86px 0; position: relative; overflow: hidden; }
.counter-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 64px;
  align-items: center;
}
.counter .eyebrow { color: var(--c-yellow); }
.counter h2 { color: #fff; max-width: 560px; margin: 18px 0 20px; padding: 0;}
.counter h2 em { font-style: normal; color: var(--c-yellow); }
.counter .c-body { color: rgba(255,255,255,0.82); font-size: 18px; line-height: 1.5; max-width: 500px; margin: 0 0 32px; }
.counter .c-ctas { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.counter .c-support { font-size: 13px; color: rgba(255,255,255,0.62); margin: 18px 0 0; }

/* Big live number dial */
.gift-dial {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.2);
  background:
    radial-gradient(circle at 50% 40%, rgba(250,190,50,0.14), rgba(0,30,95,0) 62%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  position: relative;
}
.gift-dial::before {
  content: '';
  position: absolute;
  inset: 18px;
  border-radius: 50%;
  border: 1px dashed rgba(250,190,50,0.35);
}
.gift-dial .g-num {
  font-family: 'Biennale', sans-serif;
  font-weight: 900;
  font-size: 108px;
  line-height: 0.9;
  letter-spacing: -0.04em;
  color: var(--c-yellow);
}
.gift-dial .g-label {
  font-family: 'Biennale', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.82);
  margin-top: 10px;
}
.gift-dial .g-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
}
.gift-dial .g-live .dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--c-yellow);
  box-shadow: 0 0 0 0 rgba(250,190,50,0.7);
  animation: pulse 1.6s infinite;
}

/* Sold-out state */
.counter.is-soldout .gift-dial .g-num { font-size: 62px; color: #fff; letter-spacing: -0.02em; }
.counter.is-soldout h2 em { color: #fff; }

/* Deadline dial (Page D — no-gift urgency variant) -------------------------- */
.deadline-dial { width: 300px; height: 300px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; }
.deadline-dial::before { content: ''; position: absolute; inset: 12px; border-radius: 50%; border: 1px dashed rgba(250,190,50,0.35); }
.deadline-dial .d-kicker { font-family: 'Biennale', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.6); }
.deadline-dial .d-day { font-family: 'Biennale', sans-serif; font-weight: 900; font-size: 108px; line-height: 0.9; letter-spacing: -0.04em; color: var(--c-yellow); margin: 6px 0 2px; }
.deadline-dial .d-month { font-family: 'Biennale', sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0.02em; color: #fff; }

/* Savings figure */
.savings-dial { width: 300px; height: 300px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; }
.savings-dial::before { content: ''; position: absolute; inset: 12px; border-radius: 50%; border: 1px dashed rgba(250,190,50,0.35); }
.savings-dial .s-off { font-family: 'Biennale', sans-serif; font-weight: 900; font-size: 96px; line-height: 0.9; letter-spacing: -0.04em; color: var(--c-yellow); }
.savings-dial .s-kicker { font-family: 'Biennale', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-top: 8px; }
.savings-dial .s-detail { font-family: 'Biennale', sans-serif; font-size: 20px; color: #fff; margin-top: 10px; }
.savings-dial .s-detail s { color: rgba(255,255,255,0.5); }
.savings-dial .s-detail strong { color: var(--c-yellow); font-weight: 800; }

/* Live countdown */
.cd-dial { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; width: 380px; }
.cd-unit { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 8px; border-radius: var(--r-card); background: rgba(255,255,255,0.06); border: 1px solid rgba(250,190,50,0.28); }
.cd-num { font-family: 'Biennale', sans-serif; font-weight: 900; font-size: 44px; line-height: 1; letter-spacing: -0.03em; color: var(--c-yellow); font-variant-numeric: tabular-nums; }
.cd-label { font-family: 'Biennale', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.6); }

/* What's included checklist */
.incl-dial { list-style: none; margin: 0; padding: 0; width: 380px; display: flex; flex-direction: column; gap: 12px; }
.incl-dial li { display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 14px; padding: 16px 20px; border-radius: var(--r-card); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); font-size: 16px; color: #fff; }
.incl-dial .incl-check { width: 26px; height: 26px; border-radius: 50%; background: var(--c-yellow); color: var(--c-blue-dark); display: grid; place-items: center; font-size: 13px; font-weight: 800; }

@media (max-width: 900px) {
  .cd-dial, .incl-dial { width: min(400px, 100%); margin: 0 auto; }
}

/* Free-gift image (Page C option) ------------------------------------------- */
.gift-show { position: relative; width: 480px; height: 440px; border-radius: var(--r-card); overflow: hidden; box-shadow: 0 12px 30px rgba(0,0,0,0.18); }
.gift-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; pointer-events: none; background: linear-gradient(180deg, rgba(0,8,26,0.55) 0%, rgba(0,8,26,0) 26%, rgba(0,8,26,0) 52%, rgba(0,8,26,0.78) 100%); }
.gift-eyebrow { font-family: 'Biennale', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--c-yellow); text-shadow: 0 1px 8px rgba(0,0,0,0.45); }
.gift-count { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
.gc-num { font-family: 'Biennale', sans-serif; font-weight: 900; font-size: 64px; line-height: 0.9; letter-spacing: -0.03em; color: var(--c-yellow); text-shadow: 0 2px 12px rgba(0,0,0,0.5); }
.gc-label { font-family: 'Biennale', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.92); text-shadow: 0 1px 8px rgba(0,0,0,0.5); }
.counter.is-soldout .gc-num { font-size: 46px; color: #fff; }
.gift-col { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.gift-col .gc-live { display: inline-flex; align-items: center; gap: 8px; font-family: 'Biennale', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.6); }
.gift-col .gc-live .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--c-yellow); box-shadow: 0 0 0 0 rgba(250,190,50,0.7); animation: pulse 1.6s infinite; }
@media (max-width: 900px) { .gift-show { width: min(480px, 100%); } }


.btn-dark:hover, .btn-blue:hover { background: #001440; }
.btn-blue { box-shadow: 0 4px 14px rgba(0,30,95,0.22); }
.btn-blue:hover { box-shadow: 0 8px 22px rgba(0,30,95,0.28); }
.tiers { background: rgba(0,30,95,0.05); }
.foot { background: rgba(0,30,95,0.04); }

/* Header "Join Now" outlined CTA -------------------------------------------- */
.btn.btn-join { background: #fff; color: var(--c-blue); border: 1px solid #C6CFE4; box-shadow: none; font-weight: 700; }
.btn.btn-join:hover { background: #F4F6FC; border-color: #A9B6D8; box-shadow: none; }
.btn.btn-join .ext-ic { color: var(--c-blue); }

/* PLAN PRICING — strikethrough + promo price -------------------------------- */
.tier-price-new.is-promo { flex-direction: column; align-items: flex-start; gap: 2px; }
.tier-price-new .reg {
  font-size: 15px;
  color: var(--c-muted);
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  font-weight: 600;
}
.tier-card-new.is-featured .tier-price-new .reg { color: rgba(255,255,255,0.6); }
.tier-price-new .promo-row-new { display: flex; align-items: baseline; gap: 6px; }
.tier-price-new .now {
  font-family: 'Biennale', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-red);
  align-self: flex-start;
  margin-top: 6px;
}
.tier-card-new.is-featured .tier-price-new .now { color: #fff; }
.tier-excl-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-muted);
  border: 1px solid var(--c-line);
  border-radius: 6px;
  padding: 4px 9px;
}
.tier-note {
  font-size: 12px;
  line-height: 1.45;
  color: var(--c-muted);
  margin-top: -4px;
}
.tiers-footnote-new {
  max-width: 760px;
  margin: 20px auto 0;
  text-align: center;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--c-muted);
}

/* PLAN COMPARISON TABLE ----------------------------------------------------- */
.cmp-wrap { overflow-x: auto; }
.cmp {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid var(--c-line);
  border-radius: 10px;
  overflow: hidden;
  table-layout: fixed;
}
.cmp th, .cmp td {
  padding: 20px 22px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--c-line);
  border-right: 1px solid var(--c-line);
}
.cmp thead th { border-bottom: 1px solid var(--c-line); }
.cmp th:last-child, .cmp td:last-child { border-right: 0; }
.cmp tbody tr:last-child th, .cmp tbody tr:last-child td { border-bottom: 0; }
.cmp col { }
.cmp-corner { width: 20%; }
.cmp thead th { width: 20%; }

/* Row-label column */
.cmp tbody th[scope="row"] {
  font-family: 'Biennale', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--c-blue-dark);
  background: rgba(0,30,95,0.03);
}
.cmp-corner span {
  font-family: 'Biennale', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--c-muted);
}

/* Plan header cells */
.cmp thead th { text-align: left; position: relative; }
.cmp-name {
  font-family: 'Biennale', sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--c-blue-dark);
}
.cmp thead th.is-featured { background: var(--c-blue-dark); }
.cmp thead th.is-featured .cmp-name { color: #fff; }
.cmp-tag {
  display: inline-block;
  background: var(--c-red);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: var(--r-pill);
  margin-bottom: 10px;
}

/* Featured column tint */
.cmp td.is-featured { background: rgba(0,30,95,0.04); }
.cmp tbody tr td.is-featured { color: var(--c-blue-dark); }

/* Body cells */
.cmp td { font-size: 14px; line-height: 1.5; color: var(--c-ink-2); }
.cmp .cmp-yes { color: var(--c-blue); font-weight: 600; }
.cmp .cmp-incl {
  font-size: 12px;
  font-weight: 700;
  color: var(--c-blue-dark);
  margin-bottom: 10px;
}
.cmp td.is-featured .cmp-incl { color: var(--c-blue); }
.cmp-row-feats ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.cmp-row-feats li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start; font-size: 14px; line-height: 1.4; color: var(--c-blue-dark); }
.cmp-row-feats .check {
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--c-cream); color: var(--c-blue-dark);
  display: grid; place-items: center; font-size: 11px; font-weight: 700;
}
.cmp td.is-featured .check { background: var(--c-yellow); }
.cmp .tier-price-new { padding: 0; border: 0; }
.cmp .tier-price-new.is-promo { gap: 0; }
.cmp .tier-price-new .amt { font-size: 30px; }
.cmp-row-cta .btn { width: 100%; justify-content: center; }
.cmp-row-cta th, .cmp-row-cta td { background: transparent; }

/* SECTION RHYTHM — plans + FAQ share a light bg, so collapse the doubled gap */
.tiers-new { padding-bottom: 48px; }
/* TIERS --------------------------------------------------------------------- */
.tiers-new {
  background: rgba(10,30,155,0.05);
  padding: 100px 0;
  position: relative;
  overflow: hidden;
  scroll-margin: 60px;
}
.tiers-head-new {
  text-align: center;
  margin-bottom: 64px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.tiers-head-new .eyebrow { justify-content: center; }
.tiers-head-new h2 { margin: 22px auto 18px; padding: 0;}
.tiers-head-new .lede { margin: 0 auto; max-width: 580px; color: #000000; }
.tier-grid-new {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: stretch;
}
.tier-card-new {
  background: #fff;
  border-radius: 10px;
  border: 1px solid var(--c-line);
  padding: 34px 26px 30px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
}
.tier-card-new.is-featured {
  background: var(--c-blue-dark);
  color: #fff;
  border-color: var(--c-blue-dark);
  box-shadow: 0 24px 60px rgba(0,30,95,0.22);
  transform: translateY(-12px);
}
.tier-card-new .tag {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--c-red);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 7px 14px;
  border-radius: var(--r-pill);
  white-space: nowrap;
}
.tier-name-new {
  display: flex;
  align-items: baseline;
  gap: 12px;
  justify-content: space-between;
}
.tier-name-new h3 {
  font-size: 32px;
  letter-spacing: -0.025em;
}
.tier-card-new.is-featured h3 { color: #fff; }
.tier-name-new .badge {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-muted);
  padding: 5px 10px;
  border: 1px solid var(--c-line);
  border-radius: 6px;
}
.tier-card-new.is-featured .tier-name-new .badge {
  color: var(--c-yellow);
  border-color: rgba(255,205,80,0.5);
}
.tier-best-new {
  font-size: 15px;
  color: var(--c-muted);
  line-height: 1.45;
}
.tier-card-new.is-featured .tier-best-new { color: rgba(255,255,255,0.78); }
.tier-price-new {
  display: flex;
  align-items: baseline;
  gap: 4px;
  padding: 18px 0;
  border-top: 1px solid var(--c-line);
  border-bottom: 1px solid var(--c-line);
}
.tier-card-new.is-featured .tier-price-new { border-color: rgba(255,255,255,0.18); }
.tier-price-new .amt {
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--c-blue-dark);
}
.tier-card-new.is-featured .tier-price-new .amt { color: #fff; }
.tier-price-new .per { font-size: 14px; color: var(--c-muted); }
.tier-card-new.is-featured .tier-price-new .per { color: rgba(255,255,255,0.7); }
.tier-feats-new {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
.tier-feats-new li {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 12px;
  align-items: start;
  font-size: 15px;
  line-height: 1.45;
  color: var(--c-blue-dark);
}
.tier-card-new.is-featured .tier-feats-new li { color: rgba(255,255,255,0.92); }
.tier-feats-new .check {
  width: 22px; height: 22px;
  border-radius: 50%;
  background: var(--c-cream);
  color: var(--c-blue-dark);
  display: grid; place-items: center;
  font-size: 12px;
  font-weight: 700;
}
.tier-card-new.is-featured .tier-feats-new .check { background: #fff; }
.tier-feats-new .check.x { background: transparent; color: var(--c-muted); border: 1px solid var(--c-line); }
.tier-card-new.is-featured .tier-feats-new .check.x { color: rgba(255,255,255,0.4); border-color: rgba(255,255,255,0.2); background: transparent; }

.tier-cta-new { margin-top: 4px; }
.tier-incl-new {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--c-blue-dark);
  margin-bottom: -4px;
}
.tier-card-new.is-featured .tier-incl-new { color: #fff; }
.tier-cta-new .btn { width: 100%; justify-content: center; }
.tier-foot {
  text-align: center;
  margin-top: 48px;
  font-size: 14px;
  color: var(--c-muted);
}
.tier-foot a { color: var(--c-red); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }



.faq-new { padding-top: 52px; }

/* FAQ — dark-navy two-column (matches earlier final design) ----------------- */
.faq-new { background: #001E5F; padding-bottom: 110px; }
 .faq-grid-new {
  display: grid;
  grid-template-columns: 1.35fr 0.9fr;
  gap: 80px;
  align-items: start;
}
 .faq-main-new h2 { color: #fff; margin-bottom: 28px; }
 .faq-list-new { display: flex; flex-direction: column; gap: 0; }
 .faq-item-new {
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(255,255,255,0.16);
  border-radius: 0;
  box-shadow: none;
}
/* .faq-item-new.open { border-color: rgba(0,30,95,0.22); box-shadow: 0 8px 24px rgba(0,30,95,0.05); } */

 .faq-list-new .faq-item-new:last-child { border-bottom: 1px solid rgba(255,255,255,0.16); }
.faq-q-new {
  width: 100%;
  text-align: left;
  padding: 22px 0;
  display: grid;
  grid-template-columns: 1fr 28px;
  align-items: center;
  gap: 20px;
  border: 0;
  background: transparent;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
}
.faq-q-new .ind {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 16px;
  transition: transform .25s ease, background .2s ease;
}

 .faq-q-new .ind {
  background: transparent;
  color: #fff;
}
 .faq-item-new.open .faq-q-new .ind { transform: rotate(45deg); background: transparent; color: #fff; }
 .faq-a-new {
   display: grid;
   grid-template-rows: 0fr;
   overflow: hidden;
   transition: grid-template-rows 0.3s ease;
 }
 .faq-a-new > div {
     min-height: 0;
     overflow: hidden;
 }
 .faq-item-new.open .faq-a-new { grid-template-rows: 1fr; }
 .faq-a-new p {
  padding: 0 0 24px;
  color: rgba(255,255,255,0.72);
  max-width: 620px;
}
 .faq-side-new h3 { color: #fff; margin-bottom: 12px; }
 .faq-side-new p {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,0.72);
  margin: 0;
  max-width: 340px;
}
 .faq-side-new a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
 .faq-side-new a:hover { color: var(--c-yellow); }

.faq-side-new h3 { color: #fff; margin-bottom: 12px; }
.faq-side-new p {
   font-size: 15px;
   line-height: 1.6;
   color: rgba(255,255,255,0.72);
   margin: 0;
   max-width: 340px;
 }
.faq-side-new a {
   color: #fff;
   font-weight: 600;
   text-decoration: underline;
   text-underline-offset: 3px;
 }
.faq-side-new a:hover { color: var(--c-yellow); }


/* FINAL CTA ----------------------------------------------------------------- */
.final {
  padding: 90px 0 110px;
  background: var(--c-cream);
}
.final-card > * {
  position: relative;
  z-index: 1;
}
.final-card {
  background: var(--c-blue-dark);
  color: #fff;
  border-radius: 10px;
  padding: 80px 64px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center 30%;
}
.final-card:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(0,30,95,0.88) 0%, rgba(0,30,95,0.80) 28%, rgba(0,30,95,0.42) 48%, rgba(0,30,95,0) 62%); }


.final-card .eyebrow { color: var(--c-yellow); }
.final-card h2 {
  color: #fff;
  max-width: 580px;
  font-size: 44px;
  line-height: 1.08;
  margin: 18px 0 26px;
  padding: 0;
}
.final-card h2 em { color: var(--c-yellow); font-style: normal; }
.final-card .lede { color: rgba(255,255,255,0.78); max-width: 540px; margin-bottom: 40px; }
.final-card .final-ctas { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.final-card .final-ctas a.btn:after { display: none; }
.final-card .ghost-on-dark { background: transparent; border: 1.5px solid rgba(255,255,255,0.4); color: #fff; }
.final-card .ghost-on-dark:hover { border-color: #fff; background: rgba(255,255,255,0.06); }
.final-card .final-art {
  position: absolute;
  right: -150px;
  top: -150px;
  width: 621px;
  height: 621px;
  border-radius: 50%;
  overflow: hidden;
  transform: translateZ(0);
}
.final-card .final-art img {
  width: 100%; height: 100%; object-fit: cover;
}

.final-card .cta-support {
  font-size: 13px;
  color: rgba(255,255,255,0.7);
  margin: 18px 0 0;
}


/* OFFER TERMS --------------------------------------------------------------- */
.terms { background: var(--c-cream); padding: 0 0 90px; }
.terms .terms-box {
  max-width: 1000px;
  margin: 0 auto;
  border-top: 1px solid var(--c-line);
  padding-top: 32px;
}
.terms h4 {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-muted);
  margin-bottom: 12px;
}
.terms p { font-size: 12.5px; line-height: 1.65; color: var(--c-muted); margin: 0; max-width: 1000px; }
.terms p a { color: var(--c-blue); text-decoration: underline; text-underline-offset: 2px; }


@media (max-width: 900px) {
  .counter-grid { grid-template-columns: 1fr; gap: 40px; justify-items: center; text-align: center; }
  .counter h2, .counter .c-body { margin-left: auto; margin-right: auto; }
  .counter .c-ctas { justify-content: center; }
}


@media only screen and (max-width: 991px) 
{
.tiers-new { padding: 60px 0; }
.tier-grid-new { grid-template-columns: repeat(2, 1fr); }

.faq-new { padding: 60px 0;}
.faq-grid-new {gap: 30px;}

.final { padding: 60px 0; }
.terms { padding-bottom: 60px; }

}

@media only screen and (max-width: 767px) {
  .faq-grid-new {
    grid-template-columns: 1fr;
  }


.final-card { padding: 50px 30px; }
.final-card:before { background-image: linear-gradient(90deg, rgba(0,30,95,0.88) 0%, rgba(0,30,95,0.80) 28%, rgba(0,30,95,0.42) 70%, rgba(0,30,95,0) 100%);}
.final-card h2 { font-size: 32px; }


}

@media only screen and (max-width: 600px) 
{
.tier-grid-new { grid-template-columns: repeat(1, 1fr); }
}
.promocode{
    
    font-family: 'Biennale', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--c-red);
    align-self: flex-start;
    margin-top: 40px;
    text-align: center;

}

.promocode span { font-size: 12.5px; color: rgb(127 132 145); }