/* Approved light Hero. Scope every rule to avoid changing other pages or CMS images. */
.onekids-home .hero--authored:not(.hero--legacy-backdrop) .hero-backdrop{display:none}
.onekids-home .hero--authored:not(.hero--legacy-backdrop) .hero-inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px}
.onekids-home .hero--authored:not(.hero--legacy-backdrop) .hero-copy{width:100%}
.onekids-home .hero--authored:not(.hero--legacy-backdrop) .hero-visual{display:block}
.onekids-home .hero--authored .hero-visual[hidden],.onekids-home .hero--authored .hero-visual>img[hidden]{display:none!important}
@media(max-width:600px){.onekids-home .hero--authored:not(.hero--legacy-backdrop) .hero-inner{grid-template-columns:minmax(0,1fr)}}
.onekids-home .hero.hero--animated{overflow:hidden;background:radial-gradient(ellipse at 92% 80%,#abecff66,transparent 60%),linear-gradient(110deg,#f4faff,#e8f6ff 68%,#e2f4ff)}
.onekids-home .hero--animated::before{display:none}
.onekids-home .hero--animated .hero-backdrop{display:none}
.onekids-home .hero--animated .hero-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:14px;width:min(1640px,calc(100% - 64px));max-width:1640px;min-height:640px;padding-block:38px}
.onekids-home .hero--animated .hero-copy{width:100%;max-width:620px;display:flex;flex-direction:column;position:relative;z-index:1}
.onekids-home .hero--animated .hero-copy::before{content:'HỆ SINH THÁI QUẢN LÝ TRƯỜNG HỌC';align-self:flex-start;order:0;display:block;border:1px solid #bee4ff;border-radius:30px;padding:8px 15px 8px 33px;margin-bottom:19px;max-width:100%;color:#103b76;background:radial-gradient(circle at 17px 50%,#00c9b9 0 4px,#7eefe155 5px 8px,transparent 9px),linear-gradient(110deg,#ffffffd9,#eefaffd9);font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.04em;box-shadow:0 4px 14px #159fe214}
.onekids-home .hero--animated h1{order:1;margin:0;font-size:clamp(31px,2.65vw,47px);line-height:1.26;letter-spacing:-1.2px}
.onekids-home .hero--animated h1 span{font-size:clamp(49px,4vw,70px);line-height:1.18;margin-top:5px;background:linear-gradient(110deg,#087cff,#00b7d1);background-clip:text;-webkit-background-clip:text;color:transparent;filter:none}
.onekids-home .hero--animated .hero-subtitle{order:2;margin:18px 0 14px;font-size:clamp(15px,1.12vw,19px);line-height:1.75}
.onekids-home .hero--animated .hero-description{order:3;margin:0 0 22px;font-size:13px;line-height:1.85;max-width:600px}
.onekids-home .hero--animated .button-row{order:4;gap:12px;margin:0;flex-wrap:wrap}
.onekids-home .hero.hero--animated .button{border-radius:12px;min-height:48px;padding:12px 22px;font-size:13px}
.onekids-home .hero--animated .hero-trust{order:6;margin-top:18px;width:max-content;max-width:100%;padding:12px 15px;min-height:64px;background:#ffffffa8;box-shadow:none;flex-wrap:wrap;gap:8px 12px}
.onekids-home .hero--animated .hero-trust p{font-size:11px;line-height:1.75;white-space:nowrap}
.onekids-home .hero--animated .hero-visual{display:block;position:relative;align-self:center;width:100%;min-width:0;aspect-ratio:1169/710;height:auto;margin:0;overflow:clip;border-radius:0;background:transparent;box-shadow:none;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 98%,transparent);mask-composite:intersect}
.onekids-home .hero--animated .hero-visual>img,.onekids-home .hero--animated .hero-motion{position:absolute;left:0;top:0;width:160.7357%;height:auto;max-width:none;aspect-ratio:1879/837;transform:translate(-37.7861%,-7.7658%);object-fit:fill;object-position:center;pointer-events:none;display:block}
.onekids-home .hero--animated .hero-motion{overflow:visible;stroke:none;stroke-width:0;fill:none}
.onekids-home .hero--animated .hero-role-chips{order:5;display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 0}
.onekids-home .hero--animated .hero-role-chips>li{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;background:#ffffffba;border:1px solid #fff;border-radius:11px;color:#103b76;font-size:10px;font-weight:650;box-shadow:0 3px 12px #1b78b308}
.onekids-home .hero--animated .hero-role-chips .native-icon{width:20px;height:20px;color:#087cff}
.onekids-home .hero--animated .hero-role-chips>li:nth-child(2) .native-icon{color:#00afa8}
.onekids-home .hero--animated .hero-role-chips>li:nth-child(3) .native-icon{color:#f56293}
.onekids-home .hero--animated .hero-role-chips>li:nth-child(4) .native-icon{color:#9860eb}
.onekids-home .hero--animated[data-hero-static-fallback] .hero-visual>img{position:static;width:100%;max-width:100%;transform:none;aspect-ratio:auto;object-fit:contain}
.onekids-home .hero--animated[data-hero-static-fallback] .hero-visual{mask-image:none;aspect-ratio:auto}
@media(min-width:1800px){.onekids-home .hero--animated .hero-inner{gap:26px;min-height:690px;padding-block:45px}}
@media(max-width:1100px){.onekids-home .hero--animated .hero-inner{width:calc(100% - 40px);gap:6px;min-height:610px}.onekids-home .hero--animated h1{font-size:31px}.onekids-home .hero--animated h1 span{font-size:53px}.onekids-home .hero--animated .hero-subtitle{font-size:15px}.onekids-home .hero--animated .hero-description{font-size:12px}.onekids-home .hero--animated .button{padding-inline:16px;font-size:12px}.onekids-home .hero--animated .hero-copy::before{font-size:8px}}
@media(max-width:900px){.onekids-home .hero--animated .hero-inner{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding-block:32px 25px}.onekids-home .hero--animated .hero-copy{max-width:650px}.onekids-home .hero--animated .hero-visual{max-width:900px;margin:auto}.onekids-home .hero--animated h1{font-size:35px;max-width:660px}.onekids-home .hero--animated h1 span{font-size:59px}.onekids-home .hero--animated .hero-description{font-size:13px}.onekids-home .hero--animated .hero-trust{max-width:100%}.onekids-home .hero--animated .hero-copy::before{font-size:9px}}
@media(max-width:600px){.onekids-home .hero--animated .hero-inner{width:calc(100% - 32px);gap:21px;padding-block:27px 22px}.onekids-home .hero--animated h1{font-size:29px;line-height:1.3;letter-spacing:-.8px}.onekids-home .hero--animated h1 span{font-size:50px}.onekids-home .hero--animated .hero-subtitle{font-size:14px;margin-top:15px}.onekids-home .hero--animated .hero-description{font-size:12px;margin-bottom:19px}.onekids-home .hero--animated .hero-copy::before{font-size:7.6px;padding:7px 10px 7px 29px;background-position:0 0;margin-bottom:16px}.onekids-home .hero--animated .button-row{gap:8px}.onekids-home .hero--animated .button{min-height:44px;font-size:11px;padding:10px 14px}.onekids-home .hero--animated .hero-role-chips{gap:6px;margin-top:15px}.onekids-home .hero--animated .hero-role-chips>li{font-size:9px;gap:5px;padding:6px 7px}.onekids-home .hero--animated .hero-role-chips .native-icon{width:17px;height:17px}.onekids-home .hero--animated .hero-trust{margin-top:14px;min-height:60px;padding:10px 12px}.onekids-home .hero--animated .hero-trust p{font-size:clamp(8.5px,2.4vw,10.5px)}.onekids-home .hero--animated .hero-visual{width:calc(100% + 16px);margin-left:-8px;mask-image:none;aspect-ratio:1169/710;height:auto}}
@media(prefers-reduced-motion:reduce){.onekids-home .hero--animated .hero-role-chips{animation:none!important;transition:none!important}}
@media(forced-colors:active),print{.onekids-home .hero--animated h1 span{background:none;color:var(--blue);-webkit-text-fill-color:currentColor}}

/* Workflow flow shares the homepage motion lifecycle; decoration never intercepts input. */
.onekids-home .workflow:not([data-ok-layout="timeline"])>.workflow-motion-host{position:relative}
.onekids-home .workflow-motion-host>.workflow-steps{position:relative;z-index:1}
.onekids-home .workflow-motion-host>.workflow-flow-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none;stroke:none;stroke-width:0;fill:none;max-width:none}
.onekids-home .workflow-flow-layer[hidden]{display:none!important}
.onekids-home .workflow-flow-layer .workflow-flow-tracks path{stroke-width:2;stroke-opacity:.45;stroke-dasharray:5 5;stroke-linecap:round}
.onekids-home .workflow-flow-layer path,.onekids-home .workflow-flow-layer circle{vector-effect:non-scaling-stroke}
@media(forced-colors:active){.onekids-home .workflow-flow-layer{display:none}}

.onekids-home .workflow-motion-host[data-workflow-motion-ready]>.workflow-steps .workflow-step::before{opacity:0}