/* ==========================================================
   KARIZMATIVE — Design tokens
   Palette: deep navy + royal blue + warm marigold gold on a
   warm paper background. Three division accents (blue /
   marigold / teal) run through cards, icons and the orbit mark.
   ========================================================== */
:root{
  --navy:        #10203D;
  --royal:       #1F3E77;
  --royal-light: #3A5FA6;
  --gold:        #D9A441;
  --gold-deep:   #B8842B;
  --paper:       #FBF7EE;
  --paper-dim:   #F3EDDF;
  --ink:         #1B2436;
  --slate:       #5B6478;
  --line:        #E7DFCB;
  --white:       #FFFFFF;

  --academy-accent:  #2451B4;
  --coaching-accent: #D9722C;
  --study-accent:    #1F7A63;

  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 9px;
  --shadow-soft: 0 20px 45px -25px rgba(16,32,61,.35);
  --shadow-lift: 0 30px 60px -20px rgba(16,32,61,.4);

  --font-display: 'Outfit', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-accent: 'Fraunces', Georgia, serif;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

html{ scroll-behavior: smooth; }
body{
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--paper);
  overflow-x: hidden;
}
h1,h2,h3,h4,h5,.display-font{ font-family: var(--font-display); color: var(--navy); font-weight: 700; letter-spacing: -0.01em; }
p{ color: var(--slate); line-height: 1.7; }
a{ text-decoration: none; }
::selection{ background: var(--gold); color: var(--navy); }

.skip-link{
  position:absolute; left:-999px; top:0; background:var(--navy); color:#fff; padding:.6rem 1rem; z-index:2000; border-radius:0 0 8px 0;
}
.skip-link:focus{ left:0; }

:focus-visible{ outline: 3px solid var(--gold); outline-offset: 2px; }

.eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family: var(--font-body); font-weight:700; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color: var(--royal); margin-bottom: .9rem;
}
.eyebrow::before{ content:""; width:22px; height:2px; background: var(--gold); display:inline-block; }
.eyebrow.on-dark{ color: var(--gold); }

