*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--surface: #111111;--text: #f0ede8;--text-dim: #555;--gold: #c8a97e;--gold-soft: rgba(200, 169, 126, .12);--heading: "Outfit", "Noto Sans TC", sans-serif;--sans: "Inter", "Noto Sans TC", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--duration: .9s}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--gold);color:var(--bg)}.gold{color:var(--gold);font-style:normal}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:256px 256px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:2.5rem 4rem;mix-blend-mode:difference}.nav-logo{font-family:var(--heading);font-size:1.1rem;font-weight:300;letter-spacing:.2em;color:var(--text)}.nav-link{color:var(--text);text-decoration:none;font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;position:relative;padding-bottom:2px}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gold);transition:width .4s var(--ease)}.nav-link:hover:after{width:100%}.hero{height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:0 4rem}.hero-content{text-align:center}.hero-eyebrow{display:inline-block;font-size:.68rem;font-weight:400;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:3.5rem;opacity:0;transform:translateY(20px);animation:fadeUp 1s var(--ease) .4s forwards}.hero-title{font-family:var(--heading);font-weight:200;line-height:1.05;letter-spacing:-.02em}.hero-title .line{display:block;font-size:clamp(3.5rem,9vw,9rem);opacity:0;transform:translateY(40px)}.hero-title .line:nth-child(1){animation:fadeUp 1.2s var(--ease) .7s forwards}.hero-title .line:nth-child(2){animation:fadeUp 1.2s var(--ease) .9s forwards}.hero-accent{width:56px;height:1px;background:var(--gold);margin:3.5rem auto 0;opacity:0;transform:scaleX(0);animation:scaleIn .8s var(--ease) 1.3s forwards}.scroll-cue{position:absolute;bottom:3.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;opacity:0;animation:fadeUp .8s var(--ease) 1.8s forwards}.scroll-cue span{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim)}.scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--gold),transparent);animation:pulse 2.4s ease-in-out infinite}.statement{padding:16rem 4rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.statement-text{font-family:var(--heading);font-size:clamp(1.1rem,2vw,1.6rem);font-weight:300;line-height:1.7;text-align:center;max-width:600px;letter-spacing:.02em}.statement-zh{font-family:var(--sans);font-size:.82rem;color:#ffffff47;letter-spacing:.1em;text-align:center;line-height:1.8}.ticker{border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);padding:1.4rem 0;overflow:hidden;white-space:nowrap}.ticker-track{display:inline-flex;align-items:center;gap:2.5rem;animation:marquee 25s linear infinite}.ticker-track span{font-size:.68rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0}.ticker-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--gold);flex-shrink:0}.numbers{padding:12rem 4rem 8rem;text-align:center}.numbers-header{margin-bottom:6rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}.numbers-eyebrow{display:inline-block;font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}.numbers-label{font-family:var(--heading);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:300;letter-spacing:.04em;color:var(--text)}.numbers-label-zh{font-family:var(--sans);font-size:.8rem;color:#ffffff47;letter-spacing:.1em}.numbers-grid{display:flex;justify-content:center;gap:clamp(3rem,7vw,7rem);margin-bottom:5rem}.number-block{display:flex;flex-direction:column;align-items:center;gap:.8rem}.number{font-family:var(--heading);font-size:clamp(3.2rem,7vw,5.5rem);font-weight:200;color:var(--gold);line-height:1;letter-spacing:-.01em}.number.zero{opacity:.9}.number-unit{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:.3rem}.number-unit-zh{font-size:.6rem;letter-spacing:.08em;text-transform:none;color:#ffffff2e;font-family:var(--sans)}.numbers-caption{font-size:.78rem;color:var(--text-dim);letter-spacing:.12em;margin-bottom:.6rem}.numbers-caption-zh{font-size:.75rem;color:#fff3;letter-spacing:.08em;font-family:var(--sans)}.pillars{padding:8rem 4rem 12rem;display:flex;justify-content:center;align-items:stretch;max-width:1100px;margin:0 auto}.pillar{flex:1;padding:3rem 2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.pillar-idx{font-family:var(--heading);font-size:.85rem;color:var(--gold);letter-spacing:.1em}.pillar-name{font-family:var(--heading);font-size:1.35rem;font-weight:300;letter-spacing:.06em}.pillar-name-zh{font-family:var(--sans);font-size:.75rem;color:#ffffff40;letter-spacing:.1em;margin-top:-.4rem}.pillar-sub{font-size:.8rem;color:var(--text-dim);line-height:1.6;max-width:180px}.pillar-line{width:1px;background:#ffffff0f;align-self:center;min-height:100px}.services{padding:6rem 4rem 12rem;max-width:1100px;margin:0 auto}.services-header{margin-bottom:5rem}.services-eyebrow{display:block;font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem}.services-title{font-family:var(--heading);font-size:clamp(2rem,4vw,3rem);font-weight:200;letter-spacing:.02em}.services-list{display:flex;flex-direction:column}.service-row{display:grid;grid-template-columns:3rem 1fr auto;gap:2rem 3rem;padding:3.5rem 0;align-items:start}.service-index{font-family:var(--heading);font-size:.8rem;color:var(--gold);letter-spacing:.1em;padding-top:.3rem}.service-body{display:flex;flex-direction:column;gap:1rem}.service-top{display:flex;align-items:baseline;gap:1.5rem;flex-wrap:wrap}.service-name{font-family:var(--heading);font-size:1.2rem;font-weight:300;letter-spacing:.04em}.service-tag{font-size:.72rem;color:var(--text-dim);letter-spacing:.08em;font-family:var(--sans)}.service-desc{font-size:.85rem;color:var(--text-dim);line-height:1.8;font-family:var(--sans);font-weight:300}.service-desc-zh{font-size:.78rem;color:#fff3;letter-spacing:.04em;font-family:var(--sans);line-height:1.6}.service-type{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff26;padding-top:.4rem;white-space:nowrap}.service-divider{height:1px;background:#ffffff0d}@media(max-width:900px){.services{padding:4rem 2rem 8rem}.service-row{grid-template-columns:2rem 1fr;gap:1.5rem 1.5rem}.service-type{display:none}}.quote-section{padding:10rem 4rem 14rem;text-align:center}.quote{font-family:var(--heading);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:200;font-style:normal;line-height:1.7;max-width:700px;margin:0 auto;letter-spacing:.02em}.contact{padding:10rem 4rem 8rem;text-align:center;border-top:1px solid rgba(255,255,255,.04)}.contact-inner{display:flex;flex-direction:column;align-items:center;gap:2rem}.contact-eyebrow{font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}.contact-name{font-family:var(--heading);font-weight:300;font-size:clamp(1rem,2vw,1.4rem);line-height:1.4;display:flex;flex-direction:column;gap:.25rem}.contact-name-en{font-size:.85em;font-weight:300;letter-spacing:.12em;color:var(--text-dim)}.contact-links{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.contact-links a{color:var(--text-dim);text-decoration:none;font-size:.85rem;letter-spacing:.06em;transition:color .35s var(--ease)}.contact-links a:hover{color:var(--gold)}.contact-company{font-size:.68rem;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;margin-top:1rem}.footer{padding:3rem 4rem;text-align:center;font-size:.65rem;color:#ffffff26;letter-spacing:.1em}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{to{opacity:1;transform:scaleX(1)}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.2}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-25%)}}.reveal{opacity:0;transform:translateY(36px);transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}.reveal[data-delay="1"]{transition-delay:.12s}.reveal[data-delay="2"]{transition-delay:.24s}.reveal[data-delay="3"]{transition-delay:.36s}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.nav{padding:1.8rem 2rem}.hero{padding:0 2rem}.statement{padding:10rem 2rem}.numbers{padding:8rem 2rem 6rem}.numbers-grid{flex-wrap:wrap;gap:3rem 4rem}.number-block{width:40%}.pillars{flex-direction:column;padding:6rem 2rem 8rem;gap:0;align-items:center}.pillar{padding:2.5rem 2rem}.pillar-line{width:48px;height:1px;min-height:auto}.quote-section{padding:8rem 2rem 10rem}.contact{padding:8rem 2rem 6rem}}@media(max-width:480px){.hero-title .line{font-size:clamp(2.8rem,14vw,5rem)}.statement-text{font-size:1.2rem;line-height:1.9}.numbers-grid{gap:2.5rem 2rem}.number{font-size:3rem}.quote{font-size:1.5rem}}