#ai-landing-page {
  --ail-ink: #f8f1df;
  --ail-muted: #c8bdad;
  --ail-gold: #e4bd68;
  --ail-gold-light: #f5dda2;
  --ail-night: #090a18;
  --ail-plum: #171020;
  --ail-panel: rgba(24, 19, 35, .82);
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 8%, rgba(112, 70, 135, .2), transparent 31rem),
    radial-gradient(circle at 88% 13%, rgba(211, 168, 84, .13), transparent 28rem),
    linear-gradient(180deg, #0c0b18 0%, #100c1a 48%, #090a16 100%);
  color: var(--ail-ink);
}

html { overflow-x: hidden; }

#ai-landing-page .ail-page {
  width: min(1180px, calc(100% - 40px));
  max-width: none;
  margin: 0 auto;
  font-family: "Montserrat", system-ui, sans-serif;
}

@media (min-width: 1181px) {
  #ai-landing-page {
    overflow: visible;
  }

  #ai-landing-page .ail-page {
    width: min(1180px, calc(100vw - 40px));
    margin-left: 50%;
    transform: translateX(-50%);
  }
}

#ai-landing-page .ail-page h1,
#ai-landing-page .ail-page h2,
#ai-landing-page .ail-page h3 {
  margin-top: 0;
  color: var(--ail-ink);
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: 1.03;
}

#ai-landing-page .ail-page p { color: var(--ail-muted); }

#ai-landing-page .ail-hero,
#ai-landing-page .ail-pain,
#ai-landing-page .ail-benefits,
#ai-landing-page .ail-process,
#ai-landing-page .ail-offer,
#ai-landing-page .ail-pricing,
#ai-landing-page .ail-privacy,
#ai-landing-page .ail-faq,
#ai-landing-page .ail-final-cta {
  width: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#ai-landing-page .ail-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(400px, .97fr);
  align-items: center;
  min-height: 720px;
  padding: 76px 0 88px;
  gap: clamp(36px, 6vw, 86px);
}

#ai-landing-page .ail-eyebrow,
#ai-landing-page .ail-kicker {
  margin: 0 0 20px;
  color: var(--ail-gold);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

#ai-landing-page .ail-eyebrow span { margin-right: 8px; }

#ai-landing-page .ail-hero h1 {
  max-width: 700px;
  margin-bottom: 25px;
  font-size: clamp(3.25rem, 6vw, 5.7rem);
  font-weight: 500;
  letter-spacing: -.035em;
}

#ai-landing-page .ail-hero h1 em {
  display: block;
  color: var(--ail-gold-light);
  font-weight: 500;
}

#ai-landing-page .ail-hero__lead {
  max-width: 620px;
  margin: 0 0 32px;
  font-size: clamp(1.03rem, 1.55vw, 1.22rem);
  line-height: 1.75;
}

#ai-landing-page .ail-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 15px 24px;
  border-radius: 4px;
  font-weight: 750;
  letter-spacing: .015em;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

#ai-landing-page .ail-button--primary {
  background: linear-gradient(135deg, #f1d58f, #c9973d);
  box-shadow: 0 12px 34px rgba(204, 153, 58, .19);
  color: #211407;
}

#ai-landing-page .ail-button--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(204, 153, 58, .3);
  color: #211407;
}

#ai-landing-page .ail-button span { margin-left: 16px; font-size: 1.25em; }

#ai-landing-page .ail-hero__actions > p {
  margin: 11px 0 0;
  font-size: .75rem;
}

#ai-landing-page .ail-trust-list {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 0;
  padding: 0;
  gap: 12px 24px;
  color: #d8cebf;
  font-size: .78rem;
  list-style: none;
}

#ai-landing-page .ail-trust-list span { color: var(--ail-gold); }

#ai-landing-page .ail-hero__visual {
  position: relative;
  min-height: 550px;
  isolation: isolate;
}

#ai-landing-page .ail-hero__visual::before {
  position: absolute;
  z-index: -2;
  inset: 5% 3% 6% 8%;
  border: 1px solid rgba(229, 191, 109, .2);
  border-radius: 50% 50% 44% 56%;
  background: radial-gradient(circle, rgba(102, 61, 121, .32), rgba(9, 10, 24, 0) 69%);
  content: "";
}

