/* Benefits use one editable native icon; raster fields remain in the CMS data. */
.onekids-home .value-strip{gap:20px}
.onekids-home .value-card{--ok-play-tint:#0ea5e9;--ok-card-tone:color-mix(in srgb,var(--card-accent,#0866ed) 40%,var(--ok-play-tint));display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;padding:20px 18px;min-width:0;border:1.5px solid color-mix(in srgb,var(--ok-card-tone) 16%,#e4effc);border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--ok-card-tone) 7%,#ffffff) 100%);box-shadow:0 8px 22px -4px rgba(16,59,118,0.05);text-align:left}
.onekids-home .value-card:nth-child(4n+2){--ok-play-tint:#f59e0b}
.onekids-home .value-card:nth-child(4n+3){--ok-play-tint:#10b981}
.onekids-home .value-card:nth-child(4n+4){--ok-play-tint:#f43f5e}
.onekids-home .value-card>div{min-width:0}
.onekids-home .value-card>img,.onekids-home .reason-grid>article>img{display:none}
.onekids-home .value-card>.card-native-icon,.onekids-home .reason-grid>article>.card-native-icon{position:static;display:grid;place-items:center;flex:none;width:54px;height:54px;margin:0;padding:0;border:1.5px solid #ffffff;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ok-card-tone,var(--card-accent,#0866ed)) 18%,#ffffff),color-mix(in srgb,var(--ok-card-tone,var(--card-accent,#0866ed)) 8%,#ffffff));box-shadow:0 6px 14px -3px color-mix(in srgb,var(--ok-card-tone,var(--card-accent,#0866ed)) 24%,transparent);color:color-mix(in srgb,var(--ok-card-tone,var(--card-accent,#0866ed)) 85%,#0b3b78);opacity:1}
.onekids-home .value-card:nth-child(even)>.card-native-icon,.onekids-home .reason-grid>article:nth-child(even)>.card-native-icon{border-radius:16px}
.onekids-home .value-card>.card-native-icon>.native-icon,.onekids-home .reason-grid>article>.card-native-icon>.native-icon{display:block;width:26px;height:26px;stroke-width:1.9}
.onekids-home .value-card h2{margin:0 0 4px;font-size:15px;line-height:1.45;letter-spacing:-.015em;color:#0f3768}
.onekids-home .value-card p{margin:0;font-size:12.5px;line-height:1.7;color:#4a627d}
.onekids-home .value-strip[data-ok-layout='compact'] .value-card{gap:11px;padding:15px 14px}

.onekids-home .reasons{background:#ffffff;padding-top:24px;padding-bottom:24px}
.onekids-home .reason-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;text-align:left}
.onekids-home .reason-grid>article{--ok-play-tint:#0ea5e9;--ok-card-tone:color-mix(in srgb,var(--card-accent,#0866ed) 40%,var(--ok-play-tint));display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:13px;row-gap:12px;align-items:center;align-content:start;min-width:0;padding:20px 18px 18px;border:1.5px solid color-mix(in srgb,var(--ok-card-tone) 16%,#e4effc);border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--ok-card-tone) 7%,#ffffff) 100%);box-shadow:0 8px 22px -4px rgba(16,59,118,0.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.onekids-home .reason-grid>article:hover{transform:translateY(-3px);box-shadow:0 12px 26px -4px rgba(16,59,118,0.09);border-color:color-mix(in srgb,var(--ok-card-tone) 36%,#bcd8f7)}
.onekids-home .reason-grid>article:nth-child(5n+2){--ok-play-tint:#f59e0b}
.onekids-home .reason-grid>article:nth-child(5n+3){--ok-play-tint:#10b981}
.onekids-home .reason-grid>article:nth-child(5n+4){--ok-play-tint:#f43f5e}
.onekids-home .reason-grid>article:nth-child(5n+5){--ok-play-tint:#8b5cf6}
.onekids-home .reasons+.customers{padding-top:24px}
.onekids-home .reason-grid>article:last-child{grid-column:auto;max-width:none;justify-self:stretch}
.onekids-home .reason-grid>article>.card-native-icon{grid-column:1;grid-row:1;width:46px;height:46px;border-radius:14px}
.onekids-home .reason-grid>article>.card-native-icon>.native-icon{width:22px;height:22px}
.onekids-home .reason-grid h3{grid-column:2;grid-row:1;margin:0;font-size:15px;font-weight:700;line-height:1.35;letter-spacing:-.015em;color:#0f3768;align-self:center}
.onekids-home .reason-grid p{grid-column:1/-1;grid-row:2;margin:0;font-size:12.5px;line-height:1.7;color:#4a627d;align-self:start}
.onekids-home .reasons[data-ok-layout='compact'] .reason-grid>article{column-gap:10px;row-gap:8px;padding:16px 14px}

/* Poster framing is independent of the modal iframe and its playback aspect ratio. */
.onekids-home .videos{background:#f8fafc}
.onekids-home .video-card{--ok-play-tint:#0ea5e9;display:block;isolation:isolate;min-width:0;padding:0;aspect-ratio:16/9;border:3px solid #ffffff;border-radius:22px;background:#10283e;box-shadow:0 14px 30px -8px rgba(16,59,118,0.12);line-height:0;overflow:hidden}
.onekids-home .video-card:nth-child(3n+2){--ok-play-tint:#f59e0b}
.onekids-home .video-card:nth-child(3n+3){--ok-play-tint:#10b981}
.onekids-home .video-card>img,.onekids-home .video-card[data-image-mode]>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transform:scale(var(--video-poster-scale,1));transform-origin:var(--video-poster-origin,50% 50%);transition:transform .35s ease}
/* This source thumbnail has black sidebars around a 202px portrait in a 480px file.
   Crop the existing poster to the two faces; keep new CMS-selected posters unmodified. */
.onekids-home .video-card>img[src$='/youtube-pco3uLna79s.jpg']{--video-poster-scale:2.4;--video-poster-hover-scale:2.46;--video-poster-origin:50% 28%}
.onekids-home .video-card>img[src$='/youtube-mZdKbfZm0sM.jpg']{object-position:center top}
.onekids-home .video-card>.play-button{z-index:2;line-height:1;border-radius:50%;background:linear-gradient(135deg,#fffbeb 0%,#ffffff 60%,#e8f4ff 100%);color:var(--card-accent,#0866ed);box-shadow:0 0 0 8px #ffffff45,0 10px 24px #04152d55}
.onekids-home .video-card>.video-description{position:absolute;inset:auto 0 0;z-index:1;margin:0;padding:42px 18px 15px;background:linear-gradient(transparent,#05172fe8 68%,#041226f5);color:#fff;font-size:12.5px;font-weight:600;line-height:1.6;text-shadow:0 1px 5px #00142b70}
.onekids-home .video-card:focus-visible{outline:3px solid #ffbe43;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.onekids-home .video-card:hover>img{transform:scale(var(--video-poster-hover-scale,1.035))}}

@media(max-width:1100px){.onekids-home .reason-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.onekids-home .value-card{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:17px 14px}.onekids-home .value-card>.card-native-icon{width:44px;height:44px;border-radius:14px}}
@media(max-width:900px){.onekids-home .value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .onekids-home .value-strip{grid-template-columns:minmax(0,1fr);gap:12px}
  .onekids-home .value-card{grid-template-columns:46px minmax(0,1fr);gap:13px;padding:16px;border-radius:18px}
  .onekids-home .value-card>.card-native-icon{display:grid;width:46px;height:46px;margin:0;border-radius:14px}
  .onekids-home .value-card h2{font-size:14.5px}.onekids-home .value-card p{font-size:12px;line-height:1.65}
  .onekids-home .reason-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .onekids-home .reason-grid>article{grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;row-gap:8px;padding:16px 15px;border-radius:18px}
  .onekids-home .reason-grid>article>.card-native-icon{grid-column:1;grid-row:1;width:44px;height:44px;border-radius:13px;align-self:center}
  .onekids-home .reason-grid h3{grid-column:2;grid-row:1;font-size:14.5px;align-self:center}
  .onekids-home .reason-grid p{grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){.onekids-home .video-card>img,.onekids-home .video-card:hover>img{transition:none;transform:scale(var(--video-poster-scale,1))}}