/* ============================================================
   CodeScriptum – Landing: Medycyna Estetyczna
   Palette: Deep Rose #E8458B + Blush Pink #F472B6
   ============================================================ */

/* ── ROOT ─────────────────────────────────────────────────────── */
:root {
  --dark-bg: #150A14;
  --dark-surface: #1E1018;
  --dark-card: #261A24;
  --rose: #E8458B;
  --rose-light: #F472B6;
  --pink: #EC4899;
  --blush: #FBB6CE;
  --rose-glow: rgba(232,69,139,.3);
  --gold: #D4A574;
  --white: #fff;
  --cream: #FFF8F5;
  --gray-50: #FFF5F7;
  --gray-100: #FFF0F3;
  --gray-200: #FECDD3;
  --gray-300: #FDA4AF;
  --gray-600: #6B4C5C;
  --gray-800: #3D2232;
  --red: #F43F5E;
  --yellow: #F59E0B;
  --txt: #2D1A26;
  --txt-light: #F3E8EE;
  --txt-muted: #B08BA0;
  --ff: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ff-display: 'Poppins','Inter',sans-serif;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --transition: .3s ease;
}

/* ── RESET ────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--ff);font-size:16px;line-height:1.6;color:var(--txt);background:var(--white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color var(--transition)}
ul,ol{list-style:none}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--gray-50)}
::-webkit-scrollbar-thumb{background:var(--rose);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--pink)}
::selection{background:var(--rose-glow);color:var(--txt)}

/* ── CONTAINER ────────────────────────────────────────────────── */
.container{max-width:1200px;margin:0 auto;padding:0 2rem}

/* ── TYPOGRAPHY ───────────────────────────────────────────────── */
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:700;line-height:1.2}
h1{font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-1px}
h2{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-0.5px}
h3{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-0.3px}
h4{font-size:clamp(1.1rem,2.5vw,1.5rem)}
p{color:var(--txt-muted);font-size:1rem;line-height:1.7;margin-bottom:1rem}

/* ── GRADIENT TEXT ────────────────────────────────────────────── */
.me-gradient-text{
  background:linear-gradient(135deg,var(--rose) 0%,var(--rose-light) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* ── SECTIONS ─────────────────────────────────────────────────── */
.section{padding:5rem 0}
.section--light{background:var(--white);color:var(--txt)}
.section--light-alt{background:var(--cream);color:var(--txt)}
.section--dark{background:var(--dark-bg);color:var(--txt-light)}
.section--accent{background:linear-gradient(135deg,var(--rose) 0%,var(--pink) 100%);color:var(--white)}

.section__title{margin-bottom:3rem;text-align:center}
.section__subtitle{font-size:1.1rem;color:var(--txt-muted);margin-top:1rem;max-width:600px;margin-left:auto;margin-right:auto}
.section--dark .section__subtitle{color:var(--txt-light);opacity:.8}

/* ── BADGES ───────────────────────────────────────────────────── */
.section__badge{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.5rem 1rem;
  border-radius:999px;
  font-size:0.85rem;
  font-weight:600;
  width:fit-content;
  margin:0 auto 1.5rem;
}

.section--light .section__badge{
  background:rgba(232,69,139,.15);
  color:var(--rose);
  border:1px solid var(--rose);
}

.section--dark .section__badge{
  background:var(--dark-card);
  color:var(--rose-light);
  border:1px solid var(--rose);
}

.section__badge::before{
  content:'';
  width:6px;
  height:6px;
  background:currentColor;
  border-radius:50%;
  display:inline-block;
}

/* ── BUTTONS ──────────────────────────────────────────────────── */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
  padding:0.875rem 1.75rem;
  border-radius:var(--radius-lg);
  border:none;
  font-size:1rem;
  font-weight:600;
  font-family:var(--ff);
  cursor:pointer;
  transition:all var(--transition);
  text-decoration:none;
}

.btn--primary{
  background:linear-gradient(135deg,var(--rose) 0%,var(--pink) 100%);
  color:var(--white);
  border:none;
  box-shadow:0 4px 15px rgba(232,69,139,.3);
}

.btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 25px rgba(232,69,139,.4);
}

.btn--primary:active{
  transform:translateY(0);
}

.btn--ghost{
  background:transparent;
  color:var(--rose);
  border:2px solid var(--rose);
}

.btn--ghost:hover{
  background:var(--rose);
  color:var(--white);
}

.btn--outline{
  background:transparent;
  color:var(--rose);
  border:2px solid rgba(232,69,139,.5);
}

