*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#0b0f1a;color:#e8e6e1;font:16px Inter,'Noto Sans TC',sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e59e2b;outline-offset:5px}.skip{position:fixed;top:-90px;z-index:99;background:#e59e2b;color:#0b0f1a;padding:15px}.skip:focus{top:0}.notice{padding:9px 5%;font-size:11px;letter-spacing:.08em;background:#242a36;color:#ddd;text-align:center}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #ffffff20;background:#0b0f1aeF;backdrop-filter:blur(16px)}.logo{font-size:17px;font-weight:600;letter-spacing:-.05em}.logo b{font-size:25px;color:#e59e2b;padding-right:10px}.nav{display:flex;align-items:center;gap:35px;font-size:13px}.nav a:hover{color:#e59e2b}.menu{display:none;background:none;border:1px solid #555;color:inherit;padding:10px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 23px;background:#e59e2b;color:#0b0f1a;border:1px solid #e59e2b;font-size:14px;font-weight:600}.btn:hover{background:#fce09b;transform:translateY(-2px)}.btn.secondary{background:transparent;color:inherit;border-color:#ffffff50}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#abb1c0}.hero{min-height:740px;height:calc(100svh - 115px);max-height:1000px;position:relative;isolation:isolate;overflow:hidden;padding:70px 6%;display:flex;align-items:center}.hero h1{font-weight:600;font-size:clamp(56px,6.6vw,100px);letter-spacing:-.065em;line-height:1.1;margin:26px 0}.hero h1 span{color:#e59e2b}.hero-copy{position:relative;z-index:3;max-width:720px;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.intro{max-width:440px;line-height:1.9;color:#b8bdc8;font-size:15px;margin-bottom:30px}.hero-foot{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;color:#9299aa;font-size:10px;letter-spacing:.14em}.stage{position:absolute;right:-3%;top:3%;width:62%;height:92%;perspective:900px;z-index:-1;background:radial-gradient(ellipse at 58% 45%,#e59e2b22,transparent 60%)}.rings{position:absolute;width:550px;height:550px;left:18%;top:9%;border:1px solid #e59e2b55;border-radius:50%;transform:rotateX(50deg) rotateZ(-25deg);box-shadow:0 0 70px #e59e2b0d,inset 0 0 50px #e59e2b0d}.rings:before,.rings:after{content:'';position:absolute;inset:35px;border:1px solid #e59e2b33;border-radius:50%}.rings:after{inset:80px}.keys{position:absolute;left:5%;top:32%;width:85%;height:210px;display:flex;gap:5px;transform:rotateX(52deg) rotateY(-22deg) rotateZ(-17deg);transform-style:preserve-3d;filter:drop-shadow(25px 40px 15px #0009);animation:float 7s ease-in-out infinite}.key{position:relative;flex:1;background:linear-gradient(90deg,#b6b4af,#f3eee0 45%,#ddd6c8);border-radius:0 0 6px 6px;box-shadow:0 13px 0 #77756d,0 15px 0 #454647}.key.black:after{content:'';position:absolute;right:-35%;top:0;width:60%;height:62%;z-index:2;background:linear-gradient(90deg,#080b11,#303543 70%,#07090c);box-shadow:0 9px 0 #030405}.key.active{background:linear-gradient(90deg,#a96915,#fce09b);transform:translateY(8px)}.stage-caption{position:absolute;bottom:13%;right:14%;font-size:10px;letter-spacing:.16em;color:#9196a1}.sound{position:absolute;right:6%;bottom:78px;z-index:4;background:#0b0f1acc;border:1px solid #e59e2b66;border-radius:100%;width:85px;height:85px;color:#fce09b;font-size:11px}.sound.playing{box-shadow:0 0 0 12px #e59e2b13}.rail{display:flex;justify-content:space-around;gap:25px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:27px 5%;color:#8f97a8;font-size:12px}.section{padding:110px 6%;position:relative}.section h2{font-size:clamp(35px,4.5vw,65px);font-weight:600;line-height:1.18;letter-spacing:-.045em;margin:25px 0}.context{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:end}.context p{line-height:2;color:#b4bac7;max-width:470px}.number{color:#e59e2b;font-size:12px}.turns{padding-top:0}.turn{display:grid;grid-template-columns:90px 1fr 1fr;gap:35px;border-top:1px solid #ffffff28;padding:45px 0;align-items:center}.turn h3{font-size:27px;letter-spacing:-.03em;margin:0 0 14px}.turn p{font-size:14px;line-height:1.9;color:#abb1c0}.visual{height:200px;position:relative;overflow:hidden;background:#141b29;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff12}.wave{display:flex;gap:8px;align-items:center;height:100px}.wave i{height:var(--h);width:4px;background:#e59e2b;transform:scaleY(.7);transition:transform .3s}.visual:hover .wave i{transform:scaleY(1)}.orbit{width:130px;height:130px;border:1px solid #e59e2b55;border-radius:50%;position:relative}.orbit:after{content:'';position:absolute;width:12px;height:12px;background:#e59e2b;top:0;left:50%;border-radius:50%;box-shadow:0 0 30px #e59e2b}.stairs{display:flex;align-items:flex-end;gap:14px;height:110px}.stairs i{display:block;width:40px;height:var(--h);border:1px solid #e59e2b66;background:linear-gradient(#e59e2b33,transparent);transform:skewY(-12deg)}.proof{background:#111725}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.proof-card{border-top:1px solid #ffffff40}.placeholder{aspect-ratio:1.4;display:grid;place-content:center;background:repeating-linear-gradient(135deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 12px);border:1px solid #ffffff15;text-align:center;color:#9da5b5;font-size:12px;line-height:2}.placeholder strong{font-weight:400;font-size:36px;color:#ffffff35}.proof-card h3{font-size:15px;font-weight:400}.small{font-size:12px;line-height:1.8;color:#9da5b5}.cta{background:#e8e6e1;color:#0b0f1a;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.cta .eyebrow,.cta .small{color:#565d69}.cta .btn{background:#0b0f1a;color:#fff;border-color:#0b0f1a}.form{display:grid;gap:18px}label{font-size:12px;display:grid;gap:9px}input,select,textarea{width:100%;padding:13px;border:0;border-bottom:1px solid #777;background:transparent;border-radius:0;color:#0b0f1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status{min-height:25px;font-size:13px;line-height:1.6}.footer{padding:38px 6%;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#99a2b4}.page[hidden]{display:none}.page-head{padding:90px 6% 50px}.page-head h1{font-size:clamp(42px,6vw,80px);letter-spacing:-.06em;margin:25px 0}.filters{display:flex;gap:10px;flex-wrap:wrap}.filter{padding:12px 20px;background:none;color:inherit;border:1px solid #ffffff40}.filter[aria-pressed=true]{background:#e59e2b;color:#0b0f1a;border-color:#e59e2b}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0}.course{padding:30px;border:1px solid #ffffff20;background:#111725;min-height:230px}.course h2{font-size:25px}.course p{font-size:13px;line-height:1.8;color:#abb1c0}.draft{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#e59e2b}.faq{border-top:1px solid #ffffff30;padding:24px 0}.faq summary{cursor:pointer;font-size:18px}.faq p{color:#abb1c0;line-height:1.8}.reveal{transform:translateY(25px);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.reveal.in{transform:none}@keyframes float{50%{transform:rotateX(52deg) rotateY(-17deg) rotateZ(-14deg) translateY(-18px)}}@media(min-width:1600px){.hero-copy{max-width:850px}}@media(max-width:760px){.notice{font-size:9px;padding:8px 15px}header{padding:16px 6%}.menu{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px 6%;background:#111725;flex-direction:column;align-items:stretch;gap:25px}.nav.open{display:flex}.hero{height:850px;min-height:0;padding:45px 6%;align-items:flex-start}.hero h1{font-size:56px;margin:23px 0}.intro{font-size:13px;max-width:310px}.stage{top:340px;right:-8%;width:110%;height:420px}.rings{width:340px;height:340px;left:13%;top:0}.keys{height:145px;top:30%}.sound{bottom:82px;width:64px;height:64px;font-size:9px}.hero-foot{font-size:8px;bottom:25px}.stage-caption{bottom:14%;font-size:8px}.rail{flex-wrap:wrap;gap:15px;padding:22px;font-size:10px}.section{padding:70px 6%}.context,.cta{grid-template-columns:1fr;gap:30px}.turns{padding-top:0}.turn{grid-template-columns:30px 1fr;gap:16px;padding:30px 0}.turn .visual{grid-column:2;height:165px}.turn h3{font-size:22px}.turn p{font-size:13px}.proof-grid,.course-grid{grid-template-columns:1fr}.section-top{display:block}.proof-card .placeholder{aspect-ratio:1.65}.footer{flex-direction:column;line-height:1.8}.page-head{padding-top:60px}.form-row{grid-template-columns:1fr}.section h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{transform:none}}
.stage-caption{bottom:22%;right:12%;color:#adb4c2}.small,.hero-foot{color:#adb4c2}@media(max-width:760px){.hero h1{font-size:40px;line-height:1.25}.stage-caption{bottom:9%;right:18%}}

/* Revision 0100: source-grounded media and motion */
.hero{background:#080a0f}.hero h1{font-weight:900;text-shadow:0 0 35px #e59e2b30}.media-stage{display:grid;place-items:center;position:relative;min-width:0}.hero-video{width:100%;min-height:300px;aspect-ratio:4/3;padding:30px;line-height:1.9;background:radial-gradient(ellipse at top,#e59e2b20,#0b0f1a 65%)}.instrument-audio{grid-column:1/-1;position:relative;z-index:2;font-size:12px}.instrument-audio button{background:transparent;border:1px solid #e59e2b;color:#e8e6e1;padding:12px 20px;margin:8px 8px 0 0}.instrument-audio button:hover,.instrument-audio button:focus-visible{background:#e59e2b;color:#080a0f}.scroll-wave{position:absolute;top:43%;left:0;width:100%;height:100px;pointer-events:none;opacity:.5}.scroll-wave path{fill:none;stroke:#e59e2b;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.learning-path{margin:55px 0}.learning-path ol{display:flex;gap:30px;flex-wrap:wrap;padding:30px}.placeholder{overflow-wrap:anywhere}.draft{line-height:1.8}blockquote{margin:15px 0}.hero .hero-copy{z-index:1}.hero-foot{position:relative;grid-column:1/-1;left:auto;right:auto;bottom:auto}.hero{padding-bottom:30px}@media(max-width:760px){.gallery{grid-template-columns:1fr 1fr}.hero-video{min-height:230px;padding:20px}.instrument-audio{font-size:11px}.hero h1{font-size:54px}.hero .stage{margin:15px 0}.hero-foot{font-size:8px}}

.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;height:auto;max-height:none;min-height:780px;padding-top:65px}.hero-copy{max-width:none}.hero .stage{position:relative;top:auto;right:auto;width:100%;height:auto;z-index:0;min-width:0}.instrument-audio{grid-column:1/-1}.hero-foot{grid-column:1/-1;width:100%;gap:20px}.turn>.placeholder{min-height:180px;padding:18px}.hero h1{font-family:'Noto Sans TC',sans-serif;font-weight:900}.eyebrow,.number{font-family:'Oswald','Arial Narrow',Inter,sans-serif}header .logo{font-family:'Oswald','Arial Narrow',Inter,sans-serif}.cta .btn{background:#e59e2b;color:#0b0f1a;border-color:#e59e2b}@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr);gap:20px;min-height:0;padding:35px 6%}.hero .stage{margin:0}.hero h1{font-size:51px}.turn>.placeholder{grid-column:2}.hero-foot{font-size:8px}.gallery{grid-template-columns:1fr 1fr}.gallery .placeholder{padding:14px}}

/* Locked central performance frame composition */
.hero{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.hero-copy{width:100%;max-width:1050px}.hero .intro{max-width:700px;margin:0 auto 26px}.hero .stage{max-width:720px}.hero-video{min-height:240px;aspect-ratio:2.5}.instrument-audio{width:100%}.hero h1{font-size:clamp(51px,6.6vw,90px)}.scroll-wave{top:24%}.hero .eyebrow{margin-top:0}@media(max-width:760px){.hero h1{font-size:51px}.hero-video{min-height:215px;aspect-ratio:1.5}.hero-foot{text-align:left}.hero .intro{font-size:12px}}

.eyebrow,.number{font-weight:700}