/* ===================================
   BEE Solutions — Academic Coaching
   Shared Design System
   =================================== */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Brand */
  --navy: #1B2A4A;
  --navy-light: #2A3F6B;
  --teal: #0D9488;
  --teal-dark: #0B7C72;
  --teal-light: #CCFBF1;
  --gold: #D4A843;

  /* Backgrounds */
  --bg-cream: #F8F6F1;
  --bg-warm: #F3F0EA;
  --bg-white: #FFFFFF;
  --bg-dark: #111827;
  --bg-card: #FFFFFF;

  /* Text */
  --text: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-light: #9CA3AF;
  --text-white: #FFFFFF;

  /* Borders */
  --border: #E5E7EB;
  --border-light: #F3F4F6;

  /* Fonts */
  --heading: 'Source Serif 4', serif;
  --body: 'Inter', sans-serif;

  /* Spacing */
  --sp-xs: .5rem;
  --sp-sm: 1rem;
  --sp-md: 1.5rem;
  --sp-lg: 2rem;
  --sp-xl: 3rem;
  --sp-2xl: 4rem;
  --sp-3xl: 6rem;
  --sp-4xl: 8rem;

  /* Radius */
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-full: 9999px;

  /* Shadows */
  --sh-sm: 0 1px 3px rgba(0,0,0,.04);
  --sh-md: 0 4px 12px rgba(0,0,0,.06);
  --sh-lg: 0 8px 24px rgba(0,0,0,.08);

  /* Transition */
  --ease: 250ms ease;
}

/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--body);font-size:1rem;line-height:1.7;color:var(--text);background:var(--bg-cream);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:var(--ease)}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}

/* ===== TYPOGRAPHY ===== */
h1,h2,h3,h4,h5,h6{font-family:var(--heading);font-weight:600;line-height:1.2;color:var(--text)}
h1{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600}
h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600}
h3{font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:600}
h4{font-size:1.1rem;font-weight:600}
p{margin-bottom:var(--sp-md);color:var(--text-secondary)}
strong{font-weight:600;color:var(--text)}

/* ===== LAYOUT ===== */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--sp-md)}
.container--narrow{max-width:860px}
.container--wide{max-width:1400px}
.section{padding:var(--sp-3xl) 0}
.section--sm{padding:var(--sp-2xl) 0}
.bg-white{background:var(--bg-white)}
.bg-cream{background:var(--bg-cream)}
.bg-warm{background:var(--bg-warm)}
.bg-dark{background:var(--bg-dark)}
.bg-navy{background:var(--navy)}
.text-center{text-align:center}

