:root{--bg:#060912;--panel:#0c111e;--line:#ffffff15;--text:#f0f4ff;--muted:#8d9ab4;--cyan:#74edff;--purple:#9b79ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,'Noto Sans TC',sans-serif;font-size:15px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}header{height:84px;position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 5%;gap:32px;background:#060912dd;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;font-size:23px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.logo i{font-style:normal;color:var(--cyan);font-size:32px;margin-right:10px}.logo>span{font-weight:400}.logo small{font-size:7px;letter-spacing:2px;margin-left:12px;border-left:1px solid #667080;padding-left:12px;width:80px;line-height:1.7;font-weight:400;color:var(--muted)}nav{display:flex;gap:25px;margin-left:auto;font-size:12px;color:#b5bfd2}nav a:hover{color:var(--cyan)}.navcta{font-size:12px;border:1px solid #74edff66;border-radius:5px;padding:12px 17px;color:var(--cyan)}#menu{display:none}.hero{min-height:720px;position:relative;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:65px 6% 85px;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#6f93cc05 1px,transparent 1px),linear-gradient(90deg,#6f93cc05 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(black,transparent)}.hero-copy{position:relative;z-index:2}.eyebrow{font-family:monospace;font-size:10px;letter-spacing:2px;color:var(--cyan);line-height:1.8}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:8px;box-shadow:0 0 12px var(--cyan);animation:pulse 2s infinite}h1{font-size:clamp(48px,5.8vw,83px);line-height:1.22;letter-spacing:-4px;margin:26px 0;font-weight:800}.gradient{background:linear-gradient(110deg,#6be9ff 10%,#a38aff 70%);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy p{font-size:15px;line-height:2;color:#a2aec6}.buttons{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{border:0;background:linear-gradient(115deg,#a2f3ff,#7bd8ff);color:#06121b;border-radius:4px;padding:17px 23px;font-size:13px;font-weight:bold;display:inline-flex;align-items:center;gap:30px;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 7px 32px #74edff28}.textlink{font-size:12px;color:#b2bed5}.cyan{color:var(--cyan)}.hero-notes{display:flex;gap:22px;color:#6f7c95;font-family:monospace;font-size:10px;margin-top:50px}.visual{height:540px;position:relative;perspective:1000px;min-width:0}.orb{position:absolute;width:550px;height:550px;left:-20px;top:-30px;background:radial-gradient(ellipse,#6539ac33,transparent 65%)}.display-frame{position:absolute;left:3%;top:19%;width:96%;height:60%;border:3px solid #35405b;border-radius:9px;background:#12152d;box-shadow:13px 20px 0 #03060d,0 0 45px #724bff33;transform:rotateY(-16deg) rotateX(5deg) rotateZ(-4deg);transition:transform .6s;overflow:hidden}canvas{width:100%;height:100%;display:block}.display-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:40px;background:linear-gradient(90deg,#070c2644,transparent)}.display-overlay>span{font-size:clamp(25px,3.5vw,51px);letter-spacing:-2px;line-height:1.1;font-weight:900;color:white;text-shadow:0 3px 10px #0003}.display-overlay b{color:#d0d4ff}.display-overlay small{font-size:8px;letter-spacing:3px;margin-top:20px;color:#d8e3ff}.scan{position:absolute;inset:-100% 0 0;height:60%;background:linear-gradient(transparent,#ffffff0a,transparent);animation:scan 7s linear infinite;pointer-events:none}.floor{position:absolute;bottom:2%;width:110%;height:25%;background:radial-gradient(ellipse,#673ada30,transparent 65%);transform:rotateX(60deg)}.hud{position:absolute;font-family:monospace;z-index:3}.hud1{left:0;top:8%;color:#c5d5f1;font-size:10px;letter-spacing:2px}.dot{display:inline-block;border-radius:50%;width:5px;height:5px;background:var(--cyan);margin-right:8px}.hudline{display:block;width:110px;height:1px;margin:10px 0;background:linear-gradient(90deg,var(--cyan),transparent)}.hud small{display:block;color:#7686a3;font-size:9px;letter-spacing:1px}.hud2{right:0;bottom:5%;border-left:1px solid #8470dd;padding:10px 15px}.hud2 b{display:block;font-size:13px;margin-top:9px;font-weight:400}.visual-caption{position:absolute;bottom:0;left:30%;font-size:9px;color:#58637b}.scroll{position:absolute;bottom:25px;font-size:8px;letter-spacing:2px;color:#71809a;display:flex;align-items:center;gap:35px}.scroll span{font-size:22px;color:var(--cyan)}.ticker{border-block:1px solid var(--line);overflow:hidden;background:#0b101b;padding:20px 0;color:#b2bfd4;font:12px monospace;letter-spacing:3px;white-space:nowrap}.ticker>div{display:inline-block;animation:ticker 40s linear infinite}.ticker b{color:var(--cyan);margin:0 45px;font-size:14px}.section{max-width:1320px;padding:100px 6%;margin:0 auto;scroll-margin-top:10px}.sectionhead{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}h2{font-size:clamp(29px,3.4vw,45px);letter-spacing:-1.8px;line-height:1.4;margin:15px 0 0}h2>span:not(.gradient){color:#6d7c97}.sectionhead p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{padding:30px;background:linear-gradient(140deg,#101827,#0a0e18);border:1px solid var(--line);border-radius:8px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.service:hover{transform:translateY(-7px);border-color:#74edff77}.service-no{font:9px monospace;letter-spacing:1px;color:#64728c}.service-icon{font-size:53px;color:var(--cyan);margin:24px 0 20px;line-height:1}.service:nth-child(2) .service-icon{color:#b199ff}.service:nth-child(3) .service-icon{color:#84e9c3}h3{font-size:22px;letter-spacing:-.5px}.service p,.scene-copy p,.tech-copy p{color:var(--muted);font-size:13px;line-height:1.9}.tags{display:flex;gap:8px;margin:25px 0}.tags span{border:1px solid var(--line);padding:5px 9px;color:#8394af;font-size:10px;border-radius:3px}.service-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:#c3d3e9}.service-bottom span{color:var(--cyan)}.spaces{border-top:1px solid var(--line)}.scene-tabs{display:flex;gap:25px;margin-bottom:22px;border-bottom:1px solid var(--line)}.scene-tabs button{border:0;background:none;color:#7989a4;font-size:13px;padding:0 2px 17px;position:relative}.scene-tabs button[aria-selected=true]{color:var(--cyan)}.scene-tabs button[aria-selected=true]:after{content:'';position:absolute;height:2px;background:var(--cyan);bottom:-1px;left:0;right:0}.scene-panel{display:grid;grid-template-columns:1.3fr 1fr;background:#0a101c;border:1px solid var(--line);border-radius:8px;overflow:hidden}.room{min-height:360px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#1d3262,#0b101b 75%)}.room-grid{position:absolute;bottom:-60%;left:-40%;width:180%;height:120%;background-image:linear-gradient(#8db1ff15 1px,transparent 1px),linear-gradient(90deg,#8db1ff15 1px,transparent 1px);background-size:45px 45px;transform:perspective(400px) rotateX(60deg)}.room-screen{position:absolute;width:69%;height:53%;top:14%;left:15%;background:linear-gradient(120deg,#232a8d,#6386de 45%,#af63d6);box-shadow:0 0 50px #5d5bff30;border:6px solid #171c2b;transform:perspective(700px) rotateY(10deg);display:flex;align-items:center;padding:30px;overflow:hidden}.room-screen:before{content:'';position:absolute;width:180px;height:280px;background:#8cdbff;filter:blur(25px);opacity:.3;transform:rotate(35deg);animation:drift 8s ease-in-out infinite alternate}.scene-word{font-weight:900;font-size:37px;line-height:1.05;letter-spacing:-2px;z-index:1}.pedestal{position:absolute;width:60px;height:90px;background:linear-gradient(120deg,#29374c,#101828);bottom:13%;left:16%;box-shadow:15px 20px 20px #0007}.pedestal.two{left:auto;right:12%;height:60px;width:85px}.room-caption{position:absolute;bottom:15px;left:20px;font:8px monospace;letter-spacing:2px;color:#73839d}.scene-copy{padding:45px 35px}.scene-copy h3{margin:15px 0}.scene-copy ul{padding:0;list-style:none;margin:20px 0 28px;font-size:12px;line-height:2.2;color:#a9b7ce}.scene-copy li:before{content:'↗';color:var(--cyan);margin-right:12px}.room.hall .room-screen{width:80%;left:10%;height:46%;background:linear-gradient(120deg,#0d5969,#3e8fa1,#6179c8)}.room.hall .pedestal{width:85%;height:28px;left:7%;bottom:22%;background:#1b2c42}.room.hall .two{display:none}.room.event .room-screen{width:80%;left:10%;background:linear-gradient(120deg,#5230ad,#a848c6,#e46ca2)}.room.event:after{content:'';position:absolute;width:5px;height:300px;background:#bd89ff33;transform:rotate(35deg);top:0;right:20%;box-shadow:-180px 0 0 #74edff22}.tech-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.pixel-demo{height:330px;background:#0d1422;border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden}#pixelPattern{position:absolute;inset:20px 20px 70px;background:radial-gradient(circle,#80ebff 22%,transparent 32%) 0 0/12px 12px;mask-image:radial-gradient(ellipse at 40% 60%,black,transparent 70%);transition:background-size .5s;transform:skewY(-7deg)}.pixel-demo:after{content:'LED';position:absolute;top:60px;left:65px;font-size:110px;font-weight:900;letter-spacing:-10px;color:#8deaff22}.pixel-caption{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center}.pixel-caption b{color:var(--cyan);font:22px monospace}.pixel-caption span{font-size:9px;color:var(--muted)}.pitch-options{display:flex;gap:8px;flex-wrap:wrap}.pitch-options button{padding:10px 13px;background:transparent;border:1px solid #28354b;color:#8b9ab3;border-radius:4px;font:12px monospace}.pitch-options button.active{background:#74edff17;border-color:var(--cyan);color:var(--cyan)}.tech-points{display:grid;gap:12px;font-size:11px;color:#b2c0d5;margin:24px 0}.quote-banner{position:relative;margin:20px auto 0;border-block:1px solid #5765c333;background:radial-gradient(ellipse at 90% 80%,#30275e88,transparent 65%),linear-gradient(100deg,#0d1928,#0d1022);overflow:hidden}.quote-banner h2{font-size:clamp(36px,4.6vw,60px);position:relative;z-index:1}.quote-banner p{color:var(--muted);font-size:13px;line-height:1.9;max-width:540px;position:relative;z-index:1}.quote-banner .btn{margin-top:20px;position:relative;z-index:1}.quote-banner small{display:block;font-size:9px;margin-top:16px;color:#7585a3}.blueprint{position:absolute;right:4%;top:40px;font-size:350px;line-height:1;color:#8b90ff20;transform:perspective(500px) rotateY(-25deg) rotateZ(-12deg)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:50px}.process>div{border-top:1px solid #2e3b53;padding-top:24px}.process b{font:33px monospace;color:#465975}.process h3{font-size:16px;margin-top:26px}.process p{font-size:12px;color:var(--muted);line-height:1.9}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--cyan);font:20px monospace}details[open] summary:after{content:'−'}details p{font-size:12px;line-height:2;color:var(--muted);padding-right:25px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:linear-gradient(140deg,#0b1422,#0a0c17);border-top:1px solid var(--line)}.contact-intro p{font-size:13px;color:var(--muted);line-height:2;max-width:400px}.contact-link{display:block;margin:20px 0;font:13px monospace;color:#d0def5}.contact-intro small{display:block;line-height:1.9;color:#667691;font-size:10px;margin-top:35px}form label{display:block;color:#aebdd4;font-size:11px;margin-bottom:18px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,textarea,select{display:block;width:100%;margin-top:9px;border:1px solid #283247;background:#080e19;color:#edf4ff;padding:13px;border-radius:4px;font-size:13px}input::placeholder,textarea::placeholder{color:#52617c}textarea{resize:vertical}.consent{display:flex;align-items:flex-start;gap:10px;line-height:1.8;font-size:10px}.consent input{width:14px;height:14px;margin:2px 0 0;accent-color:var(--cyan)}form .buttons{gap:12px;margin-top:20px}.outline{border:1px solid #35435d;background:transparent;color:#cfdaeb;padding:16px 18px;border-radius:4px;font-size:12px}.formnote{font-size:10px;color:#71819a;line-height:1.9}#formStatus{color:var(--cyan);font-size:11px;line-height:1.8}footer{padding:45px 6% 25px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top p{font:9px monospace;letter-spacing:3px;color:#63748f}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#60708b}.floating{position:fixed;bottom:24px;right:25px;z-index:25;background:#121e30e8;border:1px solid #74edff66;backdrop-filter:blur(10px);box-shadow:0 10px 35px #0005;border-radius:50px;padding:14px 21px;color:var(--cyan);font-size:13px;display:flex;gap:12px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.js-motion .reveal.visible{opacity:1;transform:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@keyframes pulse{50%{opacity:.4}}@keyframes scan{to{transform:translateY(450%)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes drift{to{transform:translateX(180px) rotate(65deg)}}@media(min-width:1450px){.hero{padding-inline:max(6%,calc((100vw - 1160px)/2));grid-template-columns:500px 650px}}@media(max-width:1000px){nav{gap:15px}.logo small{display:none}.hero{min-height:650px}.hero h1{font-size:61px}.visual{height:450px}.hud1{font-size:8px}.service{padding:23px}.scene-copy{padding:30px 25px}.scene-word{font-size:29px}.faq,.contact{gap:40px}.section{padding:75px 5%}.tech-layout{gap:30px}.hero-notes{gap:12px;font-size:8px}}@media(max-width:760px){header{height:70px;padding:0 5%;gap:15px}.logo{font-size:20px}.logo i{font-size:27px}.navcta{margin-left:auto;font-size:10px;padding:10px}#menu{display:block;border:0;color:var(--cyan);background:none;font-size:20px}nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;background:#0c1322;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:55px 6% 60px;min-height:auto}.hero h1{font-size:58px;margin:22px 0}.hero-copy p{font-size:13px}.hero-notes{margin-top:30px;gap:22px}.visual{height:370px;margin-top:28px}.display-frame{height:62%;top:17%;left:7%;width:87%}.display-overlay{padding:25px}.display-overlay>span{font-size:37px}.hud1{top:4%;left:6%}.hud2{bottom:4%;right:5%}.visual-caption{bottom:-10px;left:18%}.orb{width:100%;height:100%;left:0}.section{padding:65px 6%}.sectionhead{display:block}.sectionhead p{margin-top:20px}.services{grid-template-columns:1fr}.service{padding:25px}.service-icon{margin:15px 0;font-size:42px}.service h3{margin:12px 0}.scene-panel,.tech-layout,.faq,.contact{grid-template-columns:1fr}.room{min-height:300px}.scene-copy{padding:30px}.scene-tabs{gap:20px}.scene-tabs button{font-size:12px}.tech-layout{gap:25px}.pixel-demo{height:280px}.quote-banner h2{font-size:42px}.blueprint{font-size:260px;right:-60px;top:90px}.process{grid-template-columns:1fr 1fr;gap:25px}.process h3{margin-top:18px}.faq{gap:20px}.contact{gap:35px}.footer-top{flex-wrap:wrap}.footer-top p{display:none}.footer-bottom{flex-direction:column;gap:12px;padding-bottom:55px}.floating{bottom:16px;right:16px;padding:12px 17px}.scene-word{font-size:36px}.scroll{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}