
:root{--cream:#fbf5e8;--cream2:#f5ead2;--ink:#26351f;--green:#38592f;--green2:#6d8754;--purple:#5d357f;--pink:#d98ea7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Trebuchet MS","Avenir Next",Avenir,system-ui,-apple-system,sans-serif;line-height:1.65}img{max-width:100%;display:block}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:99}.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}

.hero{min-height:100svh;position:relative;display:grid;align-items:center;background:linear-gradient(90deg,rgba(253,246,229,.96) 0%,rgba(253,246,229,.84) 34%,rgba(253,246,229,.12) 62%,transparent 100%),url("assets/hero-rani-final.png") center/cover no-repeat}
.hero__content{width:min(1120px,92vw);margin:auto;padding:6rem 2rem}.hero__content>*{max-width:650px}.eyebrow,.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:800;color:var(--green2)}.hero h1{margin:.2rem 0 1rem;font-size:clamp(3.5rem,8vw,7.2rem);line-height:.88;letter-spacing:-.05em;color:#16341c}.hero h1 span{color:var(--purple)}.hero__claim{font-size:clamp(1.5rem,3vw,2.45rem);line-height:1.2;margin:1.5rem 0}.hero__sub{font-size:clamp(1rem,1.5vw,1.2rem)}.coming-soon{margin-top:2rem;display:inline-flex;gap:.65rem;align-items:center;padding:.9rem 1.2rem;border:1px solid rgba(56,89,47,.22);border-radius:999px;background:rgba(255,253,247,.86);font-weight:700}.dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--pink);box-shadow:0 0 0 6px rgba(217,142,167,.15)}.scroll-cue{position:absolute;bottom:1.2rem;left:50%;font-size:1.5rem;animation:bob 1.8s ease-in-out infinite}@keyframes bob{50%{transform:translateY(8px)}}

.section{padding:clamp(5rem,9vw,9rem) max(5vw,1.2rem)}.intro{background:linear-gradient(180deg,var(--cream),var(--cream2))}.narrow{width:min(800px,100%);margin:auto;text-align:center}h2{font-size:clamp(2.1rem,4.5vw,4.4rem);line-height:1.05;letter-spacing:-.04em;margin:.35rem 0 1.4rem}.lead{font-size:clamp(1.15rem,2vw,1.45rem)}.big-line{font-size:clamp(1.5rem,3vw,2.3rem);color:var(--purple);font-weight:800}

.visual-section{width:100%;background:#fbf5e8;overflow:hidden}.visual-section img{width:100%;height:auto}.visual-section--characters{background:#fffaf0}

.plop{min-height:85vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:7rem 1.5rem;color:#fff;background:linear-gradient(rgba(19,53,44,.78),rgba(19,53,44,.86)),url("assets/metodo-plop.jpg") center/cover no-repeat}.plop__content{width:min(820px,100%);text-align:center;position:relative;z-index:2}.plop .kicker{color:#d8e8c4}.plop__word{font-size:clamp(5rem,15vw,12rem);line-height:.8;font-weight:900;letter-spacing:-.08em;color:#fff4c9;text-shadow:0 10px 30px rgba(0,0,0,.25)}.plop__quote{margin:2rem auto 0;max-width:720px;padding:1.25rem 1.5rem;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:rgba(255,255,255,.08);font-weight:700}.plop__rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.plop__rings span{position:absolute;width:16rem;height:16rem;border-radius:50%;border:1px solid rgba(255,255,255,.18);animation:ripple 5s ease-out infinite}.plop__rings span:nth-child(2){animation-delay:1.6s}.plop__rings span:nth-child(3){animation-delay:3.2s}@keyframes ripple{0%{transform:scale(.3);opacity:0}25%{opacity:1}100%{transform:scale(5);opacity:0}}

.parents{min-height:75vh;display:grid;place-items:center;padding:6rem 1.5rem;background:linear-gradient(90deg,rgba(252,246,231,.97),rgba(252,246,231,.90) 52%,rgba(252,246,231,.22)),url("assets/parents-bg.jpg") right center/cover no-repeat}.parents__content{width:min(1120px,92vw)}.parents__content>*{max-width:650px}.parents blockquote{margin:2rem 0;padding-left:1.3rem;border-left:4px solid var(--pink);font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;color:var(--purple);font-weight:800}.mini{font-size:.95rem;color:#53624c}

.finale{min-height:70vh;display:grid;place-items:center;text-align:center;padding:6rem 1.5rem;color:#fff;background:linear-gradient(rgba(24,53,39,.55),rgba(24,53,39,.72)),url("assets/plop-final.jpg") center/cover no-repeat}.finale__content{width:min(850px,100%)}.finale .eyebrow{color:#f5e9c8}.finale__soon{font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:700}.instagram{display:inline-block;margin-top:1.5rem;padding:.9rem 1.35rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;text-decoration:none;color:#fff;font-weight:800;background:rgba(255,255,255,.08)}
footer{padding:1.6rem;text-align:center;background:#18301f;color:#dfe8d5;font-size:.9rem}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:800px){.hero{background:linear-gradient(180deg,rgba(253,246,229,.97) 0%,rgba(253,246,229,.88) 48%,rgba(253,246,229,.18) 73%,transparent),url("assets/hero-rani-final.png") 68% center/cover no-repeat;align-items:start}.hero__content{padding:4.5rem 1.3rem 17rem}.parents{background:linear-gradient(180deg,rgba(252,246,231,.98),rgba(252,246,231,.91) 60%,rgba(252,246,231,.2)),url("assets/parents-bg.jpg") center bottom/cover no-repeat;padding-bottom:18rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