/* ===== BUTTONS ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-xs);padding:.7rem 1.5rem;font-family:var(--body);font-size:.85rem;font-weight:600;border-radius:var(--r-full);border:2px solid transparent;transition:var(--ease);cursor:pointer}
.btn--primary{background:var(--teal);color:var(--text-white);border-color:var(--teal)}
.btn--primary:hover{background:var(--teal-dark);border-color:var(--teal-dark);transform:translateY(-2px);box-shadow:var(--sh-md)}
.btn--dark{background:var(--navy);color:var(--text-white);border-color:var(--navy)}
.btn--dark:hover{background:var(--navy-light);transform:translateY(-2px);box-shadow:var(--sh-md)}
.btn--outline{background:transparent;color:var(--text);border-color:var(--border)}
.btn--outline:hover{border-color:var(--text);background:var(--text);color:var(--text-white)}
.btn--outline-light{background:transparent;color:var(--text-white);border-color:rgba(255,255,255,.3)}
.btn--outline-light:hover{background:var(--text-white);color:var(--text)}
.btn--ghost{background:transparent;color:var(--teal);border-color:transparent;padding-left:0;padding-right:0}
.btn--ghost:hover{color:var(--teal-dark)}
.btn--lg{padding:.9rem 2rem;font-size:.9rem}
.btn--sm{padding:.5rem 1rem;font-size:.775rem}
.btn .arrow{display:inline-block;transition:transform var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}
.btn-icon{width:16px;height:16px;flex-shrink:0}

/* ===== HEADER ===== */
.header{position:sticky;top:0;z-index:100;background:var(--bg-white);border-bottom:1px solid var(--border-light)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.header__logo{display:flex;align-items:center;gap:var(--sp-sm)}
.header__logo-img{height:36px;width:auto}
.header__logo-text{font-family:var(--heading);font-size:1.15rem;font-weight:700;color:var(--navy)}
.header__logo-sub{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:500;margin-top:1px}
.header__nav{display:flex;align-items:center;gap:2px}
.header__link{font-size:.825rem;font-weight:500;color:var(--text-muted);padding:.45rem .8rem;border-radius:var(--r-full);transition:var(--ease)}
.header__link:hover,.header__link--active{color:var(--text);background:var(--bg-warm)}
.header__right{display:flex;align-items:center;gap:var(--sp-sm)}
.header__cta{background:var(--teal);color:var(--text-white);padding:.45rem 1.15rem;border-radius:var(--r-full);font-size:.8rem;font-weight:600;transition:var(--ease)}
.header__cta:hover{background:var(--teal-dark);transform:translateY(-1px)}

/* Mobile */
.header__toggle{display:none;flex-direction:column;gap:5px;padding:var(--sp-xs)}
.header__toggle span{width:20px;height:2px;background:var(--text);border-radius:2px;transition:var(--ease)}
.header__toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.header__toggle.open span:nth-child(2){opacity:0}
.header__toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg-white);border-bottom:1px solid var(--border);padding:var(--sp-sm) var(--sp-md);box-shadow:var(--sh-md)}
.mobile-nav.open{display:block}
.mobile-nav ul{display:flex;flex-direction:column;gap:2px}
.mobile-nav a{display:block;padding:.65rem var(--sp-sm);font-size:.9rem;font-weight:500;color:var(--text-secondary);border-radius:var(--r-sm);transition:var(--ease)}
.mobile-nav a:hover{background:var(--bg-warm);color:var(--text)}
.mobile-nav .mobile-cta{background:var(--teal);color:var(--text-white);text-align:center;border-radius:var(--r-full);margin-top:var(--sp-xs)}

@media(max-width:900px){
  .header__nav{display:none}
  .header__cta{display:none}
  .header__toggle{display:flex}
}

/* ===== HERO — Centered Layout ===== */
.hero{background:var(--bg-cream);padding:var(--sp-2xl) var(--sp-md)}
.hero__container{max-width:1300px;margin:0 auto;background:var(--bg-white);border-radius:var(--r-lg);padding:var(--sp-4xl) var(--sp-3xl);box-shadow:var(--sh-sm);display:flex;flex-direction:column;align-items:center;text-align:center}

/* Social Proof */
.hero__social-proof{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-lg)}
.hero__avatars{display:flex}
.hero__avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-white);margin-left:-8px;object-fit:cover}
.hero__avatar:first-child{margin-left:0}
.hero__member-count{font-size:.85rem;color:var(--text-muted);font-weight:500}

/* Headline */
.hero__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.15;max-width:900px;margin:0 auto var(--sp-md);color:var(--navy)}

/* Subheadline */
.hero__subtitle{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--text-secondary);line-height:1.6;max-width:700px;margin:0 auto var(--sp-xl)}

/* CTA Buttons */
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-md);justify-content:center;margin-bottom:var(--sp-3xl)}

/* Hero Image */
.hero__image{width:100%;max-width:90%;margin:0 auto var(--sp-3xl);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md)}
.hero__image img{width:100%;height:auto;display:block;object-fit:cover}

/* Logo Strip */
.hero__logos{width:100%;max-width:900px;margin:0 auto}
.hero__logos-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin-bottom:var(--sp-md)}
.hero__logos-grid{display:flex;justify-content:center;align-items:center;gap:var(--sp-xl);flex-wrap:wrap}
.hero__logo-item{font-size:.9rem;color:var(--text-light);font-weight:500;opacity:.6}

/* Responsive */
@media(max-width:900px){
  .hero{padding:var(--sp-md)}
  .hero__container{padding:var(--sp-2xl) var(--sp-lg)}
  .hero__title{font-size:clamp(1.75rem,6vw,2.5rem)}
  .hero__subtitle{font-size:1rem}
  .hero__actions{flex-direction:column;width:100%;max-width:300px}
  .hero__actions .btn{width:100%}
  .hero__image{max-width:100%}
  .hero__logos-grid{gap:var(--sp-md)}
}

