:root{--ink:#092d52;--deep:#061c35;--cyan:#23e0e7;--lime:#d4f05b;--paper:#f5f5f0;--line:rgba(9,45,82,.17);--font:'Noto Sans TC',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);overflow-x:hidden}.page-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.42}.glow-one{top:120px;right:-150px;width:430px;height:430px;background:#90e7e5}.glow-two{top:1700px;left:-250px;width:450px;height:450px;background:#d9e2b9}.section-shell{max-width:1240px;margin:auto;padding-left:28px;padding-right:28px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1300px;margin:auto;padding:10px 28px;position:relative;z-index:5}.brand img{width:122px;height:68px;object-fit:contain;object-position:center}.main-nav{display:flex;gap:31px}.main-nav a,.header-cta,.footer-top a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.main-nav a{transition:color .2s}.main-nav a:hover{color:#038e9a}.header-cta{background:var(--ink);color:white;border-radius:4px;padding:13px 17px;letter-spacing:.02em}.header-cta span{color:var(--cyan);margin-left:5px}.menu-toggle{display:none}.hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding-top:47px;padding-bottom:58px}.eyebrow{font:500 11px var(--mono);letter-spacing:.13em;margin:0 0 18px;color:#477087;display:flex;align-items:center;gap:9px}.eyebrow span{background:var(--cyan);width:20px;height:2px}.hero h1,.section-heading h2,.process h2,.contact h2{font-size:clamp(42px,5vw,70px);line-height:1.15;letter-spacing:-.075em;margin:0;font-weight:800}.hero h1 em,.section-heading h2 em,.process h2 em,.contact h2 em{font-style:normal;color:#148f99}.hero-description{font-size:16px;line-height:1.85;max-width:470px;margin:27px 0;color:#406078}.hero-actions{display:flex;gap:27px;align-items:center}.button{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;text-decoration:none;border:0;font:600 15px var(--font);cursor:pointer}.button-primary{background:var(--ink);color:#fff;padding:15px 17px 15px 21px;border-radius:4px}.button-primary span{color:var(--cyan);font-size:21px;line-height:1}.text-link{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{margin-left:7px}.trust-row{display:flex;gap:29px;margin-top:59px}.trust-row>div{display:flex;gap:9px;align-items:flex-start;border-left:1px solid #8da2b0;padding-left:10px}.trust-row strong{font:500 22px var(--mono);letter-spacing:-.1em;line-height:1}.trust-row .small{font-size:12px}.trust-row span{font-size:11px;line-height:1.45;color:#557084}.hero-visual{height:525px;position:relative;isolation:isolate}.hero-visual:before{content:"";position:absolute;width:395px;height:395px;background:radial-gradient(circle,#b7efee 0%,#dceeee 43%,transparent 71%);top:57px;left:69px;border-radius:50%;z-index:-1}.orbital{position:absolute;border:1px solid rgba(11,75,105,.16);border-radius:50%;transform:rotate(-30deg)}.orbital-a{width:508px;height:260px;top:154px;left:14px}.orbital-b{width:470px;height:235px;top:168px;left:34px}.pc-tower{position:absolute;width:263px;height:409px;left:160px;top:46px;filter:drop-shadow(25px 32px 25px rgba(9,45,82,.23));transform:perspective(800px) rotateY(-7deg)}.tower-top{height:25px;background:#153e61;border-radius:8px 10px 0 0;display:flex;gap:7px;padding:9px 13px}.tower-top b{width:7px;height:7px;background:#36e3e6;border-radius:50%;box-shadow:0 0 10px #36e3e6}.tower-glass{height:370px;position:relative;overflow:hidden;border:9px solid #173f61;border-top-width:4px;background:linear-gradient(135deg,rgba(103,217,222,.8),rgba(7,27,59,.98) 42%,#07213b);border-radius:0 0 7px 7px}.tower-glass:after{content:"";position:absolute;inset:0;background:linear-gradient(123deg,rgba(255,255,255,.29),transparent 23%,transparent 62%,rgba(31,235,238,.15));pointer-events:none}.tower-side{position:absolute;right:-19px;top:18px;height:372px;width:19px;background:#082844;transform:skewY(-27deg);transform-origin:left}.fan{position:absolute;width:111px;height:111px;border:8px solid #2dd7db;border-radius:50%;box-shadow:0 0 18px #24dfe9,inset 0 0 17px #24dfe9}.fan:before,.fan:after{content:"";position:absolute;left:44px;top:-2px;width:13px;height:105px;background:#0d365b;border-radius:50%;transform:rotate(46deg)}.fan:after{transform:rotate(-46deg)}.fan-one{top:25px;left:26px}.fan-two{top:129px;left:26px}.fan-three{top:234px;left:26px}.gpu{position:absolute;z-index:1;right:8px;bottom:64px;height:103px;width:157px;border:4px solid #2be0df;background:#0b3155;box-shadow:0 0 13px rgba(35,224,231,.8)}.gpu span{font:500 17px var(--mono);color:#e9f5ee;position:absolute;top:10px;right:12px}.gpu i{position:relative;display:inline-block;margin:35px 2px 0 12px;width:37px;height:37px;border-radius:50%;border:3px solid #8ce3e0}.cables{position:absolute;right:-10px;top:21px;width:87px;height:250px;border-right:3px solid #58dedf;border-bottom:3px solid #58dedf;border-radius:0 0 37px 0}.spec-chip{font:500 9px var(--mono);letter-spacing:.08em;border:1px solid rgba(9,45,82,.26);padding:9px 11px;background:rgba(247,250,246,.79);position:absolute;box-shadow:0 7px 23px rgba(9,45,82,.09)}.spec-chip span{color:#059ca5;margin-right:5px}.chip-cpu{top:95px;left:0}.chip-ready{bottom:98px;right:0}.chip-ready span{font-size:12px}.visual-caption{position:absolute;left:0;bottom:0;display:flex;align-items:end;gap:21px}.visual-caption span{font:10px var(--mono);color:#628095;writing-mode:vertical-rl;transform:rotate(180deg)}.visual-caption b{font-size:14px;line-height:1.4}.marquee{background:var(--ink);color:#eff6f3;overflow:hidden;white-space:nowrap;padding:18px 0;font:500 15px var(--mono);letter-spacing:.08em}.marquee div{display:inline-block;animation:scroll 30s linear infinite}.marquee i{color:var(--cyan);font-style:normal;margin:0 20px}@keyframes scroll{to{transform:translateX(-50%)}}.services{padding-top:130px;padding-bottom:132px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.section-heading h2{font-size:clamp(38px,4.3vw,57px)}.section-heading>p{max-width:300px;line-height:1.8;color:#527084;font-size:14px;margin-bottom:7px}.service-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:15px}.service-card{min-height:432px;position:relative;padding:26px;color:white;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.card-number,.product-tag{font:500 10px var(--mono);letter-spacing:.08em}.service-card h3{font-size:24px;letter-spacing:-.05em;margin:0 0 10px;position:relative}.service-card p{font-size:13px;line-height:1.75;max-width:260px;margin:0;color:#c3d2dc;position:relative}.service-card a{position:relative;margin-top:auto;color:#fff;text-decoration:none;font-size:13px;font-weight:600;border-bottom:1px solid #91a8b6;padding-bottom:4px}.service-card a span{margin-left:9px;color:var(--cyan)}.build-card{background:var(--ink)}.cpu-icon{position:absolute;width:171px;height:171px;border:8px solid #30dfe2;top:93px;left:calc(50% - 85px);box-shadow:0 0 25px rgba(48,223,226,.52),inset 0 0 25px rgba(48,223,226,.35)}.cpu-icon:before,.cpu-icon:after{content:"";position:absolute;inset:22px;border:3px solid #80d9d6;transform:rotate(45deg)}.cpu-icon:after{inset:-22px;border-width:0 3px;opacity:.8}.cpu-icon span{position:absolute;inset:48px 0;text-align:center;font:500 29px var(--mono);z-index:1}.upgrade-card{background:#167782}.upgrade-shape{position:absolute;top:75px;left:31px;right:31px;height:220px;border:1px solid rgba(231,255,255,.5);transform:skewY(-9deg)}.upgrade-shape span{position:absolute;height:9px;border-radius:6px;background:#c8f051;box-shadow:0 0 12px #c8f051}.upgrade-shape span:nth-child(1){width:42%;top:41px;left:17%}.upgrade-shape span:nth-child(2){width:60%;top:96px;right:11%}.upgrade-shape span:nth-child(3){width:32%;top:152px;left:15%}.setup-card{color:var(--ink);background:#d7eeeb}.setup-card p{color:#496d7f}.setup-card a{color:var(--ink);border-color:#6f8c99}.desk-setup{position:absolute;width:270px;height:195px;top:100px;left:26px}.monitor{position:absolute;left:50px;width:167px;height:108px;border:9px solid #133e5f;border-radius:4px;background:linear-gradient(135deg,#13a5a9,#aff0d5 70%)}.monitor:after{content:"";position:absolute;width:45px;height:31px;left:51px;top:99px;border-bottom:6px solid #133e5f;border-left:6px solid transparent;border-right:6px solid transparent}.monitor i{position:absolute;border:1px solid #cdfbf4;inset:18px 13px 18px 44px;transform:skewX(-18deg)}.desk{position:absolute;top:144px;width:253px;left:0;height:7px;background:#143e5f}.keyboard{position:absolute;top:153px;left:31px;width:105px;height:20px;background:#f3f8f0;transform:skewX(-28deg);box-shadow:8px 5px 0 #8fbfba}.featured{padding-bottom:138px}.compact{margin-bottom:37px}.outline-link{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;border:1px solid var(--ink);padding:12px 14px}.outline-link span{margin-left:11px}.product-grid{display:grid;grid-template-columns:1.13fr .87fr .87fr 1.13fr;gap:14px}.product{height:344px;overflow:hidden;padding:21px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.product h3{font-size:19px;letter-spacing:-.05em;margin:0 0 4px}.product p{font-size:12px;margin:0;color:#587286}.product button{position:absolute;right:19px;bottom:20px;width:31px;height:31px;border:1px solid #8092a1;background:transparent;color:var(--ink);font-size:18px;cursor:pointer}.product-keyboard{background:#d6eef2}.product-mouse{background:#e6e5da}.product-headset{background:#072b50;color:#fff}.product-headset p{color:#b8cbd5}.product-headset button{color:white;border-color:#8295a5}.product-monitor{background:#b8dfd8}.keyboard-visual{position:absolute;left:25px;top:113px;width:217px;height:84px;background:#163b5a;transform:perspective(200px) rotateX(28deg) rotateZ(-4deg);box-shadow:19px 21px 20px rgba(13,62,87,.23);padding:9px;display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.keyboard-visual:before{content:"";position:absolute;inset:9px;background:repeating-linear-gradient(90deg,#8ee5e1 0 14px,transparent 14px 19px),repeating-linear-gradient(0deg,#8ee5e1 0 10px,transparent 10px 15px);opacity:.8}.mouse-visual{position:absolute;width:112px;height:158px;border-radius:56px 56px 48px 48px;background:#f8faf2;top:80px;left:50%;transform:translateX(-50%) rotate(-23deg);box-shadow:17px 21px 21px rgba(74,78,62,.22)}.mouse-visual:before{content:"";position:absolute;left:54px;top:0;height:74px;border-left:2px solid #b0b3a9}.mouse-visual i{position:absolute;left:50px;top:39px;width:14px;height:26px;border-radius:10px;background:#a9dfe0}.headset-visual{position:absolute;width:162px;height:176px;top:73px;left:50%;transform:translateX(-50%);border:17px solid #dbf6f1;border-bottom:0;border-radius:90px 90px 0 0}.headset-visual:before,.headset-visual:after{content:"";position:absolute;background:#d6f7f2;width:47px;height:66px;top:104px;border-radius:19px 16px 25px 19px}.headset-visual:before{left:-19px}.headset-visual:after{right:-19px}.headset-visual i{position:absolute;width:17px;height:90px;right:-34px;top:127px;border-right:5px solid #32e2df;transform:rotate(-35deg)}.monitor-visual{position:absolute;top:73px;left:50%;transform:translateX(-50%);width:210px;height:132px;border:11px solid #143b59;background:linear-gradient(135deg,#087b86,#d5f6bd);box-shadow:17px 19px 22px rgba(31,85,76,.18)}.monitor-visual:after{content:"";position:absolute;width:45px;height:37px;left:71px;top:124px;border-top:9px solid #143b59;border-left:8px solid transparent;border-right:8px solid transparent}.monitor-visual i{position:absolute;inset:22px;border:1px solid rgba(255,255,255,.7);transform:skewX(-18deg)}.process{background:var(--deep);color:white;padding:115px 0}.process-inner{display:grid;grid-template-columns:.86fr 1.14fr;gap:90px}.process-intro>p:last-child{color:#a9c0cf;line-height:1.8;font-size:14px;max-width:280px;margin:25px 0 0}.process .eyebrow{color:#9bb5c7}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(218,240,242,.27)}.process-list li{display:grid;grid-template-columns:54px 1fr 25px;gap:14px;padding:25px 0 23px;border-bottom:1px solid rgba(218,240,242,.27);align-items:center}.process-list span{font:12px var(--mono);color:var(--cyan)}.process-list h3{margin:0 0 5px;font-size:20px}.process-list p{margin:0;color:#9cb5c6;font-size:13px}.process-list b{color:var(--cyan);font-size:20px;font-weight:400}.contact{padding-top:120px;padding-bottom:115px}.contact-panel{background:#dff0ec;display:grid;grid-template-columns:1.05fr .95fr;padding:59px 65px;position:relative;overflow:hidden}.contact-panel:after{content:"PCM";position:absolute;right:-13px;bottom:-74px;font:800 190px var(--mono);letter-spacing:-.14em;color:rgba(9,45,82,.05)}.contact h2{font-size:clamp(35px,4vw,53px)}.contact-copy>p:last-child{color:#537184;font-size:14px;margin-top:22px}.consult-form{position:relative;z-index:1;display:grid;gap:18px}.consult-form label{font-size:12px;font-weight:600;color:#3a6077;display:grid;gap:7px}.consult-form input,.consult-form select{border:0;border-bottom:1px solid #7096a4;background:transparent;border-radius:0;padding:7px 0;color:var(--ink);font:14px var(--font);outline:none}.consult-form input::placeholder{color:#7897a5}.consult-form .button{justify-self:start;margin-top:8px}.site-footer{padding-top:8px;padding-bottom:28px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:51px;border-bottom:1px solid var(--line)}.footer-brand img{width:150px;height:85px;object-fit:contain;object-position:left center}.footer-top p{font-size:14px;line-height:1.8;color:#527084}.footer-top>a{text-align:right;font:500 15px var(--mono);text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;justify-content:space-between;padding-top:23px;font:10px var(--mono);color:#638195;letter-spacing:.06em}.footer-bottom a{color:var(--ink);text-decoration:none}.toast{opacity:0;transform:translateY(20px);position:fixed;z-index:20;right:26px;bottom:25px;background:var(--ink);color:#fff;padding:15px 18px;border-left:3px solid var(--cyan);font-size:14px;transition:.3s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:800px){.site-header{height:75px;padding:7px 20px}.brand img{width:102px;height:58px}.main-nav,.header-cta{display:none}.menu-toggle{display:grid;gap:5px;border:0;background:none;padding:10px}.menu-toggle i{display:block;width:25px;border-top:2px solid var(--ink)}.main-nav.open{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:17px;left:20px;right:20px;top:70px;padding:22px;background:#f7f8f2;box-shadow:0 13px 27px rgba(9,45,82,.16)}.hero{grid-template-columns:1fr;padding-top:43px}.hero-visual{height:430px;margin-top:26px;transform:scale(.85);transform-origin:top center;margin-bottom:-63px}.trust-row{margin-top:43px;gap:16px}.services{padding-top:85px;padding-bottom:85px}.section-heading{display:block;margin-bottom:31px}.section-heading>p{margin:19px 0 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:365px}.product-grid{grid-template-columns:1fr 1fr}.product{height:285px}.process{padding:80px 0}.process-inner{grid-template-columns:1fr;gap:43px}.contact{padding-top:80px;padding-bottom:70px}.contact-panel{grid-template-columns:1fr;padding:38px 27px;gap:35px}.footer-top{grid-template-columns:1fr 1fr;gap:20px}.footer-top p{display:none}.footer-bottom{display:grid;gap:11px}.footer-bottom a{grid-column:1}.compact .outline-link{display:inline-block;margin-top:22px}}
@media(max-width:430px){.section-shell{padding-left:20px;padding-right:20px}.hero h1{font-size:42px}.hero-description{font-size:14px}.hero-actions{gap:17px;align-items:flex-start;flex-direction:column}.trust-row{gap:8px}.trust-row>div{padding-left:7px;gap:5px}.trust-row strong{font-size:18px}.trust-row span{font-size:9px}.hero-visual{transform:scale(.68);margin-left:-60px;margin-right:-60px;margin-bottom:-140px}.product-grid{gap:9px}.product{height:248px;padding:15px}.product h3{font-size:16px}.product p{font-size:10px}.keyboard-visual{transform:scale(.7);transform-origin:left top}.monitor-visual{transform:translateX(-50%) scale(.72);transform-origin:top center}.mouse-visual{transform:translateX(-50%) scale(.72) rotate(-23deg);transform-origin:top}.headset-visual{transform:translateX(-50%) scale(.7);transform-origin:top}.footer-top{grid-template-columns:1fr}.footer-top>a{text-align:left}.process-list li{grid-template-columns:35px 1fr 17px}.process-list h3{font-size:17px}}