#ai-landing-page .ail-card-stack { position: absolute; inset: 0 0 auto; height: 390px; }

#ai-landing-page .ail-card {
  position: absolute;
  top: 24px;
  left: 50%;
  width: clamp(145px, 14vw, 205px);
  height: auto;
  border: 1px solid rgba(245, 220, 157, .48);
  border-radius: 8px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, .48);
}

#ai-landing-page .ail-card--left { transform: translateX(-108%) rotate(-11deg); }
#ai-landing-page .ail-card--center { z-index: 2; top: 0; transform: translateX(-50%); }
#ai-landing-page .ail-card--right { transform: translateX(8%) rotate(11deg); }

#ai-landing-page .ail-reading-preview {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 18px;
  width: min(460px, 93%);
  padding: 23px 25px;
  border: 1px solid rgba(229, 191, 109, .26);
  border-radius: 9px;
  background: rgba(14, 12, 25, .93);
  box-shadow: 0 25px 55px rgba(0, 0, 0, .42);
  backdrop-filter: blur(12px);
}

#ai-landing-page .ail-reading-preview p { margin: 0; font: 1rem/1.62 Georgia, serif; }
#ai-landing-page .ail-reading-preview .ail-reading-preview__label {
  margin-bottom: 8px;
  color: var(--ail-gold);
  font: 700 .65rem/1.2 "Montserrat", sans-serif;
  letter-spacing: .17em;
  text-transform: uppercase;
}
#ai-landing-page .ail-reading-preview .ail-reading-preview__question {
  margin-bottom: 12px;
  color: #f3e8cf;
  font-size: .88rem;
  font-style: italic;
}
#ai-landing-page .ail-reading-preview > span { display: block; margin-top: 13px; color: #938998; font-size: .64rem; }

#ai-landing-page .ail-orbit { position: absolute; color: var(--ail-gold); opacity: .7; }
#ai-landing-page .ail-orbit--one { top: 7%; right: 2%; font-size: 1.5rem; }
#ai-landing-page .ail-orbit--two { bottom: 20%; left: 0; font-size: 1.8rem; }

#ai-landing-page .ail-pain,
#ai-landing-page .ail-benefits,
#ai-landing-page .ail-process,
#ai-landing-page .ail-pricing,
#ai-landing-page .ail-faq { padding: 104px 0; }

#ai-landing-page .ail-section-heading { max-width: 750px; margin-bottom: 46px; }
#ai-landing-page .ail-section-heading--center { margin-right: auto; margin-left: auto; text-align: center; }
#ai-landing-page .ail-section-heading h2,
#ai-landing-page .ail-offer h2,
#ai-landing-page .ail-privacy h2,
#ai-landing-page .ail-final-cta h2 {
  margin-bottom: 19px;
  font-size: clamp(2.45rem, 4.6vw, 4.2rem);
  font-weight: 500;
  letter-spacing: -.025em;
}
#ai-landing-page .ail-section-heading > p:last-child { font-size: 1rem; line-height: 1.75; }

#ai-landing-page .ail-comparison {
  display: grid;
  grid-template-columns: 1fr 52px 1.08fr;
  align-items: stretch;
  gap: 22px;
}
#ai-landing-page .ail-comparison__card {
  padding: clamp(28px, 4vw, 45px);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
}
#ai-landing-page .ail-comparison__card--plain { opacity: .72; }
#ai-landing-page .ail-comparison__card--answer {
  border-color: rgba(229, 191, 109, .32);
  background: linear-gradient(145deg, rgba(64, 38, 71, .76), rgba(23, 16, 32, .92));
  box-shadow: 0 24px 60px rgba(0, 0, 0, .25);
}
#ai-landing-page .ail-comparison__tag { color: var(--ail-gold); font-size: .68rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
#ai-landing-page .ail-comparison__card p { margin: 27px 0 19px; font: 1.08rem/1.75 Georgia, serif; }
#ai-landing-page .ail-comparison__card--answer p { color: #f3e8d1; font-size: 1.2rem; }
#ai-landing-page .ail-comparison__card small { color: #928997; }
#ai-landing-page .ail-symbol-row { display: flex; margin-top: 25px; gap: 11px; color: #b8ad9e; }
#ai-landing-page .ail-symbol-row b { display: grid; width: 44px; height: 58px; place-items: center; border: 1px solid #665b68; border-radius: 3px; font: 1rem Georgia, serif; }
#ai-landing-page .ail-comparison__arrow { display: grid; place-items: center; color: var(--ail-gold); font-size: 1.8rem; }

