*{box-sizing:border-box}body{margin:0;line-height:1.5;font-family:system-ui,-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #c9a45e;outline-offset:4px}[hidden]{display:none!important}
.corporate-landing{--navy:#071b33;--green:#0d5048;--gold:#c9a45e;--paper:#f3f5f6;min-height:100dvh;background:var(--paper);color:#132333;font-family:'Noto Sans TC',sans-serif}.hero{background:#071b33}.hero img{width:100%;height:auto}.section-nav{position:sticky;top:0;z-index:5;min-height:62px;display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,72px);padding:0 24px;border-bottom:1px solid #d8dde1;background:color-mix(in srgb,#fff 92%,transparent);backdrop-filter:blur(14px)}.section-nav a{color:#273746;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.08em}.section-nav a:hover{color:var(--green)}.content-section{width:min(100% - 48px,1320px);margin:auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(44px,7vw,104px);padding:clamp(76px,9vw,132px) 0}.content-section.dark{width:100%;padding-inline:max(24px,calc((100% - 1320px)/2));background:var(--navy);color:#fff}.copy{max-width:610px}.section-number{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--gold);font:600 12px/1 'IBM Plex Sans',sans-serif;letter-spacing:.18em}.section-number::after{content:'';width:42px;height:1px;background:currentColor}h1,h2{margin:0 0 24px;font-size:clamp(34px,4vw,60px);line-height:1.08;letter-spacing:-.045em}p{color:#50606e;line-height:1.95}.dark p,.dark li{color:#bdc9d2}.lead{margin-bottom:28px;color:#233a4b;font-size:clamp(17px,1.6vw,21px);line-height:1.7}.dark .lead{color:#fff}figure{margin:0;overflow:hidden;border-radius:2px;box-shadow:0 24px 60px rgba(6,25,45,.18)}figure img{width:100%;aspect-ratio:2.15/1;object-fit:cover}.leader-list{display:grid;gap:9px;margin:0 0 25px;padding:18px 0;border-block:1px solid rgba(255,255,255,.16);color:#f0d293;font-size:18px}.copy ul{padding-left:1.1em;line-height:1.95}.advantages-section{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);background:#08192d;color:#fff}.advantages-visual{position:sticky;top:62px;height:calc(100dvh - 62px)}.advantages-visual img{width:100%;height:100%;object-fit:cover}.advantages-copy{padding:clamp(70px,8vw,128px) clamp(28px,7vw,110px)}.advantages-copy ol{margin:46px 0 0;padding:0;list-style:none}.advantages-copy li{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:24px 0;border-top:1px solid rgba(255,255,255,.14)}.advantages-copy li>span{color:var(--gold);font:500 13px 'IBM Plex Sans',sans-serif}.advantages-copy h3{margin:0 0 8px;font-size:20px}.advantages-copy p{margin:0;color:#aebdca;line-height:1.75}.corporate-footer{background:#21639c;text-align:center}.corporate-footer img{width:100%;height:auto}.corporate-footer p{margin:0;padding:12px 24px 22px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.7}
@media(max-width:800px){.section-nav{justify-content:flex-start;gap:24px;overflow-x:auto}.section-nav a{flex:none}.content-section{width:min(100% - 36px,680px);grid-template-columns:1fr;gap:34px;padding:68px 0}.content-section.dark{width:100%;padding-inline:18px}.content-section figure{order:2}.advantages-section{grid-template-columns:1fr}.advantages-visual{position:relative;top:auto;height:auto}.advantages-visual img{aspect-ratio:1.6/1;object-fit:cover}.advantages-copy{padding:64px 24px}.hero img{min-height:210px;object-fit:cover;object-position:center}}
@media(max-width:420px){.section-nav{min-height:54px;padding-inline:18px}.content-section{width:calc(100% - 32px)}h1,h2{font-size:33px}.leader-list{font-size:16px}.advantages-copy li{grid-template-columns:40px 1fr}}
.corporate-footer{position:relative;background:linear-gradient(125deg,#061a30 0%,#092d38 58%,#0b433d 100%);color:#fff;text-align:initial}.corporate-footer::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#c9a45e 24%,#efd28c 50%,#c9a45e 76%,transparent);opacity:.82}.footer-inner{width:min(100% - 48px,1320px);margin:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding:54px 0}.footer-brand{display:grid;gap:8px}.footer-brand strong{color:#f3e1b7;font-size:clamp(20px,2vw,28px);letter-spacing:.04em}.footer-brand span{color:rgba(255,255,255,.62);font:500 11px 'IBM Plex Sans',sans-serif;letter-spacing:.13em}.footer-meta{text-align:right}.corporate-footer .footer-meta p,.corporate-footer .risk-note{margin:0;padding:0;color:rgba(255,255,255,.7);font-size:12px;line-height:1.8}.corporate-footer .risk-note{padding:16px 24px;text-align:center;border-top:1px solid rgba(201,164,94,.2);background:rgba(1,13,25,.22)}
@media(max-width:800px){.footer-inner{width:calc(100% - 36px);display:grid;gap:24px;padding:42px 0}.footer-meta{text-align:left}}
html{scroll-behavior:smooth;scroll-padding-top:82px}.corporate-landing{isolation:isolate}.hero{position:relative;overflow:hidden}.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(4,22,40,.12),transparent 46%,rgba(255,255,255,.06));mix-blend-mode:soft-light}.hero img{animation:hero-arrive 1.15s cubic-bezier(.2,.75,.2,1) both;transform-origin:center}.section-nav{box-shadow:0 8px 30px rgba(7,27,51,.05);transition:background-color .3s ease,box-shadow .3s ease}.section-nav a{position:relative;padding:21px 0;transition:color .25s ease}.section-nav a::after{content:'';position:absolute;right:50%;bottom:14px;left:50%;height:1px;background:var(--gold);transition:right .3s cubic-bezier(.2,.75,.2,1),left .3s cubic-bezier(.2,.75,.2,1)}.section-nav a:hover::after,.section-nav a:focus-visible::after{right:0;left:0}.content-section{position:relative}.content-section::before{content:'';position:absolute;top:0;left:50%;width:min(100%,1320px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(14,56,76,.14),transparent)}.content-section.dark::before{background:linear-gradient(90deg,transparent,rgba(201,164,94,.34),transparent)}figure{transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .65s ease}figure img{transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .65s ease}figure:hover{transform:translateY(-5px);box-shadow:0 32px 76px rgba(6,25,45,.24)}figure:hover img{transform:scale(1.025);filter:saturate(1.04)}.advantages-copy li{transition:background-color .3s ease,padding-left .35s cubic-bezier(.2,.75,.2,1)}.advantages-copy li:hover{padding-left:12px;background:linear-gradient(90deg,rgba(201,164,94,.07),transparent)}.footer-inner{transition:padding .35s ease}
@supports (animation-timeline:view()){.motion-section .copy,.motion-section .advantages-copy{animation:section-rise linear both;animation-timeline:view();animation-range:entry 8% cover 34%}.motion-section figure,.motion-section .advantages-visual{animation:visual-reveal linear both;animation-timeline:view();animation-range:entry 4% cover 32%}}
@keyframes hero-arrive{from{opacity:.72;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes section-rise{from{opacity:.22;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes visual-reveal{from{opacity:.35;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero img,.motion-section .copy,.motion-section figure,.motion-section .advantages-copy,.motion-section .advantages-visual{animation:none!important;transform:none!important}.section-nav,.section-nav a,.section-nav a::after,figure,figure img,.advantages-copy li{transition:none!important}}

/* Cinematic masthead: the cover image remains the visual anchor. */
.scroll-progress{position:fixed;inset:0 0 auto;z-index:40;height:3px;pointer-events:none}.scroll-progress i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#8d6b31,#f2d58d);box-shadow:0 0 14px rgba(232,195,110,.55)}
.hero{min-height:clamp(680px,100svh,920px);display:grid;align-items:end;background:#041426;color:#fff}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;filter:saturate(.88) contrast(1.06)}.hero::before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(2,14,27,.93) 0%,rgba(3,18,34,.69) 38%,rgba(3,17,31,.13) 72%),linear-gradient(0deg,rgba(2,13,25,.76),transparent 48%)}.hero::after{z-index:2;background:radial-gradient(circle at 76% 40%,rgba(220,178,88,.16),transparent 30%);mix-blend-mode:screen}.hero-grid{position:absolute;z-index:2;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero-copy{position:relative;z-index:3;width:min(100% - 48px,1320px);margin:0 auto;padding:130px 0 clamp(100px,14vh,154px);animation:copy-arrive .9s .12s cubic-bezier(.2,.75,.2,1) both}.hero-eyebrow{margin:0 0 26px;color:#e9cc86;font:600 12px/1.2 'IBM Plex Sans',sans-serif;letter-spacing:.24em}.hero h1{max-width:900px;margin:0;color:#fff;font-size:clamp(54px,7.4vw,112px);font-weight:800;line-height:.93;letter-spacing:-.065em;text-wrap:balance}.hero h1 em{color:#f1d28b;font-family:serif;font-weight:500}.hero-lead{margin:30px 0 34px;color:rgba(255,255,255,.78);font-size:clamp(17px,1.5vw,21px);letter-spacing:.06em}.hero-cta{display:inline-flex;align-items:center;gap:42px;padding:15px 19px 15px 21px;border:1px solid rgba(255,255,255,.34);color:#fff;text-decoration:none;font-size:13px;letter-spacing:.12em;transition:.3s ease}.hero-cta:hover{gap:54px;border-color:#e2bd68;background:rgba(226,189,104,.11)}.hero-index{position:absolute;z-index:3;right:max(24px,calc((100% - 1320px)/2));bottom:48px;display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.5);font:500 10px 'IBM Plex Sans',sans-serif;letter-spacing:.18em}.hero-index strong{color:#fff;font-weight:500}.hero-index i{width:64px;height:1px;background:#d4ae5c}
.hero>img.hero-slide{opacity:0;transform:scale(1.035);animation:none;transition:opacity 1.25s ease,transform 7s cubic-bezier(.2,.7,.2,1)}.hero>img.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-controls{position:absolute;z-index:4;left:max(24px,calc((100% - 1320px)/2));bottom:42px;display:flex;gap:10px}.hero-controls button{width:52px;padding:9px 0 8px;border:0;border-top:1px solid rgba(255,255,255,.34);background:transparent;color:rgba(255,255,255,.5);text-align:left;cursor:pointer;transition:border-color .3s ease,color .3s ease}.hero-controls button span{font:500 10px 'IBM Plex Sans',sans-serif;letter-spacing:.14em}.hero-controls button.is-active{border-color:#e6c675;color:#fff}.hero-controls button:focus-visible{outline:2px solid #f0d287;outline-offset:5px}
.hero::before,.hero::after,.hero-grid{transition:opacity .75s ease}.hero.is-original::before,.hero.is-original::after,.hero.is-original .hero-grid{opacity:0}.hero.is-original .hero-cta{background:rgba(4,20,38,.74);backdrop-filter:blur(8px);border-color:rgba(255,255,255,.58)}.hero.is-original .hero-controls button{filter:drop-shadow(0 1px 2px rgba(0,0,0,.65))}
.proof-strip{display:grid;grid-template-columns:repeat(3,minmax(150px,.7fr)) minmax(280px,1.5fr);background:#092a35;color:#fff}.proof-strip>div,.proof-strip>p{min-height:164px;margin:0;padding:34px clamp(22px,3vw,48px);border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:center}.proof-strip strong{color:#f1d18a;font:500 clamp(38px,4vw,62px)/1 'IBM Plex Sans',sans-serif;letter-spacing:-.04em}.proof-strip sup{font-size:.45em}.proof-strip span{margin-top:13px;color:rgba(255,255,255,.66);font-size:12px;letter-spacing:.11em}.proof-strip>p{color:rgba(255,255,255,.72);font-size:14px;line-height:1.9}.advantages-visual svg{width:100%;height:100%}
@keyframes copy-arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){.motion-section .advantages-visual{animation:none}}
@media(max-width:900px){.proof-strip{grid-template-columns:repeat(3,1fr)}.proof-strip>p{grid-column:1/-1;min-height:auto}.hero-grid{background-size:64px 64px}.hero-index{display:none}}
@media(max-width:800px){.hero{min-height:720px}.hero>img{min-height:100%;object-position:69% center}.hero-copy{width:calc(100% - 36px);padding:120px 0 116px}.hero h1{font-size:clamp(48px,13vw,72px)}.hero-controls{left:18px;bottom:28px}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip>div:nth-child(3){grid-column:1/-1}.proof-strip>div,.proof-strip>p{min-height:130px}.advantages-visual svg{height:auto;aspect-ratio:1.2/1;object-fit:cover}}
@media(max-width:520px){.hero{min-height:660px}.hero h1{font-size:47px;line-height:1}.hero-lead{max-width:260px}.hero-controls button{width:44px}.proof-strip{grid-template-columns:1fr}.proof-strip>div:nth-child(3),.proof-strip>p{grid-column:auto}.proof-strip>div{min-height:112px}.proof-strip>p{padding-block:28px}}
@media(prefers-reduced-motion:reduce){.hero>img.hero-slide{transition:none;transform:none}.hero-copy{animation:none}}

.advantages-vector{width:100%;height:100%;display:block}.vector-line{stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw-growth 2.2s cubic-bezier(.2,.75,.2,1) forwards}.vector-line-glow{animation-delay:.08s}.vector-towers path{transform-box:fill-box;transform-origin:center bottom;animation:tower-rise 1.15s cubic-bezier(.2,.75,.2,1) both}.vector-towers path:nth-child(2){animation-delay:.12s}.vector-towers path:nth-child(3){animation-delay:.24s}.vector-towers path:nth-child(4){animation-delay:.36s}.vector-towers path:nth-child(5){animation-delay:.48s}@keyframes draw-growth{to{stroke-dashoffset:0}}@keyframes tower-rise{from{opacity:.25;transform:scaleY(.12)}to{opacity:1;transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.vector-line,.vector-towers path{animation:none;stroke-dashoffset:0}}

.hero-controls button{min-width:44px;min-height:44px}.hero-controls [data-hero-pause]{width:auto;padding:0 12px;font-size:12px}.section-nav a{min-height:44px;display:inline-flex;align-items:center}@media(max-width:520px){.section-nav{gap:16px;padding-inline:16px;overflow-x:auto;justify-content:flex-start;white-space:nowrap}}