.agenda-page{
  --agenda-primary:#0f766e;
  --agenda-primary-soft:#ccfbf1;
  --agenda-accent:#f59e0b;
  --agenda-ink:#11212d;
  --agenda-muted:#5f6b76;
  --agenda-surface:#ffffff;
  --agenda-surface-alt:#f4f8f7;
  --agenda-border:#d9e7e3;
  --agenda-shadow:0 18px 48px rgba(17, 33, 45, 0.08);
  background:
    radial-gradient(circle at top left, rgba(15, 118, 110, 0.08), transparent 34%),
    linear-gradient(180deg, #f6fbfa 0%, #ffffff 24%, #f5f8fb 100%);
}

.agenda-page .navbar-brand,
.agenda-page h1,
.agenda-page h2,
.agenda-page h3,
.agenda-page h4{
  color:var(--agenda-ink);
}

.agenda-hero{
  padding-top:7.5rem;
  padding-bottom:5rem;
}

.agenda-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.6rem 1rem;
  border-radius:999px;
  background:rgba(15, 118, 110, 0.1);
  color:var(--agenda-primary);
  font-weight:700;
  letter-spacing:.02em;
}

.agenda-display{
  font-size:clamp(2.5rem, 5vw, 4.75rem);
  line-height:.96;
  letter-spacing:-.04em;
  max-width:12ch;
}

.agenda-lead{
  max-width:60ch;
  color:var(--agenda-muted);
  font-size:1.1rem;
}

.agenda-actions{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
}

.agenda-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
  margin-top:1.5rem;
}

.agenda-metric{
  background:rgba(255, 255, 255, 0.78);
  border:1px solid rgba(217, 231, 227, 0.8);
  border-radius:1.25rem;
  padding:1rem 1.1rem;
  box-shadow:var(--agenda-shadow);
}

.agenda-metric strong{
  display:block;
  font-size:1.7rem;
  line-height:1;
  color:var(--agenda-ink);
}

.agenda-metric span{
  display:block;
  margin-top:.4rem;
  color:var(--agenda-muted);
  font-size:.94rem;
}

.agenda-panel{
  position:relative;
  background:linear-gradient(180deg, #11312d 0%, #152c35 100%);
  border-radius:2rem;
  padding:1.5rem;
  border:1px solid rgba(255,255,255,.08);
  color:#ecfeff;
  box-shadow:0 28px 60px rgba(17, 33, 45, 0.22);
  overflow:hidden;
}

.agenda-panel::before{
  content:"";
  position:absolute;
  inset:auto -20% -30% auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245, 158, 11, 0.35), transparent 68%);
}

.agenda-panel-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}

.agenda-chip{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.45rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#d5fffb;
  font-size:.82rem;
}

.agenda-app{
  background:#f7fffd;
  color:var(--agenda-ink);
  border-radius:1.6rem;
  padding:1.25rem;
}

.agenda-app h3{
  font-size:1.1rem;
  margin-bottom:.9rem;
}

.agenda-schedule{
  display:grid;
  gap:.75rem;
}

.agenda-slot{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 1rem;
  border-radius:1rem;
  background:#ffffff;
  border:1px solid #dbe7e3;
}

.agenda-slot strong{
  display:block;
  font-size:.98rem;
}

.agenda-slot span{
  color:var(--agenda-muted);
  font-size:.88rem;
}

.agenda-slot b{
  color:var(--agenda-primary);
}

.agenda-price-card{
  margin-top:1rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  border-radius:1.25rem;
  padding:1rem 1.1rem;
}

.agenda-section{
  padding:5rem 0;
}

.agenda-section-muted{
  background:linear-gradient(180deg, rgba(15, 118, 110, 0.04), rgba(255,255,255,0));
}

.agenda-section-title{
  max-width:14ch;
  font-size:clamp(2rem, 3vw, 3.2rem);
  line-height:1;
  letter-spacing:-.03em;
}

.agenda-section-copy{
  color:var(--agenda-muted);
  max-width:62ch;
}

.agenda-card,
.agenda-step,
.agenda-plan,
.agenda-faq-item,
.agenda-highlight{
  background:var(--agenda-surface);
  border:1px solid var(--agenda-border);
  border-radius:1.5rem;
  box-shadow:var(--agenda-shadow);
}

.agenda-card{
  height:100%;
  padding:1.6rem;
}

