:root{color:#15101d;background:#fff9ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}main{min-height:100vh;background:radial-gradient(circle at 12% 28%,rgba(53,255,196,.26),transparent 28rem),radial-gradient(circle at 87% 58%,rgba(255,79,217,.2),transparent 25rem),linear-gradient(135deg,#fff8ff,#f8fffb 45%,#fff3f9)}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:.9rem clamp(1rem,3vw,2rem);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb3;border-bottom:1px solid rgba(30,24,42,.1)}.brand-mark,.language-toggle,.nav-links button,.primary-action,.secondary-action,.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.6rem;border:1px solid rgba(20,14,28,.16);border-radius:999px;text-decoration:none;color:#17111f;background:#ffffffad;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.brand-mark{padding:0 .9rem;font-weight:900;letter-spacing:0;box-shadow:0 8px 26px #ff31c421}.nav-links{display:flex;justify-content:center;gap:.45rem}.nav-links button{padding:0 .95rem;font-size:.92rem}.language-toggle{padding:0 .95rem;font-weight:800}.brand-mark:hover,.language-toggle:hover,.nav-links button:hover,.primary-action:hover,.secondary-action:hover,.contact-button:hover{transform:translateY(-2px);background:#fff;box-shadow:0 16px 38px #25162e24}.hero{position:relative;min-height:92vh;display:grid;align-items:center;padding:8rem clamp(1.2rem,5vw,5.5rem) 5rem;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#fffbfff0,#fffbffb8 36%,#fffbff1f 74%),linear-gradient(180deg,#ffffff14,#fff9ffeb)}.hero-content{position:relative;z-index:1;width:min(46rem,100%)}.eyebrow,.section-kicker,.pitch-label{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1rem;font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:0;color:#7a1feb}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.8rem;max-width:11ch;font-size:clamp(4.3rem,10vw,8.9rem);line-height:.9;letter-spacing:0;color:#191022;text-shadow:.08em .06em 0 rgba(50,255,210,.75)}.hero h2{margin-bottom:1rem;font-size:clamp(1.55rem,3vw,3rem);line-height:1.08;color:#251432}.hero-copy{max-width:39rem;color:#3d3348;font-size:clamp(1.02rem,1.8vw,1.23rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.primary-action,.secondary-action{padding:0 1.15rem;min-height:3.15rem;font-weight:900}.primary-action{color:#111017;border-color:#ffffffad;background:linear-gradient(135deg,#41ffd4,#fff45a 49%,#ff68da)}.secondary-action{background:#ffffffc7}.section,.interactive-section,.quick-band{position:relative;padding:clamp(4rem,8vw,6.5rem) clamp(1rem,4vw,4rem)}.section-inner{width:min(1120px,100%);margin:0 auto}.quick-band{background:#17111f;color:#fff}.quick-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:1rem;align-items:stretch}.quick-grid h2{margin-bottom:0;font-size:clamp(1.5rem,3vw,2.3rem)}.fact-tile{min-height:8rem;padding:1.25rem;border-radius:8px;color:#18121f;background:linear-gradient(145deg,#fff,#b8fff3 48%,#ffb6ed)}.fact-tile span{display:block;margin-bottom:.75rem;color:#140d1ba3;font-size:.82rem;font-weight:900}.fact-tile strong{display:block;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.25}.section-heading{max-width:46rem;margin-bottom:2rem}.section-heading h2,.mixer-panel h2,.contact-section h2{font-size:clamp(2rem,4vw,4.2rem);line-height:1;letter-spacing:0;color:#17111f}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.highlight-card{min-height:21rem;padding:1.35rem;text-align:left;border:1px solid rgba(23,17,31,.14);border-radius:8px;color:#17111f;background:#ffffffbd;box-shadow:0 20px 56px #281b3114}.highlight-card span{display:inline-flex;margin-bottom:3.2rem;padding:.35rem .65rem;border:1px solid rgba(23,17,31,.16);border-radius:999px;font-size:.78rem;font-weight:900;color:#6821e8;background:#fff}.highlight-card h3{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.08}.highlight-card p{margin-bottom:0;color:#55495f;line-height:1.7}.highlight-card.is-active{background:#17111f;color:#fff;transform:translateY(-6px);box-shadow:0 26px 70px #401c5b3d}.highlight-card.is-active p{color:#ffffffc7}.stage-note{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin-top:1rem;padding:1rem;border:1px solid rgba(23,17,31,.1);border-radius:8px;background:#ffffffad}.stage-note p{margin:0;line-height:1.65}.stage-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;color:#17111f;background:#43ffd5}.interactive-section{color:#fff;background:linear-gradient(135deg,#20142dfa,#291432eb),#17111f}.interactive-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(22rem,1.05fr);gap:1rem;align-items:stretch}.mixer-panel,.energy-card{padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff14;box-shadow:0 24px 80px #00000038}.mixer-panel h2{color:#fff}.mixer-panel p{color:#ffffffc2;line-height:1.7}.slider-stack{display:grid;gap:1.1rem;margin-top:2rem}.slider-row{display:grid;gap:.85rem}.slider-row span{display:grid;gap:.25rem}.slider-row strong{color:#fff}.slider-row small{color:#ffffffa3}input[type=range]{width:100%;accent-color:#43ffd5}.energy-card{display:grid;grid-template-columns:14rem 1fr;gap:1.4rem;align-items:center;background:linear-gradient(145deg,#ff68da42,#43ffd529),#ffffff14}.energy-ring{--score: 84%;display:grid;place-items:center;align-content:center;width:14rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,#1f1529 0 57%,transparent 58%),conic-gradient(#43ffd5 var(--score),rgba(255,255,255,.18) 0)}.energy-ring span{font-size:4.6rem;font-weight:950;line-height:.9}.energy-ring small{color:#ffffffb8;font-weight:900;text-transform:uppercase}.energy-card h3{font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.22}.check-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem}.check-list span{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .65rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#ffffffe0;background:#ffffff17}.contact-grid{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center}.contact-grid p{max-width:42rem;margin-bottom:0;color:#52465f;line-height:1.75}.contact-button,.mini-resume{min-height:4.2rem;padding:0 1.15rem;border-radius:8px;font-weight:900}.contact-button{background:#17111f;color:#fff}.mini-resume{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(23,17,31,.12);background:#fff}footer{padding:1.6rem;color:#17111fb8;text-align:center;border-top:1px solid rgba(23,17,31,.1);background:#ffffff80}@media(max-width:900px){.topbar{grid-template-columns:auto auto}.nav-links{display:none}.quick-grid,.highlight-grid,.interactive-grid,.contact-grid,.energy-card{grid-template-columns:1fr}.hero{min-height:88vh}.hero-overlay{background:linear-gradient(90deg,#fffbfff5,#fffbffc2 64%,#fffbff4d),linear-gradient(180deg,#ffffff0a,#fff9fff5)}.highlight-card{min-height:16rem}.highlight-card span{margin-bottom:1.8rem}.energy-ring{width:min(14rem,100%)}}@media(max-width:560px){.topbar{gap:.5rem;padding:.75rem}.brand-mark,.language-toggle{min-height:2.45rem;padding:0 .75rem}.hero{padding:7.2rem 1rem 4rem}h1{font-size:clamp(3.5rem,19vw,5rem)}.primary-action,.secondary-action,.contact-button{width:100%}.section,.interactive-section,.quick-band{padding-left:1rem;padding-right:1rem}}