/* ===== EdifyKids v2: soft glass UI over ONE site-wide 3D world (UI UX Pro Max: Claymorphism + Soft UI + dimensional layering) ===== */
body.ek-home{background:linear-gradient(180deg,#DCEFFB 0%,#EAF6FD 20%,#FFF8F0 48%,#FFF1E2 100%) fixed!important}
body.ek-home::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60vw 50vh at 86% 6%,rgba(255,255,255,.95),transparent 62%),radial-gradient(52vw 52vh at 4% 58%,rgba(255,214,170,.38),transparent 64%),radial-gradient(46vw 46vh at 94% 82%,rgba(150,210,240,.34),transparent 62%)}
#ek-world{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:0;pointer-events:none;display:block;opacity:0;transition:opacity 1s var(--ek-ease)}
html.ek-3d-on #ek-world{opacity:1}
html.ek-3d-off #ek-world{display:none}
body.ek-home .site-main,body.ek-home #content{position:relative;z-index:1;background:transparent}
.ek-hdr{z-index:80}.ek-wa{z-index:75}

/* everything is transparent so the world shows through; only cards are glass */
.ek-hero,.ek-intro,.ek-counters,.ek-continuum,.ek-cta,.ek-fr,.ek-voices,.ek-ribbon{background:transparent!important}
.ek-hero__wave{display:none}
.ek-hero__stage{pointer-events:none}.ek-hero__anchor{position:absolute;right:-1%;top:12%;width:52%;bottom:12%}
html.ek-3d-on .ek-hero__fallback{opacity:0}
.ek-hero h1{font-weight:600;letter-spacing:-.6px}
.ek-hero__inner,.ek-wrap,.ek-ribbon__card{position:relative;z-index:2}
.ek-tag{background:rgba(255,255,255,.75);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9)}

.ek-hdr__bar{background:rgba(255,255,255,.7)!important;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 34px rgba(31,42,68,.12),inset 0 1px 0 rgba(255,255,255,.95)}
.ek-count,.ek-fr__form,.ek-ribbon__card,.ek-stage__body{background:rgba(255,255,255,.64)!important;backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 44px rgba(31,42,68,.10),inset 0 1px 0 rgba(255,255,255,.95)}
.ek-quote{border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 20px 44px rgba(31,42,68,.10),inset 0 1px 0 rgba(255,255,255,.9)}
.ek-quote--1{background:rgba(222,241,252,.72)}.ek-quote--2{background:rgba(255,240,205,.74)}.ek-quote--3{background:rgba(226,245,214,.74)}
.ek-count::before{display:none}
/* legacy section look now lives in ek-motion.css (frosted warm glass) */
.ek-cta__card{background:linear-gradient(135deg,#F28C28 0%,#F6A24A 55%,#FBC531 100%);box-shadow:0 30px 70px rgba(242,140,40,.38),inset 0 2px 0 rgba(255,255,255,.4);overflow:visible}
.ek-cta__card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 80% at 20% 0%,rgba(255,255,255,.35),transparent 60%);pointer-events:none}
.ek-fr__band{background:linear-gradient(135deg,#1F2A44,#2B3A5F);box-shadow:0 24px 50px rgba(31,42,68,.28),inset 0 1px 0 rgba(255,255,255,.12)}
.ek-ftr{background:linear-gradient(180deg,rgba(31,42,68,.97),#1F2A44)}

/* clay buttons: pressed-down base + soft glow + inner highlight */
.ek-btn{box-shadow:0 8px 0 #c96f12,0 20px 28px rgba(242,140,40,.28),inset 0 3px 0 rgba(255,255,255,.4),inset 0 -4px 8px rgba(0,0,0,.08)}
.ek-btn:hover{box-shadow:0 11px 0 #c96f12,0 24px 32px rgba(242,140,40,.3),inset 0 3px 0 rgba(255,255,255,.4),inset 0 -4px 8px rgba(0,0,0,.08)}
.ek-btn:active{box-shadow:0 2px 0 #c96f12,0 8px 14px rgba(242,140,40,.25),inset 0 3px 0 rgba(255,255,255,.3)}
.ek-btn--blue{box-shadow:0 8px 0 #2487b3,0 20px 28px rgba(58,167,216,.28),inset 0 3px 0 rgba(255,255,255,.4),inset 0 -4px 8px rgba(0,0,0,.08)}
.ek-btn--blue:hover{box-shadow:0 11px 0 #2487b3,0 24px 32px rgba(58,167,216,.3),inset 0 3px 0 rgba(255,255,255,.4)}
.ek-btn--sm{box-shadow:0 5px 0 #c96f12,0 12px 18px rgba(242,140,40,.25),inset 0 2px 0 rgba(255,255,255,.4)}
.ek-btn--sm.ek-btn--blue{box-shadow:0 5px 0 #2487b3,0 12px 18px rgba(58,167,216,.25),inset 0 2px 0 rgba(255,255,255,.4)}
.ek-btn--white,.ek-btn--ghost{box-shadow:0 7px 0 rgba(0,0,0,.14),0 16px 24px rgba(0,0,0,.10),inset 0 2px 0 rgba(255,255,255,.9)}
.ek-btn,.ek-nav a,.ek-sub-toggle,.ek-soc a,.ek-stage .ek-btn,.ek-wa{cursor:pointer}
.ek-ribbon__icon{background:rgba(255,255,255,.7)}

/* continuum: the figure stands in 3D on the page itself (no card behind it); text sits in a glass chip below */
.ek-stage{background:transparent!important;box-shadow:none!important;padding:0!important;align-items:stretch;overflow:visible}
.ek-stage:hover{transform:none;box-shadow:none}
.ek-stage__stand{position:relative;width:100%;aspect-ratio:.64;margin:0 auto 6px;max-width:260px;align-self:center}
.ek-stage__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .6s}
html.ek-figs-on .ek-stage__fallback{opacity:0}
.ek-stage__n{z-index:3;left:6px;top:4px;width:44px;height:44px;box-shadow:0 8px 18px rgba(31,42,68,.2),inset 0 2px 0 rgba(255,255,255,.4)}
.ek-stage__body{border-radius:var(--ek-radius-lg);padding:20px 18px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:2}
.ek-stage__pic{display:none}
.ek-stages::before{display:none}
.ek-stages{align-items:stretch}.ek-stage--1,.ek-stage--2,.ek-stage--3,.ek-stage--4{margin-bottom:0}
.ek-stage--2{transform:translateY(-14px)}.ek-stage--3{transform:translateY(-28px)}.ek-stage--4{transform:translateY(-42px)}
@media(max-width:1024px){.ek-stage--2,.ek-stage--3,.ek-stage--4{transform:none}}

/* 3D tilt cards (JS sets --rx/--ry on hover devices) */
.ek-tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s var(--ek-ease);will-change:transform}
.ek-tilt.is-tilting{transition:transform .08s linear}
@media(prefers-reduced-motion:reduce){.ek-tilt{transform:none!important}}

/* phone: the world is calmer; hero stage is the in-flow block above the text */
@media(max-width:767px){.ek-hero__anchor{inset:0;width:auto}}