.masthead .navlinks .planner-nav {
  border: 1px solid #d7ab8580;
  border-radius: 6px;
  padding: 9px 14px;
  color: #f3c7a4;
  background: #d7ab8517;
  font-weight: 700;
}

.maadan-carousel .hero-copy[hidden] { display: none; }
.maadan-carousel .planner-copy h2 {
  max-width: 10ch;
  margin: 0;
  color: #f1f4f1;
  font-size: clamp(42px, 5.2vw, 76px);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.maadan-carousel .planner-copy .eyebrow { color: #edb98e; }
.planner-slide {
  background: radial-gradient(ellipse at 78% 50%, #33464b, transparent 60%), #192226;
}
.planner-slide::before, .planner-feature::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(115deg, transparent 0 40px, #e3ad8613 41px 42px, transparent 43px 60px);
  mask-image: linear-gradient(90deg, transparent, #0008, #000);
}
.planner-slide-visual {
  position: absolute;
  inset-inline-end: 8%;
  top: 23%;
  width: min(47%, 650px);
}
.planner-preview {
  position: relative;
  border: 1px solid #b9d5db44;
  border-radius: 12px;
  overflow: hidden;
  background: #202c31;
  box-shadow: 0 24px 60px #0006;
}
.planner-preview > span {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 12px;
  padding: 5px 8px;
  border: 1px solid #d7ab8566;
  border-radius: 4px;
  background: #162126;
  color: #f3c7a4;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: .08em;
  z-index: 1;
}
.planner-preview img, .maadan-carousel .planner-slide .planner-preview img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: none;
  animation: none;
}

.maadan-carousel.is-planner-slide .hero-visual::after {
  background: linear-gradient(0deg, #192226 0%, transparent 19%);
  pointer-events: none;
}
.planner-feature {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-block: 20px 64px;
  padding: clamp(24px, 5vw, 66px);
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: clamp(20px, 4vw, 62px);
  align-items: center;
  border: 1px solid #c6977359;
  border-radius: 12px;
  background: radial-gradient(ellipse at 80% 20%, #3b4c51, transparent 65%), #253035;
}
.planner-feature::before { z-index: -1; }
.planner-feature h2 { font-size: clamp(34px, 4vw, 58px); line-height: 1.08; margin: 12px 0; }
.planner-feature p:not(.eyebrow) { color: #d2dada; line-height: 1.65; }
.planner-feature .button { margin-top: 20px; }
.planner-feature-preview { display: grid; grid-template-columns: 1fr 1.1fr; gap: 12px; align-items: center; }
.planner-feature-preview .planner-preview:first-child { transform: translateY(12px); }
.planner-feature-preview .planner-preview:last-child { transform: translateY(-12px); }
body { isolation: isolate; }
body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(ellipse at 75% 35%, #aec6cd16, transparent 55%), radial-gradient(ellipse at 25% 80%, #c7956b15, transparent 52%);
}
@media (prefers-reduced-motion: no-preference) {
  .planner-slide[aria-hidden=false] .planner-slide-visual { animation: planner-float 6s ease-in-out infinite alternate; }
  .planner-feature::before { animation: planner-sweep 18s linear infinite alternate; }
  body::after { animation: planner-ambient 20s ease-in-out infinite alternate; }
}
@keyframes planner-float { to { transform: translateY(-10px); } }
@keyframes planner-sweep { to { transform: translateX(5%); opacity: .55; } }
@keyframes planner-ambient { to { transform: translateX(-8%) scale(1.15); opacity: .55; } }
@media (max-width: 760px) {
  .maadan-carousel.is-planner-slide .planner-copy { justify-content: flex-start; padding-top: 132px; }
  .maadan-carousel.is-planner-slide .planner-copy .eyebrow { margin-bottom: 14px; }
  .maadan-carousel .planner-copy h2 { font-size: clamp(36px, 9vw, 48px); }
  .maadan-carousel .planner-copy > p:not(.eyebrow) { margin-top: 12px; }
  .maadan-carousel .planner-copy .hero-actions { margin-top: 14px; }
  .maadan-carousel.is-planner-slide .hero-visual { height: 100%; }
  .planner-slide-visual { inset-inline: 12%; width: auto; top: auto; bottom: 108px; }
  .planner-slide-visual img { max-height: 150px; object-fit: contain; }
  .planner-feature { grid-template-columns: 1fr; }
  .planner-feature-preview { gap: 8px; }
  .maadan-slide-dots button { min-width: clamp(14px, 4.7vw, 20px); width: clamp(14px, 4.7vw, 20px); }
}