:root{--night:#0b1520;--cream:#f4f1e8;--ink:#263c38;--muted:#63726b;--blue:#b8e6f3;--gold:#f3c486;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--night);color:var(--cream);font:15px/1.65 Arial,sans-serif}button,a,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{color:inherit}h1,h2,h3,h4,p{margin-top:0}[hidden]{display:none!important}.skip{position:absolute;top:-100px;z-index:100;padding:12px;background:var(--cream);color:var(--ink)}.skip:focus{top:12px}.site-header{height:84px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:20;border-bottom:1px solid #ffffff18}.brand-group{display:flex;align-items:center;gap:18px}.brand{font:700 40px/1 var(--serif);letter-spacing:-2px;display:inline-flex;align-items:center;gap:10px}.brand span{color:#d89972;margin-left:-10px}.brand img{border-radius:9px}.site-header>p{font-size:10px;letter-spacing:2.4px;margin:0;color:#bdc8c7}.header-link{font-size:12px;display:flex;gap:20px;align-items:center}.header-link span{font-size:23px}.language-menu{position:relative;font-size:12px}.language-menu summary{display:flex;align-items:center;gap:14px;padding:9px 11px;border:1px solid #ffffff30;border-radius:6px;list-style:none;cursor:pointer;color:#d4dcd8}.language-menu summary::-webkit-details-marker{display:none}.language-menu[open] summary{border-color:var(--gold)}.language-menu nav{position:absolute;top:calc(100% + 12px);left:0;min-width:210px;padding:8px;background:#13242e;border:1px solid #ffffff28;box-shadow:0 14px 40px #0006;border-radius:8px}.language-menu nav a,.language-menu nav>span{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:4px}.language-menu nav a:hover{background:#ffffff10}.language-menu [aria-current]{color:var(--gold)}
.world{height:calc(100svh - 84px);min-height:660px;max-height:1050px;position:relative;overflow:hidden;isolation:isolate;background:#102435}.world-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-3}.world-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06101bd9 0%,#07131f35 38%,transparent 50%,#06111e6b 70%,#06111ee8 100%);z-index:-2}.hero-copy{position:absolute;top:42px;left:20px;right:20px;text-align:center;pointer-events:none;z-index:3}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;margin-bottom:20px}.hero-copy .eyebrow{color:#e0d5bd}.hero-copy h1{font:400 clamp(38px,4.4vw,69px)/1.15 var(--serif);letter-spacing:-1.8px;margin-bottom:18px;text-shadow:0 2px 22px #06111e88}.hero-copy h1 em{font-style:italic;color:#f0e8d4}.hero-copy>p:last-child{font-size:13px;color:#d5dcdb;letter-spacing:.2px}.world-zone{position:absolute;top:0;bottom:0;width:50%;border:0;background:transparent;text-align:left;padding:0;transition:background .3s}.world-zone.japan{left:0;--light:var(--blue);clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.world-zone.china{right:0;--light:var(--gold);clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}.world-zone:focus-visible{outline:none}.zone-frame{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);pointer-events:none;color:var(--light);opacity:0;transition:opacity .4s ease}.zone-frame path{fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.world-zone.selected .zone-frame{opacity:.2}.zone-copy{position:absolute;bottom:65px;left:12%;right:12%;display:flex;flex-direction:column;align-items:flex-start}.china .zone-copy{left:14%}.zone-kicker{font:11px/1.4 Arial,sans-serif;letter-spacing:2.7px;color:var(--light)}.zone-copy strong{font:400 clamp(34px,3.5vw,55px)/1.4 var(--serif);letter-spacing:-1px;margin:8px 0}.zone-levels{font-size:10px;letter-spacing:2.7px;color:#d8dfdc}.zone-levels i{font-style:normal;opacity:.45;padding:0 7px}.zone-cta{display:flex;gap:42px;align-items:center;font-size:12px;margin-top:24px;padding-bottom:9px;border-bottom:1px solid #ffffff60;color:#fff8e8}.zone-cta>span{font-size:24px;transition:transform .25s}.world-zone:hover .zone-cta>span{transform:translate(3px,3px)}.prism-note{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);text-align:center;font-size:9px;line-height:2.5;letter-spacing:2px;color:#dce4e2;pointer-events:none}.study-ribbon{display:flex;justify-content:center;align-items:center;gap:45px;padding:26px 20px;border-top:1px solid #ffffff20;font-size:11px;letter-spacing:1px;color:#bdc9c6}.study-ribbon i{font-style:normal;color:#aabda9;font-size:10px}
.course-section{background:var(--cream);color:var(--ink);padding:80px max(6%,calc((100% - 1240px)/2));outline:none}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-top .eyebrow{color:var(--muted);margin:0}.course-section h2{font:400 clamp(30px,3vw,44px)/1.2 var(--serif);letter-spacing:-.8px;margin:22px 0 48px}.course-tabs{display:flex;gap:20px}.course-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:9px 3px;font:20px var(--serif);color:#6c7a72}.course-tabs button span{font:12px Arial,sans-serif;margin-left:8px}.course-tabs button[aria-selected=true]{color:#244a43;border-color:#244a43}.course-intro{display:grid;grid-template-columns:110px 1fr;gap:25px;max-width:670px;margin-bottom:42px}.script-mark{font:80px/1.5 var(--serif);color:#788f81;border-top:1px solid #a5b3a4}.course-intro .eyebrow{margin-bottom:16px;font-size:9px}.course-intro h3{font:400 33px/1.3 var(--serif);letter-spacing:-.7px;margin-bottom:18px}.course-intro p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.85;max-width:500px}.enter-site{display:inline-flex;gap:36px;align-items:center;padding:13px 20px;border-radius:5px;background:#304d43;color:#fffaf0;font-size:13px}.enter-site span{font-size:22px}.enter-site:hover{background:#1e3b32}.course-intro small{display:block;font-size:11px;color:var(--muted);margin-top:14px}.course-list{border-top:1px solid #cdd5c7}.course-row{display:flex;gap:30px;align-items:center;min-height:122px;border-bottom:1px solid #cdd5c7;padding:20px 12px;transition:background .2s}.course-row:hover{background:#e9edde}.course-row img{object-fit:contain;flex:none}.course-row>div{flex:1}.course-row h4{font:600 18px/1.5 Arial,sans-serif;margin:0 0 6px}.course-row p{color:var(--muted);font-size:13px;margin:0}.course-meta{display:flex;align-items:center;gap:30px;font-size:11px;color:var(--muted)}.course-meta b{font-size:24px;color:#304d43}.hsk-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:94px;height:69px;color:#805a31;font:11px/1.2 Arial,sans-serif;letter-spacing:3px}.hsk-badge em{font:italic 34px/1.3 var(--serif);letter-spacing:-1px}.unavailable{opacity:.6}.unavailable:hover{background:transparent}.editorial-note{font-size:12px;color:var(--muted);line-height:1.8;margin:22px 0 0}.course-panel{animation:reveal .4s ease both}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.method{padding:80px 8%;display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#12232a}.method .eyebrow{color:#a5b9ac;font-size:9px}.method h2{font:400 clamp(30px,3vw,42px)/1.3 var(--serif);letter-spacing:-.6px}.method ol{list-style:none;padding:0;margin:0}.method li{display:flex;gap:26px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #ffffff20}.method li>span{font:italic 25px var(--serif);color:#c4b58e}.method h3{font-size:15px;font-weight:500;margin:0 0 8px}.method p{font-size:13px;line-height:1.8;color:#aabbb7;margin:0}.questions{padding:70px 8%;max-width:1100px;margin:auto}.questions h2{font:400 31px var(--serif);margin-bottom:32px}.questions details{border-bottom:1px solid #ffffff20;padding:19px 0}.questions summary{cursor:pointer;font-size:14px}.questions p{font-size:13px;color:#aabbb7;margin:18px 0 0;max-width:750px}footer{border-top:1px solid #ffffff20;padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}footer .brand{font-size:36px}footer p{font-size:12px;color:#aabbb7;margin:0}footer>span{font-size:11px;text-align:right;color:#d3dacd}footer small{font-size:10px;color:#91a4a1}
@media(min-width:1200px){.course-panel{display:grid;grid-template-columns:.85fr 1.4fr;gap:65px}.course-intro{grid-template-columns:70px 1fr;gap:20px;margin-top:18px}.script-mark{font-size:62px}.course-row{gap:18px}.course-meta{gap:18px;max-width:145px}.editorial-note{grid-column:2;margin-top:-42px}.course-intro h3{font-size:30px}}
@media(max-width:850px){.site-header>p{display:none}.hero-copy h1{font-size:48px}.world{min-height:640px}.zone-copy{left:10%;right:10%;bottom:70px}.zone-copy strong{font-size:38px}.method{gap:35px}.course-meta{gap:15px}.course-section{padding:55px 6%}}
@media(max-width:580px){.site-header{height:74px;padding:0 20px;gap:12px}.brand{font-size:34px;gap:8px}.brand img{width:29px;height:29px}.brand-group{gap:13px}.header-link{font-size:0;gap:0}.header-link span{font-size:26px}.world{height:620px;min-height:620px;max-height:none}.world-art{top:150px;width:100%;height:auto;object-fit:contain}.world-shade{background:linear-gradient(180deg,#0b1520 0%,#0b152005 35%,#0b152020 58%,#0b1520 75%)}.hero-copy{top:25px}.hero-copy h1{font-size:34px;letter-spacing:-1px;margin-bottom:14px}.hero-copy>p:last-child{font-size:11px;max-width:270px;margin:auto}.hero-copy .eyebrow{font-size:8px;margin-bottom:12px}.world-zone{top:170px}.zone-frame{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.zone-copy,.china .zone-copy{left:12%;right:7%;bottom:65px}.zone-copy strong{font-size:27px;letter-spacing:-.8px;line-height:1.3;margin:9px 0 12px}.zone-kicker{font-size:9px;letter-spacing:1px}.zone-levels{font-size:8px;letter-spacing:1px}.zone-levels i{padding:0 2px}.zone-cta{font-size:10px;gap:8px;margin-top:18px}.zone-cta>span{font-size:19px}.prism-note{bottom:12px;font-size:8px}.study-ribbon{gap:13px;font-size:9px;letter-spacing:0;padding:20px 10px}.study-ribbon i{font-size:8px}.course-section{padding:42px 22px}.section-top{flex-direction:column;align-items:flex-start;gap:20px}.course-section h2{font-size:30px;margin:26px 0 30px}.course-tabs{gap:25px}.course-tabs button{font-size:19px}.course-intro{grid-template-columns:48px 1fr;gap:16px}.script-mark{font-size:46px}.course-intro h3{font-size:27px}.course-intro p:not(.eyebrow){font-size:13px}.course-row{gap:15px;padding:18px 0;flex-wrap:wrap}.course-row img{width:66px;height:55px}.course-row h4{font-size:15px}.course-row p{font-size:12px}.course-meta{width:100%;justify-content:space-between;padding-left:81px;font-size:10px}.hsk-badge{min-width:66px}.method{padding:48px 25px;grid-template-columns:1fr;gap:25px}.method h2{font-size:31px}.questions{padding:45px 25px}.questions h2{font-size:27px}footer{padding:28px 25px;flex-wrap:wrap}footer p{order:3;width:100%;font-size:11px}footer>span{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* A soft light on each academy, not a permanently outlined rectangle. */
.world-zone::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 45% 60%,#b8e6f32e 0%,#b8e6f310 65%,transparent 95%);transition:opacity .4s ease}
.world-zone.china::before{background:radial-gradient(ellipse at 55% 60%,#f3c4862e 0%,#f3c48610 65%,transparent 95%)}
@media(hover:hover) and (pointer:fine){.world-zone:hover::before{opacity:1}.world-zone:hover .zone-frame{opacity:.9}}
.world-zone:active::before{opacity:1}
.world-zone:focus-visible .zone-frame{opacity:1}
.world-zone:focus-visible .zone-frame path{stroke:var(--light);stroke-width:1.5}
.world-zone:focus-visible .zone-cta{outline:2px solid var(--light);outline-offset:7px;border-radius:3px}

/* Shared Kohi serif lettering and the same local landmark art as both apps. */
.language-menu{font:400 18px/1.2 Georgia,"Times New Roman",serif}
.language-menu summary{min-height:40px;padding:7px 10px;gap:12px;border:1px solid transparent;background:transparent;color:#edeadb;font:inherit;letter-spacing:-.35px}
.language-menu summary:hover{background:#ffffff08}
.language-menu[open] summary{border-color:#ffffff20;background:#ffffff08}
.language-menu summary>svg{flex:none;width:12px;height:12px;transition:transform .18s ease}
.language-menu[open] summary>svg{transform:rotate(180deg)}
.language-menu nav{box-sizing:border-box;top:calc(100% + 8px);left:0;min-width:0;width:240px;max-width:calc(100vw - 40px);padding:5px;display:grid;gap:2px;background:#142630;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 12px 32px #0003}
.language-menu nav a{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:11px;width:100%;min-height:56px;margin:0;padding:8px 10px;border-radius:6px;font:400 17px/1.3 Georgia,"Times New Roman",serif;letter-spacing:0;color:#eeeadd}
.language-menu nav a:hover{background:#ffffff0b}
.language-menu .menu-label{flex:1;min-width:0}
.language-menu .menu-landmark{display:block;flex:none;width:36px;height:36px;padding:2px;object-fit:contain;background:#f1f0e3;border-radius:6px}
.language-menu nav svg{flex:none;width:16px;height:16px;color:#b5c8bb}
@media(max-width:580px){.language-menu nav{left:auto;right:0}}