/* HOME PAGE SPECIFIC STYLES */

/* HERO */
.hero{min-height:100vh;background:linear-gradient(135deg, #7B1F7A 0%, #5E2750 100%);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:72px}
.hero__bg-pattern{position:absolute;inset:0;opacity:.05;background-image:radial-gradient(circle,#F5B800 1px,transparent 1px);background-size:36px 36px}
.hero__glow-1{position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(245, 184, 0,.18) 0%,transparent 65%);pointer-events:none}
.hero__glow-2{position:absolute;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(247, 244, 233,.12) 0%,transparent 65%);pointer-events:none}
.hero__gold-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#F5B800,#FFD84D,#F5B800,transparent)}
.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center;padding:clamp(60px,8vw,100px) 0;position:relative;z-index:1}
.hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(247, 244, 233,.15);border:1px solid rgba(245, 184, 0,.4);color:#F7F4E9;padding:.45rem 1.1rem;border-radius:var(--r-full);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem}
.hero__badge span{width:8px;height:8px;background:#F5B800;border-radius:50%;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}
.hero__content h1{color:var(--white);font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;margin-bottom:1.25rem}
.hero__content h1 em{color:#FFD84D;font-style:normal}
.hero__content>p{color:rgba(247,244,233,.9);font-size:clamp(.95rem,1.8vw,1.1rem);margin-bottom:2rem;max-width:500px}
.hero__content>p strong{color:#ffffff}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:2.5rem}
.hero__stats{display:flex;gap:clamp(16px,3vw,28px);flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15)}
.hero__stat strong{display:block;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:900;color:#FFD84D;line-height:1}
.hero__stat span{font-size:.75rem;color:rgba(247,244,233,.75);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;display:block}
.hero__visual{position:relative}
.hero__img-wrap{border-radius:var(--r-xl);overflow:hidden;position:relative;box-shadow:0 32px 80px rgba(123,31,122,.3)}
.hero__img-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(58,33,53,.3));z-index:1;pointer-events:none}
.hero__img-wrap img{width:100%;aspect-ratio:4/5;object-fit:cover;background:linear-gradient(135deg,#7B1F7A,#5E2750)}
.hero__float-card{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-radius:var(--r-md);padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);z-index:2}
.hero__float-card--1{top:24px;left:-20px;animation:float 3.5s ease-in-out infinite}
.hero__float-card--2{bottom:56px;right:-16px;animation:float 3.5s ease-in-out infinite .8s}
.fc-icon{width:38px;height:38px;border-radius:var(--r-sm);background:#7B1F7A;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.fc-text strong{display:block;font-size:.85rem;font-weight:700;color:#1C1C2E}
.fc-text small{font-size:.72rem;color:#6B5F77}

/* STATS STRIP - SOFT CREAM YELLOW WITH PLUM NUMBERS */
.stats-strip{background:#F7F4E9;padding:clamp(28px,4vw,44px) 0;position:relative;border-top:3px solid #F5B800;border-bottom:1px solid rgba(123,31,122,.12)}
.stats-strip__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stat-col{text-align:center;padding:clamp(16px,2vw,24px) 16px;border-right:1px solid rgba(123,31,122,.12)}
.stat-col:last-child{border-right:none}
.stat-col .num{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:#7B1F7A;line-height:1}
.stat-col .lbl{font-size:.8rem;color:#1C1C2E;font-weight:600;margin-top:.35rem;text-transform:uppercase;letter-spacing:.06em}

/* WHY SECTION */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.why-item{display:flex;gap:14px;align-items:flex-start;padding:18px;background:var(--white);border-radius:var(--r-md);border:1px solid rgba(123,31,122,.12);transition:var(--trans)}
.why-item:hover{border-color:#7B1F7A;box-shadow:var(--shadow-md);transform:translateX(4px)}
.why-item .wi-icon{width:44px;height:44px;background:rgba(123,31,122,.08);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;color:#7B1F7A}
.why-item h4{font-size:.9rem;margin-bottom:.2rem;color:var(--dark)}
.why-item p{font-size:.82rem;color:var(--gray-600);margin:0}

/* TREATMENT TABS */
.treat-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}
.treat-tab{padding:9px 20px;border-radius:var(--r-full);font-size:.87rem;font-weight:600;cursor:pointer;border:1.5px solid rgba(123,31,122,.18);color:var(--gray-600);background:var(--white);transition:var(--trans)}
.treat-tab.active,.treat-tab:hover{background:#7B1F7A;border-color:#7B1F7A;color:var(--white)}

/* PROCESS STEPS */
.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
.process-steps::before{content:'';position:absolute;top:28px;left:calc(16.666% + 16px);right:calc(16.666% + 16px);height:2px;background:linear-gradient(90deg,#7B1F7A,#F5B800,#7B1F7A);z-index:0}
.step{text-align:center;position:relative;z-index:1}
.step__num{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #7B1F7A 0%, #5E2750 100%);color:#F7F4E9;font-weight:900;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 6px 20px rgba(123,31,122,.25);border:2px solid #F5B800}
.step h4{font-size:.95rem;margin-bottom:.5rem}
.step p{font-size:.85rem;color:var(--gray-400)}

@media(max-width:768px){
  .hero__inner{grid-template-columns:1fr;text-align:center;padding:44px 0 36px}
  .hero__content>p,.hero__actions{margin-left:auto;margin-right:auto}
  .hero__actions{justify-content:center}
  .hero__stats{justify-content:center}
  .hero__float-card--1{left:4px;top:12px}
  .hero__float-card--2{right:4px;bottom:24px}
  .hero__visual{display:none} /* hide image on mobile to focus on CTAs */
  .stats-strip__inner{grid-template-columns:repeat(2,1fr)}
  .stat-col:nth-child(2){border-right:none}
  .stat-col{border-bottom:1px solid rgba(0,0,0,.08)}
  .stat-col:nth-child(3),.stat-col:nth-child(4){border-bottom:none}
  .why-grid{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr;gap:16px}
  .process-steps::before{display:none}
  .hero{padding-top:60px;min-height:auto}
}
@media(max-width:480px){
  .stats-strip__inner{grid-template-columns:1fr 1fr}
}