@font-face{font-family:Noto;src:url('assets/fonts/NotoSansTC-Regular-web.ttf?v=4') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Noto;src:url('assets/fonts/NotoSansTC-Bold-web.ttf?v=4') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Noto,-apple-system,BlinkMacSystemFont,'PingFang TC',sans-serif;background:#fff;color:#202a35;line-height:1.8}a{color:#116fb8;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #116fb8;outline-offset:5px}.skip-link{position:fixed;left:20px;top:-100px;z-index:99;background:white;padding:15px}.skip-link:focus{top:10px}.dp-header{position:sticky;top:0;z-index:20;height:76px;background:#ffffffed;backdrop-filter:blur(20px);border-bottom:1px solid #eceef0;display:flex;justify-content:space-between;align-items:center;padding:0 max(5%,calc((100% - 1180px)/2))}.dp-brand{display:flex;align-items:center;gap:10px}.dp-brand img{display:block}.dp-header nav{display:flex;gap:30px;align-items:center}.dp-header nav a{color:#464950;font-size:12px}.dp-header nav .nav-contact{background:#116fb8;border-radius:24px;padding:7px 17px;color:white}.dp-menu{display:none}.mobile-nav[hidden]{display:none}.preview-bar{background:#f5f5f7;font-size:11px;text-align:center;padding:10px 18px;color:#737982}.preview-bar span{margin:0 7px}.service-overview{max-width:1280px;margin:auto;padding:54px 5% 38px}.service-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.service-heading h1{font-size:64px;line-height:1.3;letter-spacing:-.05em}.service-heading>p{font-size:17px;font-weight:700;line-height:1.6;letter-spacing:-.02em}.service-strip{display:flex;justify-content:space-between;gap:30px;overflow-x:auto;padding:34px 4px 16px;scroll-snap-type:x mandatory}.service-strip a{flex:0 0 17%;min-width:135px;text-align:center;color:#343941;scroll-snap-align:start}.service-strip canvas{display:block;width:100%;max-width:200px;aspect-ratio:13/9;margin:auto;transition:transform .35s}.service-strip a:hover canvas{transform:translateY(-7px)}.service-strip strong{display:block;font-size:15px;margin-top:7px}.service-strip small{font-size:8px;letter-spacing:.07em;display:block;color:#8a8e96;margin-top:4px}.swipe-hint{display:none}.vision{text-align:center;padding:100px 24px 60px;background:linear-gradient(#fff,#f7f9fb)}.eyebrow{display:block;font-size:12px;letter-spacing:.13em;font-weight:700;color:#116fb8;margin-bottom:25px}.vision h2{font-size:clamp(42px,5.6vw,76px);letter-spacing:-.055em;line-height:1.25}.vision p{color:#596673;font-size:18px;line-height:1.8;margin:28px 0}.scroll-link{font-size:13px;display:inline-flex;align-items:center;gap:20px;margin-top:10px}.scroll-link span{font-size:22px}.building-story{height:460vh;background:#f7f9fb}.build-stage{height:calc(100svh - 76px);min-height:560px;max-height:1000px;position:sticky;top:76px;max-width:1600px;margin:auto;overflow:hidden}.build-top{position:absolute;top:28px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:9px;letter-spacing:.12em;color:#7a8793}.build-top a{font-size:11px;letter-spacing:0}.build-copy{position:absolute;z-index:3;left:9%;top:25%;width:28%;pointer-events:none}.chapter-label{font-size:12px;letter-spacing:.13em;color:#116fb8;font-weight:700}.build-copy h2{font-size:clamp(29px,3.2vw,47px);line-height:1.35;letter-spacing:-.045em;margin:18px 0}.build-copy p{font-size:15px;color:#596673;line-height:1.9;max-width:310px;min-height:86px}.value-label{display:block;font-size:11px;color:#116fb8;margin-top:24px}.model-wrap{position:absolute;left:30%;right:0;top:9%;bottom:17%}#building-canvas{width:100%;height:100%;display:block}.model-caption{position:absolute;right:10%;bottom:3%;font-size:8px;letter-spacing:.04em;color:#63717e}.build-controls{position:absolute;bottom:26px;left:9%;right:9%;z-index:3}.build-progress{height:2px;background:#dce5ed;margin-bottom:18px;overflow:hidden}.build-progress i{display:block;width:100%;height:100%;background:#116fb8;transform:scaleX(0);transform-origin:left}.build-steps{display:flex;justify-content:space-between}.build-steps button{border:0;background:none;color:#84909c;font-size:12px;padding:8px 12px}.build-steps button:first-child{padding-left:0}.build-steps button:last-child{padding-right:0}.build-steps span{font-size:9px;margin-right:8px}.build-steps button[aria-pressed=true]{color:#116fb8;font-weight:700}.build-controls>p{font-size:9px;letter-spacing:.04em;color:#95a1ab;text-align:center;margin-top:10px}.reduced-note{display:none}.dp-section{padding:120px max(6%,calc((100% - 1100px)/2))}.section-heading h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;line-height:1.3}.section-heading h2 span{color:#84929e}.section-heading>p{font-size:17px;color:#596673;line-height:1.9;max-width:790px;margin-top:28px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}.value-grid article{border-top:1px solid #d9e1e7;padding-top:26px}.value-grid article>span{font-size:10px;letter-spacing:.06em;color:#8b97a3}.value-grid h3{font-size:21px;margin:22px 0 15px;letter-spacing:-.025em}.value-grid p{font-size:14px;color:#596673;line-height:1.9}.journey-section{background:#f5f5f7;display:grid;grid-template-columns:1fr 1fr;gap:40px 9%}.journey-list{padding:0;margin:0;list-style:none}.journey-list li{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid #d6dce3}.journey-list li:first-child{padding-top:0}.journey-list li>span{font-size:12px;color:#116fb8;padding-top:6px}.journey-list h3{font-size:20px}.journey-list p{font-size:13px;color:#596673;line-height:1.9;margin-top:12px}.dp-note{font-size:11px;color:#63717e;line-height:1.9;margin-top:25px;grid-column:1/-1}.comparison-scroll{margin-top:56px;overflow-x:auto}.comparison-scroll table{width:100%;border-collapse:collapse;min-width:640px;text-align:left}.comparison-scroll th,.comparison-scroll td{padding:22px;border-bottom:1px solid #dee4ea;vertical-align:top}.comparison-scroll thead th{font-size:20px;line-height:1.6}.comparison-scroll thead th:first-child{font-size:12px;color:#85929e;width:18%}.comparison-scroll tbody th{font-size:13px;color:#46525e}.comparison-scroll td{font-size:14px;color:#596673;width:41%}.contact-invitation{text-align:center;padding:110px 24px;background:#f4f8fc}.contact-invitation h2{font-size:clamp(36px,4.8vw,64px);line-height:1.3;letter-spacing:-.045em}.contact-invitation p{font-size:16px;line-height:1.9;color:#596673;margin:26px 0 32px}.primary-button{display:inline-flex;align-items:center;gap:24px;background:#116fb8;border-radius:30px;color:white;font-size:14px;padding:12px 26px}.primary-button:hover{background:#0f609f}.mobile-nav{position:fixed;top:76px;left:0;right:0;z-index:19;background:white;box-shadow:0 14px 20px #1a2a4010;padding:14px 7%}.mobile-nav a{display:block;padding:13px 0;color:#202a35;font-size:16px}
@media(max-width:900px){.dp-header nav{gap:20px}.build-copy{left:6%;width:31%}.build-copy p{font-size:13px}.value-grid{gap:26px}.service-strip{gap:15px}.value-grid h3{font-size:18px}.dp-section{padding-top:90px;padding-bottom:90px}.journey-section{gap:40px 6%}.journey-section .section-heading h2{font-size:36px}}
@media(max-width:700px){html{scroll-padding-top:76px}.dp-header{height:72px;padding:0 6%}.dp-brand img:last-child{width:116px;height:auto}.dp-header nav{display:none}.dp-menu{display:flex;align-items:center;gap:16px;border:0;background:none;font-size:12px;padding:10px 0;color:#404954}.dp-menu span{font-size:18px}.mobile-nav{top:72px}.preview-bar{font-size:10px}.service-overview{padding:34px 0 28px}.service-heading{padding:0 6%}.service-heading h1{font-size:43px}.service-heading>p{font-size:12px;line-height:1.6}.service-strip{padding:18px 6% 12px;gap:20px;justify-content:flex-start}.service-strip a{min-width:132px;flex-basis:132px}.service-strip strong{font-size:13px}.service-strip small{font-size:7px}.swipe-hint{display:block;font-size:10px;text-align:right;margin:8px 6% 0;color:#919ba5}.vision{padding:70px 6% 48px}.vision .eyebrow{font-size:10px}.vision h2{font-size:42px}.vision p{font-size:14px}.building-story{height:400vh}.build-stage{top:72px;height:calc(100svh - 72px);min-height:600px}.build-top{top:18px;left:6%;right:6%;font-size:8px}.build-top a{font-size:10px}.build-copy{top:65px;left:7%;width:86%}.build-copy h2{font-size:30px;margin:10px 0;line-height:1.35}.build-copy h2 br{display:none}.build-copy p{font-size:12px;line-height:1.8;min-height:44px;max-width:85%;margin-top:8px}.chapter-label{font-size:10px}.value-label{font-size:10px;margin-top:12px}.model-wrap{top:32%;left:-8%;right:-8%;bottom:17%}.model-caption{right:12%;bottom:0;font-size:7px}.build-controls{bottom:17px;left:7%;right:7%}.build-steps button{font-size:11px;padding:8px 7px}.build-steps span{font-size:8px;display:block;margin:0}.build-progress{margin-bottom:10px}.build-controls>p{font-size:8px}.dp-section{padding:70px 7%}.section-heading h2{font-size:36px}.section-heading>p{font-size:14px}.section-heading>p br{display:none}.eyebrow{font-size:10px;margin-bottom:18px}.value-grid{grid-template-columns:1fr;margin-top:40px;gap:34px}.value-grid h3{font-size:22px;margin:16px 0 12px}.value-grid p{font-size:14px}.journey-section{grid-template-columns:1fr;gap:42px}.journey-list h3{font-size:20px}.journey-list li{padding:22px 0}.dp-note{margin-top:0}.comparison-scroll{margin-top:34px}.comparison-scroll th,.comparison-scroll td{padding:18px 14px}.comparison-scroll thead th{font-size:16px}.comparison-section .dp-note{margin-top:22px}.contact-invitation{padding:74px 7%}.contact-invitation p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.building-story{height:auto}.build-stage{position:relative;top:0}.service-strip canvas{transition:none}.reduced-note{display:block}.build-controls>p{font-size:9px}}@media(max-height:660px) and (min-width:701px){.build-stage{min-height:500px}.build-copy{top:20%}.build-copy h2{font-size:32px}.build-controls{bottom:16px}}

.service-strip{scrollbar-width:none}.service-strip::-webkit-scrollbar{display:none}