@charset "UTF-8";
:root{--blue:#1060ff;--ink:#1b212d;--muted:#697485;--line:#dce3ec;--paper:#fff;--wrap:1240px;--header:88px}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%}button{border:0;background:none;color:inherit}h1,h2,h3,h4,p,figure{margin:0}a:focus-visible,button:focus-visible{outline:3px solid #2ba8f7;outline-offset:7px}::selection{background:#cadcff;color:#1b212d}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip:focus{top:12px}.wrap{width:min(var(--wrap),calc(100% - 112px));margin-inline:auto}.header{height:var(--header);padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(228,228,228,.6);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand>img{width:62px;height:auto}.brand>span{font-size:17px;font-weight:700;letter-spacing:.055em}.brand small{display:block;font-size:9px;letter-spacing:.17em;margin-top:7px;font-weight:500;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;height:100%}nav>a{height:100%;display:flex;align-items:center;gap:7px;font-size:14px;position:relative;white-space:nowrap}nav>a:after{content:"";height:2px;background:var(--blue);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transition:transform .25s}nav>a[aria-current],nav>a:hover{color:var(--blue)}nav>a[aria-current]:after{transform:scaleX(1)}.nav-arrow{margin-left:12px}.menu-toggle{display:none}.reading-progress{height:2px;background:var(--blue);position:absolute;left:0;right:0;bottom:-2px;transform:scaleX(0);transform-origin:left}
.hero{position:relative;min-height:880px;height:calc(100svh + 100px);max-height:1140px;padding-top:var(--header);isolation:isolate;overflow:clip;background:#173e68}.hero-media{position:absolute;inset:0;z-index:-3;transform-origin:60% 50%}.hero-media picture,.hero-media img{height:100%;width:100%;object-fit:cover}.hero-media img{object-position:63% 50%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,26,52,.71),rgba(9,36,65,.24) 60%,rgba(7,38,71,.05))}.hero-copy{padding-top:clamp(74px,10vh,150px);color:white;position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:500}.hero .eyebrow{color:#d0e1ff}.hero h1{font-size:clamp(52px,5.65vw,88px);line-height:1.18;font-weight:600;letter-spacing:.015em;margin:30px 0}.hero h1>span{display:block}.blue-dot{color:#62b6ff}.hero-tagline{font-size:clamp(21px,2vw,27px);letter-spacing:.02em;margin-bottom:13px}.hero-description{font-size:16px;line-height:1.9;color:#e0e9f5}.hero-message{max-width:570px;min-height:108px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--blue);color:white;min-height:54px;padding:15px 24px;border-radius:3px;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#084cda;transform:translateY(-2px)}.button span{font-size:21px}.hero .button{margin-top:28px}.hero-bottom{position:absolute;bottom:152px;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#fff}.slide-controls{display:flex;align-items:center;gap:18px}.slide-number{display:flex;align-items:center;gap:10px;font-size:12px;font-variant-numeric:tabular-nums}.slide-number b{font-size:21px;font-weight:500}.slide-number>span{color:#e3edff}.slide-dots{display:flex;gap:5px;margin-inline:5px 15px}.slide-dots button{padding:20px 2px;min-width:32px}.slide-dots span{display:block;width:29px;height:2px;background:#a2b5ce;transition:background .25s}.slide-dots [aria-pressed=true] span{background:#fff}.circle{width:42px;height:42px;border:1px solid #abc0d9;border-radius:50%;font-size:21px;transition:background .2s}.circle:hover{background:#ffffff26}.scroll-cue{display:flex;gap:20px;align-items:center;font-size:12px;letter-spacing:.12em}.scroll-cue span{font-size:27px}.hero-fade{position:absolute;inset:auto 0 -1px;height:170px;pointer-events:none;background:linear-gradient(transparent,#fff 98%);z-index:1}
.journey{position:relative;background:linear-gradient(#fff 0%,#fff 19%,#f0f6ff 39%,#f4f8fe 54%,#fff 66%,#fff 82%,#edf3fe 100%);isolation:isolate}.journey-rule{position:absolute;left:max(calc((100% - 1340px)/2),25px);top:90px;bottom:180px;width:1px;background:linear-gradient(transparent,#b8d1ff 12%,#b8d1ff 80%,transparent);z-index:-1}.section{padding-block:90px;scroll-margin-top:15px}.section-label{display:flex;flex-direction:column;gap:15px;margin-bottom:56px}.section-label>span{font-size:11px;letter-spacing:.2em;color:var(--blue)}.section-label h2{font-size:24px;letter-spacing:.08em;font-weight:500}.about{padding-top:56px;padding-bottom:105px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%}.statement{font-size:clamp(35px,3.85vw,58px);line-height:1.55;letter-spacing:-.025em;font-weight:500}.accent{color:var(--blue)}.about-statement .english-note{font-size:16px;color:var(--muted);margin-top:22px;letter-spacing:.035em}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 0;border-bottom:1px solid #a3b9db;font-size:14px;color:var(--blue);transition:gap .2s}.text-link:hover{gap:37px}.about-statement .text-link{margin-top:58px}.about-copy{padding-top:7px}.about-copy p{color:#596477;font-size:15px;line-height:2.05;margin-bottom:20px}.about-copy p:first-child{color:var(--ink)}
.app-section{padding-top:65px;padding-bottom:90px}.app-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:8%;position:relative}.app-content{padding:0 0 75px}.app-heading{display:flex;align-items:center;gap:15px;margin-bottom:28px}.app-heading img{width:50px;height:50px}.app-heading span{font-size:12px;color:var(--muted);line-height:1.7}.app-content .statement{font-size:clamp(32px,3.2vw,48px)}.app-intro{font-size:16px;color:#596477;line-height:1.9;max-width:470px;margin-top:24px}.services{margin:36px 0}.service{padding:23px 0;border-top:1px solid #d6e1ee;display:flex;align-items:center;gap:24px}.service:last-child{border-bottom:1px solid #d6e1ee}.service-number{font-size:11px;align-self:flex-start;margin-top:7px;color:var(--blue)}.service h4{font-size:18px;font-weight:500;letter-spacing:.04em}.service p{font-size:13px;color:#697485;margin-top:9px;line-height:1.7}.service>img{margin-left:auto;opacity:.85}.app-disclaimer{font-size:11px;line-height:1.85;color:#697485;max-width:450px;margin-top:24px}.phone-stage{position:relative;min-height:790px;display:flex;justify-content:center;align-items:flex-start;padding-top:40px}.phone-motion{width:335px;position:sticky;top:130px;will-change:transform}.phone{background:#1b212d;padding:7px;border-radius:39px;box-shadow:1px 0 0 2px #aab1bb,-1px 0 0 3px #dddfe4,20px 35px 60px -22px #30528d4d;transform:rotate(4deg)}.phone img{width:100%;height:auto;border-radius:32px}.phone-caption{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;letter-spacing:.12em;margin:0 0 23px 15px}.phone-caption>span:last-child{margin-left:auto;color:#697485;font-size:10px;letter-spacing:.04em}.status-dot{height:5px;width:5px;background:var(--blue);border-radius:50%}.phone-footnote{margin-top:31px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#596477}.phone-footnote small{font-size:10px;color:#697485}
.news{--news-date-width:150px;--news-arrow-size:44px;--news-inset:18px;--news-row-height:110px;--news-hover-height:130px;padding-top:100px;padding-bottom:100px}
.news-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}
.news-heading .section-label{margin:0}
.news-heading h2,.contact .section-label h2{font-size:43px;font-weight:500;letter-spacing:.015em}
.news-heading>p{color:var(--muted);font-size:14px}
.news-item{position:relative;isolation:isolate;border-bottom:1px solid #cddff6;border-radius:18px;background:linear-gradient(180deg,#edf3fe85 0%,#f7f9fd 60%,#fff 100%);transition:color .36s ease,border-color .36s ease,box-shadow .36s ease}
.news-item::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(110deg,#d5edff,#e4eeff);opacity:0;pointer-events:none;transition:opacity .36s ease}
.news .news-row{display:grid;width:100%;grid-template-columns:var(--news-date-width) minmax(0,1fr) var(--news-arrow-size);align-items:center;min-height:var(--news-row-height);padding:0 var(--news-inset);gap:18px;text-align:left;border-radius:inherit;transition:min-height .7s cubic-bezier(.215,.61,.355,1)}
.news-row time{font-size:13px;font-weight:400;color:#697485;font-variant-numeric:tabular-nums}
.news-row-title{font-size:22px;font-weight:400;overflow-wrap:anywhere;transition:color .36s ease,transform .36s cubic-bezier(.16,1,.3,1)}
.row-arrow{--fill-offset:translateX(-102%);position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;justify-self:end;width:var(--news-arrow-size);height:var(--news-arrow-size);border:1px solid #9fbae6;border-radius:50%;color:#5479c6;transition:color .22s ease,border-color .22s ease,transform .3s ease}
.row-arrow::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,#427be0,#6a59d5);pointer-events:none;transform:var(--fill-offset);transition:transform .38s cubic-bezier(.22,1,.36,1)}
.row-arrow[data-fill-direction=top]{--fill-offset:translateY(-102%)}
.row-arrow[data-fill-direction=right]{--fill-offset:translateX(102%)}
.row-arrow[data-fill-direction=bottom]{--fill-offset:translateY(102%)}
.row-arrow[data-fill-direction=left]{--fill-offset:translateX(-102%)}
.row-arrow[data-fill-phase=reset]::before{transition:none}
.row-arrow[data-fill-phase=active],.news-row:focus-visible .row-arrow{color:#fff;transform:rotate(45deg)}
.row-arrow[data-fill-phase=active]::before,.news-row:focus-visible .row-arrow::before{transform:translate(0,0)}
.row-arrow .arrow-up-right-icon{display:block;width:20px;height:20px;pointer-events:none}
.news-item:has(.news-row:focus-visible){z-index:2;color:#274674;border-color:transparent;box-shadow:0 18px 38px #5787ce1c}
.news-item:has(.news-row:focus-visible)::before{opacity:1}
.news-item:has(.news-row:focus-visible) .news-row{min-height:var(--news-hover-height)}
.news-item:has(.news-row:focus-visible) .news-row-title{transform:translateX(8px)}
@media(hover:hover) and (pointer:fine){
  .news-item:hover{z-index:2;color:#274674;border-color:transparent;box-shadow:0 18px 38px #5787ce1c}
  .news-item:hover::before{opacity:1}
  .news-item:hover .news-row{min-height:var(--news-hover-height)}
  .news-item:hover .news-row-title{transform:translateX(8px)}
}
.news-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.news-item.open .news-content{grid-template-rows:1fr}
.news-content-inner{min-height:0;overflow:hidden}
.news .news-content p{padding:0 calc(var(--news-inset) + var(--news-arrow-size) + 18px) 32px calc(var(--news-inset) + var(--news-date-width) + 18px);font-size:15px;font-weight:400;line-height:1.95;color:#596477;white-space:pre-wrap;overflow-wrap:anywhere}
.news-bottom{display:flex;justify-content:flex-end;align-items:center;margin-top:22px;gap:20px}
.news-empty{padding:40px 0;color:#697485;line-height:1.8}
@media(max-width:1100px){.news{--news-date-width:120px}}
@media(max-width:760px){
  .news{--news-arrow-size:32px;--news-row-height:116px;--news-hover-height:136px}
  .news .news-row{grid-template-columns:minmax(0,1fr) var(--news-arrow-size);gap:12px;padding-block:20px}
  .news .news-content p{padding:0 var(--news-inset) 26px;font-size:14px;line-height:1.9}
}
.contact{padding-top:80px;padding-bottom:110px}.contact-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:9%}.contact .statement{font-size:clamp(33px,3.45vw,51px)}.contact-grid>div>p{margin:25px 0;color:#697485;font-size:14px;line-height:1.9}.contact-phone{font-size:clamp(24px,2.8vw,40px);display:inline-flex;align-items:center;gap:25px;margin-top:16px;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.contact-phone span{color:var(--blue);font-size:30px}.contact-details{margin:4px 0 0}.contact-details>div{display:grid;grid-template-columns:75px 1fr;border-bottom:1px solid #d6dfeb;padding:24px 0;font-size:15px;line-height:1.9;gap:15px}.contact-details>div:first-child{padding-top:0}.contact-details dt{color:#697485;font-size:12px;padding-top:3px}.contact-details dd{margin:0}.contact-details .text-link{display:flex;width:max-content;font-size:12px;margin-top:8px;border:0;padding:3px 0}.footer{padding-top:40px;padding-bottom:36px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-logo{display:flex;align-items:center;gap:16px;font-size:14px}.footer-logo img{width:51px;height:auto}.footer-top>div{display:flex;align-items:center;gap:28px;font-size:11px;color:#697485}.back-top{font-size:25px;color:var(--blue)}.risk{font-size:10px;color:#697485;line-height:1.9;max-width:1030px;margin-top:30px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e4e9ef;padding-top:20px;margin-top:22px;color:#697485}.footer-bottom small{font-size:10px}.motion-toggle{position:fixed;z-index:55;bottom:22px;right:24px;background:rgba(255,255,255,.95);border:1px solid #dae3ee;border-radius:30px;box-shadow:0 3px 18px #1b212d0a;display:flex;align-items:center;gap:8px;min-height:39px;padding:8px 15px;color:#596477;font-size:11px}.motion-toggle>span:first-child{color:var(--blue);font-size:13px}.motion-toggle:hover{border-color:var(--blue)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}
@media(min-width:1500px){.hero-copy{padding-top:140px}}
@media(max-width:1100px){:root{--header:80px}.wrap{width:calc(100% - 72px)}.header{padding-inline:30px}.brand>span{font-size:14px}.brand>img{width:50px}.brand{gap:12px}nav{gap:20px}nav>a{font-size:12px}.nav-arrow{display:none}.about-grid,.app-grid,.contact-grid{gap:6%}.phone-motion{width:290px}.phone-stage{min-height:720px}.news-row{grid-template-columns:120px 1fr 34px}.news-content p{padding-left:138px;padding-right:52px}.journey-rule{left:17px}}
@media(max-width:760px){:root{--header:74px}.wrap{width:calc(100% - 40px)}.header{padding-inline:20px}.brand>img{width:42px}.brand>span{font-size:13px;letter-spacing:.025em}.brand small{font-size:7px;letter-spacing:.12em;margin-top:5px}.menu-toggle{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;padding:7px 0 7px 12px}.menu-toggle span{font-size:21px;color:var(--blue)}nav{position:absolute;top:74px;left:0;right:0;background:#fff;display:none;height:auto;padding:16px 25px 25px;gap:0;box-shadow:0 10px 15px #1b212d0a;flex-direction:column;align-items:stretch}nav.is-open{display:flex}nav>a{min-height:50px;font-size:15px;border-bottom:1px solid #edf1f5}nav>a:after{display:none}.hero{height:calc(100svh + 70px);min-height:800px;max-height:950px}.hero-copy{padding-top:85px}.hero .eyebrow{font-size:9px;letter-spacing:.18em}.hero h1{font-size:clamp(46px,10vw,65px);margin-block:24px}.hero-message{min-height:114px;max-width:100%}.hero-tagline{font-size:19px}.hero-description{font-size:14px}.hero .button{margin-top:18px}.hero-media img{object-position:68% 50%;opacity:.84}.hero-shade{background:linear-gradient(90deg,#09223dcc,#09223d33),linear-gradient(#0a2a4500 50%,#0a2a4580)}.hero-bottom{bottom:139px}.slide-controls{gap:10px}.slide-dots{gap:2px;margin-inline:0}.slide-dots button{min-width:25px}.slide-dots span{width:23px}.circle{width:35px;height:35px;font-size:19px}.scroll-cue{font-size:0;gap:0}.scroll-cue span{font-size:25px}.hero-fade{height:140px}.section{padding-block:65px}.about{padding-top:30px}.section-label{gap:12px;margin-bottom:34px}.section-label>span{font-size:10px}.section-label h2{font-size:20px}.about-grid,.app-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.statement{font-size:36px}.about-statement .english-note{font-size:13px;margin-top:16px}.about-statement .text-link{margin-top:25px}.about-copy p{font-size:14px;line-height:2;margin-bottom:18px}.journey-rule{display:none}.app-section{padding-top:35px}.app-content{padding-bottom:0}.app-content .statement{font-size:33px}.app-heading{margin-bottom:23px}.app-intro{font-size:14px;margin-top:20px}.services{margin-top:27px}.service{gap:18px;padding-block:20px}.service h4{font-size:17px}.service p{font-size:12px}.app-disclaimer{font-size:11px}.phone-stage{min-height:0;padding-top:12px;padding-bottom:20px}.phone-motion{position:relative;top:auto;width:min(275px,80%)}.phone{transform:rotate(0deg);border-radius:34px}.phone img{border-radius:27px}.phone-caption{font-size:10px}.phone-footnote{font-size:10px}.news-heading{gap:15px;align-items:flex-start}.news-heading h2,.contact .section-label h2{font-size:32px}.news-heading>p{display:none}.news-row{grid-template-columns:1fr 28px;gap:12px;min-height:116px;padding-block:20px}.news-row time{font-size:11px;grid-column:1;grid-row:1}.news-row-title{font-size:20px;grid-column:1;grid-row:2}.row-arrow{grid-column:2;grid-row:1/3;font-size:23px}.news-content p{padding:0 0 26px;font-size:14px;line-height:1.9}.news-bottom{align-items:flex-start;gap:10px}.news-bottom .text-link{font-size:12px;gap:10px}.contact-grid{gap:37px}.contact .statement{font-size:35px}.contact-grid>div>p{font-size:13px}.contact-phone{font-size:30px;gap:19px}.contact-details>div{font-size:14px;grid-template-columns:66px 1fr}.contact{padding-bottom:80px}.footer{padding-top:28px;padding-bottom:70px}.footer-top{align-items:center;gap:16px;flex-direction:row}.footer-top>div{width:auto;gap:0;flex:0 0 auto}.back-top{margin-left:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:9px}.risk{font-size:10px}.motion-toggle{bottom:14px;right:15px;padding:8px 12px}.footer-logo{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.phone{transform:none}.phone-motion{will-change:auto}}
html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* Device finish only: keep the existing .phone and .phone-motion transforms. */
.phone{padding:3px;background:#101112;border:1px solid #8c949f;border-radius:18px;box-shadow:0 0 0 1px #dce1e8,0 3px 7px #1824371a,12px 24px 48px -18px #30528d40}
.phone img{display:block;width:100%;height:auto;border-radius:4% / 1.85%}
@media(max-width:760px){.phone{border-radius:15px}}
.phone-caption>.status-dot{margin-left:0}
.header .brand>img,.footer .footer-logo>img{width:76px;height:auto;flex:0 0 auto}
.header nav>a{font-size:18px}
@media(min-width:761px) and (max-width:1100px){.header nav{gap:18px}.header nav>a{font-size:16px}}
.header .brand>span,.footer-logo>span{display:flex;flex-direction:column;gap:6px;line-height:1.35}
.header .brand small,.footer-logo small{display:block;margin:0;font-size:12px;font-weight:500;letter-spacing:.08em;line-height:1.4;color:var(--muted);white-space:nowrap}
@media(max-width:1100px){.header .brand>img{width:64px}.header .brand{gap:12px}}
@media(max-width:760px){.header .brand>img{width:54px}.header .brand{gap:10px}.header .brand>span{font-size:12px}.header .brand small{font-size:9px;letter-spacing:.04em}.footer-logo small{font-size:9px}.footer .footer-logo>img{width:64px}}