/* One compact app header and its benefits; edited text and extra points grow naturally. */
.onekids-home .ai-section{position:relative;isolation:isolate;background:radial-gradient(ellipse 70% 50% at 50% 0%,#f0f5ff 0%,#f8fafd 60%,#ffffff 100%);overflow:hidden;padding-bottom:24px}
.onekids-home .ai-grid{gap:24px;align-items:stretch}
.onekids-home .ai-card{--ok-play-tint:#0ea5e9;--ok-card-tone:color-mix(in srgb,var(--card-accent,#0866ed) 40%,var(--ok-play-tint));position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:244px;height:auto;padding:26px 24px;border:1.5px solid color-mix(in srgb,var(--ok-card-tone) 16%,#e4effc);border-radius:24px;background:#ffffff;box-shadow:0 10px 26px -6px rgba(16,59,118,0.05);overflow:hidden}
.onekids-home .ai-card:nth-child(3n+2){--ok-play-tint:#f43f5e}
.onekids-home .ai-card:nth-child(3n+3){--ok-play-tint:#8b5cf6}
.ai-card .ai-app-header{display:flex;align-items:flex-start;gap:15px;min-width:0}
.ai-card .ai-app-mark{position:relative;display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ok-card-tone) 18%,#fff),color-mix(in srgb,var(--ok-card-tone) 8%,#fffdf5));border:1.5px solid #fff;color:color-mix(in srgb,var(--ok-card-tone) 88%,#0b3b78);box-shadow:0 6px 14px -3px color-mix(in srgb,var(--ok-card-tone) 24%,transparent)}
.ai-card .ai-app-mark::after{display:none}
.ai-card .ai-app-symbol{display:grid;place-items:center;width:100%;height:100%}
.ai-card .ai-app-symbol .native-icon{width:26px;height:26px}
.ai-card .ai-app-heading{flex:1;min-width:0}
.onekids-home .ai-card h3{font-size:21px;line-height:1.38;letter-spacing:-.025em;margin:0 0 5px;color:#0f3768;overflow-wrap:anywhere}
.onekids-home .ai-card .ai-subtitle{display:inline-block;margin:0;padding:3px 11px;border-radius:999px;background:#ffffffeb;border:1px solid color-mix(in srgb,var(--ok-card-tone) 22%,#fff);color:color-mix(in srgb,var(--ok-card-tone) 88%,#0f3768);font-size:12.5px;font-weight:700;line-height:1.55}
.ai-card .ai-description{font-size:13.5px;line-height:1.8;color:#4a627d;margin:15px 0 0}
.ai-card .ai-description:empty{display:none}
.onekids-home .ai-card .ai-benefits{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid #edf2f7}
.onekids-home .ai-card .ai-benefits>li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:4px 0;border-radius:0;background:transparent;border:0;box-shadow:none;font-size:13.5px;font-weight:550;line-height:1.6;color:#2c4663;min-width:0;transition:color .2s,transform .2s}
.ai-card .ai-benefits>li>span{min-width:0;overflow-wrap:anywhere}
.ai-card .ai-benefits>li>.native-icon{width:18px;height:18px;margin-top:2px;color:color-mix(in srgb,var(--ok-card-tone) 88%,#0b3b78);flex-shrink:0}
.ai-card .ai-benefits>li::before{display:none}
@media(hover:hover) and (pointer:fine){.onekids-home .ai-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.onekids-home .ai-card:hover,.onekids-home .ai-card:focus-within{transform:translateY(-5px);box-shadow:0 18px 36px -8px color-mix(in srgb,var(--card-accent,#0866ed) 22%,rgba(16,59,118,0.12));border-color:color-mix(in srgb,var(--card-accent,#0866ed) 38%,#cfe0f8)}.onekids-home .ai-card .ai-benefits>li:hover{color:var(--navy);transform:translateX(3px)}}
@media(max-width:1050px){.onekids-home .ai-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:650px){.onekids-home .ai-grid{grid-template-columns:minmax(0,1fr);gap:16px}.onekids-home .ai-card{padding:22px 20px;min-height:238px;border-radius:20px}.onekids-home .ai-card h3{font-size:20px}.ai-card .ai-app-header{gap:13px}}
.onekids-home [data-ok-section='ai'][data-ok-layout='stack'] .ai-grid{grid-template-columns:minmax(0,1fr)}
@media(prefers-reduced-motion:reduce){.onekids-home .ai-card,.onekids-home .ai-card .ai-benefits>li{transition:none!important}.ai-card .ai-app-mark::after{animation:none!important}.onekids-home .ai-card:hover,.onekids-home .ai-card:focus-within,.onekids-home .ai-card .ai-benefits>li:hover{transform:none}}
@media print{.onekids-home .ai-card{background:#fff;box-shadow:none;break-inside:avoid;min-height:0}.ai-card .ai-app-mark::after{display:none}}
