/* Dedicated, source-verified OneKids AI page. No selector affects another page or shared chrome. */
.onekids-ai-standard {
  --ais-blue: #0866ed;
  --ais-blue-hover: #0052cc;
  --ais-navy: #0d2847;
  --ais-ink: #1e293b;
  --ais-muted: #64748b;
  --ais-line: #e2eaf6;
  --ais-soft: #f8fafc;
  color: var(--ais-ink);
  background: #ffffff;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-wrap: anywhere;
  isolation: isolate;
}
.onekids-ai-standard *, .onekids-ai-standard *::before, .onekids-ai-standard *::after { box-sizing: border-box; }
.onekids-ai-standard :where(h1, h2, h3, h4, p, figure) { margin: 0; }
.onekids-ai-standard :where(h1, h2, h3, h4) { color: var(--ais-navy); font-weight: 750; line-height: 1.35; letter-spacing: -0.025em; }
.onekids-ai-standard :where(section[id], h2[id], h3[id], h4[id]) { scroll-margin-top: 110px; }
.onekids-ai-standard :where(img, video) { display: block; max-width: 100%; height: auto; }
.onekids-ai-standard :where(a, button) { -webkit-tap-highlight-color: transparent; }
.onekids-ai-standard a { color: var(--ais-blue-hover); font-weight: 600; text-underline-offset: 4px; transition: color 0.2s; }
.onekids-ai-standard a:hover { color: #0052cc; }
.onekids-ai-standard :where(a, button, summary, input, textarea):focus-visible { outline: 3px solid var(--ais-blue); outline-offset: 4px; }
.onekids-ai-standard .ais-container { width: min(1280px, calc(100% - 64px)); min-width: 0; margin-inline: auto; }

/* Eyebrow Pill Badge */
.onekids-ai-standard .ais-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px; padding: 6px 16px; border-radius: 999px; background: rgba(8, 102, 237, 0.08); border: 1px solid rgba(8, 102, 237, 0.2); color: var(--ais-blue); font-size: 12.5px; font-weight: 750; line-height: 1.5; letter-spacing: 0.06em; text-transform: uppercase; box-shadow: 0 2px 6px rgba(8, 102, 237, 0.06); }
.onekids-ai-standard .ais-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }

/* AI Hero Section */
.onekids-ai-standard .ais-hero { padding-block: clamp(60px, 7vw, 92px) 48px; border-bottom: 1px solid rgba(226, 232, 240, 0.85); background: radial-gradient(circle at 82% 14%, rgba(8, 102, 237, 0.09) 0%, transparent 48%), radial-gradient(circle at 14% 86%, rgba(56, 189, 248, 0.06) 0%, transparent 40%), linear-gradient(180deg, #f0f6fe 0%, #ffffff 88%); }
.onekids-ai-standard .ais-hero__grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr); align-items: center; gap: clamp(36px, 5vw, 68px); }
.onekids-ai-standard .ais-hero__copy { min-width: 0; padding-block: 12px; }
.onekids-ai-standard .ais-hero__logo { width: 64px; height: 64px; margin-bottom: 22px; padding: 8px; border: 1px solid var(--ais-line); border-radius: 18px; background: #ffffff; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06); object-fit: contain; }
.onekids-ai-standard .ais-hero h1 { max-width: 820px; font-size: clamp(34px, 3.8vw, 54px); font-weight: 800; line-height: 1.18; letter-spacing: -0.035em; color: var(--ais-navy); text-wrap: balance; }
.onekids-ai-standard .ais-hero__lead { max-width: 660px; margin-top: 22px; color: #475569; font-size: 17.5px; line-height: 1.8; }
.onekids-ai-standard .ais-hero__question { max-width: 650px; margin-top: 24px; padding: 18px 24px; border-left: 4px solid var(--ais-blue); border-radius: 0 16px 16px 0; color: var(--ais-navy); background: #ffffff; font-size: 15.5px; font-weight: 650; line-height: 1.8; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04); border-block: 1px solid #e8f0fc; border-right: 1px solid #e8f0fc; }
.onekids-ai-standard .ais-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.onekids-ai-standard .ais-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; max-width: 100%; padding: 13px 28px; border: none; border-radius: 14px; color: var(--ais-accent-ink, #ffffff); background: linear-gradient(135deg, var(--ais-accent, #0866ed) 0%, #0052cc 100%); box-shadow: 0 8px 24px -4px rgba(8, 102, 237, 0.38); font-size: 15px; font-weight: 750; line-height: 1.5; text-align: center; text-decoration: none; cursor: pointer; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); }
.onekids-ai-standard .ais-button:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -4px rgba(8, 102, 237, 0.48); }
.onekids-ai-standard .ais-button--secondary { border: 1.5px solid #cbdcf5; color: var(--ais-blue); background: #ffffff; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04); }
.onekids-ai-standard .ais-button--secondary:hover { background: #f0f7ff; border-color: #0866ed; color: #0052cc; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08); }
.onekids-ai-standard .ais-meta { margin-top: 18px; color: var(--ais-muted); font-size: 13.5px; }

/* Floating Composition Artwork */
.onekids-ai-standard .ais-hero__composition { position: relative; min-width: 0; width: 100%; max-width: 560px; height: 490px; margin: 0 auto; }
.onekids-ai-standard .ais-hero__composition::before { content: ""; position: absolute; inset: 24px 8px 30px 18px; border: 1px solid rgba(203, 223, 248, 0.8); border-radius: 40px; background: linear-gradient(145deg, #eaf3fe, #d6e8fd); transform: rotate(4deg); box-shadow: 0 20px 50px rgba(15, 23, 42, 0.06); }
.onekids-ai-standard .ais-hero__photo { position: absolute; inset: 20px 28px 52px; overflow: hidden; border: 8px solid #ffffff; border-radius: 30px; background: #ffffff; box-shadow: 0 24px 60px -10px rgba(15, 23, 42, 0.16); }
.onekids-ai-standard .ais-hero__photo > div { width: 100%; height: 100%; }
.onekids-ai-standard .ais-hero__photo img { width: 100%; height: 100%; object-fit: contain; }
.onekids-ai-standard .ais-hero__support { position: absolute; z-index: 2; width: 145px; height: 145px; overflow: hidden; border: 6px solid #ffffff; border-radius: 50%; background: #ffffff; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.18); transition: transform 0.3s; }
.onekids-ai-standard .ais-hero__support:hover { transform: scale(1.05); }
.onekids-ai-standard .ais-hero__support--1 { bottom: -6px; left: 0; }
.onekids-ai-standard .ais-hero__support--2 { top: -6px; right: 0; width: 130px; height: 130px; }
.onekids-ai-standard .ais-hero__support img { width: 100%; height: 100%; object-fit: contain; }
.onekids-ai-standard .ais-hero--text .ais-hero__grid { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; }
.onekids-ai-standard .ais-hero--text .ais-hero__copy { max-width: 880px; display: flex; flex-direction: column; align-items: center; margin-inline: auto; }

/* Intro Spotlight Card */
.onekids-ai-standard .ais-intro { display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: center; gap: 36px; max-width: 1100px; margin: 48px auto 0; padding: 36px 42px; border: 1px solid #d4e4f8; border-radius: 26px; background: linear-gradient(135deg, #ffffff 60%, #f4f8fe 100%); box-shadow: 0 16px 40px -10px rgba(15, 23, 42, 0.08); text-align: left; }
.onekids-ai-standard .ais-intro h2 { margin-bottom: 16px; font-size: clamp(24px, 2.3vw, 30px) !important; font-weight: 800; line-height: 1.4; color: var(--ais-navy); }
.onekids-ai-standard .ais-intro__copy { min-width: 0; color: #475569; font-size: 16px; line-height: 1.85; }
.onekids-ai-standard .ais-intro p { margin-top: 14px; color: var(--ais-navy); font-size: 15.5px; font-weight: 700; }
.onekids-ai-standard .ais-intro__visual { min-width: 0; padding: 12px; border: 1px solid var(--ais-line); border-radius: 22px; background: #ffffff; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04); }
.onekids-ai-standard .ais-intro__visual img { width: 100%; max-height: 200px; margin: 0 auto; border-radius: 14px; object-fit: contain; }

/* Section Rhythm */
.onekids-ai-standard .ais-section { padding-block: clamp(60px, 7vw, 92px); }
.onekids-ai-standard .ais-section--benefits, .onekids-ai-standard .ais-section--reviews { background: #ffffff; }
.onekids-ai-standard .ais-section--smart, .onekids-ai-standard .ais-section--schools { border-block: 1px solid #e8f0fc; background: #f8fbff; }

/* Section Headings */
.onekids-ai-standard .ais-heading { max-width: 920px; margin: 0 auto 40px; text-align: center; }
.onekids-ai-standard .ais-heading :where(h2, h3) { font-size: clamp(28px, 2.8vw, 38px) !important; font-weight: 800; line-height: 1.35; letter-spacing: -0.03em; text-wrap: balance; color: var(--ais-navy); }
.onekids-ai-standard .ais-heading p { margin-top: 16px; color: var(--ais-muted); font-size: 17px; line-height: 1.8; }

/* Benefits Cards */
.onekids-ai-standard .ais-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 28px; }
.onekids-ai-standard .ais-benefit { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #dce8f8; border-radius: 24px; background: #ffffff; box-shadow: 0 8px 26px rgba(15, 23, 42, 0.06); transition: transform 0.25s, box-shadow 0.25s; }
.onekids-ai-standard .ais-benefit:hover { transform: translateY(-6px); box-shadow: 0 20px 42px -8px rgba(15, 23, 42, 0.12); }
.onekids-ai-standard .ais-benefit__photo { padding: 16px; border-bottom: 1px solid #e3edfa; background: linear-gradient(145deg, #edf5ff, #f8fbff); }
.onekids-ai-standard .ais-benefit__photo img { width: 100%; height: 245px; margin: 0 auto; border-radius: 16px; object-fit: contain; }
.onekids-ai-standard .ais-benefit__copy { flex: 1 1 auto; padding: 28px; color: #475569; font-size: 15px; line-height: 1.85; }
.onekids-ai-standard .ais-benefit__copy > div > span:first-child { display: block; margin-bottom: 12px; color: var(--ais-navy); font-size: 21px; font-weight: 750; line-height: 1.45; }
.onekids-ai-standard .ais-benefit__copy > div > span:first-child + br { display: none; }

/* Smart Card Showcase */
.onekids-ai-standard .ais-smart { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: center; gap: 40px; }
.onekids-ai-standard .ais-smart__benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; min-width: 0; }
.onekids-ai-standard .ais-smart__benefit { min-width: 0; padding: 26px; border: 1px solid #d6e4f7; border-radius: 22px; background: #ffffff; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04); transition: transform 0.2s, box-shadow 0.2s; }
.onekids-ai-standard .ais-smart__benefit:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08); }
.onekids-ai-standard .ais-step { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 18px; border-radius: 12px; color: #ffffff; background: linear-gradient(135deg, #0866ed, #0052cc); font-size: 13.5px; font-weight: 800; line-height: 1; box-shadow: 0 4px 12px rgba(8, 102, 237, 0.3); }
.onekids-ai-standard .ais-smart__benefit [data-ai-source] { color: #475569; font-size: 15px; line-height: 1.85; }
.onekids-ai-standard .ais-smart__benefit [data-ai-source] > div > span:first-child { display: block; margin-bottom: 12px; color: var(--ais-navy); font-size: 18.5px; font-weight: 750; line-height: 1.5; }
.onekids-ai-standard .ais-smart__benefit [data-ai-source] > div > span:first-child + br { display: none; }
.onekids-ai-standard .ais-smart__artwork { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 18px; min-width: 0; padding: 24px; border: 1px solid #cfe0f7; border-radius: 28px; background: linear-gradient(145deg, #eef6ff, #ffffff); box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06); }
.onekids-ai-standard .ais-smart__art { min-width: 0; margin: 0; }
.onekids-ai-standard .ais-smart__art--digital { grid-row: 1 / span 2; }
.onekids-ai-standard .ais-smart__art img { width: auto; max-width: 100%; max-height: 240px; margin: 0 auto; border: 1px solid #dae4f4; border-radius: 14px; object-fit: contain; }
.onekids-ai-standard .ais-smart__art--digital img { max-height: 500px; }
.onekids-ai-standard .ais-smart__art a { display: block; min-height: 44px; }
.onekids-ai-standard .ais-smart__slogan { max-width: 960px; margin: 40px auto 0; padding: 22px 32px; border: 1px solid #cde0fa; border-radius: 20px; color: var(--ais-navy); background: #ecf5ff; font-size: 17.5px; font-weight: 700; line-height: 1.8; text-align: center; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04); }

/* Testimonials / Social Proof */
.onekids-ai-standard .ais-reviews { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 26px; }
.onekids-ai-standard .ais-review { min-width: 0; padding: 30px; border: 1px solid var(--ais-line); border-radius: 24px; background: #ffffff; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05); transition: transform 0.25s, box-shadow 0.25s; }
.onekids-ai-standard .ais-review:hover { transform: translateY(-5px); box-shadow: 0 18px 36px rgba(15, 23, 42, 0.1); }
.onekids-ai-standard .ais-review > [data-ai-source] { display: flex; flex-direction: column; align-items: flex-start; height: 100%; }
.onekids-ai-standard .ais-review img { flex: 0 0 auto; width: 72px; height: 72px; margin-bottom: 20px; border: 2px solid #e1ebf8; border-radius: 50%; background: #ffffff; object-fit: contain; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06); }
.onekids-ai-standard .ais-review p { max-width: none; margin-bottom: 8px; color: var(--ais-navy); font-size: 14.5px; font-weight: 650; line-height: 1.8; }
.onekids-ai-standard .ais-review p:first-of-type { flex: 1 1 auto; margin-bottom: 24px; color: var(--ais-ink); font-size: 15.5px; font-weight: 400; line-height: 1.9; }
.onekids-ai-standard .ais-review--school [data-ai-source] > div { flex: 1 1 auto; margin-bottom: 24px; color: var(--ais-ink); font-size: 15.5px; line-height: 1.9; }
.onekids-ai-standard .ais-review--school p:first-of-type { flex: 0 0 auto; margin-bottom: 8px; color: var(--ais-navy); font-size: 14.5px; font-weight: 750; }
.onekids-ai-standard .ais-review--school img { margin-block: 16px 0; border-radius: 14px; }
.onekids-ai-standard .ais-source-claim { max-width: 980px; margin: 40px auto 0; color: var(--ais-navy); font-size: 16.5px; font-weight: 700; line-height: 1.85; text-align: center; }

/* AI Conversion Section */
.onekids-ai-standard .ais-section--conversion { background: linear-gradient(135deg, #0d2847 0%, #103b76 55%, #0757cc 100%); color: #ffffff; }
.onekids-ai-standard .ais-conversion { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; gap: clamp(36px, 5vw, 68px); }
.onekids-ai-standard .ais-conversion__intro { min-width: 0; }
.onekids-ai-standard .ais-conversion .ais-eyebrow { color: #38bdf8; background: rgba(56, 189, 248, 0.12); border: 1px solid rgba(56, 189, 248, 0.3); }
.onekids-ai-standard .ais-conversion .ais-eyebrow::before { background: #38bdf8; }
.onekids-ai-standard .ais-conversion__title p { color: #ffffff; font-size: clamp(28px, 2.8vw, 40px); font-weight: 800; line-height: 1.25; letter-spacing: -0.03em; }
.onekids-ai-standard .ais-conversion__lead { margin-top: 22px; color: #d1e2fc; font-size: 16.5px; line-height: 1.85; }
.onekids-ai-standard .ais-conversion__contact { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }

/* Source Archive */
.onekids-ai-standard .ais-source { padding-block: 40px 60px; }
.onekids-ai-standard .ais-source__archive { margin-bottom: 20px; border: 1px solid var(--ais-line); border-radius: 18px; background: #f8fbff; overflow: hidden; }
.onekids-ai-standard .ais-source__archive > summary { min-height: 54px; padding: 16px 24px; color: var(--ais-navy); font-weight: 700; cursor: pointer; transition: background 0.2s; }
.onekids-ai-standard .ais-source__archive > summary:hover { background: #f0f6ff; }
.onekids-ai-standard .ais-source__gallery, .onekids-ai-standard .ais-source__footer { padding: 24px; border-top: 1px solid var(--ais-line); background: #ffffff; }

@media (max-width: 1000px) {
  .onekids-ai-standard .ais-hero__grid, .onekids-ai-standard .ais-smart, .onekids-ai-standard .ais-conversion { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .onekids-ai-standard .ais-intro { grid-template-columns: minmax(0, 1fr); }
  .onekids-ai-standard .ais-intro__visual { width: min(100%, 280px); margin: 0 auto; }
  .onekids-ai-standard .ais-benefits, .onekids-ai-standard .ais-reviews { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
  .onekids-ai-standard .ais-container { width: calc(100% - 32px); }
  .onekids-ai-standard .ais-hero { padding-block: 36px 44px; }
  .onekids-ai-standard .ais-hero h1 { font-size: clamp(28px, 7.5vw, 34px); }
  .onekids-ai-standard .ais-hero__lead { font-size: 15.5px; }
  .onekids-ai-standard .ais-hero__composition { height: 380px; }
  .onekids-ai-standard .ais-hero__support { width: 110px; height: 110px; }
  .onekids-ai-standard .ais-hero__support--2 { width: 100px; height: 100px; }
  .onekids-ai-standard .ais-intro { padding: 24px 20px; border-radius: 20px; }
  .onekids-ai-standard .ais-benefits, .onekids-ai-standard .ais-reviews { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .onekids-ai-standard .ais-smart__benefits { grid-template-columns: minmax(0, 1fr); }
  .onekids-ai-standard .ais-button { width: 100%; }
}