/* Faithful scroll adaptation. The original showcase stylesheet is untouched. */
html{height:auto;min-height:100%;overflow-y:auto;scroll-behavior:smooth}
body{height:auto;min-height:100%;overflow:visible;overflow-x:clip}
::selection{background:#68edcb;color:#081625}
:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
input,textarea{caret-color:#167466}
*{scrollbar-color:#547879 #0c2030;scrollbar-width:thin}
.topbar{position:sticky;top:0;background:rgba(8,22,37,.96);backdrop-filter:blur(12px)}
#stage{height:auto;min-height:0}
.scene,.scene.active{position:relative;inset:auto;visibility:visible;opacity:1;pointer-events:auto;overflow:visible;height:auto;min-height:calc(100svh - var(--header));padding:clamp(52px,7vh,100px) var(--pad);scroll-margin-top:var(--header)}
.scene>div{flex:none;width:100%;margin:auto}
.scene:not(.in-view) *{animation-play-state:paused!important}
.scene+.scene{border-top:1px solid rgba(208,240,238,.07)}
.v2-frame,.detail-frame.v2-frame{height:auto;max-height:none;overflow:visible;min-height:500px}
.scene-6{overflow:visible!important}
.vocab-play,.practice-play,.listening-play{overflow:visible}
.frame-foot{margin-top:auto}
.landing-skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--mint);color:#081625;padding:12px 16px;transform:translateY(-150%)}
.landing-skip:focus{transform:none}
.landing-info{position:relative;z-index:2;padding:100px var(--pad);border-top:1px solid var(--line)}
.landing-info-inner{max-width:1440px;margin:auto}
.landing-info h2{font-size:clamp(32px,3.6vw,58px);line-height:1.3;letter-spacing:-.04em}
.landing-info{scroll-margin-top:var(--header)}
.landing-info p{max-width:75ch;line-height:1.9}
.landing-details{margin-top:40px;border-top:1px solid var(--line)}
.landing-detail{border-bottom:1px solid var(--line)}
.landing-detail summary{padding:25px 0;font-size:20px;font-weight:650;cursor:pointer;color:#e2f0ed}
.landing-detail-copy{padding:0 0 35px;max-width:1100px;display:grid;gap:18px}
.landing-detail-copy h2{margin-top:10px;font-size:30px}
.landing-detail-copy h3{margin-top:22px;font-size:22px;color:var(--mint)}
.landing-detail-copy p{font-size:15px;color:#b8ccd1}
.landing-detail-copy .tour-live:empty,.landing-detail-copy .tour-result:empty{display:none}
.landing-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.pricing-card{padding:32px 0;border-top:1px solid #68edcb66}
.pricing-card>small{font-size:10px;letter-spacing:.12em;color:#a9c6ca}
.pricing-card h3{font-size:22px;color:#f4f6f4;margin:12px 0 20px}
.pricing-card .pricing-price{font-size:clamp(36px,4vw,58px);letter-spacing:-.04em;color:var(--mint)}
.pricing-card .pricing-price small,.pricing-card .pricing-price span{font-size:13px;color:#9baebc;margin-left:8px;letter-spacing:0}
.pricing-card p{font-size:15px;color:#b8ccd1;margin-top:20px}
.landing-real-screens{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:15px}
.landing-real-screens figure{margin:0;min-width:0}
.landing-real-screens img{width:100%;height:auto;display:block;border-radius:12px}
.landing-real-screens figcaption{font-size:12px;margin-bottom:10px;color:#b8ccd1}
.pricing-note{margin-top:25px;color:#b8ccd1;font-size:15px}
.landing-guide-links{display:flex;gap:14px 25px;flex-wrap:wrap;margin-top:38px;max-width:950px}
.landing-guide-links a{font-size:13px;color:#c3d8d8;text-decoration:underline;text-underline-offset:5px}
.landing-footer{position:relative;z-index:2;border-top:1px solid var(--line);padding:45px var(--pad);color:#9baebc;font-size:12px;line-height:1.8}
.landing-footer .wrap{max-width:1440px;margin:auto}
.landing-footer .footer-top{display:flex;gap:30px;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap}
.landing-footer .footer-brand{font-size:20px;color:#edf7f4;font-weight:700}
.landing-footer .footer-links{display:flex;flex-wrap:wrap;gap:14px}
.landing-footer p{margin-top:9px;max-width:100ch}
.landing-footer a{text-underline-offset:4px}
.dialog-backdrop{z-index:100;overflow-y:auto}
.dialog-panel{max-height:88dvh}
.table-scroll{overflow-x:auto}
.status-table{font-variant-numeric:tabular-nums}
.btn,.tool{touch-action:manipulation}
@media(max-width:1100px){.brand-sub{display:none}.top-tools{gap:5px}.landing-trial{font-size:11px;padding:10px 12px}}
@media(max-width:960px){.scene{min-height:0;padding-top:56px;padding-bottom:68px}.scene>.split{margin:0}.v2-frame,.detail-frame.v2-frame{min-height:0}.hero-art{height:435px}.landing-info{padding:70px var(--pad)}.landing-price-grid{gap:20px}.top-tools .tool-label{display:none}.landing-login{font-size:12px}}
@media(max-width:560px){:root{--header:70px}.topbar{gap:8px;padding:0 12px}.brand .wordmark{font-size:14px}.top-tools{gap:1px}.top-tools #overviewButton{display:none}.top-tools #motionBtn .icon{width:15px}.landing-trial{font-size:10px;padding:9px 10px;white-space:nowrap}.landing-login{font-size:11px;padding:6px}.scene{padding:46px 20px 60px}.scene>.split{gap:32px!important}.hero-art{height:335px}.landing-info{padding:60px 20px}.landing-detail summary{font-size:17px;padding:22px 0}.landing-detail-copy h2{font-size:26px}.landing-detail-copy p{font-size:14px}.landing-price-grid{grid-template-columns:1fr;gap:5px}.pricing-card{padding:28px 0}.landing-real-screens{grid-template-columns:1fr}.landing-footer{padding:35px 20px}.landing-footer .footer-top{gap:20px}.frame-top{flex-wrap:wrap}.match-board{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Official capabilities inherit the source-pinned showcase. */
.commercial-section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:end}
.commercial-section-head .desc{margin-top:18px;color:#b8ccd1}
.commercial-section-head h2{margin:0}
.commercial-jump-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:30px 0 40px}
.commercial-jump-links a{min-height:44px;display:inline-flex;align-items:center;color:var(--mint);text-underline-offset:6px}
.official-feature-groups{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;align-items:start}
.official-feature-group{border-top:1px solid var(--line)}
.official-feature-group summary{min-height:76px;display:flex;align-items:center;gap:12px;font-size:20px;font-weight:650;cursor:pointer;list-style:none}
.official-feature-group summary::-webkit-details-marker{display:none}
.official-feature-group summary>.icon{color:var(--mint);flex:none}
.official-feature-group summary>span{margin-left:auto;font-size:12px;font-weight:500;color:#b8ccd1}
.official-feature-group summary::after{content:'+';color:var(--mint);font-size:24px;width:20px;text-align:center}
.official-feature-group[open] summary::after{content:'−'}
.official-feature-group dl{padding-bottom:22px}
.official-feature-group dl>div{padding:15px 0}
.official-feature-group dt{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;font-size:16px;font-weight:650;color:#f4f6f4}
.official-feature-group dd{margin:7px 0 0;font-size:15px;line-height:1.8;color:#b8ccd1;max-width:65ch}
.plan-tag{display:inline-flex;align-items:center;min-height:25px;border:1px solid #68edcb66;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;color:var(--mint);line-height:1.5;white-space:nowrap}
.plan-tag.pro{color:var(--violet);border-color:#b5a1f666}
.plan-tag.separate{color:#e2f0ed;border-color:var(--line)}
.commercial-note{font-size:14px!important;line-height:1.8!important;color:#b8ccd1;margin-top:22px}
.commercial-error{font-size:14px;color:#ffc7b9;min-height:0;margin-top:8px}
.commercial-error:empty{display:none}
.plan-scene-note{max-width:75ch;font-size:13px;line-height:1.8;color:#b8ccd1;margin-top:20px;flex-basis:100%}
.curriculum-demo{margin-top:40px;display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;border-top:1px solid var(--line);padding-top:30px}
.curriculum-demo h3,.plan-estimate-layout h3,.audio-commercial-layout h3,.trial-scope h3{font-size:22px;font-weight:650;line-height:1.5}
.curriculum-demo-materials>p{font-size:15px;color:#b8ccd1;margin:12px 0 20px}
.curriculum-demo label,.generation-example label,.estimate-fields label{display:flex;flex-direction:column;gap:9px;font-size:14px;color:#dceae7}
.curriculum-demo input,.generation-example input,.estimate-fields input,.estimate-fields select{min-width:0;min-height:46px;padding:10px 12px;width:100%;border:1px solid #547879;border-radius:8px;background:var(--bg2);color:#f4f6f4;font:inherit;caret-color:var(--mint)}
.curriculum-demo-materials>input{margin-top:9px;max-width:280px}
.curriculum-demo-materials ol{list-style:none;padding:0;margin:24px 0 0}
.curriculum-demo-materials li{display:flex;gap:16px;padding:13px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.6}
.material-date{color:var(--mint);font-variant-numeric:tabular-nums;flex:none}
.calendar-demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.calendar-demo-header button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:#e2f0ed;background:var(--bg2);cursor:pointer}
.calendar-demo-header button:hover{border-color:var(--mint);color:var(--mint)}
.calendar-weekdays,.calendar-demo-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.calendar-weekdays{font-size:12px;color:#b8ccd1;text-align:center;margin-bottom:9px}
.calendar-day{height:72px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--bg2);text-align:left;padding:8px;color:#f4f6f4;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font:inherit}
.calendar-number{font-size:13px;font-variant-numeric:tabular-nums}
.calendar-day:hover,.calendar-day[aria-pressed=true]{border-color:var(--mint);background:#163943}
.calendar-lesson{font-size:11px;line-height:1.5;border-radius:4px;padding:1px 5px;color:#081625;background:var(--mint)}
.calendar-lesson.listening{background:var(--violet)}
.calendar-lesson.school{background:#c7dae9}
.calendar-lesson.book{background:#f0dba0}
.calendar-agenda{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;min-height:92px}
.calendar-agenda h4{font-size:15px;color:var(--mint);margin-bottom:8px}
.calendar-agenda p{font-size:14px;color:#dceae7}
.tier-price-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:16px}
.tier-price-list dt{font-size:16px;color:#dceae7}
.tier-price-list dd{margin:0;font-size:clamp(30px,2.4vw,42px);font-weight:700;color:var(--mint);font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap}
.tier-price-list>div+div dd{color:var(--violet)}
.common-pro-list{margin:25px 0;padding-left:20px;color:var(--violet);font-size:17px;line-height:2}
.commercial-comparison{margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.commercial-comparison>summary{padding:23px 0;min-height:66px;font-size:18px;font-weight:650;cursor:pointer;color:#e2f0ed}
.comparison-wrap{width:100%;overflow-x:auto;padding-bottom:22px}
.plan-comparison{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px;line-height:1.65}
.plan-comparison caption{text-align:left;font-size:14px;color:#b8ccd1;padding:0 0 18px;caption-side:top}
.plan-comparison th,.plan-comparison td{border-bottom:1px solid var(--line);padding:16px 14px;text-align:left;overflow-wrap:anywhere}
.plan-comparison thead th{color:#f4f6f4;background:var(--bg2)}
.plan-comparison th:first-child{width:56%}
.plan-comparison th[scope=row]{font-weight:500;color:#dceae7}
.plan-comparison td{color:#b8ccd1}
.plan-comparison td:last-child,.plan-comparison thead th:last-child{color:var(--violet)}
.plan-estimate-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:48px}
.combination-rates{margin-top:20px}
.combination-rates>div,.tls-rates>div{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.7}
.combination-rates dd,.tls-rates dd{margin:0;white-space:nowrap;color:var(--mint);font-variant-numeric:tabular-nums}
.combination-rates dt,.tls-rates dt{color:#dceae7}
.estimate-fields{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:12px;margin-top:24px}
.estimate-results{margin-top:22px;font-variant-numeric:tabular-nums}
.estimate-results>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;font-size:15px;color:#dceae7}
.estimate-results dd{margin:0}
.estimate-results .estimate-total{border-top:1px solid var(--line);margin-top:8px;padding-top:18px}
.estimate-total dd{font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--mint)}
.audio-commercial-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:40px;border-top:1px solid var(--line);padding-top:30px}
.audio-commercial-layout .btn{margin-top:22px}
.audio-commercial-layout p{font-size:15px;color:#b8ccd1}
.tls-rates{margin:22px 0}
.tls-rates strong{font-size:28px;letter-spacing:-.03em}
.generation-rate{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:22px 0}
.generation-rate strong{font-size:32px;color:var(--mint);letter-spacing:-.03em}
.generation-example{display:flex;align-items:end;gap:30px;margin-top:25px}
.generation-example label{max-width:210px}
.generation-example output{padding-bottom:5px;font-size:30px;font-weight:700;color:var(--mint);font-variant-numeric:tabular-nums;line-height:1.5}
.generation-policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:40px;border-top:1px solid var(--line);padding-top:25px}
.generation-policy dt{font-size:17px;font-weight:650;color:#f4f6f4}
.generation-policy dd{margin:10px 0 0;font-size:15px;line-height:1.8;color:#b8ccd1}
.credit-package-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding-bottom:12px}
.credit-package-list dt{font-size:14px;color:#dceae7}
.credit-package-list dd{margin:10px 0 0;font-size:22px;font-weight:650;color:var(--mint);font-variant-numeric:tabular-nums;white-space:nowrap}
.commercial-comparison>.commercial-note{padding-bottom:22px}
.trial-scope{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0 34px;border-top:1px solid var(--line);padding-top:25px}
.trial-scope h3{color:var(--mint);font-size:18px}
.trial-scope p{font-size:15px;color:#b8ccd1;margin-top:12px}
@media(max-width:1100px){.plan-estimate-layout,.audio-commercial-layout{gap:35px}.official-feature-groups{column-gap:30px}.estimate-fields{grid-template-columns:1fr 1fr}.estimate-fields>label:first-child{grid-column:1/-1}.curriculum-demo{grid-template-columns:.8fr 1.2fr;gap:24px}}
@media(max-width:960px){.commercial-section-head{grid-template-columns:1fr;gap:16px}.commercial-section-head .desc{margin-top:0}.curriculum-demo{grid-template-columns:1fr}.curriculum-demo-materials ol{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.landing-price-grid{grid-template-columns:1fr 1fr}.landing-price-grid>.featured{grid-column:1/-1}.credit-package-list{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-comparison th:first-child{width:50%}}
@media(max-width:640px){.official-feature-groups,.plan-estimate-layout,.audio-commercial-layout,.trial-scope{grid-template-columns:1fr}.official-feature-group summary{font-size:17px;min-height:72px}.official-feature-group summary>span{font-size:11px}.official-feature-group dt{font-size:15px}.official-feature-group dd{font-size:14px}.commercial-jump-links{gap:6px 20px;margin-bottom:25px}.commercial-jump-links a{font-size:14px}.curriculum-demo-materials ol{grid-template-columns:1fr}.calendar-day{height:62px;padding:5px;gap:4px}.calendar-lesson{font-size:10px;padding:1px 4px}.calendar-demo-header h3{font-size:18px}.landing-price-grid{grid-template-columns:1fr;gap:5px}.landing-price-grid>.featured{grid-column:auto}.plan-comparison{font-size:12px}.plan-comparison th,.plan-comparison td{padding:13px 7px}.plan-comparison th:first-child{width:49%}.plan-comparison caption{font-size:13px}.commercial-comparison>summary{font-size:16px}.plan-estimate-layout{gap:38px}.combination-rates>div,.tls-rates>div{font-size:14px;gap:12px}.tls-rates>div{flex-wrap:wrap}.generation-policy{grid-template-columns:1fr;gap:22px}.generation-example{gap:20px}.generation-example label{max-width:170px}.generation-example output{font-size:25px}.generation-rate strong{font-size:28px}.credit-package-list{grid-template-columns:1fr 1fr;gap:24px}.credit-package-list dd{font-size:21px}.trial-scope{gap:24px}.plan-scene-note{font-size:12px}.commercial-section-head h2{font-size:32px}}
