/* A fluid desktop canvas with comfortable reading widths and full-width section bands. */
.onekids-home .container{width:min(1520px,calc(100% - clamp(40px,7.5vw,120px)));max-width:1520px}
.onekids-home[data-section-spacing="compact"]{--ok-section-space:48px}
.onekids-home .section-title{max-width:1120px;margin-inline:auto;line-height:1.32;text-wrap:balance}
.onekids-home .hero h1{font-size:clamp(34px,2.4vw,45px);line-height:1.25}
.onekids-home .hero h1 span{font-size:clamp(46px,3.3vw,62px);line-height:1.15}
.onekids-home .hero-subtitle{font-size:clamp(16px,1.05vw,19px)}
.onekids-home .hero-description{font-size:14px;line-height:1.85}
.onekids-home .ecosystem .security-strip{background:transparent;border:0;margin-top:24px}
.onekids-home .ecosystem .security-inner{border-top:1px solid #dfe9f5;padding-block:25px 10px}
/* One coherent segmented navigation, rather than six heavy outlined boxes. */
.onekids-home .feature-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:8px;background:#ffffff;border:1.5px solid #e2edf8;border-radius:24px;box-shadow:0 10px 28px -6px rgba(16,59,118,0.06);margin-bottom:26px;overflow:visible}
.onekids-home .feature-tabs>a{--ok-tab-tint:#0ea5e9;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:54px;padding:9px 12px;border:1.5px solid transparent;border-radius:18px;background:transparent;color:#2d4868;font-size:13px;font-weight:650;line-height:1.4;text-align:left;box-shadow:none;transition:background .2s,box-shadow .2s,transform .2s,color .2s,border-color .2s}
.onekids-home .feature-tabs>a:nth-child(6n+2){--ok-tab-tint:#f59e0b}
.onekids-home .feature-tabs>a:nth-child(6n+3){--ok-tab-tint:#10b981}
.onekids-home .feature-tabs>a:nth-child(6n+4){--ok-tab-tint:#f43f5e}
.onekids-home .feature-tabs>a:nth-child(6n+5){--ok-tab-tint:#8b5cf6}
.onekids-home .feature-tabs>a:nth-child(6n+6){--ok-tab-tint:#f97316}
.onekids-home .feature-tabs>a>.native-icon{width:36px;height:36px;flex:0 0 36px;padding:8px;box-sizing:border-box;border-radius:12px;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--ok-tab-tint) 14%,#fffdf7));border:1.5px solid #fff;color:color-mix(in srgb,var(--ok-tab-tint) 85%,#0b3b78);box-shadow:0 4px 10px color-mix(in srgb,var(--ok-tab-tint) 20%,#143f740a);transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.onekids-home .feature-tabs>a:nth-child(even)>.native-icon{border-radius:12px}
.onekids-home .feature-tabs>a>span{min-width:0;text-wrap:balance}
.onekids-home .feature-tabs>a[aria-selected="true"]{background:linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--ok-tab-tint) 12%,#ffffff) 100%);border-color:color-mix(in srgb,var(--ok-tab-tint) 24%,#dce9f8);color:var(--navy);font-weight:700;box-shadow:0 6px 16px -4px color-mix(in srgb,var(--ok-tab-tint) 24%,rgba(16,59,118,0.08))}
.onekids-home .feature-tabs>a[aria-selected="true"]>.native-icon{background:linear-gradient(135deg,var(--ok-tab-tint),color-mix(in srgb,var(--ok-tab-tint) 75%,#0866ed));color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--ok-tab-tint) 36%,#143f7420)}
.onekids-home .feature-tabs>a:focus-visible{outline:3px solid #ffbe43;outline-offset:2px}
@media(hover:hover) and (pointer:fine){.onekids-home .feature-tabs>a:hover{background:#f3f8fe;color:var(--navy);transform:translateY(-2px)}.onekids-home .feature-tabs>a:hover>.native-icon{transform:translateY(-1px)}}
@media(max-width:1300px){.onekids-home .feature-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.onekids-home .feature-tabs>a{min-height:54px;font-size:13px;justify-content:flex-start;padding-inline:14px}}
@media(max-width:600px){.onekids-home .feature-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:5px;border-radius:24px;margin-bottom:20px}.onekids-home .feature-tabs>a{gap:8px;padding:9px 8px;min-height:54px;font-size:12px;border-radius:18px}.onekids-home .feature-tabs>a>.native-icon{width:30px;height:30px;flex-basis:30px;padding:7px}}
@media(hover:hover) and (pointer:fine){
  .onekids-home :is(.value-card,.ai-card,.video-card,.native-role-card){transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
  .onekids-home :is(.value-card,.ai-card,.video-card,.native-role-card):hover{transform:translateY(-4px);box-shadow:0 14px 32px #143f7414;border-color:#bcd8f7}
  .onekids-home .button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
  .onekids-home .button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0866ed24}
  .onekids-home .icon-link{transition:color .18s ease,background .18s ease}
  .onekids-home .icon-link:hover{background:#edf5ff;color:#0056d6}
}
@media(min-width:1800px){.onekids-home .hero-inner{min-height:610px;gap:60px;padding-block:52px}.onekids-home .hero-copy{max-width:640px}.onekids-home[data-section-spacing="compact"]{--ok-section-space:56px}}
@media(max-width:900px){.onekids-home .container{width:calc(100% - 40px)}.onekids-home .hero h1{font-size:32px}.onekids-home .hero h1 span{font-size:46px}}
@media(max-width:600px){.onekids-home .container{width:calc(100% - 32px)}.onekids-home .hero h1{font-size:29px;letter-spacing:-.9px}.onekids-home .hero h1 span{font-size:42px}.onekids-home .hero-subtitle{font-size:15px}.onekids-home .hero-description{font-size:13px}.onekids-home .section-title{font-size:25px;letter-spacing:-.55px}}
/* Desktop hero follows the supplied edge-to-edge product composition. */
@media(min-width:1500px){
  .onekids-home .header-inner,.onekids-home .hero-inner{width:min(1280px,calc(100% - 64px));max-width:1280px}
  .onekids-home .hero{background:#eef5ff}
  .onekids-home .hero-backdrop{display:block;position:absolute;inset:0}
  .onekids-home .hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center}
  .onekids-home .hero-inner{display:flex;align-items:center;min-height:595px;padding-block:38px}
  .onekids-home .hero-copy{width:47%;max-width:610px}
  .onekids-home .hero-visual{display:none}
  .onekids-home .hero h1{font-size:38px;line-height:1.3}
  .onekids-home .hero h1 span{font-size:52px;line-height:1.15}
  .onekids-home .hero-subtitle{font-size:18px}
}
@media print{.onekids-home .container{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){.onekids-home :is(.value-card,.ai-card,.video-card,.native-role-card,.button,.icon-link){transition:none!important}.onekids-home :is(.value-card,.ai-card,.video-card,.native-role-card,.button):hover{transform:none}}
@media(prefers-reduced-motion:reduce){.onekids-home .feature-tabs>a,.onekids-home .feature-tabs>a>.native-icon{transition:none!important;transform:none!important}}