#ai-landing-page .ail-benefits { position: relative; }
#ai-landing-page .ail-benefits::before,
#ai-landing-page .ail-process::before {
  position: absolute;
  right: 50%;
  left: 50%;
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(229, 191, 109, .24), transparent);
  content: "";
}
#ai-landing-page .ail-benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
#ai-landing-page .ail-benefit-grid article {
  min-height: 270px;
  padding: 30px 26px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 7px;
  background: rgba(255, 255, 255, .025);
}
#ai-landing-page .ail-benefit-grid article > span { color: var(--ail-gold); font: italic 1.05rem Georgia, serif; }
#ai-landing-page .ail-benefit-grid h3 { margin: 50px 0 15px; font-size: 1.7rem; font-weight: 600; }
#ai-landing-page .ail-benefit-grid p { margin: 0; font-size: .84rem; line-height: 1.7; }

#ai-landing-page .ail-process { position: relative; display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; }
#ai-landing-page .ail-steps { margin: 0; padding: 0; list-style: none; }
#ai-landing-page .ail-steps li { display: grid; grid-template-columns: 50px 1fr; padding: 0 0 28px; gap: 20px; }
#ai-landing-page .ail-steps li:not(:last-child) { margin-bottom: 28px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
#ai-landing-page .ail-steps li > span { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(229, 191, 109, .55); border-radius: 50%; color: var(--ail-gold); font: 1.2rem Georgia, serif; }
#ai-landing-page .ail-steps h3 { margin: 0 0 6px; font-size: 1.55rem; }
#ai-landing-page .ail-steps p { margin: 0; font-size: .84rem; line-height: 1.6; }

#ai-landing-page .ail-offer {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  align-items: center;
  margin: 40px 0 70px;
  padding: clamp(40px, 7vw, 82px);
  gap: 55px;
  border: 1px solid rgba(229, 191, 109, .38);
  border-radius: 11px;
  background:
    radial-gradient(circle at 85% 50%, rgba(215, 169, 77, .16), transparent 32%),
    linear-gradient(145deg, #211329, #11101d 67%);
  box-shadow: 0 35px 80px rgba(0, 0, 0, .3);
}
#ai-landing-page .ail-offer__copy > p:not(.ail-kicker) { max-width: 670px; margin-bottom: 26px; line-height: 1.75; }
#ai-landing-page .ail-offer__copy ul { display: grid; margin: 27px 0 0; padding: 0; gap: 8px; color: #bdb2a6; font-size: .78rem; list-style: none; }
#ai-landing-page .ail-offer__copy li::before { margin-right: 9px; color: var(--ail-gold); content: "✓"; }
#ai-landing-page .ail-offer__badge {
  display: flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid rgba(237, 205, 129, .55);
  border-radius: 50%;
  outline: 1px solid rgba(237, 205, 129, .16);
  outline-offset: 10px;
  background: rgba(9, 8, 17, .5);
  text-align: center;
}
#ai-landing-page .ail-offer__badge span { color: var(--ail-gold-light); font: 500 clamp(4rem, 9vw, 7rem)/.7 "Cormorant Garamond", serif; }
#ai-landing-page .ail-offer__badge strong { margin-top: 20px; color: var(--ail-ink); font: 600 1.05rem "Cormorant Garamond", serif; }
#ai-landing-page .ail-offer__badge em { color: var(--ail-gold); font: italic 1.5rem "Cormorant Garamond", serif; }
#ai-landing-page .ail-offer__badge small { margin-top: 13px; color: #8f8490; font-size: .62rem; }