.btn--outline:hover{
  border-color:var(--rose);
  background:rgba(232,69,139,.1);
}

.btn--white{
  background:var(--white);
  color:var(--rose);
  border:none;
  box-shadow:0 4px 15px rgba(0,0,0,.1);
}

.btn--white:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 25px rgba(0,0,0,.15);
}

.btn--ghost-white{
  background:transparent;
  color:var(--white);
  border:2px solid rgba(255,255,255,.5);
}
.btn--ghost-white:hover{
  background:rgba(255,255,255,.1);
  border-color:var(--white);
  transform:translateY(-2px);
}

.btn--glow{
  box-shadow:0 0 30px var(--rose-glow);
}

.btn--glow:hover{
  box-shadow:0 0 40px var(--rose-glow);
}

.btn--sm{
  padding:0.625rem 1.25rem;
  font-size:0.9rem;
}

.btn--lg{
  padding:1rem 2.25rem;
  font-size:1.1rem;
}

.btn:disabled{
  opacity:0.6;
  cursor:not-allowed;
}

/* ── HEADER / NAVIGATION ──────────────────────────────────────── */
.header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  background:transparent;
  transition:all var(--transition);
  padding:10px;
}

.header.scrolled{
  background:rgba(21,10,20,.85);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(232,69,139,.2);
}

.header__wrapper{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.header__logo{
  font-size:1.5rem;
  font-weight:700;
  color:var(--rose);
  text-decoration:none;
}

.header__nav{
  display:flex;
  align-items:center;
  gap:2rem;
}

.nav__link{
  color:rgba(255,255,255,.85);
  font-weight:500;
  transition:color var(--transition);
  position:relative;
}

.header.scrolled .nav__link{
  color:rgba(255,255,255,.9);
}

.nav__link:hover{
  color:var(--rose);
}

.nav__link::after{
  content:'';
  position:absolute;
  bottom:-6px;
  left:0;
  width:0;
  height:2px;
  background:var(--rose);
  transition:width var(--transition);
}

.nav__link:hover::after{
  width:100%;
}

.nav__link--cta{
  background:linear-gradient(135deg,var(--rose) 0%,var(--pink) 100%);
  color:var(--white);
  padding:0.75rem 1.5rem;
  border-radius:var(--radius-lg);
  transition:transform var(--transition),box-shadow var(--transition);
}

.nav__link--cta::after{
  display:none;
}

.nav__link--cta:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 15px var(--rose-glow);
  color:var(--white);
}

/* Mobile Menu */
.nav__toggle{
  display:none;
  background:none;
  border:none;
  color:var(--txt);
  font-size:1.5rem;
  cursor:pointer;
  z-index:1001;
}

.header.scrolled .nav__toggle{
  color:var(--txt-light);
}

/* ── HERO SECTION ─────────────────────────────────────────────── */
.me-hero{
  position:relative;
  overflow:hidden;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 0;
}

.me-hero__video,
.me-hero__video-bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:1;
  z-index:1;
}

.me-hero__overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(135deg,rgba(180,40,100,.35) 0%,rgba(21,10,20,.55) 50%,rgba(21,10,20,.7) 100%);
  z-index:2;
}

.me-hero__orb{
  position:absolute;
  border-radius:50%;
  opacity:0.6;
  filter:blur(60px);
  animation:meFloat 6s ease-in-out infinite;
}

.me-hero__orb--1{
  width:300px;
  height:300px;
  background:radial-gradient(circle at 30% 30%,var(--rose) 0%,var(--rose-light) 100%);
  top:10%;
  left:-5%;
  animation-delay:0s;
}

.me-hero__orb--2{
  width:250px;
  height:250px;
  background:radial-gradient(circle at 30% 30%,var(--pink) 0%,var(--rose) 100%);
  bottom:-5%;
  right:10%;
  animation-delay:1s;
}

.me-hero__orb--3{
  width:200px;
  height:200px;
  background:radial-gradient(circle at 30% 30%,var(--blush) 0%,var(--rose-light) 100%);
  top:50%;
  right:-5%;
  animation-delay:2s;
}

.me-hero__particles{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:2;
}

.me-hero__inner{
  position:relative;
  z-index:3;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 2rem;
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  align-items:center;
  gap:4rem;
}

.me-hero__content{
  color:var(--white);
}

.me-hero__badge{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.75rem 1.5rem;
  background:rgba(232,69,139,.2);
  border:1px solid var(--rose);
  border-radius:999px;
  color:var(--rose-light);
  font-size:0.9rem;
  font-weight:600;
  margin-bottom:1.5rem;
  width:fit-content;
}

