/* ==========================================
   SOUZO LP — Monochrome Design System
   Color Palette: Clean Monotone
   - Base: #FFFFFF
   - Section Alt BG: #F8F9FA
   - Text (heading): #1A1A1A
   - Text (body): #333333
   - Text (sub): #6B7280
   - Border: #E5E7EB
   - Accent: #1E3A5F (Deep Blue)
   ========================================== */

/* --- Reset --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:'Noto Sans JP','Inter',sans-serif;color:#333;line-height:1.8;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;height:auto}
button{border:none;background:none;cursor:pointer;font-family:inherit}

/* --- Utility --- */
.container{max-width:1120px;margin:0 auto;padding:0 24px}
.pc-only{display:inline}
.sp-only{display:none}
.text-center{text-align:center}
@media(max-width:768px){.pc-only{display:none}.sp-only{display:inline}}

/* --- Sections --- */
.section{padding:100px 0}
.section--white{background:#fff}
.section--gray{background:#F8F9FA}
.section-label{
  font-family:'Inter',sans-serif;font-size:.7rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:#9CA3AF;
  text-align:center;margin-bottom:12px;
}
.section-title{
  font-size:clamp(1.5rem,3.5vw,2.125rem);font-weight:700;
  text-align:center;line-height:1.55;margin-bottom:48px;color:#1A1A1A;
}
.section-lead{
  text-align:center;font-size:1rem;color:#6B7280;
  max-width:680px;margin:-24px auto 56px;line-height:1.9;
}
.section-cta{text-align:center;margin-top:56px}
.section-cta__micro{font-size:.85rem;color:#6B7280;margin-top:12px}
.h3{font-size:1.2rem;font-weight:700;color:#1A1A1A;line-height:1.6;margin-bottom:24px}

/* --- Buttons --- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:600;border-radius:8px;transition:all .25s ease;cursor:pointer;text-align:center;
}
.btn--sm{padding:12px 24px;font-size:.875rem}
.btn--lg{padding:16px 40px;font-size:1rem}
.btn--primary{
  background:#1E3A5F;color:#fff;
  box-shadow:0 2px 8px rgba(30,58,95,.2);
}
.btn--primary:hover{
  background:#254A73;transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(30,58,95,.3);
}
.btn--ghost{
  background:transparent;color:#1E3A5F;border:1.5px solid #1E3A5F;
}
.btn--ghost:hover{background:#F8F9FA}

/* ==========================================
   HEADER
   ========================================== */
.header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,.95);backdrop-filter:blur(12px);
  border-bottom:1px solid #E5E7EB;transition:box-shadow .3s;
}
.header--scrolled{box-shadow:0 1px 12px rgba(0,0,0,.06)}
.header__inner{
  max-width:1120px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;height:64px;
}
.header__logo-main{
  font-family:'Inter',sans-serif;font-size:1.25rem;font-weight:800;
  color:#1A1A1A;letter-spacing:.04em;
}
.header__nav{display:flex;align-items:center;gap:28px}
.header__nav-link{font-size:.85rem;font-weight:500;color:#6B7280;transition:color .2s}
.header__nav-link:hover{color:#1A1A1A}
.header__cta-btn{
  font-size:.85rem;font-weight:600;color:#fff;background:#1E3A5F;
  padding:8px 20px;border-radius:6px;transition:all .2s;
}
.header__cta-btn:hover{background:#254A73}
.header__hamburger{display:none;flex-direction:column;gap:5px;padding:4px;width:32px}
.header__hamburger span{display:block;height:2px;background:#333;border-radius:2px;transition:all .3s}
@media(max-width:768px){.header__nav{display:none}.header__hamburger{display:flex}}

/* Mobile Nav */
.mobile-nav{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;
  background:rgba(255,255,255,.98);backdrop-filter:blur(16px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .3s;
}
.mobile-nav--open{opacity:1;pointer-events:all}
.mobile-nav__inner{text-align:center;display:flex;flex-direction:column;gap:28px}
.mobile-nav__link{font-size:1.125rem;font-weight:500;color:#333}
.mobile-nav__cta{
  display:inline-flex;padding:14px 36px;background:#1E3A5F;color:#fff;
  border-radius:8px;font-weight:600;font-size:1rem;
}

/* ==========================================
   HERO
   ========================================== */
.hero{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:#FFFFFF;padding:120px 24px 80px;
  border-bottom:1px solid #E5E7EB;
}
.hero__inner{max-width:780px;text-align:center}
.hero__label{
  font-family:'Inter',sans-serif;font-size:.75rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:#1E3A5F;margin-bottom:24px;
}
.hero__catch{
  font-size:clamp(2rem,5.5vw,3.25rem);font-weight:800;color:#1A1A1A;
  line-height:1.45;margin-bottom:24px;
}
.hero__sub{
  font-size:clamp(.9rem,1.6vw,1.1rem);color:#6B7280;line-height:1.9;margin-bottom:40px;
}
.hero__cta-wrap{
  display:flex;align-items:center;justify-content:center;gap:16px;
  flex-wrap:wrap;margin-bottom:16px;
}
.hero__micro{font-size:.85rem;color:#9CA3AF;margin-bottom:48px}
.hero__trust{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.hero__trust-item{text-align:center}
.hero__trust-num{
  font-family:'Inter',sans-serif;font-size:2rem;font-weight:800;color:#1A1A1A;
  display:block;line-height:1.2;
}
.hero__trust-num small{font-size:.8rem;font-weight:600;color:#6B7280}
.hero__trust-label{font-size:.7rem;color:#9CA3AF;margin-top:4px;display:block;letter-spacing:.05em}
.hero__trust-divider{width:1px;height:40px;background:#E5E7EB}

@media(max-width:768px){
  .hero{min-height:auto;padding:100px 20px 60px}
  .hero__cta-wrap{flex-direction:column;gap:12px}
  .hero__cta-wrap .btn{width:100%}
  .hero__trust{gap:20px}
}

/* ==========================================
   SERVICE SELECT CARDS
   ========================================== */
.service-select__cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:860px;margin:0 auto}
.svc-card{
  display:flex;flex-direction:column;padding:36px 32px;
  border-radius:12px;border:1px solid #E5E7EB;background:#fff;
  transition:all .3s;
}
.svc-card:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 32px rgba(0,0,0,.06);
  border-color:#1E3A5F;
}
.svc-card__head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.svc-card__num{
  font-family:'Inter',sans-serif;font-size:.7rem;font-weight:700;
  color:#9CA3AF;letter-spacing:.1em;
}
.svc-card__icon{color:#6B7280;flex-shrink:0}
.svc-card:hover .svc-card__icon{color:#1E3A5F}
.svc-card__title{font-size:1.35rem;font-weight:700;color:#1A1A1A;margin-bottom:8px}
.svc-card__catch{font-size:.9rem;color:#6B7280;margin-bottom:20px;line-height:1.6}
.svc-card__list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;flex-grow:1}
.svc-card__list li{
  font-size:.875rem;color:#333;padding-left:18px;position:relative;
}
.svc-card__list li::before{
  content:'';position:absolute;left:0;top:9px;width:6px;height:6px;
  border-radius:50%;background:#D1D5DB;
}
.svc-card:hover .svc-card__list li::before{background:#1E3A5F}
.svc-card__link{
  font-size:.85rem;font-weight:600;color:#9CA3AF;transition:color .2s;
}
.svc-card:hover .svc-card__link{color:#1E3A5F}
.arrow-down{transition:transform .2s;display:inline-block}
.svc-card:hover .arrow-down{transform:translateY(3px)}
.service-select__note{text-align:center;font-size:.85rem;color:#9CA3AF;margin-top:20px}

@media(max-width:768px){
  .service-select__cards{grid-template-columns:1fr;gap:16px}
  .svc-card{padding:28px 24px}
}

/* ==========================================
   PAIN POINTS
   ========================================== */
.pain__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:860px;margin:0 auto}
.pain__col-label{
  font-size:.8rem;font-weight:600;color:#1A1A1A;
  padding:6px 16px;border-radius:6px;background:#fff;border:1px solid #E5E7EB;
  display:inline-block;margin-bottom:20px;
}
.pain__item{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.pain__bullet{
  flex-shrink:0;width:6px;height:6px;border-radius:50%;
  background:#D1D5DB;margin-top:10px;
}
.pain__item p{font-size:.95rem;line-height:1.7;color:#333}
.pain__item strong{color:#1A1A1A}

@media(max-width:768px){.pain__grid{grid-template-columns:1fr;gap:32px}}

/* ==========================================
   POSITIONING MAP
   ========================================== */
.pos-grid{
  display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px;
  max-width:860px;margin:0 auto 64px;align-items:center;
}
.pos-card{padding:28px 24px;border-radius:12px;text-align:center}
.pos-card--other{background:#F8F9FA;border:1px solid #E5E7EB}
.pos-card--center{
  background:#1A1A1A;color:#fff;padding:36px 28px;
  border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.1);
}
.pos-card__label{font-size:.75rem;font-weight:600;color:#9CA3AF;margin-bottom:8px;display:block}
.pos-card--center .pos-card__label{color:rgba(255,255,255,.6)}
.pos-card__main{font-size:1rem;font-weight:700;margin-bottom:6px;color:#333}
.pos-card--center .pos-card__main{font-size:1.1rem;color:#fff}
.pos-card__sub{font-size:.8rem;color:#9CA3AF}
.pos-card__accent{font-size:.85rem;color:#7EB8E0;font-weight:500}

@media(max-width:768px){
  .pos-grid{grid-template-columns:1fr;gap:12px}
  .pos-card--center{order:-1}
}

/* ==========================================
   STRENGTH CARDS
   ========================================== */
.strengths{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:920px;margin:0 auto}
.str-card{text-align:center;padding:24px 16px}
.str-card__icon{color:#1E3A5F;margin-bottom:14px}
.str-card h3{font-size:.9rem;font-weight:600;margin-bottom:8px;color:#1A1A1A}
.str-card p{font-size:.8rem;color:#6B7280;line-height:1.6}

@media(max-width:768px){
  .strengths{grid-template-columns:1fr 1fr;gap:16px}
}

/* ==========================================
   SERVICE TABS
   ========================================== */
.svc-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  max-width:720px;margin:0 auto 48px;
  background:#E5E7EB;border-radius:12px;padding:4px;
}
.svc-tabs__btn{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:20px 16px;border-radius:10px;
  background:transparent;color:#6B7280;
  transition:all .3s ease;cursor:pointer;text-align:center;
}
.svc-tabs__btn--active{
  background:#fff;color:#1A1A1A;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.svc-tabs__btn:hover:not(.svc-tabs__btn--active){background:rgba(255,255,255,.5)}
.svc-tabs__icon{display:flex;align-items:center;justify-content:center}
.svc-tabs__icon svg{width:22px;height:22px}
.svc-tabs__label{font-size:1rem;font-weight:700;line-height:1.3}
.svc-tabs__desc{font-size:.75rem;color:#9CA3AF;line-height:1.4}
.svc-tabs__btn--active .svc-tabs__desc{color:#6B7280}
@media(max-width:768px){
  .svc-tabs__btn{padding:14px 12px}
  .svc-tabs__label{font-size:.9rem}
}

/* Tab Content */
.svc-tab-content{
  display:none;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .4s ease, transform .4s ease;
}
.svc-tab-content--active{
  display:block;
  opacity:1;
  transform:translateY(0);
}

/* ==========================================
   SERVICE DETAIL
   ========================================== */
.svc-detail__header{text-align:center;margin-bottom:48px}
.svc-detail__title{
  font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:700;
  text-align:center;line-height:1.55;margin-bottom:28px;color:#1A1A1A;
}
.svc-detail__tag{
  display:inline-block;font-size:.7rem;font-weight:700;
  letter-spacing:.12em;padding:6px 18px;border-radius:4px;margin-bottom:20px;
}
.svc-detail__tag--biz{background:#1E3A5F;color:#fff}
.svc-detail__tag--dx{background:#0F766E;color:#fff}
.svc-detail__sub{
  font-size:1rem;color:#6B7280;margin-top:0;line-height:1.8;
  max-width:640px;margin-left:auto;margin-right:auto;
}
.svc-detail__target{margin-bottom:48px}
.chip-grid{display:flex;flex-wrap:wrap;gap:10px}
.chip{
  font-size:.85rem;padding:8px 18px;background:#fff;border:1px solid #E5E7EB;
  border-radius:100px;color:#333;
}
.svc-detail__body{max-width:680px;margin:0 auto 48px}
.svc-detail__body p{font-size:1rem;line-height:1.9;margin-bottom:16px;color:#333}
.svc-detail__flow{margin-bottom:48px}

/* Flow */
.flow{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.flow__step{
  background:#fff;border:1px solid #E5E7EB;border-radius:10px;
  padding:16px 14px;text-align:center;min-width:110px;
}
.flow__num{
  font-family:'Inter',sans-serif;font-size:.65rem;font-weight:700;
  color:#1E3A5F;display:block;margin-bottom:4px;letter-spacing:.1em;
}
.flow__title{font-size:.85rem;font-weight:700;color:#1A1A1A;display:block;margin-bottom:2px}
.flow__desc{font-size:.7rem;color:#9CA3AF;display:block}
.flow__arrow{color:#D1D5DB;flex-shrink:0}

@media(max-width:768px){
  .flow{flex-direction:column;gap:4px}
  .flow__step{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px}
  .flow__num{margin-bottom:0}
  .flow__arrow{transform:rotate(90deg)}
}

/* Feature Cards */
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feat-card{
  background:#fff;border-radius:10px;padding:24px 20px;text-align:center;
  border:1px solid #E5E7EB;transition:box-shadow .3s;
}
.feat-card:hover{box-shadow:0 2px 16px rgba(0,0,0,.05)}
.feat-card h4{font-size:.9rem;font-weight:600;margin-bottom:8px;color:#1A1A1A}
.feat-card p{font-size:.8rem;color:#6B7280;line-height:1.6}

@media(max-width:768px){.feat-grid{grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:480px){.feat-grid{grid-template-columns:1fr}}

/* Service Bridge */
.svc-bridge{
  text-align:center;margin-top:40px;padding-top:32px;
  border-top:1px solid #E5E7EB;
}
.svc-bridge a{font-size:.85rem;color:#6B7280;transition:color .2s}
.svc-bridge a:hover{color:#1E3A5F}

/* ==========================================
   TAB-LINKED CONTENT (Reasons / Cases)
   ========================================== */
.tab-text{display:none}
.tab-text--active{display:inline}
.tab-content{
  display:none;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .4s ease, transform .4s ease;
}
.tab-content--active{
  display:grid;
  opacity:1;
  transform:translateY(0);
}
.tab-content-block{
  display:none;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .4s ease, transform .4s ease;
}
.tab-content-block--active{
  display:block;
  opacity:1;
  transform:translateY(0);
}

/* ==========================================
   REASONS
   ========================================== */
.reasons__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  max-width:920px;margin:0 auto;
}
.reason-card{
  padding:28px 24px;border-radius:10px;background:#fff;
  border:1px solid #E5E7EB;transition:all .3s;
}
.section--gray .reason-card{background:#fff}
.reason-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(0,0,0,.05);border-color:#D1D5DB}
.reason-card__num{
  font-family:'Inter',sans-serif;font-size:1.75rem;font-weight:800;
  color:#E5E7EB;display:block;margin-bottom:12px;
}
.reason-card:hover .reason-card__num{color:#1E3A5F}
.reason-card h3{font-size:.95rem;font-weight:700;margin-bottom:10px;line-height:1.5;color:#1A1A1A}
.reason-card p{font-size:.8rem;color:#6B7280;line-height:1.7}
/* removed centering of last card — now 6 per tab fills grid evenly */

@media(max-width:768px){
  .reasons__grid{grid-template-columns:1fr;gap:12px}
  .reasons__grid .reason-card:last-child{grid-column:auto}
}

/* ==========================================
   CASES
   ========================================== */
.cases__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}
.case-card{
  background:#fff;border-radius:10px;padding:28px 24px;
  border:1px solid #E5E7EB;transition:all .3s;
}
.section--white .case-card{background:#F8F9FA;border-color:#E5E7EB}
.case-card:hover{box-shadow:0 2px 16px rgba(0,0,0,.05)}
.case-card__tag{
  display:inline-block;font-size:.65rem;font-weight:700;padding:3px 10px;
  border-radius:4px;margin-bottom:12px;letter-spacing:.05em;
}
.case-card__tag--biz{background:#F3F4F6;color:#1A1A1A}
.case-card__tag--dx{background:#F3F4F6;color:#1A1A1A;border:1px solid #E5E7EB}
.case-card h3{font-size:.95rem;font-weight:700;margin-bottom:16px;line-height:1.5;color:#1A1A1A}
.case-card__row{margin-bottom:8px}
.case-card__row span{font-size:.7rem;font-weight:600;color:#9CA3AF;display:block;margin-bottom:2px;letter-spacing:.05em}
.case-card__row p{font-size:.8rem;color:#333;line-height:1.6}

@media(max-width:768px){.cases__grid{grid-template-columns:1fr;gap:12px}}

/* ==========================================
   PROCESS
   ========================================== */
.process__steps{
  display:flex;justify-content:center;max-width:920px;margin:0 auto;
  position:relative;
}
.process-step{flex:1;text-align:center;padding:24px 16px;position:relative}
.process-step::after{content:'';position:absolute;top:28px;right:0;width:50%;height:1px;background:#E5E7EB}
.process-step::before{content:'';position:absolute;top:28px;left:0;width:50%;height:1px;background:#E5E7EB}
.process-step:first-child::before{display:none}
.process-step:last-child::after{display:none}
.process-step__num{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  background:#1A1A1A;color:#fff;font-family:'Inter',sans-serif;
  font-size:.8rem;font-weight:700;margin-bottom:12px;position:relative;z-index:1;
}
.process-step h3{font-size:.9rem;font-weight:600;margin-bottom:6px;color:#1A1A1A}
.process-step p{font-size:.78rem;color:#6B7280;line-height:1.6}
.process__note{text-align:center;font-size:.8rem;color:#9CA3AF;margin-top:32px}

@media(max-width:768px){
  .process__steps{flex-direction:column;gap:0}
  .process-step{text-align:left;padding:16px 16px 16px 56px}
  .process-step::after,.process-step::before{display:none}
  .process-step__num{position:absolute;left:0;top:16px}
}

/* ==========================================
   FAQ
   ========================================== */
.faq__list{max-width:720px;margin:0 auto}
.faq-item{border-bottom:1px solid #E5E7EB}
.faq-item__q{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:20px 0;font-size:.9rem;font-weight:500;color:#1A1A1A;
  text-align:left;gap:12px;
}
.faq-item__tag{
  flex-shrink:0;font-size:.65rem;font-weight:600;
  padding:2px 8px;border-radius:3px;background:#F3F4F6;color:#6B7280;
  margin-right:8px;letter-spacing:.05em;
}
.faq-item__icon{flex-shrink:0;transition:transform .3s;color:#9CA3AF}
.faq-item--open .faq-item__icon{transform:rotate(180deg)}
.faq-item__a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.faq-item--open .faq-item__a{max-height:300px;padding-bottom:20px}
.faq-item__a p{font-size:.875rem;color:#333;line-height:1.8}

/* ==========================================
   CONTACT / CLOSING
   ========================================== */
.contact{
  padding:100px 0;background:#1A1A1A;text-align:center;
}
.contact__title{
  font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#fff;
  line-height:1.55;margin-bottom:16px;
}
.contact__sub{font-size:1rem;color:#9CA3AF;margin-bottom:40px;line-height:1.8}
.contact__buttons{
  display:flex;align-items:center;justify-content:center;gap:16px;
  flex-wrap:wrap;margin-bottom:24px;
}
.contact .btn--primary{background:#1E3A5F;color:#fff}
.contact .btn--primary:hover{background:#254A73}
.contact .btn--ghost{color:#fff;border-color:rgba(255,255,255,.3)}
.contact .btn--ghost:hover{background:rgba(255,255,255,.08)}
.contact__links{
  display:flex;align-items:center;justify-content:center;gap:32px;
  margin-bottom:16px;
}
.contact__link{font-size:.85rem;color:#9CA3AF;transition:color .2s}
.contact__link:hover{color:#fff}
.contact__note{font-size:.85rem;color:#6B7280;margin-bottom:24px}
.contact__trust{
  display:flex;align-items:center;justify-content:center;gap:24px;
  flex-wrap:wrap;
}
.contact__trust span{font-size:.8rem;color:#6B7280}

@media(max-width:768px){
  .contact__buttons{flex-direction:column;gap:12px}
  .contact__buttons .btn{width:100%}
  .contact__links{flex-direction:column;gap:12px}
}

/* ==========================================
   FOOTER
   ========================================== */
.footer{padding:48px 0 24px;background:#111;border-top:1px solid #222}
.footer__inner{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}
.footer__logo{font-family:'Inter',sans-serif;font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:.04em;display:block}
.footer__company{font-size:.75rem;color:#6B7280;margin-top:4px}
.footer__nav{display:flex;gap:24px;flex-wrap:wrap}
.footer__nav a{font-size:.78rem;color:#6B7280;transition:color .2s}
.footer__nav a:hover{color:#fff}
.footer__copy{font-size:.7rem;color:#6B7280;text-align:center;border-top:1px solid #222;padding-top:20px}

@media(max-width:768px){
  .footer__inner{flex-direction:column;gap:24px}
  .footer__nav{flex-direction:column;gap:12px}
}

/* ==========================================
   STICKY CTA (Mobile)
   ========================================== */
.sticky-cta{
  position:fixed;bottom:0;left:0;right:0;z-index:900;
  padding:12px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);
  border-top:1px solid #E5E7EB;text-align:center;
  transform:translateY(100%);transition:transform .3s;display:none;
}
.sticky-cta--visible{transform:translateY(0)}
.sticky-cta .btn{width:100%}
@media(max-width:768px){.sticky-cta{display:block}}

/* ==========================================
   SCROLL ANIMATIONS
   ========================================== */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.fade-in--visible{opacity:1;transform:translateY(0)}