/* css/why-us.css - sliding "Why parents choose us" (home page) */
.wu{max-width:1200px;margin:90px auto 40px;padding:0 20px}
.wu p{padding:0}
.wu h2,.wu h3{text-align:left;margin:0}
.wu-head{text-align:center;max-width:680px;margin:0 auto 36px}
.wu-head h2{text-align:center;font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.2;color:var(--stella-navy);font-weight:700}
.wu-head h2::after{content:"";display:block;width:60px;height:3px;background:var(--stella-accent-dark);margin:14px auto 0}
.wu-head p{margin-top:14px;color:var(--stella-gray);line-height:1.7;text-align:center}

/* Landscape slides that move right to left */
.wu-track{position:relative;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.wu-track::-webkit-scrollbar{display:none}
.wu-track:focus-visible{outline:3px solid var(--stella-accent-dark);outline-offset:4px;border-radius:16px}
.wu-slide{position:relative;flex:0 0 min(560px,86%);aspect-ratio:16/10;scroll-snap-align:start;border-radius:16px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,var(--stella-navy),var(--stella-navy-light));box-shadow:0 10px 30px rgba(10,38,71,.15)}
.wu-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wu-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,26,53,.92),rgba(0,26,53,.3) 60%,rgba(0,26,53,0))}
.wu-ico{position:absolute;top:20px;left:20px;width:48px;height:48px;line-height:48px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--stella-navy);text-align:center;font-size:20px}
.wu-txt{position:relative;padding:28px}
.wu-txt h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:8px}
.wu-txt p{color:#d6e0ef;line-height:1.7;max-width:460px}

/* Controls */
.wu-ctl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:4px}
.wu-ctl button{cursor:pointer;transition:background .2s,color .2s,border-color .2s,width .25s}
.wu-ctl button:focus-visible{outline:3px solid var(--stella-accent-dark);outline-offset:2px}
.wu-arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid #cbd6e6;background:#fff;color:var(--stella-navy);font-size:16px}
.wu-arrow:hover{background:var(--stella-navy);border-color:var(--stella-navy);color:#fff}
.wu-dots{display:flex}
.wu-dots button{box-sizing:content-box;width:10px;height:10px;padding:7px;border:0;border-radius:999px;background:#cbd6e6;background-clip:content-box}
.wu-dots button[aria-current=true]{width:28px;background:var(--stella-navy);background-clip:content-box}

/* Call to action */
.wu-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}
.wu-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 30px;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .2s}
.wu-btn:hover{transform:translateY(-2px)}
.wu-btn.main{background:linear-gradient(135deg,var(--stella-navy),var(--stella-navy-light));color:#fff;box-shadow:0 6px 16px rgba(0,26,53,.25)}
.wu-btn.ghost{background:#fff;color:var(--stella-navy);border:1.5px solid #cbd6e6}
.wu-btn:focus-visible{outline:3px solid var(--stella-accent-dark);outline-offset:3px}

@media (max-width:600px){.wu{margin-top:60px}.wu-slide{aspect-ratio:4/3}.wu-txt{padding:22px}}
@media (prefers-reduced-motion:reduce){.wu-track{scroll-behavior:auto}.wu-ctl button,.wu-btn{transition:none}}