@media(max-width:600px){
  .hero__container{padding:var(--sp-xl) var(--sp-md)}
  .hero__social-proof{flex-direction:column;gap:var(--sp-xs)}
  .hero__title{font-size:1.75rem}
  .hero__logos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-sm);text-align:center}
}

/* ===== SECTION HEADER ===== */
.section-header{text-align:center;max-width:640px;margin:0 auto var(--sp-2xl)}
.section-header h2{margin-bottom:var(--sp-md)}
.section-header p{font-size:.95rem;color:var(--text-muted);line-height:1.7}

/* ===== PILL LABEL ===== */
.pill{display:inline-block;background:var(--teal-light);color:var(--teal);font-family:var(--body);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .85rem;border-radius:var(--r-full);margin-bottom:var(--sp-md)}
.pill--dark{background:rgba(255,255,255,.1);color:var(--text-white)}

/* ===== PAIN POINTS ===== */
.pain{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-md)}
.pain__item{padding:var(--sp-lg);border-radius:var(--r-lg);background:var(--bg-white);border:1px solid var(--border-light);transition:var(--ease)}
.pain__item:hover{border-color:var(--teal);box-shadow:var(--sh-sm)}
.pain__icon{width:40px;height:40px;border-radius:var(--r-md);background:rgba(13,148,136,.08);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-sm)}
.pain__icon svg{width:20px;height:20px;color:var(--teal)}
.pain__item h4{margin-bottom:var(--sp-xs)}
.pain__item p{font-size:.85rem;color:var(--text-muted);margin-bottom:0}

@media(max-width:600px){.pain{grid-template-columns:1fr}}

/* ===== AUDIENCE CARDS (routing) ===== */
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-md)}
.audience-card{background:var(--bg-white);border-radius:var(--r-lg);padding:var(--sp-xl) var(--sp-lg);border:1px solid var(--border-light);transition:var(--ease);display:flex;flex-direction:column}
.audience-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--teal)}
.audience-card__icon{width:48px;height:48px;border-radius:var(--r-md);background:var(--teal-light);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-md)}
.audience-card__icon svg{width:24px;height:24px;color:var(--teal)}
.audience-card h3{font-size:1.05rem;margin-bottom:var(--sp-sm)}
.audience-card p{font-size:.85rem;color:var(--text-muted);flex-grow:1;margin-bottom:var(--sp-md)}
.audience-card .btn{margin-top:auto;align-self:flex-start}

@media(max-width:900px){.audience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.audience-grid{grid-template-columns:1fr}}

/* ===== SERVICE LIST ===== */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-md)}
.service-item{padding:var(--sp-lg);border-radius:var(--r-lg);background:var(--bg-white);border:1px solid var(--border-light);transition:var(--ease)}
.service-item:hover{border-color:var(--teal);box-shadow:var(--sh-sm)}
.service-item__icon{width:40px;height:40px;border-radius:var(--r-md);background:var(--teal-light);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-md)}
.service-item__icon svg{width:20px;height:20px;color:var(--teal)}
.service-item h4{margin-bottom:var(--sp-xs)}
.service-item p{font-size:.85rem;color:var(--text-muted);margin-bottom:0}

@media(max-width:768px){.services-grid{grid-template-columns:1fr}}