#ai-landing-page .ail-price-grid { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 18px; }
#ai-landing-page .ail-price-grid article { position: relative; padding: 36px 28px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 8px; background: rgba(255, 255, 255, .025); text-align: center; }
#ai-landing-page .ail-price-grid article > span { display: block; min-height: 34px; color: #978d98; font-size: .7rem; }
#ai-landing-page .ail-price-grid article > strong { display: block; color: #f3ead6; font: 600 2rem "Cormorant Garamond", serif; }
#ai-landing-page .ail-price-grid article > p { margin: 18px 0 3px; color: var(--ail-gold-light); font: 500 2.2rem "Cormorant Garamond", serif; }
#ai-landing-page .ail-price-grid article > small { color: #847b86; font-size: .67rem; }
#ai-landing-page .ail-price-grid .ail-price-card--popular { padding-top: 52px; padding-bottom: 52px; border-color: rgba(229, 191, 109, .48); background: linear-gradient(180deg, rgba(78, 49, 84, .55), rgba(25, 18, 34, .65)); }
#ai-landing-page .ail-price-card--popular > em { position: absolute; top: 0; right: 24px; left: 24px; padding: 7px; border-radius: 0 0 6px 6px; background: var(--ail-gold); color: #211407; font-size: .62rem; font-style: normal; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
#ai-landing-page .ail-pricing__note { margin: 27px 0 0; text-align: center; }
#ai-landing-page .ail-pricing__note strong { color: var(--ail-gold-light); }

#ai-landing-page .ail-privacy { display: grid; grid-template-columns: 100px 1fr; align-items: center; margin: 30px 0; padding: 55px clamp(30px, 6vw, 72px); gap: 32px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 9px; background: rgba(255, 255, 255, .025); }
#ai-landing-page .ail-privacy__icon { display: grid; width: 82px; height: 82px; place-items: center; border: 1px solid rgba(229, 191, 109, .45); border-radius: 50%; color: var(--ail-gold); font-size: 2.8rem; }
#ai-landing-page .ail-privacy h2 { margin-bottom: 12px; font-size: clamp(2rem, 4vw, 3.2rem); }
#ai-landing-page .ail-privacy p:not(.ail-kicker) { margin-bottom: 11px; line-height: 1.7; }
#ai-landing-page .ail-privacy a { color: var(--ail-gold); font-size: .78rem; }

#ai-landing-page .ail-faq { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; }
#ai-landing-page .ail-faq details { border-bottom: 1px solid rgba(255, 255, 255, .11); }
#ai-landing-page .ail-faq summary { position: relative; padding: 23px 40px 23px 0; color: #eee3cf; cursor: pointer; font: 600 1.25rem "Cormorant Garamond", serif; list-style: none; }
#ai-landing-page .ail-faq summary::-webkit-details-marker { display: none; }
#ai-landing-page .ail-faq summary::after { position: absolute; top: 21px; right: 4px; color: var(--ail-gold); content: "+"; font: 300 1.5rem sans-serif; }
#ai-landing-page .ail-faq details[open] summary::after { content: "−"; }
#ai-landing-page .ail-faq details p { margin: 0; padding: 0 42px 24px 0; font-size: .85rem; line-height: 1.7; }

#ai-landing-page .ail-final-cta { margin: 20px 0 110px; padding: clamp(65px, 9vw, 110px) 25px; border-top: 1px solid rgba(229, 191, 109, .22); border-bottom: 1px solid rgba(229, 191, 109, .22); text-align: center; }
#ai-landing-page .ail-final-cta h2 { max-width: 780px; margin-right: auto; margin-left: auto; }
#ai-landing-page .ail-final-cta > p:last-child { margin: 15px 0 0; font-size: .72rem; }

.ail-mobile-cta { display: none; }

