/* Motion follows the garden illustration: small living details, then clear content. */
.hero-sun{animation:sun-breathe 9s ease-in-out infinite}
.butterfly{position:absolute;z-index:3;display:block;width:42px;height:42px;pointer-events:none;filter:drop-shadow(0 5px 3px rgba(57,96,81,.19))}
.butterfly::before,.butterfly::after{content:"";position:absolute;top:5px;width:19px;height:26px;border-radius:75% 25% 70% 30%;background:#7fc9ed;box-shadow:inset 3px 3px 0 rgba(255,255,255,.5)}
.butterfly::before{left:2px;transform-origin:right center;animation:wing-left .46s ease-in-out infinite alternate}
.butterfly::after{right:2px;border-radius:25% 75% 30% 70%;transform-origin:left center;animation:wing-right .46s ease-in-out infinite alternate}
.butterfly i{position:absolute;left:19px;top:8px;width:5px;height:25px;border-radius:5px;background:#406b62}
.butterfly i::before,.butterfly i::after{content:"";position:absolute;top:-4px;width:1px;height:7px;background:#406b62;transform-origin:bottom}
.butterfly i::before{left:1px;transform:rotate(-32deg)}.butterfly i::after{right:1px;transform:rotate(32deg)}
.butterfly-one{top:12%;left:8%;--scale:1;animation:butterfly-path 8s ease-in-out infinite}
.butterfly-two{top:48%;right:7%;--scale:.68;animation:butterfly-path 10s -3s ease-in-out infinite}
.butterfly-two::before,.butterfly-two::after{background:#f7b49e}
.preview-main{--tilt:3deg;animation:main-arrive .9s .18s cubic-bezier(.16,1,.3,1) both,card-bob 5.8s 1.25s ease-in-out infinite}
.preview-family{--tilt:-6deg;animation:float-left .85s .36s cubic-bezier(.16,1,.3,1) both,card-bob 6.3s 1.3s ease-in-out infinite}
.preview-care{--tilt:5deg;animation:float-right .85s .5s cubic-bezier(.16,1,.3,1) both,card-bob 6.8s 1.45s ease-in-out infinite}
.feature-card .snippet-photo,.feature-card .snippet-line,.feature-card .lesson-row,.feature-card .school-bars i{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}
.feature-card:hover .snippet-photo{transform:translateY(-8px) rotate(8deg)}
.feature-card:hover .snippet-line{transform:translateY(4px) rotate(-2deg)}
.feature-card:hover .lesson-row:nth-of-type(2){transform:translateX(7px)}
.feature-card:hover .school-bars i{transform:scaleX(1.04);transform-origin:left}
.steps li>span{transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s,box-shadow .35s}
.steps li:hover>span{transform:translateY(-3px) rotate(-8deg);background:#f8ffd8;box-shadow:0 9px 18px rgba(74,133,164,.16)}
.proof-screen{transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s}
.proof-screen:hover{transform:rotate(0deg) translateY(-5px);box-shadow:0 30px 60px rgba(25,71,83,.2)}
.pricing-flower{animation:flower-sway 7s ease-in-out infinite;transform-origin:center bottom}
.contact{position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;left:-130px;top:40px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.27);animation:cloud-drift 12s ease-in-out infinite;pointer-events:none}
.contact-copy img{animation:contact-garden-sway 7s ease-in-out infinite;transform-origin:center bottom}
.iti{width:100%;--iti-border-color:#cbdcde;--iti-hover-color:var(--blue)}
.iti__selected-country{border-radius:10px 0 0 10px;background:#f4f9fb;transition:background-color .2s}
.iti__selected-country:hover{background:#e9f5fb}
.iti__country-list{z-index:30;border-radius:12px;box-shadow:0 18px 40px rgba(27,73,87,.18)}
.iti__search-input{border-radius:8px}
.phone-field .form-text{font-size:.72rem;color:#597680;margin-top:7px}
.phone-field .invalid-feedback:not(:empty){display:block}
.phone-field .iti:has(.is-invalid){outline:1px solid #ba5652;border-radius:10px}
.motion-ready .reveal-item,.motion-ready .reveal-pop,.motion-ready .reveal-tilt{opacity:.92;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-item{transform:translateY(18px)}
.motion-ready .reveal-pop{transform:translateY(18px) scale(.97)}
.motion-ready .reveal-tilt{transform:translateY(16px) rotate(-5deg)}
.motion-ready .reveal-item.is-visible,.motion-ready .reveal-pop.is-visible{opacity:1;transform:none}
.motion-ready .reveal-tilt.is-visible{opacity:1;transform:rotate(-2deg)}
@keyframes sun-breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.055);opacity:.88}}
@keyframes butterfly-path{0%,100%{transform:translate(0,0) rotate(-10deg) scale(var(--scale))}30%{transform:translate(15px,-17px) rotate(12deg) scale(var(--scale))}65%{transform:translate(-6px,9px) rotate(-5deg) scale(var(--scale))}}
@keyframes wing-left{to{transform:scaleX(.7) rotate(-12deg)}}
@keyframes wing-right{to{transform:scaleX(.7) rotate(12deg)}}
@keyframes card-bob{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-8px) rotate(var(--tilt))}}
@keyframes flower-sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
@keyframes cloud-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(28px)}}
@keyframes contact-garden-sway{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@media(max-width:560px){.butterfly-one{top:5%;left:6%}.butterfly-two{top:56%;right:1%}.iti__country-list{max-width:calc(100vw - 32px)}}
@media(max-width:380px){.proof-screen,.proof-screen:hover{transform:none}.motion-ready .reveal-tilt{transform:translateY(16px)}.motion-ready .reveal-tilt.is-visible{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-sun,.butterfly,.butterfly::before,.butterfly::after,.preview-card,.pricing-flower,.contact::before,.contact-copy img{animation:none!important}.motion-ready .reveal-item,.motion-ready .reveal-pop,.motion-ready .reveal-tilt{opacity:1;filter:none;transform:none;transition:none}.feature-card:hover .snippet-photo,.feature-card:hover .snippet-line,.feature-card:hover .lesson-row:nth-of-type(2),.feature-card:hover .school-bars i,.steps li:hover>span,.proof-screen:hover{transform:none}}