/* ===== SPLIT SECTION (image + text) ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2xl);align-items:center}
.split--reverse{direction:rtl}
.split--reverse>*{direction:ltr}
.split__image{border-radius:var(--r-xl);overflow:hidden}
.split__image img{width:100%;height:100%;object-fit:cover;min-height:400px}
.split__text .pill{margin-bottom:var(--sp-md)}
.split__text h2{margin-bottom:var(--sp-md)}
.split__text p{font-size:.9rem;line-height:1.85}

.check-list{display:flex;flex-direction:column;gap:var(--sp-sm);margin-bottom:var(--sp-lg)}
.check-list li{font-size:.875rem;color:var(--text-secondary);padding-left:1.6rem;position:relative;line-height:1.6}
.check-list li::before{content:'';position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--teal-light)}
.check-list li::after{content:'✓';position:absolute;left:4px;top:3px;font-size:.7rem;font-weight:700;color:var(--teal)}

@media(max-width:900px){
  .split,.split--reverse{grid-template-columns:1fr;direction:ltr}
  .split__image img{min-height:280px}
}

/* ===== PROCESS / STEPS ===== */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-lg)}
.step{text-align:center;padding:var(--sp-lg)}
.step__num{width:48px;height:48px;border-radius:50%;background:var(--teal);color:var(--text-white);font-family:var(--heading);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-md)}
.bg-dark .step__num{background:var(--text-white);color:var(--navy)}
.step h4{margin-bottom:var(--sp-xs);color:var(--text)}
.bg-dark .step h4{color:var(--text-white)}
.step p{font-size:.85rem;color:var(--text-muted);margin-bottom:0}
.bg-dark .step p{color:rgba(255,255,255,.6)}

@media(max-width:768px){.steps{grid-template-columns:1fr;max-width:400px;margin:0 auto}}

/* ===== TESTIMONIAL ===== */
.testimonial{background:var(--bg-white);border-radius:var(--r-xl);padding:var(--sp-2xl) var(--sp-3xl);text-align:center;max-width:760px;margin:0 auto;position:relative;border:1px solid var(--border-light)}
.testimonial::before{content:'"';position:absolute;top:var(--sp-sm);left:var(--sp-xl);font-family:var(--heading);font-size:5rem;color:var(--teal);opacity:.15;line-height:1}
.testimonial__quote{font-family:var(--heading);font-size:1.2rem;font-style:italic;color:var(--text);margin-bottom:var(--sp-lg);line-height:1.6;position:relative}
.testimonial__author{display:flex;align-items:center;justify-content:center;gap:var(--sp-md)}
.testimonial__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--teal-light)}
.testimonial__name{font-weight:600;font-size:.875rem}
.testimonial__role{font-size:.775rem;color:var(--text-muted)}

@media(max-width:600px){.testimonial{padding:var(--sp-xl) var(--sp-lg)}}

/* ===== CTA BAND ===== */
.cta-band{text-align:center;padding:var(--sp-3xl) var(--sp-md)}
.cta-band h2{color:var(--text-white);margin-bottom:var(--sp-md)}
.cta-band p{color:rgba(255,255,255,.7);max-width:540px;margin:0 auto var(--sp-xl)}
.cta-band__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-sm)}

/* ===== SUBPAGE HERO (smaller) ===== */
.subhero{padding:var(--sp-2xl) 0;background:var(--bg-white)}
.subhero__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-2xl);align-items:center}
.subhero__text .pill{margin-bottom:var(--sp-md)}
.subhero__text h1{font-size:clamp(1.85rem,4vw,2.75rem);margin-bottom:var(--sp-md)}
.subhero__text p{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--sp-lg)}
.subhero__image{border-radius:var(--r-xl);overflow:hidden;max-height:420px}
.subhero__image img{width:100%;height:100%;object-fit:cover}

@media(max-width:900px){
  .subhero__inner{grid-template-columns:1fr}
  .subhero__image{order:-1;max-height:300px}
}

/* ===== "WHO THIS IS FOR" CHECKLIST ===== */
.fit-check{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm)}
.fit-check__item{display:flex;align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-md);background:var(--bg-white);border-radius:var(--r-md);border:1px solid var(--border-light)}
.fit-check__icon{width:24px;height:24px;border-radius:50%;background:var(--teal-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.fit-check__icon svg{width:12px;height:12px;color:var(--teal)}
.fit-check__item p{font-size:.85rem;color:var(--text-secondary);margin-bottom:0}

@media(max-width:600px){.fit-check{grid-template-columns:1fr}}

/* ===== OFFERING CARDS (for subpages) ===== */
.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-md)}
.offer-card{padding:var(--sp-lg);border-radius:var(--r-lg);background:var(--bg-white);border:1px solid var(--border-light)}
.offer-card h4{margin-bottom:var(--sp-xs);display:flex;align-items:center;gap:var(--sp-sm)}
.offer-card h4 svg{width:18px;height:18px;color:var(--teal);flex-shrink:0}
.offer-card p{font-size:.85rem;color:var(--text-muted);margin-bottom:0}

