@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--deep-navy:#060a09;--cyber-charcoal:#0a100f;--panel:#0c1312d6;--panel-solid:#0c1312;--line:#1b2624;--line-strong:#243230;--cyan:#35f0e0;--cyan-dim:#1fbfb2;--cyan-soft:#b9f6ef;--amber:#ffb454;--red:#ff5a67;--blue:#54a8ff;--text:#e8f2f0;--muted:#7f918e;--quiet:#596966;--max-width:1180px;--sans:Inter, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--inter:Inter, "Noto Sans TC", sans-serif;--display:"Space Grotesk", "Noto Sans TC", sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--deep-navy);scroll-behavior:smooth;scrollbar-gutter:stable;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 78% 0%, #2067801f, transparent 28rem), var(--deep-navy);font-family:var(--sans);margin:0;line-height:1.7;overflow-x:hidden}body.inner-page{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 80% 18%, #228f861c, transparent 32rem), radial-gradient(circle at 8% 82%, #235c531a, transparent 28rem), var(--deep-navy);position:relative}body.inner-page:before{z-index:-1;pointer-events:none;content:"";opacity:.2;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 82%)}body.inner-page .site-noise{display:none}body::selection{color:var(--deep-navy);background:var(--cyan)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip-link{z-index:100;border:1px solid var(--cyan);color:var(--deep-navy);background:var(--cyan);padding:.65rem .9rem;font-size:.82rem;font-weight:700;transition:transform .16s;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus-visible{transform:translateY(0)}button,a{-webkit-tap-highlight-color:transparent}.site-noise{z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:fixed;inset:0}.site-container{width:min(calc(100% - 3rem), var(--max-width));margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:#060a09e0;position:sticky;top:0;box-shadow:0 16px 38px #0000001f}.site-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 8%,#ff5a672e,#35f0e057 50%,#54a8ff2e,#0000 92%);height:1px;position:absolute;bottom:-1px;left:0;right:0}.site-header__inner{justify-content:space-between;align-items:center;min-height:4.5rem;display:flex}.brand{align-items:center;gap:.72rem;display:inline-flex}.brand__mark{filter:drop-shadow(0 0 .65rem #35f0e01a);width:2.25rem;height:2.25rem;transition:filter .18s,transform .18s;display:block}.brand:hover .brand__mark,.brand:focus-visible .brand__mark{filter:drop-shadow(-.2rem 0 .55rem #ff5a6729)drop-shadow(.2rem 0 .55rem #54a8ff29);transform:translateY(-1px)}.brand__copy{flex-direction:column;gap:.25rem;display:flex}.brand__name{color:var(--text);font:700 1.2rem/1 var(--display);letter-spacing:-.015em}.brand__tagline{color:var(--muted);font:.5rem/1 var(--mono);letter-spacing:.07em}.site-nav{align-items:center;gap:2.1rem;display:flex}.site-nav a{color:var(--muted);padding:1.7rem 0 1.55rem;font-size:.81rem;transition:color .18s;position:relative}.site-nav a:after{content:"";background:var(--cyan);transform-origin:100%;height:2px;transition:transform .18s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0);box-shadow:0 0 10px #35f0e073}.site-nav a:hover,.site-nav a.is-active{color:var(--text)}.site-nav a:hover:after,.site-nav a.is-active:after{transform-origin:0;transform:scaleX(1)}.header-proof{border:1px solid var(--line-strong);color:#cddbd8;white-space:nowrap;background:#35f0e009;border-radius:.6rem;align-items:center;gap:.55rem;min-height:2.4rem;padding:0 .8rem;font-size:.68rem;font-weight:500;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.header-proof:before{background:var(--cyan);content:"";border-radius:50%;width:.38rem;height:.38rem;animation:2.4s ease-in-out infinite status-blink;box-shadow:0 0 8px #35f0e0a6}.header-proof span{color:var(--cyan);font-family:var(--mono);font-size:.62rem}.header-proof:hover,.header-proof:focus-visible{border-color:var(--cyan-dim,var(--cyan));color:var(--cyan);background:#35f0e013}.hero{grid-template-columns:minmax(0,.9fr) minmax(31rem,1.1fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);min-height:min(50rem,100vh - 5.25rem);padding:clamp(4.5rem,9vw,8rem) 0 clamp(4rem,7vw,6.5rem);display:grid}.hero__copy{z-index:2;position:relative}.eyebrow,.section-eyebrow{color:var(--cyan-soft);font:600 .65rem/1.2 var(--mono);letter-spacing:.14em;align-items:center;gap:.6rem;display:inline-flex}.eyebrow:before,.section-eyebrow:before{content:"";background:var(--cyan);width:1.8rem;height:1px;box-shadow:0 0 .6rem var(--cyan)}.hero h1{max-width:11ch;color:var(--text);letter-spacing:-.06em;margin:1.7rem 0 1.4rem;font-size:clamp(2.7rem,5.1vw,5.2rem);font-weight:700;line-height:1.16}.hero__lead{max-width:32rem;color:var(--muted);margin:0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.95}.hero__actions{flex-wrap:wrap;gap:.8rem;margin-top:2.3rem;display:flex}.button{border:1px solid var(--line-strong);justify-content:center;align-items:center;min-height:3rem;padding:.7rem 1.15rem;font-size:.88rem;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:var(--deep-navy);background:var(--cyan);border-color:var(--cyan);font-weight:700}.button--primary:hover{background:var(--cyan-soft);border-color:var(--cyan-soft)}.button--quiet{color:var(--text);background:#101816b8}.button--quiet:hover{border-color:var(--cyan);background:#16332fb3}.hero__footnote{color:var(--quiet);font:.62rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:1rem;margin-top:2.3rem;display:flex}.hero__footnote span{align-items:center;gap:.42rem;display:inline-flex}.hero__footnote span:before{content:"";background:var(--cyan);width:.35rem;height:.35rem;box-shadow:0 0 .6rem var(--cyan);border-radius:50%}.hero__visual{min-width:0}.section{border-top:1px solid #35f0e01f;padding:clamp(5rem,9vw,8rem) 0}.section--capabilities{background:linear-gradient(#35f0e00b,#0000)}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.8rem;display:flex}.section-heading h2{letter-spacing:-.05em;max-width:18ch;margin:.9rem 0 0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.25}.section-heading p{max-width:27rem;color:var(--muted);margin:0;font-size:.95rem}.capability-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.capability{background:#0c1816d1;min-height:14rem;padding:1.6rem}.capability__eyebrow{color:var(--cyan);font:.62rem/1.4 var(--mono);letter-spacing:.1em}.capability h3{letter-spacing:-.03em;margin:2.5rem 0 .75rem;font-size:1.25rem}.capability p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.85}.works-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.work-card{border:1px solid var(--line);background:var(--panel);min-height:23rem;transition:border-color .18s,transform .18s,background .18s}.work-card:hover{background:#102420e0;border-color:#35f0e08a;transform:translateY(-4px)}.work-card__link{flex-direction:column;min-height:23rem;padding:1.25rem;display:flex}.work-card__meta,.work-card__footer{color:var(--quiet);font:.61rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;display:flex}.work-card__meta span:first-child{color:var(--text)}.work-card__signal{border-bottom:1px solid #35f0e024;align-items:end;gap:.4rem;height:6rem;margin-top:1.7rem;display:flex}.work-card__signal span{background:var(--cyan);opacity:.76;width:.5rem;height:1.5rem;display:block}.work-card__signal span:nth-child(2){opacity:.42;height:3.8rem}.work-card__signal span:nth-child(3){opacity:.2;height:2.5rem}.work-card--red .work-card__signal span{background:var(--red)}.work-card--blue .work-card__signal span{background:var(--blue)}.work-card--amber .work-card__signal span{background:var(--amber)}.work-card__body{flex:1;padding:1.35rem 0 1.5rem}.work-card h3{letter-spacing:-.035em;margin:0 0 .7rem;font-size:1.28rem}.work-card p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.85}.work-card__footer{color:var(--cyan-soft);border-top:1px solid #35f0e024;padding-top:1rem}.work-card__arrow{font-size:1rem}.method{grid-template-columns:.8fr 1.2fr;align-items:start;gap:4rem;display:grid}.method h2{letter-spacing:-.06em;max-width:14ch;margin:.9rem 0 0;font-size:clamp(1.8rem,3.4vw,3.3rem);line-height:1.2}.method__list{border-top:1px solid var(--line);gap:0;display:grid}.method__item{border-bottom:1px solid var(--line);grid-template-columns:3rem 1fr;gap:1rem;padding:1.25rem 0;display:grid}.method__number{color:var(--cyan);font:.65rem/1.8 var(--mono)}.method__item h3{margin:0 0 .25rem;font-size:1rem}.method__item p{color:var(--muted);margin:0;font-size:.86rem}.contact-panel{border:1px solid var(--line-strong);background:radial-gradient(circle at 90% 0,#35f0e01f,#0000 35%),#0c1816d6;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:clamp(2rem,5vw,4rem);display:grid;position:relative;overflow:hidden}.contact-panel:after{content:"";border:1px solid #35f0e029;border-radius:50%;width:18rem;height:18rem;position:absolute;bottom:-7rem;right:-5rem}.contact-panel h2{letter-spacing:-.06em;max-width:14ch;margin:.75rem 0 .7rem;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.25}.contact-panel p{max-width:32rem;color:var(--muted);margin:0}.contact-panel .button{z-index:1;white-space:nowrap;position:relative}.page-intro{padding:clamp(5rem,10vw,8rem) 0 4rem}.page-intro h1{letter-spacing:-.07em;max-width:12ch;margin:1.1rem 0;font-size:clamp(2.7rem,6vw,5rem);line-height:1.15}.page-intro p{max-width:38rem;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.9}.work-section{padding:2rem 0 6rem;scroll-margin-top:2rem}.work-section+.work-section{padding-top:3rem}.work-section__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1rem;display:flex}.work-section__heading h2{margin:0;font-size:1.3rem}.work-section__heading span{color:var(--quiet);font:.62rem/1.4 var(--mono);letter-spacing:.1em}.work-section .works-grid{margin-top:1rem}.about-grid,.contact-grid{grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);padding:2rem 0 7rem;display:grid}.about-mark{aspect-ratio:1;border:1px solid var(--line-strong);width:min(18rem,100%);color:var(--cyan);font:700 clamp(2.7rem, 7vw, 5.8rem)/1 var(--inter);letter-spacing:-.12em;background:radial-gradient(circle,#35f0e024,#0000 58%),#0c1816d1;place-items:center;display:grid}.about-copy h2,.contact-copy h2{letter-spacing:-.06em;margin:0 0 1rem;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.3}.about-copy p,.contact-copy p{color:var(--muted);margin:0 0 1.1rem;line-height:1.95}.boundary-list{border-left:2px solid var(--cyan);color:var(--muted);background:#35f0e009;gap:.6rem;margin:2rem 0 0;padding:1.2rem 1.25rem;font-size:.88rem;display:grid}.boundary-list strong{color:var(--text);font-weight:600}.contact-options{gap:.8rem;margin:2rem 0;display:grid}.contact-option{border:1px solid var(--line);background:#0d1917b8;padding:1.15rem 1.25rem}.contact-option strong{margin-bottom:.25rem;display:block}.contact-option span{color:var(--muted);font-size:.86rem}.contact-email{color:var(--cyan-soft);font-family:var(--inter);border-bottom:1px solid #35f0e080;display:inline-flex}.site-footer{color:var(--quiet);font:.61rem/1.4 var(--mono);letter-spacing:.08em;border-top:1px solid #35f0e024}.site-footer__inner{justify-content:space-between;gap:1rem;padding:1.5rem 0;display:flex}@keyframes status-blink{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (width<=980px){.hero{grid-template-columns:1fr;min-height:auto}.hero__copy{max-width:42rem}.hero h1{max-width:14ch}.hero__visual{justify-self:center;width:100%;max-width:48rem}.method{grid-template-columns:1fr;gap:2.5rem}}@media (width<=720px){.site-container{width:min(calc(100% - 2rem), var(--max-width))}.site-header__inner{min-height:4.6rem}.site-nav,.brand__tagline{display:none}.header-proof{min-height:2.1rem;padding-inline:.62rem;font-size:.6rem}.hero{padding-top:4rem}.hero h1{font-size:clamp(2.35rem,12vw,4rem)}.capability-grid,.works-grid{grid-template-columns:1fr}.capability{min-height:auto}.section-heading,.contact-panel,.site-footer__inner{flex-direction:column;align-items:flex-start}.section-heading{display:flex}.contact-panel{grid-template-columns:1fr}.contact-panel .button{justify-self:start}.about-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.about-mark{width:min(12rem,100%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body.home-page{-webkit-font-smoothing:antialiased;scrollbar-gutter:stable;background:radial-gradient(circle at 80% 18%, #2875971f, transparent 32rem), radial-gradient(circle at 8% 82%, #234d7021, transparent 28rem), var(--deep-navy)}body.home-page .site-noise{display:none}body.home-page:before{z-index:-1;pointer-events:none;content:"";opacity:.2;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 82%)}.home-shell{width:min(100% - 48px,1240px);margin-inline:auto}body.home-page .site-header--home{backdrop-filter:none;background:0 0;border-bottom-color:#7bbed91f;width:calc(100% - 88px);max-width:none;min-height:92px;margin:0 0 0 88px}.site-header--home .home-shell{justify-content:space-between;align-items:center;width:100%;min-height:91px;padding-inline:clamp(28px,5vw,82px);display:flex}.wordmark{color:var(--text);font-family:var(--mono);letter-spacing:.08em;align-items:center;gap:12px;font-size:16px;font-weight:650;line-height:normal;display:inline-flex}.wordmark-mark{border:1px solid var(--cyan);border-radius:50%;width:15px;height:15px;position:relative;box-shadow:0 0 16px #58e3ff57}.wordmark-mark:after{background:var(--cyan);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:3px;left:3px}.primary-nav{color:var(--muted);align-items:center;gap:30px;font-size:14px;line-height:normal;display:flex}.primary-nav a{transition:color .16s}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--text)}body.home-page .hero{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:clamp(42px,7vw,110px);width:calc(100% - 88px);max-width:none;min-height:calc(82vh - 92px);margin-left:88px;margin-right:0;padding:54px clamp(28px,5vw,82px) 24px;display:grid;position:relative}body.home-page .hero-copy{z-index:1;grid-area:1/2;justify-self:end;width:100%;min-width:0;max-width:510px;line-height:normal;position:relative}body.home-page .hero-visual{grid-area:1/1;min-width:0}.hero-rail{width:88px;color:var(--quiet);font:10px/1 var(--mono);letter-spacing:.12em;border-right:1px solid #7bbed924;flex-direction:column;justify-content:space-between;align-items:center;padding:28px 0 24px;display:flex;position:absolute;top:-92px;bottom:0;left:-88px}.hero-rail-word{writing-mode:vertical-rl;color:var(--cyan-soft);letter-spacing:.24em}.hero-rail-index{text-align:center;gap:12px;display:grid}.hero-rail-index strong{color:var(--text);font-size:13px}.hero-footerline{border-top:1px solid var(--line);color:var(--quiet);font:9px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-area:2/1/auto/-1;justify-content:space-between;gap:20px;padding-top:16px;display:flex}body.home-page .eyebrow{color:var(--cyan-soft);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 23px;font-size:11px;line-height:normal;display:inline-flex}body.home-page .eyebrow:before{background:var(--cyan);content:"";width:30px;height:1px;box-shadow:0 0 12px #58e3ff85}body.home-page .hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:9ch;margin:0;font-size:clamp(40px,5vw,72px);font-weight:700;line-height:1.1}body.home-page .hero-description{max-width:520px;color:var(--muted);letter-spacing:.01em;text-wrap:balance;margin:28px 0 0;font-size:clamp(16px,1.35vw,19px);line-height:1.9}body.home-page .hero-actions{flex-wrap:wrap;gap:13px;margin-top:38px;display:flex}body.home-page .button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 21px;font-size:14px;font-weight:650;line-height:normal;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}body.home-page .button:hover,body.home-page .button:focus-visible{transform:translateY(-2px)}body.home-page .button-primary{color:#03121c;background:var(--cyan);box-shadow:0 0 26px #58e3ff2e}body.home-page .button-secondary{color:var(--text);background:#14293b6b;border-color:#7bbed952}body.home-page .button-secondary:hover,body.home-page .button-secondary:focus-visible{border-color:var(--line-strong);background:#173146b3}body.home-page .hero-meta{color:var(--quiet);font-family:var(--mono);letter-spacing:.04em;flex-wrap:wrap;gap:18px;margin-top:45px;font-size:10px;line-height:normal;display:flex}body.home-page .hero-meta span{align-items:center;gap:8px;display:inline-flex}body.home-page .hero-meta span:before{background:var(--cyan);content:"";border-radius:50%;width:4px;height:4px}.hero-stats{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;display:grid}.hero-stat{background:#081421db;min-height:100px;padding:16px}.hero-stat small{color:var(--quiet);font:9px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;display:block}.hero-stat strong{color:var(--cyan-soft);font:650 14px/1.3 var(--mono);margin-top:18px;display:block}@media (width<=820px){.home-shell,body.home-page .site-header--home{width:min(100% - 32px,1240px)}body.home-page .site-header--home{width:calc(100% - 58px);min-height:76px;margin-left:58px}.site-header--home .home-shell{min-height:75px;padding-inline:24px}body.home-page .primary-nav{gap:14px;font-size:12px}body.home-page .hero{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:42px;width:calc(100% - 58px);min-height:auto;margin-left:58px;padding:58px 24px 116px}.hero-rail{width:58px;top:-76px;left:-58px}body.home-page .hero-visual{grid-area:1/1;justify-self:center;width:min(100%,720px)}body.home-page .hero-copy{grid-area:2/1;max-width:none}.hero-footerline{grid-area:3/1}body.home-page .hero h1{max-width:680px;font-size:clamp(40px,10vw,63px)}body.home-page .hero-description{max-width:620px}.hero-stats{margin-top:28px}}@media (width<=560px){.home-shell,body.home-page .site-header--home{width:min(100% - 32px,1240px)}body.home-page .site-header--home{width:min(100% - 32px,1240px);margin-inline:auto}.site-header--home .home-shell{flex-direction:column;align-items:flex-start;gap:18px;padding:18px 0}body.home-page .primary-nav{justify-content:space-between;gap:8px;width:100%}body.home-page .hero{grid-template-rows:auto auto auto;width:min(100% - 32px,1240px);margin-inline:auto;padding:48px 0 116px}.hero-rail{display:none}.hero-footerline{flex-direction:column;gap:8px}body.home-page .eyebrow{margin-bottom:18px;font-size:9px}body.home-page .hero h1{overflow-wrap:anywhere;word-break:break-word;letter-spacing:-.055em;text-wrap:pretty;font-size:clamp(34px,10.6vw,46px);line-height:1.14}body.home-page .hero-description{margin-top:22px;font-size:15px;line-height:1.8}body.home-page .hero-actions{flex-direction:column;align-items:stretch;margin-top:30px}body.home-page .button{width:100%}body.home-page .hero-stats{grid-template-columns:1fr;margin-top:28px}.hero-stat{min-height:74px}.hero-stat strong{margin-top:10px}}