@font-face{font-family:PreviewNoto;src:url(/assets/v15-v02-regular.woff) format('woff');font-weight:400;font-display:swap}
@font-face{font-family:PreviewNoto;src:url(/assets/v15-v02-bold.woff) format('woff');font-weight:700 900;font-display:swap}
:root{--ink:#182b35;--teal:#178b80;--teal-dark:#08776d;--tint:#edf4f2;--line:#d5e1df;--muted:#536975;--white:#fff;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:PreviewNoto,'Noto Sans CJK TC','Microsoft JhengHei',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,svg,video{max-width:100%}img{display:block}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}::selection{background:#bdece6;color:#142933}[hidden]{display:none!important}
.site-shell{width:100%;margin:0 auto;background:#fff;container-type:inline-size;min-height:100vh}.wrap{width:min(calc(100% - 84px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.header-inner{width:min(calc(100% - 84px),var(--max));margin:auto;min-height:92px;display:flex;align-items:center;gap:30px}.brand{display:block;width:240px;flex:0 0 auto}.brand img{width:100%;height:auto}.header-nav{display:flex;align-items:center;gap:23px;margin-left:auto;font-size:.78rem;white-space:nowrap}.header-nav a{color:#36515c}.header-nav a:hover,.header-nav a[aria-current=page]{color:var(--teal)}.header-nav a[aria-current=page]{border-bottom:2px solid var(--teal);padding-block:7px}.language{display:flex;align-items:center;gap:7px;margin-left:8px;font-size:.7rem;white-space:nowrap}.language span{color:var(--teal);font-weight:700}.language a{color:#758993}.language a:hover{color:var(--teal)}.menu-toggle{display:none;border:1px solid #c7d8d5;background:#fff;color:var(--ink);padding:9px 12px;font-size:.9rem;white-space:nowrap}.menu-toggle .symbol{font-size:1.25rem;margin-left:5px;line-height:1}.menu-toggle[aria-expanded=true] .symbol{transform:rotate(45deg);display:inline-block}
main{min-height:55vh}.section{padding:100px 0}.section.tint{background:var(--tint)}.section.tight{padding:58px 0}.section h2{font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.27;letter-spacing:-.024em;margin:0 0 34px;max-width:22ch}.section p{max-width:70ch;margin:0 0 18px}.section small,.caption{font-size:.8rem;color:var(--muted)}.hero{padding:108px 0 96px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center}.hero h1{font-size:clamp(3.1rem,5vw,5.1rem);line-height:1.2;letter-spacing:-.036em;max-width:13ch;margin:0}.hero h1 .teal{color:var(--teal)}.hero p{font-size:1.05rem;max-width:50ch;margin:0 0 24px}.hero .eyepath{grid-column:1/-1;color:var(--muted);font-size:.75rem;margin-bottom:36px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:#fff;font-weight:700;font-size:.9rem;padding:18px 22px;min-height:58px;border:1px solid var(--ink)}.btn:hover{background:#29434e}.btn.secondary{background:#fff;color:var(--ink);border-color:#fff}.btn.secondary:hover{background:#e8f2f0}.btn .arrow{font-size:1.15rem;line-height:1}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #9db4b4;padding-bottom:12px;font-size:.85rem;font-weight:700}.text-link:hover{color:var(--teal);border-color:var(--teal)}.text-link svg{width:15px;height:15px}
.hairline{border-top:1px solid var(--line)}.value-strip{border-block:1px solid var(--line)}.value-inner{display:grid;grid-template-columns:1.5fr repeat(4,1fr);padding-block:26px;gap:0}.value-inner>div{padding:0 24px;border-left:1px solid var(--line)}.value-inner>div:first-child{padding-left:0;border:0;color:var(--muted);font-size:.86rem}.value-inner strong{display:block;font-size:1.3rem;line-height:1.4}.value-inner strong .sup{font-size:.6em;vertical-align:top}.value-inner span{display:block;color:var(--muted);font-size:.78rem}.three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}.three-cards article{min-height:310px;padding:27px 27px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.three-cards article:first-child{padding-left:0}.three-cards article:last-child{border-right:0;background:var(--tint)}.three-cards .label{font-size:.75rem;font-weight:700;color:#52707b}.three-cards h3{font-size:1.65rem;line-height:1.35;margin:25px 0 auto;max-width:14ch}.three-cards a{font-size:.82rem;font-weight:700;display:flex;justify-content:space-between;gap:20px;margin-top:22px}.three-cards a:hover{color:var(--teal)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.logo-forward{width:245px;max-width:70%;height:auto;margin-bottom:28px}.step-rows{border-top:1px solid #9cb4b5}.step-rows .row{display:grid;grid-template-columns:22% 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}.step-rows strong{font-size:1.15rem}.step-rows .row strong{color:var(--teal)}.step-rows p{font-size:.9rem;margin:0}.five-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin:38px 0}.five-steps article{border-top:1px solid #789598;padding-top:17px}.five-steps em{font-style:normal;color:var(--teal);font-size:.75rem}.five-steps h3{font-size:1.07rem;margin:14px 0 8px}.five-steps p{font-size:.8rem;color:var(--muted)}.video-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:9%;align-items:center}.video-grid video{width:100%;aspect-ratio:16/9;background:#0a1720}.video-grid .caption{margin-top:12px}.cta-band{background:var(--ink);color:white;padding:67px 0}.cta-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.cta-band h2{font-size:clamp(1.8rem,3.2vw,3rem);margin:0;line-height:1.25}.cta-band p{color:#d4e4e6;font-size:.82rem}.site-footer{padding:48px 0 23px}.footer-main{display:flex;justify-content:space-between;gap:50px}.footer-main img{width:230px}.footer-main p{color:var(--muted);font-size:.76rem;margin:13px 0}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:8px 35px;font-size:.78rem}.footer-links a:hover{color:var(--teal)}.footer-legal{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;gap:25px;color:#617782;font-size:.68rem}.footer-legal p{margin:0}
.breadcrumb{color:#6c8189;font-size:.72rem;margin-bottom:40px}.breadcrumb span{margin-inline:14px}.line-table{border-top:1px solid var(--line)}.line-table .row{display:grid;grid-template-columns:32% 1fr;gap:30px;border-bottom:1px solid var(--line);padding:23px 0;align-items:start}.line-table strong{font-size:1.03rem}.line-table p{font-size:.88rem;margin:0;color:#3e5761}.team{display:grid;grid-template-columns:1fr 1fr;gap:50px}.person{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:start}.portrait{width:190px;height:240px;display:block;background:#dbe7e6}.person h3{font-size:1.2rem;margin:0}.person b{font-size:.95rem}.person .role{color:var(--teal);font-size:.82rem;font-weight:700;margin:12px 0}.person p{font-size:.86rem}.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.region-grid article{border-top:1px solid #789598;padding-top:15px}.region-grid h3{font-size:1.27rem;margin:0 0 10px}.region-grid p{font-size:.83rem;color:var(--muted)}.legal-data{width:min(100%,900px)}.legal-data .row{grid-template-columns:145px 1fr}.legal-data .row strong{font-size:.87rem}
.tablist{display:grid;grid-template-columns:repeat(5,1fr);background:var(--tint);border-bottom:1px solid var(--line)}.tablist button{border:0;border-top:3px solid transparent;background:transparent;color:var(--ink);padding:19px 12px;font-weight:700}.tablist button[aria-selected=true]{background:var(--ink);color:#fff;border-top-color:var(--teal)}.tabpanel{display:grid;grid-template-columns:1fr 1fr;gap:55px;min-height:220px;padding:38px;background:var(--tint)}.tabpanel h3{font-size:1.6rem;line-height:1.4;margin:0}.tabpanel p{font-size:.95rem}.tabpanel .output{border-top:1px solid var(--line);font-size:.79rem;color:var(--muted);padding-top:15px;margin-top:18px}.method-figure{background:#fff;padding:26px;margin:0}.method-figure svg{width:100%;height:auto;display:block}.method-figure figcaption{font-size:.78rem;color:#5d747f;margin-top:14px}.method-figure button{border:0;border-bottom:1px solid #9db4b4;background:none;padding:0 0 5px;color:var(--ink);margin-top:8px}.method-figure button:hover{color:var(--teal)}.method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}.disclosure details{border-top:1px solid var(--line)}.disclosure details:last-child{border-bottom:1px solid var(--line)}.disclosure summary{list-style:none;cursor:pointer;padding:21px 0;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.05rem}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary svg{width:15px;height:15px;color:var(--teal)}.disclosure details[open] summary svg{transform:rotate(45deg)}.disclosure .body{display:grid;grid-template-columns:1.5fr .7fr;gap:40px;padding:0 0 24px}.disclosure .body p{font-size:.86rem}.disclosure .body small{border-top:1px solid var(--line);padding-top:10px}
.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.stat{font-size:5.5rem;line-height:1;font-weight:700;color:var(--teal)}.stat small{font-size:.95rem;font-weight:400;margin-left:15px}.chart{width:100%;height:auto;display:block;margin:35px 0 10px}.chart-legend{display:flex;gap:25px;font-size:.82rem;margin-top:10px}.chart-legend span{display:flex;align-items:center;gap:8px}.chart-legend i{width:18px;height:2px;background:var(--teal);display:inline-block}.chart-legend .load i{background:var(--ink);border-top:2px dashed var(--ink);height:0}.chart-time{display:flex;justify-content:space-between;color:var(--muted);font-size:.77rem}.storage-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center}.storage-big{font-size:4.7rem;line-height:1;font-weight:700}.storage-big small{font-size:.8rem;color:var(--muted);font-weight:400;margin-left:8px}.storage-bars .bar{display:grid;grid-template-columns:80px 1fr 70px;gap:20px;align-items:center;margin:15px 0;font-size:.8rem}.storage-bars .track{height:13px;background:#dce9e6}.storage-bars .fill{height:100%;background:var(--teal)}.deliverable{border-left:1px solid var(--teal);padding-left:25px;max-width:860px}.deliverable h3{margin:0 0 12px;font-size:1.2rem}.deliverable p{font-size:.83rem}
.calc-wrap{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);background:#fff}.calc-inputs{padding:30px;border-right:1px solid var(--line)}.calc-inputs label{display:block;font-size:.8rem;font-weight:700;margin-bottom:20px}.calc-inputs input[type=number]{display:block;width:100%;padding:12px;border:1px solid #cbd9d9;border-radius:0;margin-top:7px;color:var(--ink);background:#fff}.calc-inputs input[type=range]{width:100%;accent-color:var(--teal);margin-top:14px}.calc-inputs .range-head{display:flex;justify-content:space-between}.calc-inputs .range-head strong{color:var(--teal)}.calc-inputs button{background:none;border:0;border-bottom:1px solid #9db4b4;color:var(--ink);padding:3px 0;font-size:.78rem}.calc-result{padding:30px;min-width:0}.calc-facility{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:.8rem}.calc-facility strong{font-size:1.35rem}.calc-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:end;padding:24px 0}.calc-comparison>div{min-width:0}.calc-comparison span{display:block;font-size:.76rem;color:var(--muted)}.calc-comparison strong{font-size:clamp(2.2rem,3.8vw,4.7rem);line-height:1.15;display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.calc-comparison .improved{color:var(--teal)}.calc-comparison b{font-size:1.8rem}.calc-savings{border-bottom:1px solid var(--line);padding-bottom:20px;font-size:.87rem}.calc-savings strong{color:var(--teal)}.calc-error{color:#a33b2e;font-size:.82rem}.calc-note{font-size:.76rem;color:var(--muted);margin-top:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-grid article{border-top:1px solid #789598;padding-top:18px}.service-grid h3{font-size:1.14rem;margin:0 0 11px}.service-grid p{font-size:.85rem;color:#425c66}
.figure-dialog{width:min(96vw,1040px);max-height:90vh;border:0;padding:25px;background:#fff;color:var(--ink)}.figure-dialog::backdrop{background:rgba(7,21,30,.8)}.figure-dialog .dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.figure-dialog button{border:1px solid var(--line);background:white;padding:8px 14px}.figure-dialog svg{width:100%;max-height:68vh}.figure-dialog p{font-size:.78rem;color:var(--muted)}.review-controls{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;gap:7px;align-items:center;background:#fff;box-shadow:0 8px 36px #0002;border:1px solid var(--line);padding:8px}.review-controls span{font-size:.69rem;color:#536975;padding:0 7px}.review-controls button{border:1px solid var(--line);background:#fff;padding:7px 10px;font-size:.73rem}.review-controls button:hover{background:var(--tint)}.mobile-mode{background:#dce6e4}.mobile-mode .site-shell{width:390px;max-width:100%;box-shadow:0 0 45px #18333e30}.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;padding:8px;z-index:100}.skip-link:focus{left:10px}
@container (max-width:1100px){.header-nav{gap:13px;font-size:.7rem}.brand{width:205px}.header-inner{gap:14px}.hero-grid{gap:5%}.team{gap:25px}.person{grid-template-columns:135px 1fr}.portrait{width:135px;height:170px}}
@container (max-width:760px){.wrap,.header-inner{width:calc(100% - 44px)}.header-inner{min-height:76px;justify-content:space-between}.brand{width:205px}.menu-toggle{display:block}.header-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:12px 22px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 28px #182b3520;white-space:normal;flex-direction:column;align-items:stretch;gap:0}.header-nav.is-open{display:flex}.header-nav a{padding:11px 0;border-bottom:1px solid var(--line)!important}.language{display:none}.section{padding:66px 0}.section.tight{padding:46px 0}.section h2{font-size:1.9rem;line-height:1.35}.hero{padding:70px 0 58px}.hero-grid,.split,.video-grid,.method-grid,.stat-row,.storage-grid,.cta-band .wrap{grid-template-columns:1fr;gap:32px}.hero .eyepath{margin-bottom:6px}.hero h1{font-size:2.6rem;line-height:1.32;margin-bottom:0}.hero p{font-size:1.03rem;line-height:1.8}.btn{min-width:220px}.value-inner{grid-template-columns:repeat(2,1fr);gap:23px;padding-block:32px}.value-inner>div{border:0;padding:0}.value-inner>div:first-child{grid-column:1/-1}.value-inner>div:nth-child(even){border-right:1px solid var(--line)}.three-cards{grid-template-columns:1fr}.three-cards article,.three-cards article:first-child{min-height:210px;border-right:0;border-bottom:1px solid var(--line);padding:23px 0}.three-cards article:last-child{padding:23px;background:var(--tint);border-bottom:0}.three-cards h3{margin:21px 0 14px}.five-steps{grid-template-columns:1fr 1fr;gap:23px}.step-rows .row{grid-template-columns:95px 1fr}.team{grid-template-columns:1fr;gap:34px}.person{grid-template-columns:100px 1fr;gap:17px}.portrait{width:100px;height:128px}.region-grid{grid-template-columns:1fr 1fr}.line-table .row{grid-template-columns:1fr;gap:7px;padding:20px 0}.tablist button{padding:17px 6px;font-size:.85rem}.tabpanel{grid-template-columns:1fr;gap:25px;padding:23px;min-height:270px}.disclosure .body{grid-template-columns:1fr;gap:10px}.calc-wrap{grid-template-columns:1fr}.calc-inputs{border-right:0;border-bottom:1px solid var(--line)}.calc-comparison strong{font-size:2.65rem}.service-grid{grid-template-columns:1fr}.cta-band .wrap{gap:22px}.footer-main{display:block}.footer-links{margin-top:24px}.footer-legal{display:block}.footer-legal p{margin:7px 0}.stat{font-size:4.6rem}}
@container (max-width:390px){.brand{width:min(175px,calc(100% - 94px))}.hero h1{font-size:2.35rem}.section h2{font-size:1.7rem}.calc-comparison strong{font-size:2.3rem}.calc-comparison{gap:9px}.tabpanel{padding:20px}.value-inner strong{font-size:1.12rem}}
@media(max-width:600px){.review-controls{left:5px;right:5px;bottom:5px;justify-content:center}.review-controls span{font-size:.61rem}.review-controls button{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
main [id]{scroll-margin-top:110px}
.figure-dialog svg{width:min(100%,600px);height:auto;max-height:none;display:block;margin-inline:auto}
@media(max-width:420px){.tablist{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto}}
.value-inner strong .sup{display:inline;white-space:nowrap}
@media(min-width:761px){html[lang=en] .hero h1{max-width:19ch;font-size:clamp(3.1rem,4.3vw,4.8rem)}}
/* Keep locale choices available on narrow screens without crowding the logo. */
@container (max-width:760px){
  .header-inner{flex-wrap:wrap;column-gap:12px;row-gap:0;padding-block:12px}
  .header-inner .brand{width:min(205px,calc(100% - 110px))}
  .header-inner .menu-toggle{order:1}
  .header-inner .language{display:flex;order:2;flex-basis:100%;justify-content:flex-end;gap:8px;margin:0;padding-top:6px;font-size:.8rem}
  .header-inner .language a,.header-inner .language span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding-inline:7px}
  .header-inner .language a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
  .header-inner .language span{color:var(--teal)}
  .header-inner .header-nav{top:100%;max-height:calc(100dvh - 120px);overflow-y:auto}
}

/* Source-deck assets: preserve the accepted portrait sizes and composition. */
img.portrait{object-fit:cover;object-position:center 18%}
.method-figure .source-chart{display:block;width:100%;height:auto}
.figure-dialog .chart-scroll{overflow:auto;max-height:65vh;overscroll-behavior:contain}
.figure-dialog .chart-scroll:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.figure-dialog .source-chart{display:block;width:100%;min-width:900px;max-width:none;height:auto}