@media(max-width:600px){.offer-grid{grid-template-columns:1fr}}

/* ===== FORMAT OPTIONS (groups/institutions) ===== */
.format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-md)}
.format-card{padding:var(--sp-lg);border-radius:var(--r-lg);background:var(--teal-light);border:1px solid transparent;transition:var(--ease)}
.format-card:hover{border-color:var(--teal)}
.format-card h4{margin-bottom:var(--sp-xs);color:var(--navy)}
.format-card p{font-size:.85rem;color:var(--text-secondary);margin-bottom:0}

@media(max-width:600px){.format-grid{grid-template-columns:1fr}}

/* ===== CONTACT FORM ===== */
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--sp-2xl);align-items:start}
.contact-form{background:var(--bg-white);border-radius:var(--r-lg);padding:var(--sp-2xl);border:1px solid var(--border-light)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md);margin-bottom:var(--sp-md)}
.form-group{margin-bottom:var(--sp-md)}
.form-group:last-child{margin-bottom:0}
.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text);margin-bottom:6px}
.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;font-family:var(--body);font-size:.875rem;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--bg-white);transition:var(--ease);color:var(--text)}
.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(13,148,136,.1)}
.form-textarea{min-height:130px;resize:vertical}

.contact-info{padding:var(--sp-lg) 0}
.contact-info h3{margin-bottom:var(--sp-lg)}
.contact-detail{display:flex;align-items:flex-start;gap:var(--sp-sm);margin-bottom:var(--sp-md)}
.contact-detail__icon{width:40px;height:40px;border-radius:var(--r-md);background:var(--teal-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-detail__icon svg{width:18px;height:18px;color:var(--teal)}
.contact-detail strong{display:block;font-size:.85rem;margin-bottom:2px}
.contact-detail p{font-size:.85rem;color:var(--text-muted);margin-bottom:0}

@media(max-width:768px){
  .contact-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
}

/* ===== FOOTER ===== */
.footer{background:var(--bg-dark);color:var(--text-white);padding:var(--sp-3xl) 0 var(--sp-lg)}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-2xl);margin-bottom:var(--sp-2xl)}
.footer__brand p{color:rgba(255,255,255,.5);font-size:.85rem;max-width:280px;line-height:1.7;margin-top:var(--sp-md)}
.footer__logo{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-xs)}
.footer__logo-text{font-family:var(--heading);font-size:1.25rem;font-weight:700;color:var(--text-white)}
.footer__social{display:flex;gap:var(--sp-sm);margin-top:var(--sp-lg)}
.footer__social a{width:36px;height:36px;background:rgba(255,255,255,.06);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--ease)}
.footer__social a:hover{background:var(--teal)}
.footer__social svg{width:16px;height:16px;color:rgba(255,255,255,.6)}
.footer__social a:hover svg{color:var(--text-white)}
.footer__col h4{font-family:var(--body);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-md);color:rgba(255,255,255,.4)}
.footer__col ul{display:flex;flex-direction:column;gap:var(--sp-sm)}
.footer__col li{font-size:.85rem;color:rgba(255,255,255,.45)}
.footer__col a{color:rgba(255,255,255,.45);transition:var(--ease)}
.footer__col a:hover{color:var(--teal)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:var(--sp-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-md)}
.footer__bottom p{color:rgba(255,255,255,.25);font-size:.775rem;margin:0}
.footer__bottom-links{display:flex;gap:var(--sp-lg)}
.footer__bottom-links a{color:rgba(255,255,255,.25);font-size:.775rem;transition:var(--ease)}
.footer__bottom-links a:hover{color:var(--text-white)}

@media(max-width:900px){
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:span 2}
}
@media(max-width:600px){
  .footer__grid{grid-template-columns:1fr}
  .footer__brand{grid-column:span 1}
  .footer__bottom{flex-direction:column;text-align:center}
}

/* ===== ANIMATIONS ===== */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fade-up{animation:fadeUp .5s ease forwards}

/* ===== PRINT ===== */
@media print{
  .header,.footer,.btn,.cta-band{display:none}
  body{background:#fff;color:#000}
}