/* V59 exact unified-header, brand-palette and catalog-image rebuild.
 * The shared header/footer own their visual rules. Every campaign rule below is
 * isolated to .an-installment50-main or the campaign mobile CTA so the landing
 * cannot restyle the global navigation, logo, footer, popup or shared buttons.
 */
.an-installment50-main,
.io-sticky{
  --io-bg:var(--an-canvas,#f7f7f9);
  --io-paper:var(--an-surface,#fff);
  --io-paper-2:var(--an-coral-soft,#fff0f1);
  --io-ink:var(--an-copy,#312e38);
  --io-muted:var(--an-copy-soft,#6f6a75);
  --io-brand:var(--an-graphite-2,#1b1921);
  --io-brand-2:var(--an-graphite,#2d2a35);
  --io-accent:var(--an-coral,#f23849);
  --io-accent-2:var(--an-orange,#ff3218);
  --io-line:var(--an-stroke,#e6e3e8);
  --io-line-strong:rgba(45,42,53,.22);
  --io-shadow:var(--an-brand-shadow,0 18px 48px rgba(45,42,53,.12));
  --io-shadow-soft:var(--an-brand-shadow-soft,0 10px 28px rgba(45,42,53,.075));
  --io-wrap:1280px;
  --io-wa:#128c4a;
}

.an-installment50-main,
.an-installment50-main *,
.io-sticky,
.io-sticky *{box-sizing:border-box}
.an-installment50-main{
  font-family:inherit;
  color:var(--io-ink);
  line-height:1.75;
}
.an-installment50-main a{text-decoration:none;color:inherit}
.an-installment50-main img{display:block;max-width:100%}
.an-installment50-main button,
.an-installment50-main input{font:inherit}
.io-wrap{width:min(var(--io-wrap),calc(100% - 32px));margin-inline:auto}

/* Hero: same charcoal / neutral language used by the main offers website. */
.io-hero{padding:30px 0 24px;background:transparent}
.io-hero__grid{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.78fr);
  gap:28px;
  align-items:center;
  padding:34px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:36px;
  color:#fff;
  background:linear-gradient(135deg,#1b1921 0,#2d2a35 58%,#f23849 100%);
  box-shadow:var(--io-shadow);
}
.io-hero__grid:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:360px;
  height:360px;
  inset:-120px auto auto -120px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
}
.io-hero__grid:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:260px;
  height:260px;
  inset:auto -85px -120px auto;
  border-radius:999px;
  background:rgba(214,207,200,.10);
}
.io-hero__copy,.io-video-card{position:relative;z-index:1;min-width:0}
.io-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.12);
  font-size:.86rem;
  font-weight:900;
  backdrop-filter:blur(8px);
}
.io-hero h1{
  margin:12px 0;
  color:#fff;
  font-size:clamp(2.05rem,5vw,4.35rem);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:900;
}
.io-lead{
  max-width:700px;
  margin:0;
  color:rgba(255,255,255,.90);
  font-size:1.08rem;
  line-height:1.85;
  font-weight:800;
}
.io-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:22px 0 0;
}
.io-benefits span{
  display:grid;
  place-items:center;
  min-height:64px;
  padding:11px 10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  color:#fff;
  background:rgba(255,255,255,.12);
  text-align:center;
  font-size:.91rem;
  line-height:1.45;
  font-weight:900;
}
.io-countdown{
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:24px;
  color:var(--io-ink);
  background:linear-gradient(135deg,#fff,#f7f7f9);
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.io-countdown p{margin:0 0 11px;color:var(--io-brand);font-size:1rem;font-weight:900}
.io-countdown small{display:block;margin-top:10px;color:var(--io-muted);line-height:1.65;font-weight:800}
.io-countdown__units{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;direction:ltr}
.io-countdown__units[hidden]{display:none!important}
.io-countdown__units div{
  display:grid;
  place-items:center;
  padding:11px 7px;
  border:1px solid var(--io-line);
  border-radius:17px;
  color:#fff;
  background:linear-gradient(145deg,#1b1921,#2d2a35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.io-countdown__units strong{font-size:1.75rem;line-height:1;font-weight:900}
.io-countdown__units span{margin-top:5px;color:rgba(255,255,255,.78);font-size:.77rem;font-weight:800}
.io-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.io-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:12px 18px;
  border:1px solid transparent;
  border-radius:999px;
  cursor:pointer;
  text-align:center;
  font-weight:900;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.io-btn:hover{transform:translateY(-1px)}
.io-btn--primary{
  color:var(--io-brand)!important;
  background:#fff;
  border-color:#fff;
  box-shadow:0 16px 30px rgba(0,0,0,.18);
}
.io-btn--primary:hover{background:#f7f7f9}
.io-btn--ghost{
  color:#fff!important;
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.28);
}
.io-btn--gold{color:#1b1921!important;background:linear-gradient(135deg,#f23849,#f7f7f9);border-color:#f23849}
.io-btn--wa{color:#fff!important;background:linear-gradient(145deg,#128c4a,#0f713c);box-shadow:0 14px 26px rgba(18,140,74,.18)}
.io-btn--ghost-light{color:#fff!important;background:transparent;border-color:rgba(255,255,255,.34)}

/* Video card intentionally mirrors the glass card in the site's main hero. */
.io-video-card{
  padding:14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:30px;
  color:#fff;
  background:rgba(255,255,255,.13);
  box-shadow:0 20px 50px rgba(0,0,0,.12);
  backdrop-filter:blur(10px);
}
.io-video-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;color:#fff}
.io-video-card__head strong{font-size:1.02rem;font-weight:900}
.io-video-card__head span{
  flex:0 0 auto;
  padding:5px 9px;
  border-radius:999px;
  color:#1b1921;
  background:linear-gradient(135deg,var(--io-gold-2),#f0eef2);
  font-size:.79rem;
  font-weight:900;
}
.io-video{
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  width:100%;
  max-height:720px;
  aspect-ratio:9/16;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:#09090b;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.io-video iframe,.io-video>div{width:100%;height:100%}
.io-video__sound{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  padding:10px 16px;
  border:0;
  border-radius:999px;
  color:#111;
  background:#fff;
  font-weight:900;
  box-shadow:0 10px 30px rgba(0,0,0,.28);
  cursor:pointer;
}
.io-video__sound[hidden]{display:none!important}
.io-video--empty{padding:24px;text-align:center;background:linear-gradient(145deg,#1b1921,#2d2a35)}
.io-video--empty strong{display:block;font-size:1.08rem;line-height:1.7}
.io-video--empty span{display:block;margin-top:8px;color:rgba(255,255,255,.72);line-height:1.7}
.io-video-card>p{margin:11px 4px 2px;color:rgba(255,255,255,.85);line-height:1.75;font-size:.92rem;font-weight:800}

/* Shared section language: same spacing, borders, rounded cards and muted copy. */
.io-section{padding:38px 0;background:transparent}
.io-section--soft{background:linear-gradient(180deg,#fff,#f7f7f9)}
.io-section--dark{color:#fff;background:linear-gradient(135deg,#1b1921 0,#2d2a35 60%,#f23849 100%)}
.io-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.io-section__head .io-eyebrow{
  color:var(--io-brand);
  background:var(--io-paper-2);
  border-color:#e6e3e8;
  backdrop-filter:none;
}
.io-section__head h2{margin:8px 0 5px;color:var(--io-ink);font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.25;font-weight:900}
.io-section__head p{max-width:790px;margin:0;color:var(--io-muted);line-height:1.75;font-weight:800}
.io-section__head>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 14px;
  border:1px solid var(--io-line);
  border-radius:999px;
  color:var(--io-brand);
  background:#fff;
  font-weight:900;
  white-space:nowrap;
}

.io-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.io-package{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:13px;
  min-height:280px;
  padding:21px;
  border:1px solid var(--io-line);
  border-radius:26px;
  color:var(--io-ink);
  background:#fff;
  box-shadow:var(--io-shadow-soft);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.io-package:hover{transform:translateY(-3px);box-shadow:var(--io-shadow)}
.io-package:nth-child(2){border:2px solid rgba(168,159,150,.72);box-shadow:0 22px 60px rgba(45,42,53,.15)}
.io-package__badge{
  align-self:flex-start;
  padding:6px 10px;
  border:1px solid #e6e3e8;
  border-radius:999px;
  color:var(--io-brand);
  background:var(--io-paper-2);
  font-size:.79rem;
  font-weight:900;
}
.io-package h3{margin:0;color:var(--io-brand);font-size:1.3rem;line-height:1.35;font-weight:900}
.io-package p{min-height:58px;margin:0;color:var(--io-muted);line-height:1.75;font-weight:800}
.io-package__price{margin-top:auto;color:var(--io-brand);font-size:2rem;line-height:1.1;font-weight:900}
.io-package__price small{color:var(--io-muted);font-size:.85rem}
.io-package .io-btn{
  width:100%;
  margin-top:4px;
  color:#fff!important;
  background:linear-gradient(145deg,#1b1921,#2d2a35);
  border-color:#2d2a35;
  box-shadow:0 14px 28px rgba(23,21,28,.14);
}

.io-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.io-model{
  overflow:hidden;
  min-width:0;
  border:1px solid var(--io-line);
  border-radius:24px;
  color:var(--io-ink);
  background:#fff;
  box-shadow:var(--io-shadow-soft);
  transition:transform .22s ease,box-shadow .22s ease;
}
.io-model:hover{transform:translateY(-3px);box-shadow:var(--io-shadow)}
.io-model__image{display:block;overflow:hidden;aspect-ratio:4/3;background:#f0eef2}
.io-model__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.io-model:hover .io-model__image img{transform:scale(1.035)}
.io-model__body{padding:14px}
.io-model__body>span{display:block;color:var(--io-muted);font-size:.78rem;font-weight:900}
.io-model h3{margin:5px 0 8px;color:var(--io-brand);font-size:1.02rem;line-height:1.45;font-weight:900}
.io-model__body>strong{display:block;margin-bottom:10px;color:var(--io-ink)}
.io-model__body>a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:7px 11px;
  border:1px solid var(--io-line);
  border-radius:999px;
  color:var(--io-brand);
  background:#fff;
  font-size:.87rem;
  font-weight:900;
}

.io-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.io-doc{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:165px;
  padding:18px;
  border:1px solid var(--io-line);
  border-radius:24px;
  color:var(--io-ink);
  background:#fff;
  box-shadow:var(--io-shadow-soft);
  text-align:right;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.io-doc:hover{transform:translateY(-2px);box-shadow:var(--io-shadow)}
.io-doc strong{color:var(--io-brand);font-size:1.04rem;font-weight:900}
.io-doc span{margin-top:8px;color:var(--io-muted);line-height:1.75;font-weight:800}
.io-doc em{margin-top:auto;padding-top:12px;color:var(--io-brand);font-style:normal;font-size:.88rem;font-weight:900}
.io-doc.is-selected{border-color:#f23849;background:#f7f7f9;box-shadow:0 15px 38px rgba(45,42,53,.13)}
.io-doc.is-selected em:before{content:'✓ '}

.io-showroom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center}
.io-showroom .io-eyebrow{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}
.io-showroom h2{margin:11px 0 9px;color:#fff;font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;font-weight:900}
.io-showroom p{margin:0;color:rgba(255,255,255,.82);line-height:1.85;font-weight:800}
.io-service-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.io-service-list span{padding:8px 11px;border:1px solid rgba(255,255,255,.20);border-radius:999px;color:#fff;background:rgba(255,255,255,.08);font-size:.88rem;font-weight:800}
.io-showroom__actions{display:grid;gap:9px;min-width:250px}

.io-disabled{display:grid;place-items:center;min-height:60vh;padding:50px 0;text-align:center;background:var(--io-bg)}
.io-disabled h1{font-size:2.2rem}
.io-disabled p{margin:0 0 18px;color:var(--io-muted)}
.io-disabled .io-btn--primary{color:#fff!important;background:var(--io-brand)}

.io-sticky{
  position:fixed;
  z-index:2147481500;
  right:12px;
  left:12px;
  bottom:max(10px,env(safe-area-inset-bottom));
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px 9px 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  color:#fff;
  background:rgba(23,21,28,.96);
  box-shadow:0 16px 45px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
}
.io-sticky span{color:rgba(255,255,255,.72);font-size:.78rem;font-weight:800}
.io-sticky a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:9px 14px;
  border-radius:999px;
  color:var(--io-brand);
  background:#fff;
  font-size:.86rem;
  font-weight:900;
  white-space:nowrap;
}

@media(max-width:980px){
  .io-hero__grid{grid-template-columns:1fr;padding:26px}
  .io-video{max-height:none;aspect-ratio:16/9}
  .io-package-grid{grid-template-columns:1fr}
  .io-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .io-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .io-showroom{grid-template-columns:1fr}
  .io-showroom__actions{grid-template-columns:repeat(3,1fr);min-width:0}
}

@media(max-width:700px){
  body.an-has-bottom-cta{padding-bottom:max(86px,var(--an-bottom-cta-space,86px))}
  .io-wrap{width:min(100% - 20px,var(--io-wrap))}
  .io-hero{padding-top:18px}
  .io-hero__grid{gap:20px;padding:20px;border-radius:28px}
  .io-hero h1{font-size:2.2rem}
  .io-lead{font-size:.97rem}
  .io-benefits{grid-template-columns:1fr;gap:7px}
  .io-benefits span{min-height:44px;padding:9px 10px;font-size:.83rem}
  .io-countdown{padding:13px;border-radius:20px}
  .io-countdown__units{gap:5px}
  .io-countdown__units div{padding:10px 4px;border-radius:14px}
  .io-countdown__units strong{font-size:1.4rem}
  .io-actions{display:grid;grid-template-columns:1fr}
  .io-actions .io-btn{width:100%}
  .io-video-card{padding:10px;border-radius:24px}
  .io-video{max-height:72vh;aspect-ratio:9/16;border-radius:19px}
  .io-section{padding:30px 0}
  .io-section__head{align-items:flex-start;flex-direction:column}
  .io-section__head>a{width:100%}
  .io-model-grid,.io-doc-grid{grid-template-columns:1fr}
  .io-package{padding:18px;border-radius:22px}
  .io-showroom__actions{grid-template-columns:1fr}
  .io-sticky{display:flex}
  .io-doc{min-height:145px}
}

@media(max-width:430px){
  .io-hero__grid{padding:16px;border-radius:24px}
  .io-hero h1{font-size:1.9rem}
  .io-countdown__units strong{font-size:1.22rem}
  .io-countdown__units span{font-size:.68rem}
  .io-video-card__head{align-items:flex-start;flex-direction:column}
  .io-sticky span{display:none}
  .io-sticky a{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .an-installment50-main *,
  .io-sticky *{scroll-behavior:auto!important;transition:none!important}
}


/* V57 package cards are full-card links and expose the same 12/24/36-month calculation as the offers page. */
.an-installment50-main .io-package{display:flex;flex-direction:column;color:inherit;text-decoration:none;cursor:pointer}
.an-installment50-main .io-package:hover{transform:translateY(-4px);border-color:#f23849;box-shadow:0 22px 48px rgba(61,35,24,.14)}
.an-installment50-main .io-package__plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}
.an-installment50-main .io-package__plan{padding:9px 7px;border:1px solid var(--io-line);border-radius:14px;background:#fff0f1;text-align:center}
.an-installment50-main .io-package__plan span,.an-installment50-main .io-package__plan small{display:block;color:var(--io-muted);font-size:.72rem;font-weight:800}
.an-installment50-main .io-package__plan strong{display:block;color:var(--io-brand);font-size:.91rem;line-height:1.35;font-weight:900}
.an-installment50-main .io-package__cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--io-brand);font-weight:900}
.an-installment50-main .io-catalog-intro{padding:42px 0 0;background:linear-gradient(180deg,#fff,#f7f7f9)}
.an-installment50-main .io-catalog-intro .io-section__head{margin-bottom:0}
@media(max-width:640px){.an-installment50-main .io-package__plans{grid-template-columns:1fr}.an-installment50-main .io-package__plan{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:right;gap:6px}}


/* V59 final visual lock — same graphite/coral system used across the public website. */
.an-installment50-main{background:linear-gradient(180deg,#fff 0,var(--an-canvas,#f7f7f9) 44%,#fff 100%)}
.an-installment50-main .io-hero__grid,
.an-installment50-main .io-section--dark{
  background:var(--an-dark-gradient,linear-gradient(145deg,#1b1921,#2d2a35 72%,#3b3744))!important;
  border-color:rgba(242,56,73,.22)!important;
}
.an-installment50-main .io-hero__grid::after{
  background:radial-gradient(circle,rgba(242,56,73,.38),rgba(242,56,73,0) 68%)!important;
}
.an-installment50-main .io-eyebrow,
.an-installment50-main .io-section__head .io-eyebrow,
.an-installment50-main .io-package__badge{
  color:var(--an-graphite-2,#1b1921)!important;
  border-color:var(--an-stroke,#e6e3e8)!important;
  background:var(--an-coral-soft,#fff0f1)!important;
}
.an-installment50-main .io-hero .io-eyebrow,
.an-installment50-main .io-showroom .io-eyebrow{
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.10)!important;
}
.an-installment50-main .io-btn--gold,
.an-installment50-main .io-package__cta,
.an-installment50-main .io-package__plan strong{
  color:var(--an-graphite-2,#1b1921)!important;
}
.an-installment50-main .io-package:hover,
.an-installment50-main .io-doc.is-selected{
  border-color:var(--an-coral,#f23849)!important;
  box-shadow:0 18px 44px rgba(242,56,73,.14)!important;
}
.an-installment50-main .io-package__plan{background:var(--an-canvas,#f7f7f9)!important}
.an-installment50-main .io-btn--gold,
.an-installment50-main .io-package .io-btn,
.an-installment50-main .io-disabled .io-btn--primary,
.io-sticky a{
  color:#fff!important;
  border-color:transparent!important;
  background:var(--an-accent-gradient,linear-gradient(112deg,#ff3218 0%,#f23849 58%,#eb3152 100%))!important;
  box-shadow:0 12px 28px rgba(242,56,73,.20)!important;
}
.an-installment50-main .io-countdown__units div{
  background:var(--an-dark-gradient,linear-gradient(145deg,#1b1921,#2d2a35 72%,#3b3744))!important;
}
.an-installment50-main .io-catalog-intro{background:linear-gradient(180deg,#fff,var(--an-canvas,#f7f7f9))!important}
.io-sticky{background:rgba(27,25,33,.97)!important;border-color:rgba(242,56,73,.24)!important}