.ui-product-subnav[data-astro-cid-rjoivazm]{position:sticky;top:72px;z-index:20;border-bottom:1px solid var(--color-border);background:#fffffff5;box-shadow:0 4px 12px #142b480a}.ui-product-subnav__inner[data-astro-cid-rjoivazm]{display:flex;gap:var(--space-6);overflow-x:auto;padding-block:var(--space-1);scrollbar-width:thin;scroll-behavior:smooth}.ui-product-subnav[data-astro-cid-rjoivazm] a[data-astro-cid-rjoivazm]{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;color:var(--color-text-600);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold);text-decoration:none}.ui-product-subnav[data-astro-cid-rjoivazm] a[data-astro-cid-rjoivazm]:hover,.ui-product-subnav[data-astro-cid-rjoivazm] a[data-astro-cid-rjoivazm]:focus-visible{border-bottom-color:var(--color-brand-500);color:var(--color-brand-700)}.ui-product-subnav__inner[data-astro-cid-rjoivazm]:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.ui-product-subnav__hint[data-astro-cid-rjoivazm]{display:none}@media(max-width:620px){.ui-product-subnav[data-astro-cid-rjoivazm]{top:64px}.ui-product-subnav__inner[data-astro-cid-rjoivazm]{gap:var(--space-5);padding-inline:var(--page-gutter)}.ui-product-subnav__hint[data-astro-cid-rjoivazm]{display:block;margin:0;padding:0 var(--page-gutter) var(--space-2);color:var(--color-text-500);font-size:var(--font-size-caption)}}.online-school-section{padding:var(--section-space) 0;background:var(--color-surface-0)}.online-school-tint{background:var(--color-surface-tint)}.online-school-proof{border-top:1px solid var(--color-border-soft);border-bottom:1px solid var(--color-border-soft);background:#fff}.online-school-proof .container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.online-school-proof .container>div{display:flex;min-height:91px;align-items:center;gap:12px;padding:17px 25px;border-right:1px solid var(--color-border-soft)}.online-school-proof .container>div:first-child{border-left:1px solid var(--color-border-soft)}.online-school-proof i{color:var(--color-brand-500);font-size:1.55rem}.online-school-proof span,.online-school-proof strong,.online-school-proof small{display:block}.online-school-proof strong{color:var(--color-ink-700);font-size:.84rem}.online-school-proof small{margin-top:2px;color:var(--color-text-500);font-size:.68rem;line-height:1.45}#capabilities,#independent-school,#terminals,#live-teaching,#recorded-teaching,#scenarios{scroll-margin-top:112px}.online-school-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.online-school-module-card{min-height:250px;padding:23px 21px 21px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card)}.online-school-module-card header{display:flex;align-items:flex-start;gap:14px}.online-school-module-card header>span{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border-radius:var(--radius-control);color:#fff;background:var(--color-brand-500);font-size:1.3rem}.online-school-module-card h3{margin:1px 0 4px;color:var(--color-ink-700);font-size:.96rem}.online-school-module-card header p{margin:0;color:var(--color-text-500);font-size:.72rem;line-height:1.55}.online-school-module-card ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:20px 0 0;padding:15px 0 0;border-top:1px solid var(--color-border-soft);list-style:none}.online-school-module-card li{padding:6px 5px;border-radius:4px;color:var(--color-text-700);background:var(--color-surface-tint);font-size:.68rem;text-align:center;white-space:nowrap}.online-school-workflow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.online-school-workflow:before{position:absolute;top:23px;right:9%;left:9%;height:1px;background:var(--color-border);content:""}.online-school-workflow li{position:relative;padding:0 13px;text-align:center}.online-school-workflow li>span{position:relative;z-index:1;display:grid;width:46px;height:46px;margin:0 auto 15px;place-items:center;border:1px solid var(--color-brand-500);border-radius:50%;color:var(--color-brand-600);background:#fff;font-size:.72rem;font-weight:700}.online-school-workflow h3{margin:0;color:var(--color-ink-700);font-size:.92rem}.online-school-workflow p{margin:6px 0 0;color:var(--color-text-500);font-size:.72rem;line-height:1.6}.online-school-evidence{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:56px}.online-school-evidence-visual{overflow:hidden;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card)}.online-school-evidence-visual picture,.online-school-evidence-visual img{display:block;width:100%}.online-school-evidence-copy h2{max-width:510px;margin:0;color:var(--color-ink-800);font-size:var(--font-size-h2);letter-spacing:-.025em;line-height:var(--line-height-heading)}.online-school-kicker{margin:0 0 8px;color:var(--color-brand-600);font-size:.76rem;font-weight:700;letter-spacing:.09em}.online-school-evidence-copy>p:not(.online-school-kicker){margin:14px 0 0;color:var(--color-text-500);font-size:.86rem}.online-school-evidence-copy ul{display:grid;gap:9px;margin:20px 0 23px;padding:0;list-style:none}.online-school-evidence-copy li{position:relative;padding-left:21px;color:var(--color-text-700);font-size:.82rem}.online-school-evidence-copy li:before{position:absolute;top:.54em;left:1px;width:9px;height:5px;border-bottom:2px solid var(--color-brand-500);border-left:2px solid var(--color-brand-500);content:"";transform:rotate(-45deg)}.online-school-evidence-copy>small{display:block;margin-top:12px;color:var(--color-text-400);font-size:.68rem}.online-school-terminal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.online-school-terminal-grid article{display:grid;min-height:278px;grid-template-columns:44% 56%;align-items:stretch;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card);scroll-margin-top:90px}.online-school-terminal-visual{display:grid;min-height:278px;place-items:center;overflow:hidden;padding:18px;background:linear-gradient(155deg,#eef9f6,#f8fbfc)}.online-school-terminal-visual img{width:auto;max-width:100%;max-height:242px;object-fit:contain}.online-school-terminal-copy{padding:23px 21px}.online-school-terminal-copy>span{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-control);color:#fff;background:var(--color-brand-500);font-size:1.3rem}.online-school-terminal-grid h3{margin:13px 0 6px;color:var(--color-ink-700);font-size:.92rem}.online-school-terminal-grid p{margin:0;color:var(--color-text-500);font-size:.73rem;line-height:1.65}.online-school-terminal-grid ul{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0 0;padding:0;list-style:none}.online-school-terminal-grid li{padding:4px 7px;border-radius:999px;color:var(--color-brand-700);background:var(--color-brand-50);font-size:.62rem}.online-school-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.online-school-live-grid figure{overflow:hidden;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card)}.online-school-live-grid img{width:100%;aspect-ratio:1.7;object-fit:contain;background:#f6f8fa}.online-school-live-grid figcaption{display:block;min-height:102px;padding:14px 16px}.online-school-live-grid figcaption strong{color:var(--color-ink-700);font-size:.82rem}.online-school-live-grid figcaption span{display:block;margin-top:5px;color:var(--color-text-500);font-size:.68rem;line-height:1.6}.online-school-image-note{margin:14px 0 0;color:var(--color-text-400);font-size:.68rem;text-align:center}.online-school-recorded{background:#fff}.online-school-recorded-grid,.online-school-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.online-school-scenario-grid article{display:flex;min-height:118px;align-items:flex-start;gap:15px;padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff}.online-school-scenario-grid article>span{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:var(--radius-control);color:var(--color-brand-600);background:var(--color-brand-100);font-size:1.25rem}.online-school-scenario-grid h3{margin:0;color:var(--color-ink-700);font-size:.9rem}.online-school-scenario-grid p{margin:5px 0 0;color:var(--color-text-500);font-size:.73rem;line-height:1.65}.online-school-faq{padding:var(--section-space) 0}.online-school-faq .faq-section{padding:0}.online-school-faq .section-heading{max-width:100%;margin-bottom:22px;text-align:center}.online-school-faq .section-heading h2{font-size:var(--font-size-h2)}.online-school-faq .section-heading .eyebrow{display:none}@media(max-width:960px){.online-school-proof .container{grid-template-columns:repeat(2,minmax(0,1fr))}.online-school-proof .container>div:nth-child(3){border-left:1px solid var(--color-border-soft)}.online-school-proof .container>div:nth-child(-n+2){border-bottom:1px solid var(--color-border-soft)}.online-school-capability-grid,.online-school-live-grid,.online-school-recorded-grid,.online-school-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-school-workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 0}.online-school-workflow:before{display:none}.online-school-evidence{grid-template-columns:1fr;gap:31px}.online-school-evidence-visual{max-width:680px}.online-school-terminal-grid article{grid-template-columns:40% 60%}}@media(max-width:620px){.online-school-proof .container>div{min-height:79px;gap:9px;padding:13px 10px}.online-school-proof i{font-size:1.25rem}.online-school-proof strong{font-size:.77rem}.online-school-proof small{font-size:.61rem}.online-school-capability-grid,.online-school-live-grid,.online-school-recorded-grid,.online-school-scenario-grid{grid-template-columns:1fr}.online-school-module-card{min-height:0}.online-school-module-card ul{grid-template-columns:repeat(2,minmax(0,1fr))}.online-school-workflow{grid-template-columns:1fr;gap:12px}.online-school-workflow li{display:flex;align-items:flex-start;gap:14px;padding:0;text-align:left}.online-school-workflow li>span{width:39px;height:39px;flex:0 0 auto;margin:0}.online-school-workflow h3{margin-top:2px}.online-school-terminal-grid{grid-template-columns:1fr;gap:10px}.online-school-terminal-grid article{min-height:236px;grid-template-columns:40% 60%}.online-school-terminal-visual{min-height:236px;padding:11px}.online-school-terminal-visual img{max-height:210px}.online-school-terminal-copy{padding:18px 14px}.online-school-scenario-grid article{min-height:0}}