/* Supporting pages share the homepage's white surfaces and soft lavender. */
body.marketing-detail { background:#fff; }
.marketing-detail .site-header { background:#fff; }
.marketing-detail main { color:#211431; }
.marketing-detail main h1 { font-size:clamp(34px,3.6vw,48px); line-height:1.18; letter-spacing:-.045em; font-weight:800; margin:0 0 24px; }
.marketing-business.marketing-detail .business-hero h1 { font-size:clamp(32px,3.2vw,44px); line-height:1.22; }
.marketing-detail main h2 { font-size:30px; line-height:1.3; letter-spacing:-.035em; margin:0 0 16px; }
.marketing-detail main h3 { letter-spacing:-.02em; }
.marketing-detail main .eyebrow { color:var(--brand); font-size:11px; line-height:1.7; letter-spacing:.1em; margin:0 0 18px; }
.marketing-detail main .btn { min-height:48px; padding:12px 22px; border-radius:12px; font-size:14px; gap:8px; box-shadow:none; }
.marketing-detail main .text-link { font-size:14px; line-height:1.7; }
.marketing-detail :is(.learning-hero,.languages-hero,.ai-page-hero,.business-hero) { display:grid; grid-template-columns:1.15fr 1fr; gap:64px; align-items:center; padding-block:62px 72px; margin-block:0; }
.marketing-detail :is(.learning-lead,.ai-page-lead,.business-hero .hero-description,.languages-hero > div:first-child > p:not(.eyebrow)) { color:#6b6077; font-size:16px; line-height:1.85; margin:0 0 26px; max-width:610px; }
.marketing-detail .learning-highlights { gap:8px; margin-block:0 26px; }
.marketing-detail .learning-highlights span { border:1px solid #e7def2; border-radius:9px; padding:7px 10px; color:#766287; background:#faf7ff; font-size:11px; line-height:1.6; }
.marketing-detail .learning-preview { position:relative; height:430px; min-height:0; border-radius:30px; border:1px solid #e7dcf4; background:linear-gradient(145deg,#eee5ff,#f8f5ff 65%,#e8e9fc); overflow:hidden; }
.marketing-detail .learning-preview img { position:absolute; width:175px; height:350px; object-fit:cover; object-position:top; top:42px; border-radius:22px; box-shadow:0 20px 40px #3e205b20; }
.marketing-detail .learning-preview-home { left:12%; right:auto; transform:rotate(-7deg); }
.marketing-detail .learning-preview .learning-preview-course { left:auto; right:9%; transform:rotate(7deg); top:68px; }
.marketing-detail .learning-course-intro { padding-block:24px 42px; gap:60px; border-top:1px solid #eee7f5; }
.marketing-detail .learning-course-intro > p { color:#6b6077; font-size:16px; line-height:1.85; }
.marketing-detail :is(.learning-activities,.learning-practice,.ai-page-features,.business-benefit-section) { padding-block:32px 54px; }
.marketing-detail :is(.learning-activities,.learning-practice,.ai-page-features) > h2 { margin-bottom:28px; }
.marketing-detail :is(.learning-card-grid,.ai-feature-grid,.business-benefits) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.marketing-detail :is(.learning-card-grid,.ai-feature-grid,.business-benefits) article { padding:26px; border:1px solid #e8e0f1; border-radius:20px; background:#fff; box-shadow:none; }
.marketing-detail :is(.learning-card-grid,.ai-feature-grid,.business-benefits) article:nth-child(3n+2) { background:#faf8fe; border-color:#e8e0f1; }
.marketing-detail :is(.learning-card-grid,.ai-feature-grid,.business-benefits) article:nth-child(3n) { background:#fff; border-color:#e8e0f1; }
.marketing-detail :is(.learning-card-grid,.ai-feature-grid,.business-benefits) h3 { font-size:18px; line-height:1.45; margin:16px 0 10px; }
.marketing-detail :is(.learning-card-grid,.ai-feature-grid,.business-benefits) p { color:#6f637b; font-size:14px; line-height:1.85; margin:0; }
.marketing-detail :is(.learning-card-number,.ai-feature-number,.business-benefits article > span) { display:inline-grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#f1e9fc; color:var(--brand); font-size:12px; font-weight:700; }
.marketing-detail .learning-pronunciation-wrap { padding-block:0 44px; }
.marketing-detail .learning-pronunciation { padding:30px; border-radius:22px; background:#f5f0ff; border:1px solid #e4d7f5; gap:20px; }
.marketing-detail .learning-pronunciation h2 { font-size:25px; }
.marketing-detail .learning-pronunciation p { font-size:15px; line-height:1.85; color:#6b6077; }
.marketing-detail .learning-pronunciation .pronunciation-note { font-size:12px; }
.marketing-detail .learning-pronunciation .pronunciation-steps { color:var(--brand); font-size:14px; }
.marketing-detail .learning-teacher { padding:36px; margin-block:0 24px; gap:46px; border:1px solid #e8def3; border-radius:26px; background:#faf7fe; }
.marketing-detail .learning-teacher-portrait { background:#f0e6fc; border-radius:22px; border:1px solid #e6d7f6; padding:24px; }
.marketing-detail .learning-teacher-portrait img { width:180px; height:180px; object-fit:cover; border-radius:50%; }
.marketing-detail .learning-teacher p:not(.eyebrow),.marketing-detail .learning-teacher li { color:#6b6077; font-size:15px; line-height:1.85; }
.marketing-detail .learning-goals-grid { gap:22px; margin-block:0 48px; }
.marketing-detail .learning-goals-grid section { border:1px solid #e6ddef; border-radius:22px; padding:30px; background:#f7f3fd; }
.marketing-detail .learning-goals-grid section:last-child { border-color:#dfe7f3; background:#f1f6fd; }
.marketing-detail .learning-goals-grid h2 { font-size:25px; }
.marketing-detail .learning-goals-grid p:not(.eyebrow) { color:#6b6077; font-size:15px; line-height:1.85; }
.marketing-detail .learning-goals-grid .learning-availability { font-size:12px; }
.marketing-detail :is(.learning-start-wrap,.ai-page-start-wrap,.languages-shared-wrap) { padding-bottom:64px; }
.marketing-detail :is(.learning-start,.ai-page-start,.business-team-offer) { display:flex; justify-content:space-between; align-items:center; gap:34px; padding:36px; border:1px solid #6107c0; border-radius:26px; background:#6107c0; color:#fff; }
.marketing-detail :is(.learning-start,.ai-page-start,.business-team-offer) h2 { color:#fff; font-size:26px; margin:0 0 12px; }
.marketing-detail :is(.learning-start,.ai-page-start,.business-team-offer) p:not(.eyebrow) { color:#e5d4fa; font-size:14px; line-height:1.8; margin:0; }
.marketing-detail :is(.learning-start,.ai-page-start,.business-team-offer) .btn { flex-shrink:0; background:#fff; border-color:#fff; color:var(--brand); }
.marketing-detail .languages-overview { padding:38px 30px; border:1px solid #e2d5f4; border-radius:30px; background:linear-gradient(145deg,#eee5ff,#f8f5ff 65%,#e8e9fc); }
.marketing-detail .languages-overview > strong { font-size:80px; color:var(--brand); }
.marketing-detail .languages-overview > div { border-color:#ded2ee; margin-top:28px; padding-top:24px; }
.marketing-detail .languages-overview b { font-size:25px; }
.marketing-detail .languages-catalogue { border-top:1px solid #eee7f5; padding-top:44px; padding-bottom:40px; }
.marketing-detail .languages-catalogue-heading { margin-bottom:30px; }
.marketing-detail .languages-catalogue-heading p { font-size:14px; line-height:1.8; color:#75677f; }
.marketing-detail .languages-card-grid { gap:22px; }
.marketing-detail .language-detail-card { padding:25px; border:1px solid #e8e0f1; border-radius:22px; background:#fff; transition:border-color .2s,box-shadow .2s; }
.marketing-detail .language-detail-card:hover { border-color:#cbb4e5; box-shadow:0 10px 30px #3f1a6408; }
.marketing-detail .language-detail-title { gap:12px; margin-bottom:20px; }
.marketing-detail .language-detail-title h3 { font-size:22px; }
.marketing-detail .language-detail-title > span { width:40px; height:40px; background:#f7f3fc; }
.marketing-detail .language-detail-counts { border:1px solid #eee6f5; background:#faf7fe; border-radius:14px; padding:14px 10px; }
.marketing-detail .language-detail-counts dd { color:#59258d; font-size:23px; }
.marketing-detail .language-level-list li { border-radius:7px; background:#f1e9fc; color:#6a369b; }
.marketing-detail .language-activity-list li { font-size:11px; background:#f9f7fc; border:1px solid #eee7f5; color:#75667f; }
.marketing-detail .language-exam-info { background:#f0f5fc; border:1px solid #dfe8f4; border-radius:10px; }
.marketing-detail .language-detail-cta { margin-top:auto; padding-top:18px; color:var(--brand); font-size:13px; }
.marketing-detail .languages-shared { padding:32px; background:#f5f0ff; border:1px solid #e5d9f4; border-radius:24px; }
.marketing-detail .languages-shared h2 { font-size:26px; }
.marketing-detail .languages-shared p { color:#6b6077; font-size:15px; line-height:1.85; }
.marketing-detail .ai-voice-preview { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; min-height:0; height:470px; padding:24px; margin:0; overflow:hidden; border:1px solid #e5d9f4; border-radius:30px; background:linear-gradient(145deg,#eee5ff,#f8f5ff 65%,#e8e9fc); }
.marketing-detail .ai-voice-preview img { display:block; width:200px; height:390px; object-fit:cover; object-position:top; border-radius:24px; box-shadow:0 20px 40px #3e205b20; transform:rotate(-3deg); }
.marketing-detail .ai-voice-preview figcaption { position:static; background:#fff; color:#6e408f; border:1px solid #e5d9f4; padding:6px 14px; border-radius:10px; font-size:12px; }
.marketing-detail .ai-teacher-choice { font-size:12px; line-height:1.8; color:#81738e; margin:18px 0 0; }
.marketing-detail .ai-conversation-section { padding-block:26px 54px; gap:54px; }
.marketing-detail .ai-topic-copy > p:not(.eyebrow) { color:#6b6077; font-size:15px; line-height:1.85; }
.marketing-detail .ai-topic-tags li { padding:7px 12px; border-radius:10px; background:#f4eefc; border-color:#e7ddf3; color:#70448e; font-size:12px; }
.marketing-detail .ai-chat-example { padding:28px; border:1px solid #e3d7f1; border-radius:24px; background:#f6f1fd; }
.marketing-detail .ai-example-message { background:#fff; border:1px solid #e9e0f2; border-radius:16px; }
.marketing-detail .ai-example-suggestion { background:#eef4fc; border-color:#dae6f5; border-radius:14px; }
.marketing-detail .ai-example-translation { border-color:#eee6f5; }
.marketing-detail .business-visual { padding:32px; border:1px solid #e4d7f4; border-radius:30px; background:linear-gradient(145deg,#eee5ff,#f8f5ff 65%,#e8e9fc); color:var(--ink); box-shadow:none; }
.marketing-detail .business-visual > img { width:125px; height:125px; object-fit:cover; border:5px solid #fff; border-radius:50%; margin:0 auto 22px; }
.marketing-detail .business-visual h2 { font-size:25px; line-height:1.4; color:#352243; }
.marketing-detail .business-visual > p { font-size:14px; line-height:1.8; color:#766287; }
.marketing-detail .business-practice-preview { padding:18px; background:#ffffffc9; border:1px solid #e6dcf2; border-radius:16px; text-align:left; }
.marketing-detail .business-practice-preview strong { color:#60338b; font-size:13px; }
.marketing-detail .business-practice-preview li { font-size:13px; line-height:1.8; color:#74677f; }
.marketing-detail .business-section-heading { max-width:700px; margin-bottom:30px; }
.marketing-detail .business-section-heading p { font-size:15px; line-height:1.85; color:#6b6077; }
.marketing-detail .business-process-section { background:#faf8fd; border-block:1px solid #eee7f6; padding:60px 0; }
.marketing-detail .business-steps { gap:22px; }
.marketing-detail .business-steps li { padding:26px; border:1px solid #e5dcf0; border-radius:20px; background:#f5effd; }
.marketing-detail .business-steps li:nth-child(2) { background:#eff5fc; border-color:#dfe8f4; }
.marketing-detail .business-steps li:nth-child(3) { background:#f2f6ef; border-color:#e0ebda; }
.marketing-detail .business-steps li > span { border-radius:12px; background:#ffffffc9; font-size:13px; }
.marketing-detail .business-steps h3 { font-size:18px; line-height:1.5; }
.marketing-detail .business-steps p { font-size:14px; line-height:1.85; color:#6b6077; }
.marketing-detail .business-team-offer { margin-block:56px; }
.marketing-detail .business-team-offer .eyebrow { color:#e5d4fa; }
.marketing-detail .business-team-offer small { color:#e1cbf6; margin-top:12px; }
.marketing-detail .business-contact { padding:36px; margin-bottom:64px; border:1px solid #e9e0f3; border-radius:28px; background:#f8f5fd; gap:48px; }
.marketing-detail .business-contact > div > p:not(.eyebrow) { color:#6b6077; font-size:15px; line-height:1.85; }
.marketing-detail .business-email { color:#74677f; font-size:13px; }
.marketing-detail .business-email a { color:var(--brand); font-size:16px; overflow-wrap:anywhere; }
.marketing-detail .business-form { padding:28px; border:1px solid #e6ddef; border-radius:22px; background:#fff; box-shadow:none; }
.marketing-detail .business-form h3 { font-size:22px; }
.marketing-detail .business-field label { font-size:13px; color:#5d4c6c; }
.marketing-detail .business-form :is(input:not([type=checkbox]),select,textarea) { border:1px solid #dfd3ec; border-radius:11px; background:#fcfaff; font-size:14px; color:#352243; }
.marketing-detail .business-form :is(input,select,textarea):focus-visible { outline:2px solid #b491d9; outline-offset:2px; }
.marketing-detail .business-field [aria-invalid=true] { border-color:#a32147; }
.marketing-detail .business-consent label,.marketing-detail .business-required-note { font-size:12px; line-height:1.75; }
@media(max-width:1050px) {
  .marketing-detail :is(.learning-hero,.languages-hero,.ai-page-hero,.business-hero) { gap:35px; }
  .marketing-detail .learning-preview-home { left:5%; }
  .marketing-detail .learning-preview .learning-preview-course { right:5%; }
  .marketing-detail :is(.learning-card-grid,.ai-feature-grid,.business-benefits) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .marketing-detail .business-contact { gap:28px; padding:28px; }
}
@media(max-width:760px) {
  .marketing-detail main h1 { font-size:34px; }
  .marketing-business.marketing-detail .business-hero h1 { font-size:32px; }
  .marketing-detail main h2 { font-size:27px; }
  .marketing-detail :is(.learning-hero,.languages-hero,.ai-page-hero,.business-hero) { grid-template-columns:1fr; gap:30px; padding-block:38px 46px; }
  .marketing-detail :is(.learning-lead,.ai-page-lead,.business-hero .hero-description,.languages-hero > div:first-child > p:not(.eyebrow)) { font-size:15px; line-height:1.85; }
  .marketing-detail .learning-preview { height:365px; }
  .marketing-detail .learning-preview img { width:145px; height:290px; top:30px; }
  .marketing-detail .learning-preview .learning-preview-course { top:54px; }
  .marketing-detail .learning-course-intro { grid-template-columns:1fr; gap:6px; padding-block:28px; }
  .marketing-detail :is(.learning-activities,.learning-practice,.ai-page-features,.business-benefit-section) { padding-block:24px 38px; }
  .marketing-detail :is(.learning-card-grid,.ai-feature-grid,.business-benefits) { grid-template-columns:1fr; gap:14px; }
  .marketing-detail :is(.learning-card-grid,.ai-feature-grid,.business-benefits) article { padding:23px; }
  .marketing-detail .learning-pronunciation { flex-direction:column; gap:14px; padding:24px; }
  .marketing-detail .learning-pronunciation h2 { font-size:23px; }
  .marketing-detail .learning-teacher { grid-template-columns:1fr; padding:24px; gap:24px; }
  .marketing-detail .learning-teacher-portrait { max-width:260px; width:100%; margin:auto; }
  .marketing-detail .learning-goals-grid { grid-template-columns:1fr; gap:16px; margin-bottom:36px; }
  .marketing-detail .learning-goals-grid section { padding:24px; }
  .marketing-detail :is(.learning-start,.ai-page-start,.business-team-offer) { flex-direction:column; align-items:flex-start; padding:27px; gap:24px; }
  .marketing-detail :is(.learning-start,.ai-page-start,.business-team-offer) h2 { font-size:24px; }
  .marketing-detail :is(.learning-start-wrap,.ai-page-start-wrap,.languages-shared-wrap) { padding-bottom:44px; }
  .marketing-detail .languages-overview { padding:30px 22px; }
  .marketing-detail .languages-overview > strong { font-size:68px; }
  .marketing-detail .languages-card-grid { grid-template-columns:1fr; gap:18px; }
  .marketing-detail .language-detail-card { padding:24px; }
  .marketing-detail .languages-shared { align-items:flex-start; flex-direction:column; padding:26px; gap:18px; }
  .marketing-detail .languages-shared h2 { font-size:24px; }
  .marketing-detail .languages-shared img { width:80px; height:80px; }
  .marketing-detail .ai-voice-preview { height:420px; }
  .marketing-detail .ai-voice-preview img { width:175px; height:340px; }
  .marketing-detail .ai-conversation-section { grid-template-columns:1fr; padding-block:14px 40px; gap:28px; }
  .marketing-detail .ai-chat-example { padding:23px; }
  .marketing-detail .business-visual { padding:27px; }
  .marketing-detail .business-steps { grid-template-columns:1fr; gap:14px; }
  .marketing-detail .business-process-section { padding-block:40px; }
  .marketing-detail .business-team-offer { margin-block:38px; }
  .marketing-detail .business-contact { grid-template-columns:1fr; padding:24px; gap:26px; margin-bottom:44px; }
  .marketing-detail .business-form { padding:22px; min-width:0; }
  .marketing-detail .business-fields { grid-template-columns:1fr; }
  .marketing-detail .business-form :is(input:not([type=checkbox]),select,textarea) { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { .marketing-detail .language-detail-card { transition:none; } }