@charset "UTF-8";
:root{--navy:#102d50;--blue:#2864dc;--paper:#f5f7fa;--gold:#d5b878;--muted:#617185;--line:#dbe1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--navy);background:#fff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c59135;outline-offset:5px}header{height:94px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px;white-space:nowrap}.brand b{font-size:30px;letter-spacing:-1.5px;line-height:1}.brand-dot{color:var(--blue)}.brand-cn{font-size:17px;border-left:1px solid #b8c1ca;padding-left:16px;font-weight:700}nav{display:flex;gap:27px;align-items:center;font-size:14px}nav a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--navy);padding:10px 18px}.nav-cta span{margin-left:15px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.04fr 1fr;min-height:690px;max-height:870px}.hero-copy{padding:64px 7% 30px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.section-label{font-size:13px;letter-spacing:2px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{display:inline-block;width:20px;height:2px;background:var(--blue)}h1{font-size:clamp(46px,5.2vw,82px);line-height:1.22;letter-spacing:-3px;margin:33px 0 15px;font-weight:800}h1>span:not(.gold){color:var(--blue)}.gold{color:#be9349}.hero-en{font-size:12px;letter-spacing:2.3px;margin:0 0 24px}.hero-desc{font-size:17px;line-height:1.95;color:var(--muted);margin:0 0 30px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;gap:32px;align-items:center;padding:14px 21px;border:0;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.blue{background:var(--blue);color:#fff}.blue:hover{background:#174dad}.text-link{font-size:14px;font-weight:600;border:0;border-bottom:1px solid #a8b7c9;padding:6px 0;background:none;display:inline-flex;gap:24px;align-items:center;color:var(--navy)}.text-link:hover{color:var(--blue)}.hero-note{border-top:1px solid var(--line);margin-top:auto;padding-top:27px;width:100%;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted)}.hero-art{margin:0;position:relative;background:#b7d3e8;overflow:hidden;min-width:0}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:56% center;display:block}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,42,78,.08),transparent 40%,rgba(9,30,53,.58));pointer-events:none}.art-title{position:absolute;left:8%;bottom:8%;color:white;z-index:1}.art-title>span{font-size:clamp(34px,4vw,64px);font-weight:800;line-height:.96;letter-spacing:-2px}.art-title p{font-size:18px;letter-spacing:4px;margin:18px 0 0}.hero-art figcaption{position:absolute;right:18px;bottom:16px;color:#fff;font-size:12px;z-index:2}.ribbon{padding:22px 5%;display:flex;justify-content:space-between;gap:20px;background:var(--navy);color:#fff;font-size:14px;letter-spacing:2px}.ribbon span:first-child{color:var(--gold)}.section{padding:100px max(5%,calc((100vw - 1320px)/2));scroll-margin-top:0}.intro{display:grid;grid-template-columns:1fr 2.1fr;gap:50px}.section-label{color:#687c93;margin-bottom:24px}h2{font-size:clamp(30px,3.15vw,46px);line-height:1.45;letter-spacing:-1px;margin:0 0 26px;font-weight:750}p{margin-top:0}p.lead{font-size:20px;line-height:1.85;color:var(--navy)}.intro p{max-width:760px;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.principles article{border-top:1px solid var(--line);padding-top:20px}.principles span{font-size:14px;color:var(--blue)}h3{font-size:22px;line-height:1.5;margin:15px 0}.principles p{font-size:15px;margin:0}.projects{background:var(--paper)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.section-top h2{margin-bottom:0}.section-top>p{font-size:15px;color:var(--muted);margin-bottom:7px}.feature{display:grid;grid-template-columns:1fr 1fr;background:white}.feature-art{background:#153a69;padding:40px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;color:#fff;min-height:430px}.feature-art:after{content:"";width:440px;height:440px;border:1px solid #517198;border-radius:50%;position:absolute;right:-160px;bottom:-180px;box-shadow:0 0 0 50px #ffffff05,0 0 0 100px #ffffff04;pointer-events:none}.tag{font-size:13px;border:1px solid #8095ae;padding:3px 12px;letter-spacing:3px}.feature-art strong{font-size:clamp(85px,11vw,162px);line-height:1.15;letter-spacing:-9px;color:var(--gold);font-weight:500;margin-top:30px}.feature-art>p{font-size:28px;letter-spacing:7px}.feature-caption{font-size:13px;color:#c2cfdf;margin-top:auto}.feature-copy{padding:42px}.feature-copy h3{font-size:27px;margin:20px 0}.feature-copy p{font-size:15px;color:var(--muted)}.small-stats{display:flex;gap:40px;margin:26px 0}.small-stats>div{display:flex;flex-direction:column}.small-stats strong{font-size:26px;line-height:1.5}.small-stats span{font-size:12px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;gap:30px}.project-card{border-top:1px solid #bdc9d7;padding-top:26px}.card-kicker{font-size:13px;letter-spacing:2px;color:#657f9b}.project-card h3{font-size:25px}.project-card p{font-size:15px;color:var(--muted)}.footnote{font-size:12px;color:var(--muted);margin:24px 0 0}.chief{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.chief .section-label{color:var(--gold)}.chief h2{font-size:clamp(36px,4vw,58px)}.chief-heading>p{color:#c0cedf}.gold-button{background:var(--gold);color:var(--navy);margin-top:20px}.course-list article{display:flex;gap:28px;border-top:1px solid #38516f;padding:24px 0}.course-list article>span{color:var(--gold);font-size:14px}.course-list h3{margin:0 0 8px}.course-list p{font-size:15px;color:#bdcbdb;margin-bottom:0}.course-list .course-types{font-size:13px;color:var(--gold);margin-bottom:12px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.lesson-grid article{border:1px solid var(--line);padding:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.lesson-num{position:absolute;right:16px;top:-25px;font-size:140px;font-weight:800;color:#f0f3f8;z-index:0}.lesson-grid article>*:not(.lesson-num){position:relative;z-index:1}.pill{font-size:12px;letter-spacing:1px;color:var(--blue);border:1px solid #cdd9ed;padding:2px 10px}.lesson-grid h3{margin-top:32px;font-size:25px}.lesson-grid p{font-size:15px;color:var(--muted)}.result{border-top:1px solid var(--line);padding-top:20px;margin-top:auto;font-size:13px;width:100%}.bridge{border-top:1px solid var(--line);padding-top:33px;margin-top:50px;display:flex;gap:30px;justify-content:space-between;font-size:24px}.bridge span{color:var(--blue)}.mentor{display:grid;grid-template-columns:1fr 1.35fr;gap:90px;background:#f0f4f8}.mentor-name h2{font-size:62px;letter-spacing:-3px}.mentor-name h2 span{display:block;font-size:16px;letter-spacing:3px;margin-top:13px;font-weight:400}.mentor-name p{font-size:15px;color:var(--muted)}.signature{border-top:1px solid #cbd5e1;margin-top:35px;padding-top:25px;font-size:23px}.mentor-copy h3{font-size:30px;margin-top:0}.mentor-copy p{color:var(--muted);font-size:16px}.mentor-copy blockquote{margin:30px 0 0;padding:0 0 0 25px;border-left:3px solid #bf9857;font-size:23px;line-height:1.8}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:17px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}summary:after{content:"+";font-size:23px;color:var(--blue)}details[open] summary:after{content:"−"}summary::-webkit-details-marker{display:none}details p{font-size:15px;color:var(--muted);margin:20px 30px 0 0}.contact{background:#eaf0fa;display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center}.contact h2{font-size:clamp(32px,3.6vw,52px)}.contact p{color:var(--muted)}.contact-box{background:white;padding:35px}.contact-label{font-size:13px;color:var(--muted)}.contact-box h3{font-size:27px;margin-top:10px}.contact-box .button{width:100%}.contact-box p{font-size:13px;margin:14px 0 0}.contact-divider{height:1px;background:var(--line);margin:25px 0}.account-copy{background:none;border:0;padding:10px 0 0;text-align:left;display:flex;justify-content:space-between;gap:16px;width:100%;color:var(--navy);font-weight:600}.account-copy span{font-size:12px;color:var(--blue)}footer{padding:42px 5%;display:flex;gap:30px;align-items:center;flex-wrap:wrap}footer p{margin:0;font-size:14px}footer>span{font-size:12px;color:var(--muted);margin-left:auto}footer>a:last-child{font-size:13px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 24px;z-index:100;display:none;max-width:90vw;font-size:14px}.toast.visible{display:block}dialog{color:var(--navy);border:0;max-width:680px;width:calc(100% - 36px);padding:48px;max-height:85vh;overflow:auto}dialog::backdrop{background:#07172cbb;backdrop-filter:blur(3px)}dialog h2{font-size:30px}dialog p{color:var(--muted)}dialog .button{margin-top:18px}.dialog-close{position:absolute;right:15px;top:10px;font-size:30px;background:none;border:0;color:var(--navy);width:40px;height:40px}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:0}@media(min-width:1600px){.hero{max-width:1600px;margin:auto}}@media(max-width:1100px){nav{gap:16px;font-size:13px}.brand b{font-size:27px}.brand-cn{font-size:15px}.hero-copy{padding-top:42px}.hero{min-height:640px}.hero-note{flex-direction:column;gap:0;margin-top:25px}.chief{gap:50px}.section{padding-top:75px;padding-bottom:75px}.feature-copy{padding:30px}.bridge{font-size:20px}}@media(max-width:800px){header{height:76px}.menu-toggle{display:block;border:0;background:none;color:var(--navy);font-size:14px;padding:12px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px 5%;box-shadow:0 12px 18px #122b4412}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:6px}nav>a{padding:12px}.hero{grid-template-columns:1fr;max-height:none}.hero-copy{padding:40px 6% 28px}h1{font-size:60px;letter-spacing:-2px;margin-top:25px}.hero-desc{font-size:16px}.hero-note{flex-direction:row;margin-top:30px;padding-top:20px}.hero-art{height:480px}.art-title>span{font-size:52px}.ribbon{flex-wrap:wrap;justify-content:center;gap:12px 24px;font-size:12px}.ribbon span:first-child{flex-basis:100%;text-align:center}.section{padding:60px 6%}.intro,.chief,.mentor,.faq,.contact{grid-template-columns:1fr;gap:30px}.intro{gap:8px}.section-top{display:block}.section-top>p{margin-top:20px}.feature{grid-template-columns:1fr}.feature-art{min-height:310px;padding:30px}.feature-art strong{font-size:100px;letter-spacing:-5px;margin-top:15px}.feature-art>p{font-size:24px;margin-bottom:20px}.feature-copy{padding:28px}.project-grid{gap:24px;grid-template-columns:1fr}.project-card h3 br{display:none}.lesson-grid{grid-template-columns:1fr}.lesson-grid article{padding:28px}.lesson-grid h3{margin-top:20px}.bridge{flex-direction:column;gap:8px;font-size:21px}.mentor-name h2{font-size:48px;letter-spacing:-2px}.mentor-copy h3{font-size:26px}.signature{margin:25px 0}.contact-box{padding:25px}footer{padding:35px 6%;gap:20px}footer>span{margin:0;flex-basis:100%}.principles{gap:20px;grid-template-columns:1fr}.principles article{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.principles article h3{margin:0 0 10px;font-size:20px}.principles article p{grid-column:2}.principles{margin-top:25px}dialog{padding:42px 25px}html{scroll-padding-top:76px}}@media(max-width:380px){h1{font-size:51px}.hero-note{flex-direction:column}.brand{gap:9px}.brand-cn{padding-left:9px}.hero-art{height:390px}.actions{gap:14px}.button{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Keep intrinsic text and image sizes inside narrow layouts. */
.hero{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr)}
.hero-copy,.feature-copy,.chief-heading,.mentor-copy,.contact-box,.section>div{min-width:0}
.hero-art img{max-width:100%}
.practice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:50px;background:#f5f7fa;padding:38px;margin-top:40px}
.practice h3{font-size:28px;margin:0 0 20px}.practice p{font-size:16px;color:var(--muted);margin:0}
.practice-example ol{list-style:none;padding:0;margin:22px 0 0}.practice-example li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}.practice-example li b{color:var(--blue);font-size:14px}
.mentor-tags{display:flex;gap:10px;flex-wrap:wrap}.mentor-tags span{font-size:13px;padding:4px 10px;border:1px solid #b6c6d8}
.enquiry-steps{list-style:none;margin:30px 0 0;padding:0;counter-reset:enquiry}.enquiry-steps li{display:grid;grid-template-columns:25px 88px minmax(0,1fr);gap:12px;margin-top:17px;font-size:14px;align-items:baseline}.enquiry-steps li:before{counter-increment:enquiry;content:'0' counter(enquiry);color:var(--blue);font-size:12px}.enquiry-steps li span{color:var(--muted)}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{height:auto;aspect-ratio:4/3}.hero-art img{height:100%;object-position:center}.art-title{bottom:12%}.art-title>span{font-size:40px}.art-title p{font-size:15px}.practice{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px}.practice h3{font-size:25px}.enquiry-steps li{grid-template-columns:22px minmax(0,1fr);gap:8px 12px}.enquiry-steps li span{grid-column:2}.project-card .text-link,.feature-copy .text-link{min-height:44px}.dialog-close{min-width:44px;min-height:44px}}
@media(max-width:380px){h1{font-size:46px;letter-spacing:-2px}.brand b{font-size:24px}.brand-cn{font-size:14px}.hero-note{font-size:12px}.art-title>span{font-size:34px}.hero-art{height:auto}.contact-box{padding:20px}.account-copy{flex-wrap:wrap}}