@media (max-width: 960px) {
  #ai-landing-page .ail-hero { grid-template-columns: 1fr; padding-top: 62px; }
  #ai-landing-page .ail-hero__copy { max-width: 760px; }
  #ai-landing-page .ail-hero__visual { width: min(620px, 100%); margin: 0 auto; }
  #ai-landing-page .ail-benefit-grid { grid-template-columns: repeat(2, 1fr); }
  #ai-landing-page .ail-process, #ai-landing-page .ail-faq { grid-template-columns: 1fr; gap: 20px; }
}

@media (max-width: 680px) {
  #ai-landing-page { padding-bottom: 72px; }
  #ai-landing-page .ail-page { width: min(100% - 28px, 1180px); }
  #ai-landing-page .ail-hero { min-height: auto; padding: 44px 0 64px; gap: 42px; }
  #ai-landing-page .ail-eyebrow, #ai-landing-page .ail-kicker { font-size: .62rem; letter-spacing: .13em; }
  #ai-landing-page .ail-hero h1 { font-size: clamp(2.7rem, 14vw, 4rem); }
  #ai-landing-page .ail-hero__lead { font-size: .95rem; line-height: 1.65; }
  #ai-landing-page .ail-button { width: 100%; padding-right: 17px; padding-left: 17px; font-size: .86rem; }
  #ai-landing-page .ail-trust-list { display: grid; grid-template-columns: 1fr; gap: 8px; }
  #ai-landing-page .ail-hero__visual { min-height: 430px; }
  #ai-landing-page .ail-card-stack { height: 290px; }
  #ai-landing-page .ail-card { width: 132px; }
  #ai-landing-page .ail-reading-preview { right: 0; bottom: 0; width: 96%; padding: 18px; }
  #ai-landing-page .ail-reading-preview p { font-size: .88rem; }
  #ai-landing-page .ail-pain, #ai-landing-page .ail-benefits, #ai-landing-page .ail-process, #ai-landing-page .ail-pricing, #ai-landing-page .ail-faq { padding: 72px 0; }
  #ai-landing-page .ail-section-heading h2, #ai-landing-page .ail-offer h2, #ai-landing-page .ail-final-cta h2 { font-size: 2.55rem; }
  #ai-landing-page .ail-comparison { grid-template-columns: 1fr; }
  #ai-landing-page .ail-comparison__arrow { height: 28px; transform: rotate(90deg); }
  #ai-landing-page .ail-comparison__card { padding: 26px 22px; }
  #ai-landing-page .ail-benefit-grid { grid-template-columns: 1fr; }
  #ai-landing-page .ail-benefit-grid article { min-height: 220px; }
  #ai-landing-page .ail-benefit-grid h3 { margin-top: 38px; }
  #ai-landing-page .ail-offer { grid-template-columns: 1fr; margin: 25px 0 50px; padding: 38px 23px 50px; }
  #ai-landing-page .ail-offer__badge { width: min(245px, 82%); margin: 5px auto 0; }
  #ai-landing-page .ail-price-grid { grid-template-columns: 1fr; }
  #ai-landing-page .ail-price-grid .ail-price-card--popular { padding-top: 48px; padding-bottom: 40px; }
  #ai-landing-page .ail-privacy { grid-template-columns: 1fr; padding: 36px 24px; }
  #ai-landing-page .ail-privacy__icon { width: 62px; height: 62px; font-size: 2rem; }
  #ai-landing-page .ail-final-cta { margin-bottom: 40px; padding-right: 0; padding-left: 0; }
  .ail-mobile-cta {
    position: fixed;
    z-index: 999;
    right: 10px;
    bottom: 10px;
    left: 10px;
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #f3d58f;
    border-radius: 7px;
    background: linear-gradient(135deg, #f1d58f, #c9973d);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .55);
    color: #211407;
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
  }
  .ail-mobile-cta span { font-size: .84rem; font-weight: 800; }
  .ail-mobile-cta small { margin-top: 1px; font-size: .59rem; }
  .dropdown-menu { width: min(18rem, calc(100vw - 1rem)) !important; max-width: calc(100vw - 1rem) !important; }
  .dropdown-menu li, .dropdown-menu .page-link { width: auto !important; max-width: 100% !important; box-sizing: border-box; }
}

@media (prefers-reduced-motion: reduce) {
  #ai-landing-page .ail-button { transition: none; }
}