.section{ padding: 5.5rem 0; }
.section-tight{ padding: 3.5rem 0; }
.bg-paper-dim{ background: var(--paper-dim); }
.bg-navy{ background: var(--navy); color: #fff; }
.bg-navy p{ color: #C7CEE2; }
.bg-navy h1,.bg-navy h2,.bg-navy h3,.bg-navy h4{ color:#fff; }

.section-title{ font-size: clamp(1.7rem, 1.2rem + 2vw, 2.6rem); margin-bottom: 1rem; }
.section-lead{ max-width: 640px; }

/* ---------- Top utility bar ---------- */
.topbar{ background: var(--navy); color: #DCE3F5; font-size: .82rem; padding: .45rem 0; }
.topbar-inner{ display:flex; gap:1.5rem; align-items:center; }
.topbar-item a{ color:#DCE3F5; }
.topbar-item a:hover{ color: var(--gold); }
.topbar-right{ margin-left:auto; opacity:.85; font-family: var(--font-accent); font-style:italic; }

/* ---------- Navbar ---------- */
.site-navbar{ background: rgba(251,247,238,.92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); transition: box-shadow .3s ease, padding .3s ease; padding: .65rem 0; }
.site-navbar.scrolled{ box-shadow: var(--shadow-soft); padding: .35rem 0; }
.navbar-brand{ display:flex; align-items:center; gap:.6rem; }
.brand-word{ font-family: var(--font-display); font-weight: 800; color: var(--navy); font-size:1.25rem; line-height:1; display:flex; flex-direction:column; }
.brand-word small{ font-family: var(--font-accent); font-style: italic; font-weight:400; font-size: .62rem; color: var(--gold-deep); letter-spacing:.03em; }
.orbit-mark svg{ display:block; }
.orbit-mark{ height: 50px; }
.orbit-mark img{ height:100%; }
.nav-link{ font-weight:600; color: var(--ink) !important; padding: .5rem .9rem !important; }
.nav-link.active, .nav-link:hover{ color: var(--royal) !important; }
.dropdown-menu{ border:none; box-shadow: var(--shadow-soft); border-radius: var(--radius-md); padding:.5rem; }
.dropdown-item{ border-radius: 8px; padding:.55rem .8rem; font-weight:600; }
.dropdown-item:hover{ background: var(--paper-dim); }
.btn-cta{
  background: var(--gold); color: var(--navy) !important; font-weight:700; border-radius: 999px; padding: .55rem 1.3rem;
  border: none; box-shadow: 0 10px 24px -12px rgba(217,164,65,.7); transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.btn-cta:hover{ transform: translateY(-2px); box-shadow: 0 16px 30px -12px rgba(217,164,65,.85); background: var(--gold-deep); color:#fff !important; }
.btn-outline-royal{ border:1.5px solid var(--royal); color: var(--royal); font-weight:700; border-radius:999px; padding:.55rem 1.3rem; background:transparent; transition:.25s; }
.btn-outline-royal:hover{ background: var(--royal); color:#fff; }
.btn-ghost-light{ border:1.5px solid rgba(255,255,255,.5); color:#fff; font-weight:700; border-radius:999px; padding:.55rem 1.3rem; background:transparent; transition:.25s; }
.btn-ghost-light:hover{ background:#fff; color: var(--navy); }

/* ---------- Hero (orbit signature) ---------- */
.hero{
  position: relative; padding: 6rem 0 5rem; background:
    radial-gradient(circle at 85% 10%, rgba(217,164,65,.18), transparent 45%),
    radial-gradient(circle at 5% 90%, rgba(31,62,119,.14), transparent 40%),
    var(--paper);
  overflow: hidden;
}
.hero-kicker{ font-family: var(--font-accent); font-style: italic; color: var(--gold-deep); font-size: 1.05rem; }
.hero h1{ font-size: clamp(2.3rem, 1.6rem + 3vw, 3.6rem); line-height:1.08; }
.hero h1 .accent{ color: var(--royal); }
.hero-stats{ display:flex; gap: 2.2rem; margin-top: 2.2rem; flex-wrap: wrap; }
.hero-stat b{ display:block; font-family: var(--font-display); font-size: 1.9rem; color: var(--navy); }
.hero-stat span{ font-size:.82rem; color: var(--slate); font-weight:600; }

.orbit-stage{ position: relative; width: 100%; max-width: 460px; aspect-ratio: 1/1; margin: 0 auto; }
.orbit-core{
  position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);
  width: 128px; height:128px; border-radius:50%;
  background: linear-gradient(155deg, var(--royal), var(--navy));
  display:flex;flex-direction: column; align-items:center; justify-content:center; color:#fff;
  text-align:center; font-family: var(--font-display); font-weight:800; font-size:.85rem; line-height:1.2;
  box-shadow: 0 25px 50px -18px rgba(16,32,61,.55); z-index:3; padding: .6rem;
}
.orbit-ring{ position:absolute; top:50%; left:50%; border:1.5px dashed rgba(31,62,119,.28); border-radius:50%; transform: translate(-50%,-50%); }
.orbit-ring.r1{ width: 74%; height:74%; animation: spin 34s linear infinite; }
.orbit-ring.r2{ width: 100%; height:100%; animation: spin 48s linear infinite reverse; }
@keyframes spin{ to{ transform: translate(-50%,-50%) rotate(360deg); } }

.orbit-node{
  position:absolute; width: 108px; padding: .7rem .85rem; background:#fff; border-radius: var(--radius-md);
  box-shadow: var(--shadow-soft); text-align:center; z-index:4; transition: transform .3s ease, box-shadow .3s ease;
}
.orbit-node:hover{ transform: translateY(-4px) scale(1.04); box-shadow: var(--shadow-lift); }
.orbit-node i{ font-size:1.3rem; display:block; margin-bottom:.25rem; }
.orbit-node span{ font-size:.72rem; font-weight:700; color: var(--navy); display:block; line-height:1.2; }
.orbit-node.academy{ top: 4%; left: 50%; transform: translateX(-50%); }
.orbit-node.academy i{ color: var(--academy-accent); }
.orbit-node.coaching{ bottom: 10%; left: 2%; }
.orbit-node.coaching i{ color: var(--coaching-accent); }
.orbit-node.study{ bottom: 10%; right: 2%; }
.orbit-node.study i{ color: var(--study-accent); }

.scroll-indicator{ display:flex; align-items:center; gap:.6rem; margin-top: 3.5rem; color: var(--slate); font-size:.8rem; font-weight:600; }
.scroll-indicator .dot{ width:8px; height:8px; border-radius:50%; background: var(--gold); animation: pulse 1.8s ease-in-out infinite; }
@keyframes pulse{ 0%,100%{ opacity:.4; transform: scale(.85);} 50%{ opacity:1; transform: scale(1);} }

/* ---------- Reveal-on-scroll ---------- */
.reveal{ opacity:0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible{ opacity:1; transform: translateY(0); }
.stagger > *{ transition-delay: calc(var(--i, 0) * 90ms); }

/* ---------- Cards ---------- */
.card-soft{
  background:#fff; border-radius: var(--radius-lg); padding: 2rem 1.8rem; border: 1px solid var(--line);
  box-shadow: var(--shadow-soft); height:100%; transition: transform .35s ease, box-shadow .35s ease;
}
.card-soft:hover{ transform: translateY(-6px); box-shadow: var(--shadow-lift); }
.card-icon{ width:56px; height:56px; border-radius: 16px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; margin-bottom:1.2rem; }

.course-chip{
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:.7rem;
  background:#fff; border:1px solid rgba(217,114,44,.14); border-radius:16px;
  padding:1.6rem 1.1rem; height:100%;
  text-decoration:none; box-shadow: 0 6px 16px -12px rgba(15,20,40,.18);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.course-chip:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-lift);
  border-color: var(--coaching-accent);
  background: linear-gradient(135deg, rgba(217,114,44,.06), #fff);
}
.course-chip-icon{
  flex: 0 0 auto; width:48px; height:48px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(217,114,44,.12); color: var(--coaching-accent);
  font-size:1.25rem; transition: transform .22s ease, background .22s ease, color .22s ease;
}
.course-chip:hover .course-chip-icon{
  background: var(--coaching-accent); color:#fff; transform: scale(1.08) rotate(-4deg);
}
.course-chip-label{ font-weight:700; font-size:.9rem; color: var(--navy); line-height:1.3; }

/* Division cards */
.division-card{
  border-radius: var(--radius-lg); overflow:hidden; background:#fff; border:1px solid var(--line);
  box-shadow: var(--shadow-soft); height:100%; display:flex; flex-direction:column; transition: transform .35s ease, box-shadow .35s ease;
}
.division-card:hover{ transform: translateY(-8px); box-shadow: var(--shadow-lift); }
.division-media{ height: 170px; position:relative; display:flex; align-items:center; justify-content:center; }
.division-media i{ font-size: 3rem; color: rgba(255,255,255,.92); }
.division-body{ padding: 1.7rem; display:flex; flex-direction:column; flex:1; }
.division-tag{ font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:.5rem; }
.division-body ul{ list-style:none; padding:0; margin: 1rem 0; }
.division-body ul li{ padding-left:1.5rem; position:relative; margin-bottom:.5rem; color: var(--slate); font-size:.92rem; }
.division-body ul li::before{ content:"\F633"; font-family:"bootstrap-icons"; position:absolute; left:0; top:0; }

.bg-academy{ background: linear-gradient(135deg, var(--academy-accent), #12305F); }
.bg-coaching{ background: linear-gradient(135deg, var(--coaching-accent), #8F4413); }
.bg-study{ background: linear-gradient(135deg, var(--study-accent), #0F4A3C); }
.text-academy{ color: var(--academy-accent); }
.text-coaching{ color: var(--coaching-accent); }
.text-study{ color: var(--study-accent); }
.bg-academy-tint{ background: rgba(36,81,180,.1); }
.bg-coaching-tint{ background: rgba(217,114,44,.12); }
.bg-study-tint{ background: rgba(31,122,99,.1); }

/* ---------- Counters ---------- */
.stat-block{ text-align:center; }
.stat-num{ font-family: var(--font-display); font-weight:800; font-size: clamp(2rem, 1.4rem + 2vw, 3rem); color: var(--navy); }
.stat-label{ color: var(--slate); font-weight:600; font-size:.85rem; }

/* ---------- Timeline (why choose us / process) ---------- */
.process-step{ position:relative; padding-left: 3.2rem; margin-bottom: 2.2rem; }
.process-step:last-child{ margin-bottom:0; }
.process-step::before{
  content: attr(data-step); position:absolute; left:0; top:0; width: 2.4rem; height:2.4rem; border-radius:50%;
  background: var(--navy); color:#fff; display:flex; align-items:center; justify-content:center; font-family: var(--font-display); font-weight:700; font-size:.95rem;
}
.process-step::after{ content:""; position:absolute; left: 1.2rem; top: 2.4rem; bottom:-2.2rem; width:2px; background: var(--line); }
.process-step:last-child::after{ display:none; }

/* ---------- Gallery (real photos) ---------- */
.gallery-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap: .9rem; }
.gallery-tile{
  all: unset; cursor: pointer; position:relative; border-radius: var(--radius-md); overflow:hidden;
  aspect-ratio: 4/3; display:block; width:100%;
}
.gallery-tile .tile-fill{ position:absolute; inset:0; display:block; overflow:hidden; background: var(--paper-dim); }
.gallery-tile .tile-fill img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform .5s ease; }
.gallery-tile:hover .tile-fill img{ transform: scale(1.08); }
.gallery-tile:focus-visible{ outline: 3px solid var(--gold); outline-offset: 2px; }
.gallery-tile .tile-caption{
  position:absolute; left:0; right:0; bottom:0; padding: .8rem 1rem; background: linear-gradient(0deg, rgba(16,32,61,.85), transparent);
  color:#fff; font-weight:700; font-size:.85rem; opacity:0; transform: translateY(8px); transition:.35s; text-align:left;
}
.gallery-tile:hover .tile-caption{ opacity:1; transform:none; }

/* ---------- Gallery (icon placeholder fallback, shown until photos are uploaded) ---------- */
.gallery-tile-static{ position:relative; border-radius: var(--radius-md); overflow:hidden; aspect-ratio: 4/3; }
.gallery-tile-static .tile-fill{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.gallery-tile-static .tile-fill i{ font-size:2.2rem; color: rgba(255,255,255,.9); }
.gallery-tile-static .tile-caption{
  position:absolute; left:0; right:0; bottom:0; padding: .8rem 1rem; background: linear-gradient(0deg, rgba(16,32,61,.85), transparent);
  color:#fff; font-weight:700; font-size:.85rem;
}

@media (max-width: 767.98px){
  .gallery-grid{ grid-template-columns: repeat(2, 1fr); gap: .7rem; }
}

/* ---------- Lightbox ---------- */
.gallery-lightbox{
  position: fixed; inset:0; background: rgba(10,16,30,.94); z-index: 2000; padding: 2rem;
  display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition: opacity .3s ease;
}
.gallery-lightbox.is-open{ opacity:1; visibility:visible; }
.lightbox-stage{ max-width: 900px; width:100%; text-align:center; }
.lightbox-stage img{ max-width:100%; max-height:78vh; border-radius:14px; box-shadow: 0 30px 80px rgba(0,0,0,.5); background:#0c1526; }
.lightbox-caption{ color:#fff; margin-top:1.1rem; font-size:.95rem; opacity:.85; }
.lightbox-close, .lightbox-nav{
  position:absolute; border:none; background: rgba(255,255,255,.12); color:#fff; border-radius:50%;
  display:flex; align-items:center; justify-content:center; transition: background .25s ease;
}
.lightbox-close:hover, .lightbox-nav:hover{ background: rgba(255,255,255,.26); }
.lightbox-close{ top:1.4rem; right:1.6rem; width:44px; height:44px; font-size:1.1rem; }
.lightbox-nav{ top:50%; transform: translateY(-50%); width:52px; height:52px; font-size:1.35rem; }
.lightbox-prev{ left:1.6rem; }
.lightbox-next{ right:1.6rem; }
@media (max-width: 575.98px){
  .lightbox-nav{ width:40px; height:40px; font-size:1.1rem; }
  .lightbox-prev{ left:.5rem; }
  .lightbox-next{ right:.5rem; }
  .lightbox-close{ top:.7rem; right:.7rem; }
}

/* ---------- Testimonials ---------- */
.testimonial-card{ background:#fff; border-radius: var(--radius-lg); padding: 2rem; border:1px solid var(--line); box-shadow: var(--shadow-soft); height:100%; }
.testimonial-quote{ font-family: var(--font-accent); font-style: italic; color: var(--ink); font-size:1.05rem; }
.testimonial-stars{ color: var(--gold); margin-bottom: .8rem; }
.testimonial-avatar{ width:44px; height:44px; border-radius:50%; background: var(--navy); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-family: var(--font-display); }


/* ---------- Testimonial slider ---------- */
.testimonial-slider{ padding: 0 3.2rem; }
.testimonial-slider .carousel-inner{ overflow: visible; }
.testimonial-slider .carousel-item{ transition: opacity .5s ease, transform .5s ease; }
.testimonial-arrow{
  width: 44px; height:44px; border-radius:50%; background:#fff; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; color: var(--navy); box-shadow: var(--shadow-soft);
  transition: transform .25s ease, background .25s ease, color .25s ease;
}
.testimonial-slider .carousel-control-prev,
.testimonial-slider .carousel-control-next{ width:auto; opacity:1; top:50%; transform: translateY(-50%); }
.testimonial-slider .carousel-control-prev{ left:-3.2rem; }
.testimonial-slider .carousel-control-next{ right:-3.2rem; }
.testimonial-slider .carousel-control-prev:hover .testimonial-arrow,
.testimonial-slider .carousel-control-next:hover .testimonial-arrow{ background: var(--navy); color:#fff; transform: scale(1.06); }
.testimonial-indicators{ position: static; margin-top: 1.6rem; }
.testimonial-indicators [data-bs-target]{
  width:9px; height:9px; border-radius:50%; background: var(--line); opacity:1; border:none; margin: 0 4px;
}
.testimonial-indicators .active{ background: var(--gold); width:22px; border-radius:5px; }
@media (max-width: 767.98px){
  .testimonial-slider{ padding: 0 2.6rem; }
  .testimonial-slider .carousel-control-prev{ left:-1.2rem; }
  .testimonial-slider .carousel-control-next{ right:-1.2rem; }
  .testimonial-arrow{ width:36px; height:36px; }
}

/* ---------- FAQ ---------- */
.accordion-item{ border:none; border-bottom: 1px solid var(--line); background:transparent; }
.accordion-button{ font-family: var(--font-display); font-weight:700; color: var(--navy); background:transparent; padding: 1.2rem 0; box-shadow:none !important; }
.accordion-button:not(.collapsed){ color: var(--royal); background:transparent; }
.accordion-button::after{ filter: hue-rotate(180deg); }
.accordion-body{ padding: 0 0 1.4rem; }

/* ---------- Forms ---------- */
.form-label{ color: var(--ink); font-weight:600; }
.form-check-label{ color: var(--ink); }
.form-control, .form-select{
  border-radius: var(--radius-sm); border:1.5px solid var(--line); padding: .7rem 1rem; background:#fff;
}
.form-control:focus, .form-select:focus{ border-color: var(--royal); box-shadow: 0 0 0 .2rem rgba(31,62,119,.15); }
.form-feedback{ font-size:.85rem; font-weight:600; min-height:1.2em; margin-top:.4rem; }
.form-feedback.ok{ color: var(--study-accent); }
.form-feedback.err{ color: #B8422E; }

.newsletter-form{ display:flex; gap:.5rem; margin-bottom:.3rem; }
.newsletter-form .form-control{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); color:#fff; }
.newsletter-form .form-control::placeholder{ color: rgba(255,255,255,.6); }

/* ---------- Admission CTA band ---------- */
.cta-band{
  border-radius: var(--radius-lg); background: linear-gradient(120deg, var(--navy), var(--royal));
  padding: 3.2rem; position: relative; overflow:hidden; color:#fff;
}
.cta-band::before{
  content:""; position:absolute; width:340px; height:340px; border-radius:50%; background: rgba(217,164,65,.16);
  top:-140px; right:-100px;
}

/* ---------- Footer ---------- */
.footer-map{ height: 320px; filter: grayscale(.25) contrast(1.05); }
.site-footer{ background: var(--navy); color:#C7CEE2; }
.footer-main{ padding: 4rem 0 2rem; }
.footer-brand{ color:#fff; margin: .6rem 0 .5rem; font-size:1.4rem; }
.footer-tagline{ color:#AEB8D2; font-size:.92rem; }
.footer-heading{ color:#fff; font-weight:700; margin-bottom:1rem; font-size:.85rem; letter-spacing:.06em; text-transform:uppercase; }
.footer-links{ list-style:none; padding:0; }
.footer-links li{ margin-bottom:.6rem; }
.footer-links a{ color:#B9C2DC; }
.footer-links a:hover{ color: var(--gold); }
.footer-socials{ display:flex; gap:.7rem; margin: .8rem 0 1.2rem; }
.footer-socials a{ width:38px; height:38px; border-radius:50%; background: rgba(255,255,255,.08); color:#fff; display:flex; align-items:center; justify-content:center; transition:.25s; }
.footer-socials a:hover{ background: var(--gold); color: var(--navy); }
.footer-newsletter-copy{ font-size:.88rem; color:#AEB8D2; }
.footer-address{ font-style:normal; font-size:.85rem; color:#AEB8D2; margin-top:1rem; line-height:1.9; }
.footer-address a{ color:#DCE3F5; }
.footer-bottom{ border-top:1px solid rgba(255,255,255,.1); padding: 1.1rem 0; font-size:.8rem; color:#8E98B8; }

.back-to-top{
  position: fixed; right: 1.4rem; bottom: 1.4rem; width: 46px; height:46px; border-radius:50%;
  background: var(--navy); color:#fff; display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transform: translateY(10px); transition:.3s; z-index:1000; box-shadow: var(--shadow-soft);
}
.back-to-top.show{ opacity:1; visibility:visible; transform:none; }
.back-to-top:hover{ background: var(--gold); color: var(--navy); }

/* ---------- Page hero for division/inner pages ---------- */
.page-hero{ padding: 4.5rem 0 4rem; position:relative; overflow:hidden; }
.page-hero .breadcrumb-row{ font-size:.85rem; font-weight:600; }
.page-hero .breadcrumb-row a{ color: inherit; opacity:.8; }
.page-hero .breadcrumb-row a:hover{ opacity:1; }

.feature-row{ display:flex; gap:1rem; align-items:flex-start; margin-bottom:1.6rem; }
.feature-row i{ font-size:1.4rem; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex:none; }
.feature-row h6{ font-family: var(--font-display); margin-bottom:.25rem; color: var(--navy); }

@media (max-width: 991.98px){
  .orbit-stage{ max-width: 320px; margin-bottom: 2.5rem; }
  .section{ padding: 3.8rem 0; }
  .cta-band{ padding: 2.2rem; }
}