.agenda-link-card{
  display:block;
  height:100%;
  padding:1.6rem;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.agenda-link-card:hover{
  transform:translateY(-4px);
  text-decoration:none;
  border-color:rgba(15, 118, 110, 0.35);
  box-shadow:0 22px 54px rgba(17, 33, 45, 0.12);
}

.agenda-icon{
  width:3rem;
  height:3rem;
  display:grid;
  place-items:center;
  margin-bottom:1rem;
  border-radius:1rem;
  background:var(--agenda-primary-soft);
  color:var(--agenda-primary);
  font-size:1.2rem;
}

.agenda-card p,
.agenda-step p,
.agenda-plan p,
.agenda-highlight p,
.agenda-faq-item p{
  color:var(--agenda-muted);
  margin-bottom:0;
}

.agenda-highlight{
  padding:2rem;
  background:linear-gradient(135deg, #ffffff, #f3fbf9);
}

.agenda-highlight ul,
.agenda-plan ul{
  padding-left:1.1rem;
  color:var(--agenda-muted);
}

.agenda-highlight li,
.agenda-plan li{
  margin-bottom:.55rem;
}

.agenda-steps{
  counter-reset:agenda-step;
}

.agenda-feature{
  padding:2rem;
  scroll-margin-top:92px;
}

.agenda-feature-copy{
  color:var(--agenda-muted);
  font-size:1.02rem;
  line-height:1.8;
}

.agenda-feature-visual{
  height:100%;
  min-height:280px;
  padding:1.8rem;
  background:
    radial-gradient(circle at top right, rgba(245, 158, 11, 0.2), transparent 34%),
    linear-gradient(135deg, #11312d 0%, #16343d 100%);
  color:#f6fffd;
  border-radius:1.7rem;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 54px rgba(17, 33, 45, 0.18);
}

.agenda-feature-visual h3,
.agenda-feature-visual h4{
  color:#ffffff;
}

.agenda-mini-list{
  display:grid;
  gap:.8rem;
  margin-top:1.2rem;
}

.agenda-mini-item{
  padding:.9rem 1rem;
  border-radius:1rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.09);
}

.agenda-mini-item strong{
  display:block;
  margin-bottom:.2rem;
}

.agenda-note{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .85rem;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#dcfffa;
  font-size:.84rem;
}

.agenda-step{
  position:relative;
  padding:1.6rem;
  height:100%;
}

.agenda-step::before{
  counter-increment:agenda-step;
  content:counter(agenda-step);
  display:grid;
  place-items:center;
  width:2.6rem;
  height:2.6rem;
  border-radius:50%;
  background:var(--agenda-primary);
  color:#fff;
  font-weight:700;
  margin-bottom:1rem;
}

.agenda-pricing{
  background:linear-gradient(180deg, rgba(15, 118, 110, 0.06), rgba(15, 118, 110, 0.02));
}

.agenda-plan{
  position:relative;
  padding:1.8rem;
  height:100%;
}

.agenda-plan.is-featured{
  border-color:rgba(15, 118, 110, 0.45);
  box-shadow:0 20px 54px rgba(15, 118, 110, 0.16);
}

.agenda-plan-badge{
  display:inline-flex;
  margin-bottom:1rem;
  padding:.42rem .7rem;
  border-radius:999px;
  background:#fff7ed;
  color:#b45309;
  font-size:.78rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.agenda-plan-price{
  font-size:2.5rem;
  line-height:1;
  font-weight:800;
  letter-spacing:-.04em;
  color:var(--agenda-ink);
}

.agenda-plan-price small{
  font-size:1rem;
  font-weight:600;
  color:var(--agenda-muted);
}

.agenda-faq{
  display:grid;
  gap:1rem;
}

.agenda-faq-item{
  padding:1.35rem 1.5rem;
}

.agenda-faq-item h3{
  font-size:1.08rem;
  margin-bottom:.45rem;
}

.agenda-cta{
  padding:5rem 0 6rem;
}

.agenda-cta-box{
  background:linear-gradient(135deg, #123c36, #16343d);
  color:#f3fffd;
  border-radius:2rem;
  padding:2.4rem;
  overflow:hidden;
  position:relative;
}

.agenda-cta-box::after{
  content:"";
  position:absolute;
  inset:auto -60px -80px auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245, 158, 11, 0.32), transparent 62%);
}

.agenda-cta-box p,
.agenda-cta-box li{
  color:rgba(243, 255, 253, 0.82);
}

.agenda-cta-list{
  display:grid;
  gap:.75rem;
  padding-left:1.2rem;
}

.agenda-page .btn-brand{
  --bs-btn-bg:var(--agenda-primary);
  --bs-btn-border-color:var(--agenda-primary);
  --bs-btn-hover-bg:#0b5f59;
  --bs-btn-hover-border-color:#0b5f59;
}

.agenda-page .btn-outline-brand{
  --bs-btn-color:var(--agenda-primary);
  --bs-btn-border-color:rgba(15, 118, 110, 0.32);
  --bs-btn-hover-bg:var(--agenda-primary);
  --bs-btn-hover-border-color:var(--agenda-primary);
  --bs-btn-hover-color:#fff;
}

@media (max-width: 991.98px){
  .agenda-hero{
    padding-top:6.75rem;
  }

  .agenda-display,
  .agenda-section-title{
    max-width:none;
  }
}

@media (max-width: 767.98px){
  .agenda-metrics{
    grid-template-columns:1fr;
  }

  .agenda-panel{
    margin-top:1rem;
  }

  .agenda-feature{
    padding:1.5rem;
  }
}