:root{--green:#58a700;--lime:#a5ed6e;--sky:#ddf4ff;--blue:#087dad;--ink:#3c3c3c;--muted:#64717b;--line:#e5e5e5;--font:ui-rounded,'Arial Rounded MT Bold','Trebuchet MS','PingFang TC','Microsoft JhengHei',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 var(--font)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button,a,select{touch-action:manipulation}button,a{transition:background .2s,transform .2s,box-shadow .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.18}h1{font-size:clamp(32px,3.1vw,43px);letter-spacing:-1.3px}h2{font-size:clamp(30px,3.7vw,46px);letter-spacing:-1.4px;color:var(--green)}p{color:var(--muted)}.wrap{width:min(1060px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;background:#fff;padding:12px;z-index:20}.skip:focus{top:12px}.site-header{height:94px;background:#fffffff5;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;text-decoration:none;color:#519900;font-size:23px;font-weight:900;letter-spacing:-1px;line-height:1.05;gap:7px}.brand .mascot{--size:47px}.header-actions{display:flex;align-items:center;gap:24px}.language{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:800}.language select{background:transparent;color:var(--muted);font-weight:800;border:0;min-height:44px;cursor:pointer;max-width:150px}.header-cta{font-size:12px!important;min-height:44px!important;padding:10px 16px!important}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;border:2px solid #83c650;border-radius:13px;background:var(--lime);color:#254315;box-shadow:0 4px #79b94a;text-decoration:none;font-size:14px;font-weight:900;letter-spacing:.7px;cursor:pointer;text-align:center;line-height:1.3}.button:hover{background:#b7f48a;transform:translateY(-1px);box-shadow:0 5px #79b94a}.button:active{transform:translateY(3px);box-shadow:0 1px #79b94a}.button:disabled{cursor:default;opacity:.62;transform:none;box-shadow:0 4px #79b94a}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px;min-height:660px;padding-block:66px 72px}.hero-copy{text-align:center}.eyebrow{font-weight:800;color:var(--blue);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}.hero-copy>p{font-size:17px;line-height:1.65;margin-top:22px}.video-frame{aspect-ratio:16/11;position:relative;display:grid;place-items:center;background:#eaf8ff;border-radius:36px;overflow:hidden;isolation:isolate}.video-frame:before,.video-frame:after{content:'';position:absolute;border:2px dashed #b4dff2;border-radius:50%;width:330px;height:330px;z-index:-1}.video-frame:after{width:220px;height:220px}.video-frame .mascot{--size:205px;transform:rotate(-8deg);margin-top:16px}.video-label{position:absolute;top:23px;left:24px;font-size:10px;letter-spacing:1.8px;font-weight:800;color:#467689}.float-symbol{position:absolute;font-size:35px;font-weight:900;color:#51b6e5}.symbol-one{left:33px;top:96px;transform:rotate(-12deg)}.symbol-two{right:34px;top:99px;color:#76b93e}.symbol-three{left:40px;bottom:62px;color:#edb231}.video-note{font-size:12px;text-align:center;margin-top:14px;color:#66747c}.thought{position:absolute;right:16px;bottom:41px;padding:8px 15px;background:white;border:2px solid #c2e4f2;border-radius:14px 14px 14px 3px;color:#357c9b;font-size:18px;font-weight:900;transform:rotate(7deg)}.video-frame video{width:100%;height:100%;object-fit:contain;background:#152d3b}.video-frame.has-video{aspect-ratio:16/9;background:#152d3b}.video-frame.has-video:before,.video-frame.has-video:after{display:none}.subject-strip{border-block:2px solid var(--line)}.subject-list{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding-block:22px;padding-inline:0;margin-block:0;color:#697883;font-size:13px;font-weight:800;letter-spacing:1px}.subject-list li{display:flex;gap:10px;align-items:center}.subject-list span:first-child{font-size:23px;color:#1593c9}.feature{display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center;padding-block:85px;min-height:410px}.feature.reverse .feature-art{order:2}.feature.reverse .feature-copy{order:1}.feature-copy p{margin-top:24px;font-size:17px;line-height:1.8}.feature-art{position:relative;height:290px;display:grid;place-items:center;isolation:isolate}.feature-art:before{content:'';position:absolute;width:290px;height:250px;background:#f0fae7;border-radius:48% 52% 40% 60%;z-index:-1;transform:rotate(-12deg)}.feature-art.blue:before{background:#e9f7ff}.feature-art.purple:before{background:#f2edff}.art-window{width:270px;padding:20px;background:white;border:2px solid #dedede;border-bottom-width:6px;border-radius:20px;transform:rotate(-5deg);position:relative}.window-dots{display:flex;gap:5px;margin-bottom:22px}.window-dots i{width:7px;height:7px;background:#d9e7ed;border-radius:50%}.chart{height:100px;display:flex;align-items:flex-end;gap:13px;border-bottom:3px solid #e2edd9;padding-inline:15px}.chart i{width:28px;background:#a5ed6e;border-radius:7px 7px 0 0;height:25%}.chart i:nth-child(2){height:42%}.chart i:nth-child(3){height:64%}.chart i:nth-child(4){height:92%;background:#72c435}.art-caption{font-size:12px;color:#68814e;font-weight:800;text-align:center;margin-top:13px}.art-companion{--size:100px;position:absolute;right:0;bottom:0;transform:rotate(12deg)}.bubble-stack{width:290px;display:grid;gap:12px}.bubble{background:white;border:2px solid #c7e6f3;border-bottom-width:5px;border-radius:16px;padding:14px 17px;font-size:14px;font-weight:800;color:#38718a;position:relative}.bubble:nth-child(1){margin-right:35px;transform:rotate(-5deg)}.bubble:nth-child(2){margin-left:28px;transform:rotate(3deg);background:#ddf4ff}.bubble:nth-child(3){margin-right:25px;transform:rotate(-3deg)}.bubble small{display:block;color:#6c8490;font-size:10px;margin-bottom:3px}.question-art{--size:160px;transform:rotate(-8deg);align-self:end;margin-bottom:10px}.question-balloon{position:absolute;right:0;top:10px;background:white;border:2px solid #ddcfef;box-shadow:0 4px #ddcfef;border-radius:20px 20px 20px 4px;padding:19px;max-width:245px;font-size:17px;line-height:1.5;color:#8b58b0;font-weight:800;transform:rotate(4deg)}.step-art{display:flex;flex-direction:column;gap:16px;align-items:center}.step-pill{border:2px solid #bce1f0;border-bottom-width:5px;background:white;border-radius:16px;padding:10px 25px;display:flex;align-items:center;gap:14px;font-size:15px;font-weight:800;min-width:205px}.step-pill:nth-child(1){transform:translateX(-28px) rotate(-5deg)}.step-pill:nth-child(3){transform:translateX(28px) rotate(5deg);background:#e9f8df;border-color:#bad99f}.step-pill b{color:var(--blue);font-size:22px}.vision-note{text-align:center;font-size:13px;padding-block:0 60px;max-width:730px}.closing{position:relative;background:var(--sky);overflow:hidden;padding-block:85px 65px;text-align:center}.closing h2{font-size:clamp(36px,5.5vw,64px);color:#246d92;max-width:650px;margin-inline:auto}.closing p{margin:23px auto 29px;max-width:540px;color:#4f7285}.closing .mascot{--size:150px;display:block;margin:32px auto -35px;transform:rotate(-7deg)}.site-footer{padding-block:42px;background:#ddf4ff;border-top:2px solid #c7e8f6}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.footer-brand{font-weight:900;color:#46778e;font-size:18px}.footer-inner p{font-size:12px;margin-top:8px}.footer-links{display:flex;gap:28px;flex-wrap:wrap}.footer-links a{font-size:12px;color:#436d82;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}.footer-links a:hover{color:#164b65}html[lang=zh-Hant] h1{font-size:clamp(30px,3vw,40px);letter-spacing:0;line-height:1.4}html[lang=zh-Hant] h2{letter-spacing:0;line-height:1.35}html[lang=zh-Hant] .eyebrow{letter-spacing:2px}
h1,h2,.question-balloon{white-space:pre-line}
@media(min-width:1300px){.hero{min-height:700px}.feature{padding-block:100px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:35px}.feature{gap:55px}.feature-art{min-width:0}.subject-list{gap:15px;font-size:11px}.header-cta{display:none}.video-frame .mascot{--size:165px}.symbol-one{left:18px;top:80px}.symbol-two{right:18px;top:70px}.thought{right:8px;bottom:20px;font-size:15px}.video-label{font-size:8px}.feature-art:before{width:250px;height:230px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.brand{font-size:19px}.brand .mascot{--size:42px}.header-actions{gap:0}.language-label{display:none}.language select{font-size:12px;max-width:120px}.hero{grid-template-columns:1fr;gap:32px;padding-block:32px 42px;min-height:0}.hero-media{max-width:355px;width:100%;justify-self:center}.video-frame{aspect-ratio:16/10;border-radius:25px}.video-frame .mascot{--size:152px}.video-label{font-size:9px;top:18px;left:20px}.symbol-one{left:30px;top:75px}.symbol-two{right:26px;top:67px}.symbol-three{bottom:25px}.thought{right:22px}.video-note{font-size:11px;margin-top:9px}.hero-copy{max-width:440px;justify-self:center}.eyebrow{font-size:10px;margin-bottom:12px}h1{font-size:32px;letter-spacing:-.8px}.hero-copy>p{font-size:15px;margin-top:16px}.subject-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:10px;padding-block:18px}.subject-list li{justify-content:center}.subject-list span:first-child{font-size:20px}.feature,.feature.reverse{display:flex;flex-direction:column;gap:24px;padding-block:48px;min-height:0}.feature .feature-art,.feature.reverse .feature-art{order:0;width:min(340px,100%);height:250px}.feature .feature-copy,.feature.reverse .feature-copy{order:1;text-align:center;max-width:400px}.feature h2{font-size:32px}.feature-copy p{font-size:15px;margin-top:18px;line-height:1.8}.feature-art:before{height:215px}.art-companion{--size:85px;right:12px}.art-window{width:250px}.question-balloon{right:8px;max-width:215px;font-size:15px}.question-art{--size:145px;margin-right:60px}.vision-note{font-size:12px;padding-block:12px 40px}.closing{padding-block:60px 42px}.closing h2{font-size:39px}.closing p{font-size:15px}.closing .mascot{--size:125px}.footer-inner{flex-direction:column;align-items:center;text-align:center;gap:16px}.footer-links{gap:22px;justify-content:center}.site-footer{padding-block:28px}html[lang=zh-Hant] h1{font-size:30px}html[lang=zh-Hant] h2{font-size:30px}.feature-art{overflow:visible}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Interview and public-launch paths share the same visual weight. */
.hero-actions{display:grid;gap:15px;margin:28px auto 0;max-width:370px}.button-secondary{background:#fff;border-color:#ddd;box-shadow:0 4px #ddd;color:var(--blue)}.button-secondary:hover{background:#f1faff;box-shadow:0 5px #ddd}.button-secondary:active{box-shadow:0 1px #ddd}.hero-actions .hero-interview-note{font-size:12px;line-height:1.6;margin:3px 0 0;color:var(--muted)}.participation-options{display:grid;grid-template-columns:minmax(0,560px);justify-content:center;gap:28px;margin-top:42px;text-align:left}.participation-card{min-width:0;background:#fff;border:2px solid #bcdfea;border-bottom-width:6px;border-radius:22px;padding:32px}.interview-card{border-color:#a7d786}.option-label{display:block;color:#487735;font-size:11px;letter-spacing:1px;font-weight:800;margin-bottom:14px}.participation-card h3{font-size:28px;line-height:1.25;white-space:pre-line;letter-spacing:-.5px}.closing .participation-card p{font-size:15px;line-height:1.75;margin:18px 0;color:#5e6f79;max-width:none}.interview-benefits{padding-left:20px;font-size:14px;line-height:1.8;color:#52664b;margin:18px 0}.interview-benefits li+li{margin-top:10px}.closing .participation-card .relaxed-note{font-size:13px;color:#407523;font-weight:700}.participation-card>.button{width:100%;margin-top:4px}.closing .participation-card .booking-note{font-size:12px;line-height:1.7}.interview-questions{border-top:1px solid #e0e9dd;padding-top:8px;font-size:13px;color:#5e6f79}.interview-questions summary{min-height:44px;padding-block:12px;cursor:pointer;font-weight:800;color:#487735}.interview-questions ul{padding-left:20px;margin:8px 0 0;line-height:1.8}.interview-questions li+li{margin-top:8px}
@media(max-width:760px){.participation-options{grid-template-columns:1fr;max-width:500px;margin-inline:auto;gap:24px}.participation-card{padding:26px}.participation-card h3{font-size:25px}.closing .participation-card p{font-size:14px}.hero-actions{margin-top:24px}}

.hero-actions .first-access-callout,.closing .participation-card .first-access-callout{background:#edf9e3;border:1px solid #b8d99c;border-radius:12px;padding:12px 15px;margin:0;color:#355f20;font-size:14px;font-weight:800;line-height:1.6}.closing .participation-card .first-access-callout{margin:0 0 20px}

/* Keep content within narrow screens, including phone landscape safe areas. */
.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.feature{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-media,.hero-copy,.feature-copy,.header-actions{min-width:0}
.hero-copy,.feature-copy,.participation-card{overflow-wrap:break-word}
.video-frame video{display:block;min-width:0;max-width:100%}
.art-window,.bubble-stack{max-width:100%}
@media(max-width:760px){
  html{scroll-padding-top:110px}
  .closing .participation-card .booking-note{font-size:13px;line-height:1.7}
}
@media(max-width:650px){
  html{scroll-padding-top:94px}
  .wrap{width:calc(100% - 40px);max-width:calc(100% - max(20px,env(safe-area-inset-left)) - max(20px,env(safe-area-inset-right)))}
  .header-inner{gap:8px}
  .brand{flex-shrink:0}
  .language{gap:0;min-width:0}
  .language select{font-size:16px;width:118px;max-width:100%;padding:8px 2px;min-height:48px}
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-copy{width:100%}
  .hero-actions{width:100%}
  .hero-actions .hero-interview-note,.video-note{font-size:13px}
  .subject-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;font-size:11px;letter-spacing:.3px}
  .subject-list li{gap:7px;min-width:0}
  .subject-list span:last-child{overflow-wrap:break-word}
  .step-art{width:100%}
  .step-pill{min-width:0;width:min(230px,calc(100% - 56px));padding:10px 16px}
  .step-pill:nth-child(1){transform:translateX(-18px) rotate(-5deg)}
  .step-pill:nth-child(3){transform:translateX(18px) rotate(5deg)}
  .footer-links a{font-size:13px;min-height:48px}
  .site-footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}
}
@media(max-width:360px){
  .brand{font-size:17px;gap:4px}
  .brand .mascot{--size:36px}
  .language select{width:112px}
  .participation-card{padding:20px}
  .video-label{left:16px;right:16px;letter-spacing:.8px}
  .thought{font-size:13px;right:12px;padding:7px 10px}
  .bubble-stack{width:calc(100% - 16px)}
  .question-balloon{max-width:200px}
}
@media(hover:none){
  .button:hover{transform:none;box-shadow:0 4px #79b94a}
  .button-secondary:hover{box-shadow:0 4px #ddd}
  .button:active{transform:translateY(3px);box-shadow:0 1px #79b94a}
  .button-secondary:active{box-shadow:0 1px #ddd}
}

.brand-mascot{display:block;width:47px;height:47px;flex-shrink:0}@media(max-width:650px){.brand-mascot{width:42px;height:42px}}@media(max-width:360px){.brand-mascot{width:36px;height:36px}}

/* Phones and tablets use the portrait cut; wide desktops use 16:9. */
.video-frame.has-video.portrait{aspect-ratio:9/16;width:min(100%,355px);height:auto;margin-inline:auto;border-radius:22px}
.video-frame.has-video.portrait video{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}
@media(min-width:651px){
  .hero:has(.video-frame.portrait){padding-block:30px;min-height:calc(100svh - 94px)}
  .video-frame.has-video.portrait{width:min(100%,calc((100vh - 200px)*.5625),405px);width:min(100%,calc((100svh - 200px)*.5625),405px)}
}

/* Present each route as one numbered choice with its own explanation and action. */
.hero-access{margin-top:28px;text-align:left}
.hero-access h2{font-size:19px;line-height:1.5;letter-spacing:0;color:var(--ink);white-space:normal;margin-bottom:18px}
.access-option{display:flex;gap:12px;padding:20px 0;border-top:1px solid var(--line)}
.access-number{display:grid;place-items:center;flex:0 0 28px;height:28px;background:#edf9e3;border-radius:50%;color:#355f20;font-size:14px;font-weight:800}
.access-copy{min-width:0;flex:1}
.access-copy h3{font-size:17px;line-height:1.5;letter-spacing:0}
.access-copy p{font-size:14px;line-height:1.75;margin:8px 0 16px}
.access-copy .button{width:100%;font-size:13px;padding-inline:12px}
html[lang=zh-Hant] .hero-access h2{font-size:19px;line-height:1.5}
@media(max-width:650px){.hero-access h2,html[lang=zh-Hant] .hero-access h2{font-size:18px}.access-option{gap:10px}.access-copy p{font-size:14px}}

@media(min-width:651px) and (max-width:1099px){
  .hero:has(.video-frame.has-video){grid-template-columns:minmax(0,1fr);gap:36px;min-height:0}
  .hero:has(.video-frame.has-video) .hero-media{width:100%}
  .hero:has(.video-frame.has-video) .hero-copy{width:100%;max-width:600px;justify-self:center}
  .video-frame.has-video.portrait{width:min(100%,405px)}
}
@media(min-width:1100px){
  .hero:has(.video-frame.has-video){width:min(1200px,calc(100% - 64px));grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .video-frame.has-video:not(.portrait){width:100%;aspect-ratio:16/9;height:auto}
  .video-frame.has-video:not(.portrait) video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
}