:root{--primary:#17221f;--orange:#e66032;--yellow:#f1c453;--ink:#25302d;--muted:#6c756f;--line:#d9ddd7;--base:#f5f2eb;--subtle:#ebe9e1;--white:#fff;--sans:"Noto Sans TC",system-ui,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--base);color:var(--ink);font-family:var(--sans);margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page-width{margin:0 auto;max-width:1180px;padding-left:24px;padding-right:24px}.site-header{backdrop-filter:blur(15px);background:#f5f2ebe6;border-bottom:1px solid rgba(23,34,31,.14);position:sticky;top:0;z-index:20}.header-inner{align-items:center;display:flex;height:72px;justify-content:space-between}.brand{align-items:center;display:flex;gap:10px}.brand-mark{color:var(--primary);font-size:26px;font-weight:800;letter-spacing:-.08em}.brand-mark span{color:var(--orange)}.brand-caption{color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.12em}.main-nav{display:flex;gap:32px;margin-left:auto;margin-right:45px}.main-nav a,.header-cta{color:#68716c;font-size:12px}.main-nav a:hover,.header-cta:hover{color:var(--orange)}.header-cta{border-bottom:1px solid var(--primary);color:var(--primary);font-family:var(--mono);padding-bottom:4px}.header-cta span{color:var(--orange);margin-left:10px}.mobile-nav{display:none}.mobile-nav-toggle{align-items:center;background:transparent;border:1px solid rgba(23,34,31,.25);cursor:pointer;display:flex;height:40px;justify-content:center;list-style:none;padding:0;width:40px}.mobile-nav-toggle::-webkit-details-marker{display:none}.mobile-nav-icon{display:flex;flex-direction:column;gap:4px;width:18px}.mobile-nav-icon i{background:var(--primary);display:block;height:2px;transition:opacity .2s ease,transform .2s ease;width:100%}.mobile-nav[open] .mobile-nav-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-nav[open] .mobile-nav-icon i:nth-child(2){opacity:0}.mobile-nav[open] .mobile-nav-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav-panel{background:var(--base);border:1px solid var(--line);box-shadow:0 18px 45px #17221f29;display:flex;flex-direction:column;min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 12px)}.mobile-nav-panel a{border-bottom:1px solid var(--line);color:var(--primary);font-size:14px;padding:13px 14px}.mobile-nav-panel a:last-child{background:var(--primary);border-bottom:0;color:var(--white);font-family:var(--mono);margin-top:8px}.mobile-nav-panel a:hover,.mobile-nav-panel a:focus-visible{background:var(--subtle);color:var(--orange);outline:none}.mobile-nav-panel a:last-child:hover,.mobile-nav-panel a:last-child:focus-visible{background:var(--orange);color:var(--white)}.hero,.inner-hero{background:var(--base);min-height:calc(100vh - 72px);overflow:hidden;position:relative}.hero-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 72px);padding-bottom:80px;padding-top:70px;position:relative;z-index:2}.hero-label{color:var(--orange);font-family:var(--mono);font-size:11px;letter-spacing:.16em;margin:0 0 24px}.hero h1{font-size:clamp(40px,5.3vw,72px);letter-spacing:-.075em;line-height:1.25;margin:0;max-width:790px}.hero h1 span{color:var(--orange)}.hero-subtitle{color:#626b65;font-size:16px;line-height:1.9;margin:22px 0 0;max-width:550px}.hero-rule{align-items:center;display:flex;gap:12px;margin-top:31px}.hero-rule span{background:linear-gradient(90deg,var(--orange),rgba(230,96,50,.1));height:2px;width:72px}.hero-rule span:last-child{background:linear-gradient(90deg,rgba(230,96,50,.1),transparent)}.hero-rule b{background:var(--orange);border-radius:50%;height:6px;width:6px}.scroll-cue{color:var(--orange);font-size:22px;margin-top:45px}.data-network{height:470px;inset:50% 0 auto;opacity:.42;pointer-events:none;position:absolute;transform:translateY(-42%)}.data-network i{background:var(--orange);border-radius:50%;height:6px;opacity:.25;position:absolute;width:6px}.data-network b{border-top:1px solid rgba(230,96,50,.18);display:block;position:absolute;transform-origin:left center;width:190px}.data-network i:nth-child(1){left:13%;top:13%}.data-network i:nth-child(2){left:72%;top:10%}.data-network i:nth-child(3){left:50%;top:45%}.data-network i:nth-child(4){left:17%;top:79%}.data-network i:nth-child(5){left:83%;top:79%}.data-network b:nth-of-type(1){left:14%;top:14%;transform:rotate(19deg)}.data-network b:nth-of-type(2){left:51%;top:46%;transform:rotate(-24deg)}.data-network b:nth-of-type(3){left:51%;top:46%;transform:rotate(32deg)}.inner-hero{min-height:430px}.inner-hero-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:430px;position:relative;text-align:center;z-index:1}.inner-hero h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.08em;margin:0}.inner-hero .hero-subtitle{max-width:640px;text-align:center}.section{padding:110px 0 125px;position:relative}.section.services,.section.map-section,.team-section,.product-section{background:var(--subtle)}.top-divider{background:linear-gradient(90deg,transparent,var(--line),transparent);height:1px;left:0;position:absolute;right:0;top:0}.section-heading{margin-left:0;max-width:720px;text-align:left}.section-heading>p:first-child{color:var(--orange);font-family:var(--mono);font-size:10px;letter-spacing:.15em;margin:0 0 15px}.section-heading h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.08em;line-height:1.25;margin:0}.heading-line{background:linear-gradient(90deg,var(--orange),transparent);height:2px;margin:24px 0 0;width:125px}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:62px}.highlight-card{border-left:1px solid var(--line);padding:24px 30px}.highlight-card:last-child{border-right:1px solid var(--line)}.highlight-icon{align-items:center;background:var(--orange);color:#fff;display:flex;font-family:var(--mono);height:42px;justify-content:center;width:42px}.highlight-card h3{color:var(--primary);font-size:19px;margin:18px 0 8px}.highlight-card p{color:#69736d;font-size:14px;line-height:1.85;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:57px}.topic-card{background:var(--base);border:1px solid var(--line);margin:-1px 0 0 -1px;padding:22px}.topic-card:hover{box-shadow:inset 0 0 0 1px var(--orange);position:relative;z-index:1}.topic-top{align-items:flex-start;display:flex;gap:14px}.topic-top span{align-items:center;background:var(--orange);color:#fff;display:flex;font-family:var(--mono);font-size:12px;height:32px;justify-content:center;min-width:32px}.topic-top h3{color:var(--primary);font-size:17px;margin:5px 0 0}.topic-card>p{color:#69736d;font-size:13px;line-height:1.8;margin:18px 0 20px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags b{background:#e6603214;border:1px solid rgba(230,96,50,.2);color:#ad4b2b;font-size:10px;font-weight:600;padding:5px 8px}.cases{background:var(--primary);color:#f7f4ec}.cases .section-heading>p:first-child{color:var(--yellow)}.cases .section-heading h2{color:#f7f4ec}.cases .heading-line{background:linear-gradient(90deg,var(--yellow),transparent)}.section-description{color:#f7f4eca6;font-size:13px;line-height:1.85;margin:20px 0 0;max-width:520px}.case-grid{display:grid;gap:20px;grid-template-columns:1.2fr 1fr 1fr;margin-top:55px}.case-art{height:270px;overflow:hidden;position:relative}.case-primary .case-art{height:350px}.case-art>span{color:var(--primary);font-family:var(--mono);font-size:10px;left:15px;position:absolute;top:14px;z-index:2}.art-1{background:#cbd9df}.art-2{background:#f0d4a8}.art-3{background:#dbe5f2}.case-shape{position:absolute}.shape-1{background:#658397;bottom:-8%;height:82%;left:22%;transform:skewY(-21deg);width:32%}.shape-2{border:14px solid var(--orange);bottom:12%;height:45%;right:8%;transform:rotate(16deg);width:38%}.shape-3{background:#efdfbe;height:135%;left:24%;top:-17%;transform:rotate(24deg);width:23%}.shape-4{background:#a46e48;height:135%;left:56%;top:-17%;transform:rotate(-28deg);width:21%}.shape-5{border:24px solid var(--orange);border-radius:50%;height:220px;left:13%;top:24%;width:220px}.shape-6{background:var(--primary);height:2px;right:-10%;top:49%;transform:rotate(-43deg);width:105%}.case-card>div:last-child{border-bottom:1px solid rgba(247,244,236,.25);padding:15px 0 16px}.case-card small{color:#f7f4ec80;display:block;font-family:var(--mono);font-size:9px;margin-bottom:8px}.case-card h3{color:#f7f4ec;font-size:17px;margin:0}.case-card p{color:#f7f4ec9e;font-size:12px;margin:8px 0 0}.network-map{background:#e4e4d9;border:1px solid #c8cdc2;height:380px;margin:60px auto 0;max-width:930px;overflow:hidden;position:relative}.map-grid{background-image:linear-gradient(rgba(23,34,31,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(23,34,31,.13) 1px,transparent 1px);background-size:31px 31px;height:100%;width:100%}.map-line{border-top:1px solid rgba(230,96,50,.55);position:absolute;transform-origin:left center;width:370px}.line-a{left:18%;top:58%;transform:rotate(-25deg)}.line-b{left:35%;top:30%;transform:rotate(29deg)}.line-c{left:59%;top:46%;transform:rotate(44deg)}.map-dot{background:var(--primary);border:4px solid #fff;color:#fff;font-family:var(--mono);font-size:10px;padding:7px 10px;position:absolute}.dot-a{left:16%;top:51%}.dot-b{left:33%;top:24%}.dot-c{left:57%;top:40%}.dot-d{right:14%;top:65%}.contact{background:var(--orange);color:#fff;padding:100px 0}.contact-inner{align-items:end;display:flex;justify-content:space-between}.contact .section-heading>p:first-child{color:#ffffffb8}.contact .section-heading h2{color:#fff}.contact .section-heading h2 span{color:var(--primary)}.contact-box{max-width:315px}.contact-box p{color:#ffffffd6;font-size:14px;line-height:1.85}.contact-button{background:var(--primary);color:#fff;display:inline-block;font-family:var(--mono);font-size:11px;margin-top:16px;padding:15px 18px}.site-footer{background:var(--base);border-top:1px solid var(--line);color:#66716b}.footer-top{display:flex;justify-content:space-between;padding-bottom:58px;padding-top:55px}.footer-note{font-size:12px;margin:22px 0 18px}.footer-contact{font-size:12px;line-height:1.8}.footer-nav{display:flex;gap:90px}.footer-nav div{display:flex;flex-direction:column;gap:10px}.footer-nav h4{color:var(--primary);font-size:12px;margin:0 0 7px}.footer-nav a{font-size:12px}.footer-nav a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid var(--line);display:flex;font-family:var(--mono);font-size:9px;justify-content:space-between;padding-bottom:24px;padding-top:20px}.team-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:60px}.team-card{background:var(--base);border:1px solid var(--line);padding:26px}.team-avatar{align-items:center;background:var(--primary);color:var(--yellow);display:flex;font-family:var(--mono);font-size:12px;height:140px;justify-content:center;margin-bottom:22px}.team-card small{color:var(--orange);font-family:var(--mono);font-size:10px}.team-card h3{color:var(--primary);font-size:21px;margin:10px 0}.team-card p{color:#69736d;font-size:13px;line-height:1.8;margin:0}.product-grid{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.product-card{background:var(--base);border:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;min-height:250px}.product-art{align-items:flex-start;background:var(--primary);color:var(--yellow);display:flex;flex-direction:column;justify-content:space-between;padding:20px}.product-art span{font-family:var(--mono);font-size:10px}.product-art b{font-size:64px;letter-spacing:-.1em}.product-card-accent .product-art{background:var(--orange);color:var(--primary)}.product-copy{padding:27px}.product-copy h2{color:var(--primary);font-size:22px;letter-spacing:-.06em;margin:0 0 15px}.product-copy p{color:#69736d;font-size:13px;line-height:1.85}.product-copy a{color:var(--orange);font-family:var(--mono);font-size:10px}@media(max-width:820px){.page-width{padding-left:20px;padding-right:20px}.header-inner{height:66px}.main-nav,.header-cta{display:none}.mobile-nav{display:block;margin-left:auto;position:relative}.hero-content{min-height:calc(100vh - 66px)}.hero h1{font-size:42px}.hero-subtitle{font-size:14px}.inner-hero,.inner-hero-content{min-height:350px}.section{padding:80px 0}.highlight-grid,.topic-grid,.case-grid,.team-grid,.product-grid{grid-template-columns:1fr}.highlight-card{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-right:0}.highlight-card:last-child{border-bottom:1px solid var(--line);border-right:0}.topic-card{margin:-1px 0 0}.case-primary .case-art,.case-art{height:280px}.network-map{height:300px;margin-top:43px}.contact{padding:80px 0}.contact-inner{align-items:flex-start;flex-direction:column;gap:38px}.footer-top{align-items:flex-start;flex-direction:column;gap:45px;padding-bottom:40px;padding-top:45px}.footer-nav{gap:45px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.product-card{grid-template-columns:1fr}.product-art{min-height:150px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}