:root{--paper:#f5f7fb;--white:#fff;--ink:#202f4b;--muted:#58657b;--blue:#3952cd;--blue-dark:#283daf;--mist:#e8edf7;--line:#d8dfeb;font-family:"PingFang TC","Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #bd6520;outline-offset:5px}img,svg{display:block;max-width:100%}button,a{touch-action:manipulation}[hidden]{display:none!important}.container{width:calc(100% - 40px);max-width:1200px;margin-inline:auto}.skip-link{position:fixed;z-index:100;top:-100px;left:16px;background:white;padding:16px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:rgba(245,247,251,.96);border-bottom:1px solid #e4e8f0;backdrop-filter:blur(16px)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-family:Arial,sans-serif;display:inline-flex;align-items:center;gap:4px;font-size:2rem;font-weight:800;letter-spacing:-1.8px;min-height:44px}.brand-mark{color:var(--blue);font-size:1.75rem;margin:0 0 7px 3px;letter-spacing:0}.desktop-nav{display:none}.header-actions{display:flex;gap:12px;align-items:center}.header-cta{font-size:0.8125rem;font-weight:700;display:flex;gap:8px;align-items:center;min-height:44px}.header-cta>span{font-size:1.125rem;color:var(--blue)}.menu-toggle{border:1px solid var(--line);background:transparent;width:44px;height:44px;border-radius:50%;display:grid;align-content:center;gap:6px;padding:13px}.menu-toggle span{display:block;height:1px;width:16px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{background:var(--paper);padding:8px 20px 20px;border-top:1px solid var(--line);box-shadow:0 20px 30px #202f4b0d}.mobile-nav a{display:block;padding:13px 4px;min-height:48px;font-size:1rem;border-bottom:1px solid var(--line)}.hero{padding-block:40px 36px}.hero-kicker{font-size:0.8125rem;color:var(--muted);display:flex;align-items:center;gap:10px;margin-bottom:23px}.short-rule{width:22px;height:2px;background:var(--blue)}h1{font-size:clamp(2.35rem,9.7vw,3.3rem);font-weight:700;line-height:1.28;letter-spacing:-.045em}.hero-description{font-size:1rem;line-height:1.9;color:var(--muted);margin-top:24px}.wide-only{display:none}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:15px 20px;border:1px solid transparent;border-radius:8px;font-size:0.9375rem;font-weight:700;transition:background .2s,color .2s}.button>span{font-size:1.25rem;font-family:Arial,sans-serif}.blue{background:var(--blue);color:white}.blue:hover{background:var(--blue-dark)}.quiet-link{min-height:48px;display:inline-flex;align-items:center;gap:9px;font-size:0.875rem;font-weight:600}.quiet-link:hover,.inline-link:hover{color:var(--blue)}.workflow-scene{margin-top:36px;border:1px solid #d6deee;border-radius:20px;background:#e8edf8;overflow:hidden;box-shadow:inset 0 1px 0 white}.scene-heading{display:flex;justify-content:space-between;gap:12px;padding:22px 20px 0;font-size:0.8125rem;font-weight:600}.sample-label{font-size:0.75rem;color:#5a6781;font-weight:400}.workflow-canvas{position:relative;width:100%;aspect-ratio:500/470;background-image:radial-gradient(#aebedd 1px,transparent 1px);background-size:20px 20px;background-position:10px 10px}.flow-lines{position:absolute;width:100%;height:100%;inset:0}.flow-card{position:absolute;background:white;border:1px solid #d6deed;box-shadow:0 10px 25px #2e477214;border-radius:12px}.intake{left:8%;top:10%;width:73%;min-height:18%;padding:15px;display:flex;align-items:center;gap:12px}.flow-icon{width:38px;height:38px;flex-shrink:0;background:#edf1fd;border-radius:10px;display:grid;place-items:center;color:var(--blue)}.flow-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.flow-caption{font-size:0.75rem;display:block;color:var(--muted);line-height:1.6}.flow-card strong{font-size:0.875rem;display:block;line-height:1.65}.tiny-tag{font-size:0.625rem;color:#52617a;background:#f0f3f9;border-radius:4px;padding:3px 6px;margin-left:auto}.engine{right:7%;top:43%;width:70%;padding:16px;background:#fff}.engine-title{display:flex;align-items:center;gap:10px}.dark-icon{background:var(--blue);color:white}.engine-steps{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:0.75rem}.engine-steps>span{background:#eef2fc;border-radius:4px;padding:5px 8px}.engine-steps i{font-style:normal;color:#8494bc}.engine-note{font-size:0.625rem;margin-top:12px;line-height:1.6;color:var(--muted);display:flex;gap:6px}.output{left:6%;top:83%;padding:12px 15px;display:flex;gap:10px;align-items:center;width:62%}.output-icon{background:#edf4ef;color:#437562}.canvas-note{position:absolute;left:8%;top:48%;font-size:0.625rem;line-height:1.7;color:#63799f}.scene-footer{display:flex;justify-content:space-between;padding:30px 20px 20px;gap:12px;font-size:0.625rem;color:#52617a}.scene-footer>span:last-child{font-family:Arial,sans-serif}.intro-strip{border-block:1px solid var(--line);background:#edf1f8}.intro-strip .container{padding-block:19px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:0.75rem}.intro-strip p{width:100%;font-size:0.875rem;font-weight:600}.intro-strip span{color:var(--muted)}.intro-strip span:before{content:'／';margin-right:8px;color:#8b9abb}.section{padding-block:64px}.section-label{font-size:0.875rem;color:var(--blue);font-weight:600;margin-bottom:18px}.section-head{margin-bottom:32px}h2{font-size:clamp(1.8rem,7.2vw,2.55rem);font-weight:700;line-height:1.4;letter-spacing:-.045em}.section-intro{font-size:1rem;color:var(--muted);margin-top:20px}.service-row{position:relative;border-top:1px solid var(--line);padding:28px 0}.service-row:last-child{border-bottom:1px solid var(--line)}.service-name{display:flex;align-items:center;gap:16px;padding-right:46px;min-height:56px}.service-glyph{width:46px;height:46px;display:grid;place-items:center;font-size:1.75rem;color:var(--blue);flex-shrink:0}.service-caption{font-size:0.75rem;color:var(--blue);display:block;margin-bottom:6px}.service-name h3{font-size:1.4375rem;line-height:1.4;font-weight:600;letter-spacing:-.025em}.service-detail{margin-top:18px}.service-detail p{font-size:0.9375rem;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:17px 0 0}.chips li{font-size:0.75rem;color:#536583;background:#e9edf5;border-radius:5px;padding:7px 10px}.round-link{width:44px;height:44px;position:absolute;right:0;top:36px;border:1px solid #bac5db;border-radius:50%;display:grid;place-items:center;font:24px Arial,sans-serif}.round-link:hover{color:white;background:var(--blue);border-color:var(--blue)}.primary-service .service-glyph{background:var(--blue);border-radius:12px;color:white}.work-section{background:#fff}.work-heading{margin-bottom:30px}.work-heading>p{font-size:0.9375rem;color:var(--muted);margin-top:18px}.project-stage{background:#dde5f3;border-radius:16px;display:block;position:relative;padding:23px 20px 55px;overflow:hidden}.project-stage-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.project-stage-top>span:first-child{font:600 23px Arial,sans-serif;letter-spacing:-1px}.stage-category{font-size:0.6875rem;color:var(--muted)}.browser-frame{border:1px solid #ccd4df;border-radius:9px;overflow:hidden;background:white;box-shadow:0 18px 35px #253f6926}.browser-toolbar{height:30px;display:flex;justify-content:space-between;align-items:center;background:#fbfcfe;padding-inline:10px;font-size:0.625rem;color:#5c6474}.browser-dots{font-size:0.375rem;color:#96a0b3;letter-spacing:1px}.browser-frame img{width:100%;height:auto;aspect-ratio:390/620;object-fit:cover;object-position:top}.project-open{position:absolute;bottom:13px;right:22px;font-size:0.75rem;display:flex;align-items:center;gap:14px;padding:4px 0;min-height:30px}.project-open>span{font-size:1.125rem}.project-stage:hover .project-open{text-decoration:underline}.case-description{padding-top:27px}.tags{display:flex;gap:10px;font-size:0.75rem;color:var(--muted);margin-bottom:13px}.tags>span+span:before{content:'/';padding-right:10px;color:#95a0b2}.case-description h3{font-size:1.5rem;line-height:1.5;font-weight:600;letter-spacing:-.03em}.case-description p{margin-top:14px;color:var(--muted);font-size:0.9375rem}.inline-link{display:inline-flex;align-items:center;gap:20px;min-height:48px;margin-top:12px;font-size:0.875rem;font-weight:700;border-bottom:1px solid var(--ink)}.case-facts{padding:0;margin:30px 0 0;display:grid;gap:15px}.case-facts>div{display:grid;grid-template-columns:70px 1fr;gap:14px;font-size:0.8125rem;line-height:1.85}.case-facts dt{color:var(--muted)}.case-facts dd{margin:0}.next-project{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:35px;padding-top:24px}.next-icon{font-size:1.75rem;color:var(--blue);display:none}.next-project h3{font-size:1rem;font-weight:600}.next-project p{font-size:0.8125rem;color:var(--muted);margin-top:7px}.tag-muted{font-size:0.6875rem;padding:6px 9px;background:#eff2f6;border-radius:5px;white-space:nowrap;margin-left:auto;color:var(--muted)}.process-list{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:0}.process-list li{position:relative;padding:0 0 29px 61px;min-height:112px}.process-list li:not(:last-child):before{content:'';position:absolute;left:20px;top:42px;bottom:0;width:1px;background:#b8c7e4}.step-number{position:absolute;left:0;top:0;border:1px solid #b8c7e4;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:14px Arial,sans-serif;color:var(--blue);background:var(--paper)}.process-list h3{font-size:1.25rem;padding-top:5px;margin-bottom:10px}.process-list p{font-size:0.9375rem;color:var(--muted)}.process-list li:last-child{padding-bottom:0}.about-section{background:#e6edf8;padding-block:60px}.about-copy{margin-top:29px}.about-copy p{font-size:1rem;color:#4e5f79;margin-bottom:18px}.about-signoff{display:flex;align-items:center;gap:25px;margin-top:30px}.signature{font-family:Georgia,serif;font-style:italic;font-size:2.3125rem;letter-spacing:-2px;color:var(--blue)}.about-signoff>span:last-child{font-size:0.75rem;color:var(--muted);line-height:1.8;border-left:1px solid #becbe1;padding-left:22px}.now-section h2{font-size:1.75rem}.now-entry{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.now-entry time{font-size:0.75rem;color:var(--muted)}.now-entry h3{font-size:1.125rem;line-height:1.65;margin-top:13px}.now-entry p{font-size:0.9375rem;margin-top:12px;color:var(--muted)}.now-category{font-size:0.75rem;color:var(--blue);display:inline-block;margin-top:20px}.contact-section{background:#3249bd;color:white;padding-block:56px}.contact-section .section-label{color:#d4ddff}.contact-section h2{font-size:clamp(1.8rem,7.1vw,2.5rem);line-height:1.45}.contact-intro{font-size:1rem;color:#e0e5fb;margin-top:24px}.contact-panel{background:#283fac;border:1px solid #6275d4;border-radius:16px;padding:25px 22px;margin-top:30px}.contact-panel h3{font-size:1.25rem}.contact-panel ol{padding-left:20px;line-height:2.3;font-size:0.875rem;margin-block:20px}.white{background:white;color:#283fae;width:100%}.white:hover{background:#e6ebff}.contact-note{font-size:0.75rem;color:#e0e5fb;margin-top:15px}.contact-panel #copy-status{font-size:0.8125rem;color:white;margin-top:12px}.contact-panel #copy-status:empty{display:none}.site-footer{background:#f5f7fb;padding-block:30px 20px}.footer-top{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.footer-top p{font-size:0.8125rem;color:var(--muted);order:3;width:100%}.back-top{margin-left:auto;font-size:0.75rem;min-height:44px;display:flex;align-items:center;gap:12px}.footer-bottom{display:flex;gap:15px;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:0.625rem;color:var(--muted)}
@media(min-width:600px){.container{width:calc(100% - 64px)}.hero{max-width:720px;padding-top:50px}.hero-kicker{font-size:0.875rem}h1{font-size:3.5rem}.workflow-scene{max-width:550px}.intake{padding:20px}.flow-card strong{font-size:1.125rem}.flow-caption{font-size:0.875rem}.flow-icon{width:44px;height:44px}.engine{padding:23px}.engine-steps{font-size:0.875rem;gap:14px}.engine-note{font-size:0.75rem}.canvas-note{font-size:0.8125rem}.tiny-tag{font-size:0.75rem}.scene-footer{font-size:0.75rem}.scene-heading{font-size:0.9375rem}.output{padding:18px 20px}.browser-frame img{aspect-ratio:1280/900}.project-stage{padding:30px 40px 55px}.project-stage-top>span:first-child{font-size:2rem}.stage-category{font-size:0.875rem}.project-open{font-size:0.875rem}.process-list{grid-template-columns:1fr 1fr;gap:30px}.process-list li:not(:last-child):before{display:none}.process-list li{padding:0 0 0 58px}.next-icon{display:block}.next-project h3{font-size:1.125rem}.footer-bottom{font-size:0.75rem}}
@media(min-width:1000px){.container{width:calc(100% - 112px)}.header-inner{height:88px}.brand{font-size:2.3125rem}.desktop-nav{display:flex;align-items:center;gap:35px;font-size:0.875rem}.desktop-nav a{min-height:44px;display:flex;align-items:center}.desktop-nav a:hover{color:var(--blue)}.header-cta{font-size:0.875rem;gap:17px;background:white;border:1px solid var(--line);border-radius:7px;padding:11px 18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:65px;padding-block:68px 72px;max-width:1200px}.hero-kicker{margin-bottom:28px}h1{font-size:clamp(3.3rem,4.6vw,4.3rem);line-height:1.25;letter-spacing:-.05em}.hero-description{font-size:1.0625rem;margin-top:29px}.wide-only{display:block}.hero-actions{margin-top:32px;gap:30px}.button{min-height:56px;padding:15px 24px;font-size:0.9375rem}.workflow-scene{margin:0;border-radius:24px;width:100%;max-width:none}.scene-heading{padding:26px 26px 0}.scene-footer{padding-inline:26px}.intro-strip .container{align-items:center;padding-block:24px;gap:34px;font-size:0.8125rem}.intro-strip p{width:auto;margin-right:auto;font-size:1rem}.section{padding-block:96px}.section-head{display:grid;grid-template-columns:1fr 2.05fr;gap:45px;margin-bottom:46px}.section-head>.section-label{padding-top:9px}h2{font-size:2.4375rem}.section-intro{font-size:1rem;line-height:1.8}.service-row{display:grid;grid-template-columns:1fr 1.5fr 50px;gap:44px;align-items:center;padding:37px 0}.service-name{padding:0;gap:20px}.service-name h3{font-size:1.5625rem}.service-name br{display:none}.service-detail{margin:0}.service-detail p{font-size:0.9375rem}.service-glyph{width:54px;height:54px;font-size:2rem}.round-link{position:static;width:48px;height:48px}.chips li{font-size:0.75rem}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.work-heading>p{margin-bottom:6px;font-size:0.875rem}.project-stage{padding:35px 90px 65px;border-radius:20px}.project-stage-top{margin-bottom:30px}.project-stage-top>span:first-child{font-size:2.3125rem}.browser-toolbar{height:34px;font-size:0.6875rem}.browser-frame img{aspect-ratio:1280/770;object-fit:cover;object-position:top}.project-open{right:35px;bottom:20px}.case-description{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-top:36px}.case-description h3{font-size:1.75rem}.case-description p{font-size:1rem}.case-facts{margin:7px 0 0;gap:18px;align-content:start}.case-facts>div{font-size:0.875rem;grid-template-columns:74px 1fr}.next-project{margin-top:40px;padding-top:28px;gap:23px}.next-project h3{font-size:1.1875rem}.next-project p{font-size:0.875rem}.tag-muted{font-size:0.75rem;padding:8px 12px}.process-list{grid-template-columns:repeat(4,1fr);gap:36px;margin-top:50px}.process-list li{padding:0;min-height:0}.step-number{position:static;margin-bottom:24px}.process-list h3{font-size:1.3125rem;margin-bottom:13px}.process-list li:not(:last-child):before{display:block;left:60px;right:-15px;width:auto;height:1px;top:21px}.about-section{padding-block:84px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.about-grid h2{font-size:2.375rem}.about-copy{margin-top:43px}.about-copy p{font-size:1.0625rem}.now-section{display:grid;grid-template-columns:1fr 2.05fr;gap:45px}.now-section h2{font-size:1.75rem}.now-entry{margin-top:5px;padding-top:23px}.now-entry h3{font-size:1.3125rem}.contact-section{padding-block:84px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.contact-section h2{font-size:2.5625rem}.contact-panel{margin:0;padding:32px}.contact-intro{font-size:1.0625rem}.contact-panel ol{font-size:0.9375rem;margin-block:23px}.footer-top{flex-wrap:nowrap;gap:40px}.footer-top p{order:0;width:auto;font-size:0.875rem}.site-footer{padding-block:38px 26px}.footer-bottom{margin-top:30px;padding-top:24px}.back-top{font-size:0.875rem}}
@media(max-width:359px){.container{width:calc(100% - 32px)}.hero-actions{gap:16px}.button{padding-inline:15px;gap:15px}.quiet-link{font-size:0.8125rem}.header-actions{gap:8px}.header-cta{font-size:0.75rem}.brand{font-size:1.8125rem}.flow-card strong{font-size:0.75rem}.flow-caption{font-size:0.625rem}.intake{padding:12px;gap:8px}.engine{padding:13px}.flow-icon{width:30px;height:30px}.engine-steps{font-size:0.625rem}.engine-note{font-size:0.5625rem}.canvas-note{font-size:0.5625rem}.output{padding:10px}.scene-footer{font-size:0.5625rem}.tiny-tag{display:none}.stage-category{font-size:0.625rem}.footer-bottom{font-size:0.5625rem}.contact-section h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Flexible diagram nodes preserve content flow with larger text and small screens. */
.workflow-canvas{display:flex;flex-direction:column;gap:30px;padding:28px 20px 16px;aspect-ratio:auto}
.workflow-canvas:before{content:'';position:absolute;left:50%;top:65px;bottom:45px;width:2px;background:#9bafdb}
.flow-lines{display:none}.flow-card{position:relative;inset:auto;min-height:0;flex-shrink:0}
.intake{width:90%;align-self:flex-start}.engine{width:86%;align-self:flex-end}.output{width:80%;align-self:flex-start}
.scene-footer{padding-top:18px;flex-wrap:wrap;font-size:.75rem}.flow-caption{font-size:.75rem}.engine-note{font-size:.75rem}.engine-steps{font-size:.8125rem}.flow-card strong{font-size:.9375rem}.tiny-tag{font-size:.75rem}
.service-detail p,.case-description p,.process-list p,.now-entry p{font-size:1rem}
.footer-bottom{flex-wrap:wrap;font-size:.75rem}.stage-category{font-size:.75rem}.project-stage-top{flex-wrap:wrap}
.header-inner{height:auto;min-height:72px;flex-wrap:wrap;padding-block:12px}
.hero-actions{flex-wrap:wrap}.service-name,.service-detail,.case-description>div,.case-facts,.about-copy,.now-entry,.contact-panel{min-width:0}
.flow-card{overflow-wrap:anywhere}.intake{flex-wrap:wrap}.tiny-tag{display:none}
@media(min-width:1000px){.workflow-canvas{gap:42px;padding:35px 30px 20px}.flow-card strong{font-size:1.125rem}.flow-caption{font-size:.875rem}.engine-steps{font-size:.875rem}.header-inner{min-height:88px}.scene-footer{padding-bottom:26px}.tiny-tag{display:block}.intake{flex-wrap:nowrap}}

.contact-secondary{width:100%;margin-top:12px;background:transparent;border-color:#9aa9eb;color:white}.contact-secondary:hover{background:#20348e}.contact-note a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.contact-note{line-height:1.9}
.has-line-contact .contact-email{margin-top:12px;background:transparent;border-color:#9aa9eb;color:white}
.has-line-contact .contact-email:hover{background:#20348e}
.has-line-contact .contact-secondary{border-color:transparent;justify-content:center;gap:12px;text-decoration:underline;text-underline-offset:4px;font-weight:400}