:root{--ink:#0a111c;--paper:#f3f0e9;--red:#e83b2f;--muted:#9da4ad;--line:rgba(10,17,28,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}.site-header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;color:white;border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:37px;height:34px;display:flex;align-items:end;gap:4px;transform:skew(-12deg)}.brand-mark i{display:block;width:9px;background:var(--red)}.brand-mark i:nth-child(1){height:18px}.brand-mark i:nth-child(2){height:28px}.brand-mark i:nth-child(3){height:34px}.brand-name{font-size:17px;letter-spacing:.13em;font-weight:900;line-height:1}.brand-name small{display:block;font-size:7px;letter-spacing:.28em;margin-top:6px;font-weight:500}.nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav>a:not(.nav-cta){opacity:.82;transition:.25s}.nav>a:hover{opacity:1;color:#fff}.nav-cta{padding:13px 19px;border:1px solid rgba(255,255,255,.4)}.nav-cta span{color:var(--red);margin-left:12px}.menu-btn{display:none;background:none;border:0}.hero{height:100vh;min-height:680px;color:white;position:relative;display:flex;align-items:center}.hero-bg,.feature>img,.contact>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,16,.96) 0%,rgba(4,9,16,.68) 42%,rgba(4,9,16,.05) 78%),linear-gradient(0deg,rgba(4,9,16,.7),transparent 35%)}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 24.9%,rgba(255,255,255,.06) 25%,transparent 25.1%,transparent 49.9%,rgba(255,255,255,.06) 50%,transparent 50.1%,transparent 74.9%,rgba(255,255,255,.06) 75%,transparent 75.1%)}.hero-copy{position:relative;z-index:2;margin-left:10vw;padding-top:50px}.eyebrow{font-size:11px;letter-spacing:.27em;font-weight:700;display:flex;align-items:center;gap:13px}.eyebrow span{width:35px;height:2px;background:var(--red)}.hero h1{font-size:clamp(58px,7.2vw,112px);line-height:1.02;margin:28px 0;font-weight:800;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75)}.hero-lead{line-height:2;font-size:16px;color:rgba(255,255,255,.74)}.hero-actions{display:flex;gap:16px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 27px;font-size:14px;font-weight:600}.btn.primary{background:var(--red);color:white}.btn.ghost{border:1px solid rgba(255,255,255,.4)}.play{font-size:10px;margin-right:11px}.hero-index{position:absolute;right:5vw;bottom:9%;z-index:2;display:flex;align-items:center;gap:14px}.hero-index>span{font-size:24px}.hero-index i{width:72px;height:1px;background:rgba(255,255,255,.4)}.hero-index small{font-size:8px;line-height:1.5;letter-spacing:.18em}.scroll{position:absolute;left:5vw;bottom:0;height:128px;z-index:3;display:flex;flex-direction:column;align-items:center}.scroll span{writing-mode:vertical-rl;font-size:8px;letter-spacing:.35em}.scroll i{height:76px;width:1px;background:rgba(255,255,255,.4);margin-top:12px}.section{padding:120px 8vw}.section-tag{font-size:10px;letter-spacing:.25em;font-weight:800;color:var(--red);margin-bottom:45px}.section-tag.light{color:#ff665d}.intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10vw}.display{font-size:clamp(42px,5.2vw,78px);line-height:1.18;letter-spacing:-.055em;margin:0}.display span{color:transparent;-webkit-text-stroke:1px rgba(10,17,28,.4)}.intro-copy{padding-top:12px}.intro-copy p{line-height:2;color:#5c6269;font-size:15px;margin:0 0 18px}.text-link{display:inline-flex;gap:25px;border-bottom:1px solid var(--ink);padding:12px 0;font-size:13px;font-weight:700}.text-link span{color:var(--red)}.metrics{border-top:1px solid var(--line);margin-top:90px;padding-top:45px;display:grid;grid-template-columns:repeat(4,1fr)}.metrics>div{padding-left:34px;border-left:1px solid var(--line)}.metrics strong{font-size:50px;letter-spacing:-.06em;display:block}.metrics sup{color:var(--red);font-size:18px}.metrics span{font-size:11px;color:#777;letter-spacing:.12em}.dark{background:#08111e;color:white}.dark .display span{-webkit-text-stroke-color:rgba(255,255,255,.34)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-head>p{color:#8e98a5;max-width:280px;line-height:1.8}.service-list{margin-top:80px;border-top:1px solid rgba(255,255,255,.15)}.service{min-height:180px;display:grid;grid-template-columns:55px 65px 1.2fr 1fr 30px;gap:32px;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);transition:.3s}.service:hover{background:rgba(255,255,255,.035);padding:0 20px}.service .num{font-size:10px;color:#66717e}.service-icon{font-size:31px;color:var(--red)}.service h3{font-size:23px;margin:0}.service h3 small{display:block;font-size:8px;color:#697482;letter-spacing:.2em;margin-top:9px}.service p{font-size:13px;color:#8c96a3;line-height:1.8}.service>i{font-style:normal;color:var(--red)}.stories .section-head{margin-bottom:62px}.poster-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:350px 350px;gap:18px}.poster{position:relative;overflow:hidden;background:#111;color:white}.poster.tall{grid-row:span 2}.poster img{height:100%;object-fit:cover;transition:transform .6s}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,15,.92),transparent 60%)}.poster>div{position:absolute;z-index:2;bottom:0;padding:27px;width:100%}.poster small{color:#d0d2d4;font-size:10px;letter-spacing:.12em}.poster h3{font-size:22px;margin:8px 0 12px}.poster span{font-size:10px;color:#ff766e;opacity:0;transition:.3s}.poster:hover img{transform:scale(1.04)}.poster:hover span{opacity:1}.feature,.contact{height:720px;position:relative;color:white;display:flex;align-items:center}.feature-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,17,.9),rgba(5,10,17,.15)),linear-gradient(0deg,rgba(5,10,17,.5),transparent)}.feature-copy{position:relative;z-index:2;margin-left:10vw}.feature-copy h2,.contact h2{font-size:clamp(48px,6vw,86px);line-height:1.13;letter-spacing:-.06em;margin:30px 0}.feature-copy>p:last-child,.contact-inner>p{line-height:2;color:rgba(255,255,255,.72)}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px}.steps>div{position:relative}.steps b{font-size:10px;color:var(--red)}.steps i{height:1px;background:var(--line);display:block;margin:25px 0;position:relative}.steps i:before{content:"";position:absolute;left:0;top:-4px;width:9px;height:9px;background:var(--ink);border-radius:50%}.steps h3{font-size:20px;margin:0 0 7px}.steps p{font-size:11px;color:#83878b}.contact{height:640px}.contact-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,18,.95) 0%,rgba(5,10,18,.68) 50%,rgba(5,10,18,.24))}.contact-inner{position:relative;z-index:2;margin-left:10vw}.contact-inner .btn{margin-top:22px}.contact-inner .btn span{margin-left:45px}footer{background:#050b13;color:#8f98a3;padding:75px 8vw 24px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1.2fr .7fr;gap:45px;padding-bottom:65px}.footer-brand{color:white;align-self:start}footer h4{font-size:11px;color:white;letter-spacing:.14em;margin:0 0 22px}footer p,footer a{display:block;font-size:11px;line-height:1.9;margin:3px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:72px}.nav{display:none;position:absolute;top:72px;left:0;width:100%;background:#07101d;padding:30px 6vw;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-btn{display:block;width:38px}.menu-btn span{display:block;height:1px;background:#fff;margin:8px}.hero-copy{margin:0 7vw}.hero-lead br{display:none}.hero-index{display:none}.section{padding:85px 6vw}.intro-grid{grid-template-columns:1fr;gap:38px}.metrics{grid-template-columns:1fr 1fr;gap:35px}.service{grid-template-columns:35px 45px 1fr 20px;padding:25px 0}.service p{grid-column:3/5}.poster-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 300px 300px}.poster.tall{grid-column:span 2;grid-row:auto}.steps{grid-template-columns:1fr 1fr;gap:35px}.footer-top{grid-template-columns:1fr 1fr}.feature-copy,.contact-inner{margin:0 7vw}}@media(max-width:560px){.hero h1{font-size:55px}.hero-actions{flex-direction:column;align-items:flex-start}.intro-grid .display,.section-head .display{font-size:42px}.metrics strong{font-size:38px}.section-head{align-items:flex-start;flex-direction:column}.poster-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.poster,.poster.tall{min-width:78vw;height:470px;scroll-snap-align:start}.service{grid-template-columns:26px 38px 1fr}.service>i{display:none}.service p{grid-column:2/4}.feature,.contact{height:620px}.steps{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-bottom{gap:20px;flex-direction:column}}