.me-hero__badge::before{
  content:'';
  width:8px;
  height:8px;
  background:var(--rose-light);
  border-radius:50%;
  animation:mePulse 2s ease-in-out infinite;
}

.me-hero__title{
  font-family:var(--ff-display);
  font-size:clamp(2.5rem,6vw,4rem);
  font-weight:800;
  line-height:1.15;
  margin-bottom:1.5rem;
  letter-spacing:-1.5px;
}

.me-hero__subtitle{
  font-size:clamp(1rem,2.5vw,1.3rem);
  color:rgba(255,248,245,.85);
  line-height:1.8;
  margin-bottom:2.5rem;
  max-width:500px;
}

.me-hero__actions{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
  margin-bottom:3rem;
}

.me-hero__stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2rem;
  margin-top:3rem;
  padding-top:2rem;
  border-top:1px solid rgba(232,69,139,.2);
}
.me-hero__stats--3{
  grid-template-columns:repeat(3,1fr);
}

.me-hero__stat{
  text-align:left;
}

.me-hero__stat-number{
  font-family:var(--ff-display);
  font-size:2rem;
  font-weight:800;
  background:linear-gradient(135deg,var(--rose-light) 0%,var(--blush) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:0.5rem;
}

.me-hero__stat-label{
  font-size:0.9rem;
  color:rgba(255,248,245,.7);
}

/* ── CLINIC MOCKUP (RIGHT SIDE HERO) ──────────────────────────── */
.me-clinic-mockup{
  position:relative;
  background:var(--dark-card);
  border:2px solid var(--rose);
  border-radius:var(--radius-xl);
  overflow:hidden;
  box-shadow:0 20px 60px var(--rose-glow);
  animation:meFloat 6s ease-in-out infinite;
  height:500px;
  display:flex;
  flex-direction:column;
}

.me-clinic-mockup__bar{
  background:var(--dark-surface);
  padding:1rem;
  display:flex;
  align-items:center;
  gap:0.5rem;
  border-bottom:1px solid rgba(232,69,139,.2);
}

.me-clinic-mockup__dot{
  width:12px;
  height:12px;
  border-radius:50%;
}

.me-clinic-mockup__dot--red{background:#FF5F56}
.me-clinic-mockup__dot--yellow{background:#FFBD2E}
.me-clinic-mockup__dot--green{background:#27C93F}

.me-clinic-mockup__url{
  background:rgba(232,69,139,.1);
  border:1px solid rgba(232,69,139,.3);
  border-radius:6px;
  padding:0.5rem 1rem;
  font-size:0.75rem;
  color:var(--txt-muted);
  margin-left:auto;
}

.me-clinic-mockup__content{
  flex:1;
  padding:2rem;
  color:var(--txt-light);
  overflow:hidden;
}

.me-clinic-mockup__header{
  font-family:var(--ff-display);
  font-size:1.3rem;
  font-weight:700;
  margin-bottom:1rem;
  background:linear-gradient(135deg,var(--rose-light) 0%,var(--blush) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.me-clinic-mockup__nav{
  display:flex;
  gap:1rem;
  margin-bottom:1.5rem;
  font-size:0.85rem;
}

.me-clinic-mockup__nav-item{
  padding:0.5rem 1rem;
  border-radius:4px;
  background:rgba(232,69,139,.1);
  border:1px solid rgba(232,69,139,.3);
}

.me-clinic-mockup__nav-item--active{
  background:var(--rose);
  color:var(--white);
  border-color:var(--rose);
}

.me-clinic-mockup__cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}

.me-clinic-mockup__card{
  background:var(--dark-surface);
  border:1px solid rgba(232,69,139,.3);
  border-radius:8px;
  padding:1rem;
  font-size:0.8rem;
}

.me-clinic-mockup__card-title{
  font-weight:600;
  margin-bottom:0.5rem;
  color:var(--rose-light);
}

.me-clinic-mockup__card-price{
  font-size:1rem;
  font-weight:700;
  color:var(--rose);
}

/* ── TRUST BAR ───────────────────────────────────────────────── */
.me-trust-bar{
  background:var(--dark-bg);
  border:1px solid rgba(232,69,139,.2);
  padding:3rem 2rem;
  border-radius:var(--radius-lg);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:2rem;
  margin:4rem auto;
  max-width:1200px;
}

.me-trust-item{
  display:flex;
  align-items:center;
  gap:1rem;
  color:var(--txt-light);
}

.me-trust-item__icon{
  width:48px;
  height:48px;
  background:rgba(232,69,139,.2);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--rose);
  font-size:1.5rem;
  flex-shrink:0;
}

.me-trust-item__label{
  font-size:0.9rem;
  line-height:1.5;
}

/* ── PROBLEM SECTION ──────────────────────────────────────────– */
.me-problem{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
  margin:3rem auto;
  max-width:1000px;
}

.me-problem__card{
  padding:2.5rem;
  border-radius:var(--radius-lg);
  position:relative;
  overflow:hidden;
}

.me-problem__card--bad{
  background:linear-gradient(135deg,rgba(244,63,94,.1) 0%,rgba(244,63,94,.05) 100%);
  border:2px solid rgba(244,63,94,.3);
}

.me-problem__card--good{
  background:linear-gradient(135deg,rgba(232,69,139,.1) 0%,rgba(232,69,139,.05) 100%);
  border:2px solid var(--rose);
  box-shadow:inset 0 0 30px var(--rose-glow);
}

.me-problem__icon{
  font-size:3rem;
  margin-bottom:1.5rem;
  display:block;
}

.me-problem__title{
  font-size:1.5rem;
  font-weight:700;
  margin-bottom:1rem;
  color:var(--txt);
}

.me-problem__list{
  list-style:none;
}

.me-problem__list-item{
  padding:0.75rem 0;
  color:var(--txt-muted);
  padding-left:1.5rem;
  position:relative;
}

.me-problem__card--bad .me-problem__list-item::before{
  content:'✕';
  position:absolute;
  left:0;
  color:#F43F5E;
  font-weight:700;
}

.me-problem__card--good .me-problem__list-item::before{
  content:'✓';
  position:absolute;
  left:0;
  color:var(--rose);
  font-weight:700;
}

/* ── SERVICES SECTION ─────────────────────────────────────────── */
.me-services{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem;
  margin:3rem auto;
  max-width:1200px;
}

.me-service-card{
  background:var(--dark-card);
  border:1px solid rgba(232,69,139,.2);
  border-radius:var(--radius-lg);
  padding:2rem;
  transition:all var(--transition);
  cursor:pointer;
  position:relative;
  overflow:hidden;
}

.me-service-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(135deg,rgba(232,69,139,.1) 0%,transparent 100%);
  opacity:0;
  transition:opacity var(--transition);
  z-index:0;
  border-radius:var(--radius-lg);
}

.me-service-card:hover{
  transform:translateY(-8px);
  border-color:var(--rose);
  box-shadow:0 0 30px var(--rose-glow);
}

.me-service-card:hover::before{
  opacity:1;
}

.me-service-card > *{
  position:relative;
  z-index:1;
}

.me-service-card__icon{
  width:64px;
  height:64px;
  background:rgba(232,69,139,.15);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2rem;
  color:var(--rose);
  margin-bottom:1.5rem;
}

.me-service-card__title{
  font-size:1.3rem;
  font-weight:700;
  color:var(--txt-light);
  margin-bottom:1rem;
}

.me-service-card__description{
  color:var(--txt-muted);
  font-size:0.95rem;
  margin-bottom:1.5rem;
  line-height:1.6;
}

.me-service-card__features{
  list-style:none;
}

.me-service-card__features-item{
  padding:0.5rem 0;
  color:var(--txt-light);
  font-size:0.9rem;
  padding-left:1.5rem;
  position:relative;
}

.me-service-card__features-item::before{
  content:'✓';
  position:absolute;
  left:0;
  color:var(--rose);
  font-weight:700;
}

/* ── ECOSYSTEM SECTION ────────────────────────────────────────── */
.me-ecosystem{
  padding:5rem 0;
}

/* Tabs */
.me-eco__tabs{
  display:flex;
  justify-content:center;
  gap:0.5rem;
  margin-bottom:3rem;
  flex-wrap:wrap;
}
.me-eco__tab{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.75rem 1.5rem;
  border-radius:50px;
  border:1px solid rgba(232,69,139,.25);
  background:transparent;
  color:var(--txt-light);
  font-family:var(--ff);
  font-size:0.95rem;
  font-weight:500;
  cursor:pointer;
  transition:all var(--transition);
}
.me-eco__tab:hover{
  background:rgba(232,69,139,.1);
  border-color:var(--rose);
}
.me-eco__tab--active{
  background:linear-gradient(135deg,var(--rose),var(--pink));
  color:var(--white);
  border-color:transparent;
  box-shadow:0 4px 20px rgba(232,69,139,.3);
}
.me-eco__tab i{font-size:0.85rem}

/* Panels */
.me-eco__panels{
  position:relative;
  min-height:300px;
}
.me-eco__panel{
  display:none;
}
.me-eco__panel--active{
  display:block;
  animation:meEcoFade 0.4s ease-out;
}
@keyframes meEcoFade{
  from{opacity:0;transform:translateY(15px)}
  to{opacity:1;transform:translateY(0)}
}

/* Panel 1: Flow */
.me-eco__flow{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}
.me-eco__flow-step{
  position:relative;
  background:var(--dark-card);
  border:1px solid rgba(232,69,139,.2);
  border-radius:var(--radius-lg);
  padding:2rem 1.5rem;
  text-align:center;
  transition:all var(--transition);
}
.me-eco__flow-step:hover{
  border-color:var(--rose);
  transform:translateY(-4px);
  box-shadow:0 12px 30px rgba(232,69,139,.15);
}
.me-eco__flow-icon{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 1.2rem;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(232,69,139,.15),rgba(244,114,182,.1));
  border:1px solid rgba(232,69,139,.3);
  font-size:1.3rem;
  color:var(--rose-light);
}
.me-eco__flow-content h4{
  color:var(--white);
  font-size:1rem;
  margin-bottom:0.6rem;
}
.me-eco__flow-content p{
  color:var(--txt-muted);
  font-size:0.88rem;
  line-height:1.6;
  margin:0;
}
.me-eco__flow-arrow{
  display:none;
  position:absolute;
  right:-1.2rem;
  top:50%;
  transform:translateY(-50%);
  color:var(--rose);
  font-size:1rem;
  z-index:2;
}

/* Panel 2: Numbers */
.me-eco__numbers{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.5rem;
}
.me-eco__number-card{
  background:var(--dark-card);
  border:1px solid rgba(232,69,139,.2);
  border-radius:var(--radius-lg);
  padding:2.5rem 1.5rem;
  text-align:center;
  transition:all var(--transition);
}
.me-eco__number-card:hover{
  border-color:var(--rose);
  box-shadow:0 8px 30px rgba(232,69,139,.15);
}
.me-eco__number-value{
  font-family:var(--ff-display);
  font-size:3rem;
  font-weight:800;
  background:linear-gradient(135deg,var(--rose),var(--rose-light));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:0.5rem;
}
.me-eco__number-label{
  color:var(--white);
  font-weight:600;
  font-size:1rem;
  margin-bottom:0.4rem;
}
.me-eco__number-change{
  font-size:0.85rem;
  color:var(--rose-light);
  opacity:0.8;
}

/* Panel 3: Tools */
.me-eco__tools{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.me-eco__tool{
  display:flex;
  align-items:center;
  gap:1rem;
  background:var(--dark-card);
  border:1px solid rgba(232,69,139,.15);
  border-radius:var(--radius);
  padding:1.2rem 1.5rem;
  color:var(--txt-light);
  font-weight:500;
  font-size:0.95rem;
  transition:all var(--transition);
}
.me-eco__tool:hover{
  border-color:var(--rose);
  background:rgba(232,69,139,.08);
  transform:translateX(4px);
}
.me-eco__tool i{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(232,69,139,.12);
  color:var(--rose-light);
  font-size:1.1rem;
  flex-shrink:0;
}

/* Ecosystem CTA */
.me-eco__cta{
  text-align:center;
  margin-top:3rem;
  padding-top:2rem;
  border-top:1px solid rgba(232,69,139,.15);
}
.me-eco__cta p{
  color:var(--txt-muted);
  font-size:1.1rem;
  margin-bottom:1.5rem;
}

/* ── PROCESS / TIMELINE ───────────────────────────────────────── */
.me-process{
  margin:4rem auto;
  max-width:1200px;
}

.me-process__list{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  position:relative;
  gap:2rem;
}

.me-process__list::before{
  content:'';
  position:absolute;
  top:30px;
  left:5%;
  right:5%;
  height:2px;
  background:linear-gradient(90deg,var(--rose) 0%,var(--rose) 50%,transparent 100%);
  z-index:0;
}

.me-process__item{
  position:relative;
  z-index:1;
}

.me-process__step{
  width:60px;
  height:60px;
  background:linear-gradient(135deg,var(--rose) 0%,var(--pink) 100%);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--white);
  font-family:var(--ff-display);
  font-size:1.5rem;
  font-weight:700;
  margin:0 auto 1.5rem;
  box-shadow:0 0 30px var(--rose-glow);
}

.me-process__content{
  text-align:center;
}

.me-process__title{
  font-size:1.1rem;
  font-weight:700;
  color:var(--txt);
  margin-bottom:0.5rem;
}

.me-process__description{
  font-size:0.9rem;
  color:var(--txt-muted);
  line-height:1.5;
}

/* ── RESULTS / STATS SECTION ──────────────────────────────────── */
.me-results{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2rem;
  margin:3rem auto;
  max-width:1200px;
}

.me-result-card{
  background:var(--dark-card);
  border:1px solid rgba(232,69,139,.3);
  border-radius:var(--radius-lg);
  padding:2.5rem;
  text-align:center;
  position:relative;
  overflow:hidden;
  transition:all var(--transition);
}

.me-result-card:hover{
  border-color:var(--rose);
  box-shadow:0 0 30px var(--rose-glow);
}

.me-result-card::before{
  content:'';
  position:absolute;
  top:-50%;
  right:-50%;
  width:200px;
  height:200px;
  background:radial-gradient(circle,var(--rose-glow) 0%,transparent 70%);
  opacity:0;
  transition:opacity var(--transition);
}

.me-result-card:hover::before{
  opacity:0.5;
}

.me-result-card > *{
  position:relative;
  z-index:1;
}

.me-result-card__number{
  font-family:var(--ff-display);
  font-size:3rem;
  font-weight:800;
  background:linear-gradient(135deg,var(--rose) 0%,var(--pink) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:0.5rem;
  display:block;
}

.me-result-card__label{
  font-size:1.1rem;
  font-weight:700;
  color:var(--txt-light);
  margin-bottom:0.5rem;
}

.me-result-card__description{
  font-size:0.9rem;
  color:var(--txt-muted);
}

/* ── FAQ SECTION ──────────────────────────────────────────────── */
.me-faq{
  margin:3rem auto;
  max-width:800px;
}

.me-faq__item{
  border-bottom:1px solid var(--gray-300);
  padding:1.5rem 0;
  transition:all var(--transition);
}

.me-faq__item:last-child{
  border-bottom:none;
}

.me-faq__question{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:none;
  border:none;
  width:100%;
  padding:0;
  cursor:pointer;
  font-size:1.1rem;
  font-weight:600;
  color:var(--txt);
  transition:color var(--transition);
}

.me-faq__question:hover{
  color:var(--rose);
}

.me-faq__question-text{
  flex:1;
  text-align:left;
}

.me-faq__arrow{
  color:var(--rose);
  font-size:1.5rem;
  transition:transform var(--transition);
  margin-left:1rem;
}

.me-faq__item.active .me-faq__arrow{
  transform:rotate(180deg);
}

.me-faq__answer{
  max-height:0;
  overflow:hidden;
  transition:max-height var(--transition);
  color:var(--txt-muted);
  line-height:1.7;
  margin-top:1rem;
}

.me-faq__item.active .me-faq__answer{
  max-height:500px;
}

/* ── CTA BANNER ───────────────────────────────────────────────── */
.me-cta-banner{
  background:linear-gradient(135deg,var(--rose) 0%,var(--pink) 100%);
  color:var(--white);
  padding:4rem 2rem;
  margin:4rem auto;
  max-width:1200px;
  border-radius:var(--radius-xl);
  text-align:center;
}

.me-cta-banner__title{
  font-size:2.5rem;
  font-weight:800;
  margin-bottom:1rem;
  line-height:1.2;
  color:var(--white);
}

.me-cta-banner__subtitle{
  font-size:1.1rem;
  margin-bottom:2.5rem;
  color:rgba(255,255,255,.9);
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
}

.me-cta-banner__actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.5rem;
  flex-wrap:wrap;
}

/* ── CONTACT SECTION ──────────────────────────────────────────– */
.me-contact{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  margin:4rem auto;
  max-width:1200px;
  background:var(--dark-bg);
  padding:3rem;
  border-radius:var(--radius-lg);
  border:1px solid rgba(232,69,139,.2);
}

.me-contact__info-item{
  margin-bottom:2rem;
}

.me-contact__label{
  font-size:0.9rem;
  color:var(--txt-muted);
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin-bottom:0.5rem;
  display:block;
}

.me-contact__value{
  font-size:1.2rem;
  color:var(--txt-light);
  font-weight:600;
}

.me-contact__form{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}

.me-contact__group{
  display:flex;
  flex-direction:column;
  margin-bottom:1.5rem;
}

.me-contact__label-text{
  font-size:0.95rem;
  color:var(--txt-light);
  margin-bottom:0.6rem;
  font-weight:500;
}

.me-contact__input,
.me-contact__textarea{
  background:var(--dark-surface);
  border:1px solid rgba(232,69,139,.3);
  border-radius:var(--radius);
  padding:0.875rem 1rem;
  color:var(--txt-light);
  font-family:var(--ff);
  transition:all var(--transition);
}

.me-contact__input:focus,
.me-contact__textarea:focus{
  outline:none;
  border-color:var(--rose);
  box-shadow:0 0 15px var(--rose-glow);
  background:rgba(232,69,139,.05);
}

.me-contact__textarea{
  resize:vertical;
  min-height:120px;
}

.me-contact__checkbox{
  display:flex;
  align-items:flex-start;
  gap:0.75rem;
  margin:1rem 0;
}

.me-contact__checkbox input[type="checkbox"]{
  margin-top:0.25rem;
  accent-color:var(--rose);
  cursor:pointer;
}

.me-contact__checkbox-label{
  font-size:0.85rem;
  color:var(--txt-muted);
  line-height:1.5;
  cursor:pointer;
}

.me-contact__checkbox-label a{
  color:var(--rose);
  transition:color var(--transition);
}

.me-contact__checkbox-label a:hover{
  color:var(--pink);
}

.me-contact__submit{
  width:100%;
  padding:1rem;
  background:linear-gradient(135deg,var(--rose) 0%,var(--pink) 100%);
  color:var(--white);
  border:none;
  border-radius:var(--radius-lg);
  font-size:1rem;
  font-weight:600;
  font-family:var(--ff);
  cursor:pointer;
  transition:all var(--transition);
  box-shadow:0 4px 15px var(--rose-glow);
}

.me-contact__submit:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 25px var(--rose-glow);
}

.me-contact__submit:active{
  transform:translateY(0);
}

/* ── ANIMATIONS ───────────────────────────────────────────────── */
@keyframes meFloat{
  0%,100%{transform:translateY(0px)}
  50%{transform:translateY(-20px)}
}

@keyframes mePulse{
  0%,100%{opacity:1}
  50%{opacity:0.6}
}

@keyframes meGlow{
  0%,100%{box-shadow:0 0 20px var(--rose-glow)}
  50%{box-shadow:0 0 40px var(--rose-glow)}
}

@keyframes meFadeIn{
  from{
    opacity:0;
    transform:translateY(30px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes meShine{
  0%{background-position:200% center}
  100%{background-position:-200% center}
}

/* ── DATA ANIMATE ─────────────────────────────────────────────– */
[data-animate]{
  opacity:0;
  transform:translateY(30px);
  transition:opacity 0.7s ease-out, transform 0.7s ease-out;
}

[data-animate].is-visible{
  opacity:1;
  transform:translateY(0);
}

/* ── ACCESSIBILITY ────────────────────────────────────────────── */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

*:focus-visible{
  outline:2px solid var(--rose);
  outline-offset:2px;
}

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

/* ── RESPONSIVE: TABLET & MEDIUM ──────────────────────────────– */
@media(max-width:1024px){
  .me-hero__inner{
    grid-template-columns:1fr;
    gap:2rem;
  }

  .me-clinic-mockup{
    display:none;
  }

  .me-hero__stats,
  .me-hero__stats--3{
    grid-template-columns:repeat(3,1fr);
  }

  .me-services{
    grid-template-columns:repeat(2,1fr);
  }

  .me-results{
    grid-template-columns:repeat(2,1fr);
  }

  .me-process__list{
    grid-template-columns:repeat(3,1fr);
  }

  .me-process__list::before{
    display:none;
  }

  .me-contact{
    grid-template-columns:1fr;
  }

  .me-problem{
    grid-template-columns:1fr;
  }

  .me-eco__flow{grid-template-columns:repeat(2,1fr)}
  .me-eco__numbers{grid-template-columns:repeat(2,1fr)}
  .me-eco__tools{grid-template-columns:repeat(2,1fr)}
}

/* ── RESPONSIVE: MOBILE NAV (<=768px) ────────────────────────── */
@media(max-width:768px){
  .nav__toggle{
    display:flex;
    flex-direction:column;
    gap:5px;
    background:none;
    border:none;
    cursor:pointer;
    padding:6px;
    z-index:1003;
  }
  .nav__toggle-bar{
    width:24px;
    height:2px;
    background:var(--white);
    border-radius:2px;
    transition:all var(--transition);
  }
  .nav__toggle.active .nav__toggle-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .nav__toggle.active .nav__toggle-bar:nth-child(2){opacity:0}
  .nav__toggle.active .nav__toggle-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

  .header{
    padding:5px 10px;
  }

  .nav__menu{
    position:fixed;
    top:71px;left:0;right:0;bottom:0;
    height:calc(100vh - 71px) !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1rem;
    padding:2rem;
    background:rgba(21,10,20,.97);
    backdrop-filter:blur(20px);
    z-index:99999999999999;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-20px);
    transition:all 0.35s ease;
  }
  .nav__menu.active,
  .nav__menu.nav__menu--open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }
  .nav__menu .nav__link{
    font-size:1.05rem;
    color:rgba(255,255,255,.9);
  }
  .nav__menu .nav__link--cta{
    margin-left:0;
    margin-top:0.5rem;
  }

  /* Hero: add padding for fixed header */
  .me-hero{
    height:auto;
    min-height:100vh;
    padding-top:100px;
    padding-bottom:2rem;
  }

  h1{
    font-size:2.3rem!important;
  }
  .me-hero__inner{
    grid-template-columns:1fr;
    gap:2rem;
  }
  .me-hero__stats,
  .me-hero__stats--3{
    grid-template-columns:repeat(3,1fr);
    gap:1rem;
  }
  .me-hero__stat-number{
    font-size:1.4rem;
  }
  .me-hero__stat-label{
    font-size:0.7rem;
  }

  body.nav-open{overflow:hidden}
}

/* ── RESPONSIVE: MOBILE CONTENT (<=768px) ────────────────────── */
@media(max-width:768px){
  :root{
    font-size:15px;
  }

  .section{
    padding:3rem 0;
  }

  .container{
    padding:0 1.5rem;
  }

  .header__nav{
    gap:1rem;
  }

  .me-hero__title{
    font-size:2rem;
  }

  .me-hero__subtitle{
    font-size:1rem;
  }

  .me-services{
    grid-template-columns:1fr;
  }

  .me-service-card{
    padding:1.5rem;
  }

  .me-results{
    grid-template-columns:1fr;
  }

  .me-process__list{
    grid-template-columns:repeat(2,1fr);
  }

  .me-cta-banner{
    margin:2rem 0;
    padding:2.5rem 1.5rem;
  }

  .me-cta-banner__title{
    font-size:1.8rem;
  }

  .me-cta-banner__subtitle{
    font-size:1rem;
  }

  .me-cta-banner__actions{
    flex-direction:column;
    gap:1rem;
  }

  .me-cta-banner__actions .btn{
    width:100%;
  }

  .me-trust-bar{
    grid-template-columns:1fr;
    gap:1.5rem;
  }

  .me-contact{
    padding:1.5rem;
  }

  .me-contact__form{
    gap:1rem;
  }

  .me-faq{
    max-width:100%;
  }

  h2{
    font-size:1.5rem;
  }

  h3{
    font-size:1.2rem;
  }

  .me-eco__flow{grid-template-columns:1fr}
  .me-eco__numbers{grid-template-columns:1fr}
  .me-eco__tools{grid-template-columns:1fr}
  .me-eco__number-value{font-size:2.2rem}
  .me-eco__tab{padding:0.6rem 1rem;font-size:0.85rem}
}

/* ── RESPONSIVE: SMALL MOBILE ─────────────────────────────────– */
@media(max-width:480px){
  .container{
    padding:0 1rem;
  }

  .me-hero__title{
    font-size:1.5rem;
  }

  .me-hero__actions{
    flex-direction:column;
    gap:0.75rem;
  }

  .me-hero__actions .btn{
    width:100%;
  }

  .me-hero__stats,
  .me-hero__stats--3{
    grid-template-columns:repeat(3,1fr);
    gap:0.75rem;
  }
  .me-hero__stat-number{
    font-size:1.2rem;
  }

  .me-service-card{
    padding:1.25rem;
  }

  .me-service-card__icon{
    width:48px;
    height:48px;
    font-size:1.5rem;
  }

  .me-result-card{
    padding:1.5rem;
  }

  .me-result-card__number{
    font-size:2rem;
  }

  .me-process__list{
    grid-template-columns:1fr;
  }

  .me-process__step{
    width:50px;
    height:50px;
    font-size:1.2rem;
  }

  .me-trust-bar{
    padding:1.5rem;
  }

  .me-problem__card{
    padding:1.5rem;
  }

  .section__badge{
    font-size:0.75rem;
    padding:0.4rem 0.8rem;
  }

  .btn{
    padding:0.75rem 1.5rem;
    font-size:0.95rem;
  }

  .btn--lg{
    padding:0.75rem 1.5rem;
  }

  h2{
    font-size:1.3rem;
  }

  h3{
    font-size:1.1rem;
  }
}