:root{--navy-950:#0f172a;--navy-900:#111c32;--navy-800:#172641;--blue-650:#2563eb;--amber-500:#f59e0b;--green-600:#148457;--slate-700:#334155;--slate-600:#475569;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--surface:#fff;--surface-soft:#f8fafc;--ink:#0f172a;--muted:#526175;--line:#d9e2ee;--shadow:0 24px 60px #0f172a24;--radius-sm:6px;--radius:8px;--container:1180px;--font-sans:"Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-display:Georgia, "Times New Roman", serif;color:var(--ink);background:var(--surface);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--surface);min-width:320px;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#2563eb0a 1px,#0000 1px),linear-gradient(#0f172a09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #f59e0be6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--amber-500);color:var(--navy-950);padding:10px 14px;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.container{width:min(var(--container), calc(100% - 40px));margin:0 auto}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #d9e2eee6;position:sticky;top:0}.nav-shell{width:min(var(--container), calc(100% - 40px));justify-content:space-between;align-items:center;gap:24px;min-height:76px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;min-height:52px;display:inline-flex}.brand-mark{background:0 0;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-wordmark{object-fit:contain;width:clamp(180px,18vw,260px);height:auto;display:block}.nav-menu{align-items:center;gap:8px;display:flex}.nav-menu a,.locale-toggle{border-radius:var(--radius-sm);min-height:44px;color:var(--slate-700);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 12px;font-weight:700;transition:background .18s,color .18s,transform .18s;display:inline-flex}.nav-menu a:hover,.nav-menu a.router-link-active,.locale-toggle:hover{background:var(--slate-100);color:var(--navy-950)}.nav-cta{background:var(--navy-950)!important;color:#fff!important}.nav-cta:hover{transform:translateY(-1px)}.menu-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:48px;height:48px;padding:12px;display:none}.menu-button span:not(.sr-only){background:var(--navy-950);height:2px;margin:5px 0;display:block}.hero-section{background:radial-gradient(circle at 88% 14%,#f59e0b29,#0000 28%),linear-gradient(135deg,#fff 0%,#f8fafc 45%,#eef5ff 100%)}.page-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 14%,#2563eb1f,#0000 30%),linear-gradient(135deg,#fff 0%,#f8fafc 62%,#edf4ff 100%);padding:92px 0 58px}.page-hero h1{max-width:840px;margin-bottom:18px}.page-hero p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:18px;line-height:1.8}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:56px;min-height:calc(100dvh - 76px);padding:84px 0 54px;display:grid}.eyebrow{color:var(--blue-650);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:900}h1,h2,h3,p{margin-top:0}h1,h2{color:var(--navy-950);font-family:var(--font-display);letter-spacing:0;font-weight:700}h1{max-width:760px;margin-bottom:22px;font-size:clamp(42px,6vw,82px);line-height:.98}h2{margin-bottom:16px;font-size:clamp(34px,4vw,58px);line-height:1.04}h3{color:var(--navy-950);font-size:22px;line-height:1.2}.hero-text,.section-heading p,.contact-copy p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{border:1px solid var(--navy-950);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;min-height:48px;padding:13px 18px;font-weight:900;transition:box-shadow .18s,transform .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0f172a29}.button.primary{background:var(--navy-950);color:#fff}.button.secondary{color:var(--navy-950);background:#ffffffb8}.hero-visual{min-height:520px}.hero-photo{border-radius:var(--radius);height:520px;box-shadow:var(--shadow);color:#fff;border:1px solid #d9e2eef5;position:relative;overflow:hidden}.hero-photo:after{content:"";pointer-events:none;background:linear-gradient(#0f172a05,#0f172a5c);position:absolute;inset:0}.hero-photo img,.project-image img{object-fit:cover;width:100%;height:100%;display:block}.site-card{z-index:1;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;width:min(220px,100% - 68px);padding:22px;position:absolute;bottom:36px;right:34px}.site-card strong,.site-card span{display:block}.site-card strong{color:var(--amber-500);font-family:var(--font-display);font-size:54px;line-height:1}.site-card span{color:#e2e8f0;margin-top:6px}.stat-strip{grid-template-columns:repeat(4,1fr);gap:1px;padding-bottom:42px;display:grid}.stat-item{border:1px solid var(--line);background:#ffffffd1;padding:24px}.stat-item strong,.stat-item span{display:block}.stat-item strong{color:var(--blue-650);font-family:var(--font-display);font-size:clamp(34px,4vw,52px);line-height:1}.stat-item span{color:var(--muted);margin-top:8px;font-weight:800}.section-block{padding:94px 0}.section-heading{grid-template-columns:minmax(0,.95fr) minmax(280px,.8fr);align-items:end;gap:56px;margin-bottom:34px;display:grid}.section-heading.compact{display:block}.service-grid,.project-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.value-grid,.article-grid,.faq-list{gap:18px;display:grid}.value-grid{grid-template-columns:repeat(4,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.service-card,.project-card,.value-card,.article-card,.faq-list article,.proof-list article,.inquiry-form{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6}.service-card{min-height:280px;padding:26px;transition:border-color .18s,transform .18s,box-shadow .18s}.service-card:hover{box-shadow:var(--shadow);border-color:#2563eb5c;transform:translateY(-3px)}.service-card span{color:var(--amber-500);margin-bottom:44px;font-weight:900;display:inline-flex}.service-card p,.value-card p,.article-card p,.faq-list p,.proof-list p,.project-body dd,.insight-list a,.contact-details,.site-footer{color:var(--muted)}.value-card,.article-card,.faq-list article{padding:24px}.value-card h3,.article-card h3,.faq-list h3{margin-bottom:10px}.value-card p,.article-card p,.faq-list p{margin-bottom:0}.article-card{min-height:220px}.article-link-card{color:inherit;grid-template-rows:230px 1fr;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden}.article-link-card:hover{box-shadow:var(--shadow);border-color:#2563eb5c;transform:translateY(-3px)}.article-link-card img{object-fit:cover;width:100%;height:100%}.article-link-card>div{padding:24px}.article-card span{color:var(--blue-650);margin-top:24px;font-weight:900;display:inline-flex}.article-page{background:#fff}.article-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 10%,#f59e0b21,#0000 30%),linear-gradient(135deg,#fff 0%,#f8fafc 70%,#eef5ff 100%);padding:72px 0 44px}.article-hero h1{max-width:920px;margin-bottom:18px}.article-hero p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:19px;line-height:1.8}.article-back{color:var(--blue-650);margin-bottom:24px;font-weight:900;display:inline-flex}.article-meta-line{color:var(--slate-600);flex-wrap:wrap;gap:12px;margin-top:24px;font-weight:900;display:flex}.article-meta-line span{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffffb8;min-height:34px;padding:5px 10px}.article-cover{margin-top:42px}.article-cover img{object-fit:cover;border-radius:var(--radius);width:100%;max-height:560px;box-shadow:var(--shadow);display:block}.article-layout{grid-template-columns:260px minmax(0,760px);align-items:start;gap:64px;padding:64px 0 96px;display:grid}.article-aside{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);gap:8px;padding:20px;display:grid;position:sticky;top:110px}.article-aside strong{color:var(--navy-950)}.article-aside span{color:var(--muted)}.article-content p{color:var(--slate-700);margin:0 0 24px;font-size:19px;line-height:1.9}.service-detail-list,.project-story-list{gap:22px;display:grid}.service-detail,.project-story{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffeb;grid-template-columns:86px minmax(0,.85fr) minmax(280px,1fr);align-items:start;gap:28px;padding:30px;display:grid}.service-number{color:var(--amber-500);font-family:var(--font-display);font-size:48px;font-weight:700;line-height:1}.service-detail h2,.project-story h2{font-size:clamp(28px,3vw,42px)}.service-detail p,.project-story p{color:var(--muted)}.service-detail ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.service-detail li{color:var(--slate-700);padding-left:20px;font-weight:800;position:relative}.service-detail li:before{content:"";background:var(--amber-500);width:8px;height:8px;position:absolute;top:.72em;left:0}.section-cta{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.proof-section{background:var(--navy-950);color:#fff;padding:86px 0}.proof-section .eyebrow,.proof-section h2{color:#fff}.proof-grid{grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:56px;display:grid}.proof-list{gap:14px;display:grid}.proof-list article{background:#ffffff0f;border-color:#ffffff1f;padding:24px}.proof-list h3{color:#fff;margin-bottom:8px}.proof-list p{color:#cbd5e1;margin-bottom:0}.project-grid{grid-template-columns:repeat(3,1fr)}.project-card{overflow:hidden}.project-story{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);padding:0;overflow:hidden}.project-story.detailed{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.case-gallery{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;height:100%;min-height:520px;display:grid}.case-gallery figure{background:var(--navy-900);min-height:250px;margin:0;position:relative;overflow:hidden}.case-gallery figure:nth-child(2){grid-row:span 2}.case-gallery img{object-fit:cover;width:100%;height:100%;display:block}.case-gallery figcaption{z-index:2;border-radius:var(--radius-sm);color:#fff;background:#0f172ad1;min-height:32px;padding:5px 10px;font-size:13px;font-weight:900;position:absolute;bottom:14px;left:14px}.project-story .project-image{min-height:100%}.project-story-body{padding:30px}.project-meta,.case-columns{gap:16px;display:grid}.project-meta{grid-template-columns:repeat(2,1fr);margin:18px 0 24px}.project-meta dt{color:var(--slate-600);font-size:13px;font-weight:900}.project-meta dd{color:var(--navy-950);margin:2px 0 0;font-weight:900}.case-columns{grid-template-columns:repeat(3,1fr)}.case-columns section{border-top:1px solid var(--line);padding-top:16px}.case-columns h3{font-size:18px}.project-image{background:var(--navy-900);min-height:230px;position:relative;overflow:hidden}.project-image:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0f172a05,#0f172a8f);position:absolute;inset:0}.project-image span{z-index:2;border-radius:var(--radius-sm);color:#fff;background:#0f172ac7;align-items:center;min-height:36px;padding:0 12px;font-weight:800;display:inline-flex;position:absolute;bottom:22px;left:24px}.project-body{padding:24px}.project-body dl{grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0 0;display:grid}.project-body dt{color:var(--slate-600);font-size:13px;font-weight:900}.project-body dd{margin:2px 0 0}.process-section{background:var(--surface-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:86px 0}.process-list{grid-template-columns:repeat(6,1fr);gap:10px;margin:34px 0 0;padding:0;list-style:none;display:grid}.process-list li{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:132px;padding:18px;position:relative}.process-list.expanded{grid-template-columns:repeat(3,1fr)}.process-list.expanded li{min-height:220px}.process-list.expanded p{color:var(--muted);margin:18px 0 0}.process-list span{color:var(--amber-500);font-weight:900;display:block}.process-list strong{color:var(--navy-950);margin-top:30px;line-height:1.25;display:block}.insights-grid{grid-template-columns:minmax(0,.72fr) minmax(320px,1.28fr);align-items:start;gap:56px;display:grid}.insight-list{border-top:1px solid var(--line);display:grid}.insight-list a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:16px 0;font-weight:800;display:flex}.insight-list strong{color:var(--blue-650);font-size:22px}.contact-section{background:linear-gradient(135deg, #0f172af5, #172641f5), var(--navy-950);color:#fff;padding:94px 0}.contact-section.standalone{min-height:calc(100dvh - 76px);padding-top:92px}.contact-grid{grid-template-columns:minmax(0,.8fr) minmax(340px,1fr);align-items:start;gap:58px;display:grid}.contact-section .eyebrow,.contact-section h1,.contact-section h2{color:#fff}.contact-copy p{color:#cbd5e1}.contact-info-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px;display:grid}.contact-info-panel article{border-radius:var(--radius);background:#ffffff12;border:1px solid #ffffff29;min-height:112px;padding:18px}.contact-info-panel article.wide{grid-column:1/-1}.contact-info-panel span{color:var(--amber-500);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:900;display:block}.contact-info-panel a,.contact-info-panel strong{color:#fff;font-size:18px;font-weight:900}.contact-info-panel p{color:#fff;margin:0;font-weight:800}.contact-info-panel p+p{margin-top:6px}.contact-info-panel a:hover{color:var(--amber-500)}.inquiry-form{color:var(--ink);grid-template-columns:repeat(2,1fr);gap:16px;padding:24px;display:grid}.inquiry-form label{gap:8px;display:grid}.inquiry-form label.full,.inquiry-form .full,.form-success{grid-column:1/-1}.inquiry-form span{color:var(--slate-700);font-size:14px;font-weight:900}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;min-height:48px;color:var(--ink);padding:12px 13px}.inquiry-form textarea{resize:vertical}.form-success{border-radius:var(--radius-sm);color:#0f6a45;background:#1484571a;border:1px solid #14845738;margin:0;padding:12px 14px;font-weight:800}.form-success.error{color:#991b1b;background:#b91c1c1a;border-color:#b91c1c3d}.inquiry-form button:disabled{cursor:wait;opacity:.72}.honeypot{width:1px;height:1px;position:absolute;left:-100vw;overflow:hidden}.whatsapp-float{z-index:90;color:#fff;background:#148457;border-radius:999px;justify-content:center;align-items:center;min-width:118px;min-height:48px;padding:12px 18px;font-weight:900;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 40px #14845747}.map-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);min-height:420px;overflow:hidden}.map-frame iframe{border:0;width:100%;height:420px;display:block}.project-link{color:inherit}.project-cover-large{min-height:360px}.text-link{color:var(--blue-650);margin-top:18px;font-weight:900;display:inline-flex}.project-detail-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.case-gallery-detail{min-height:520px}.project-facts{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px;position:sticky;top:104px;box-shadow:0 18px 44px #0f172a17}.project-meta.stacked{grid-template-columns:1fr}.case-columns-large{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.case-columns-large section{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1f;padding:24px}.case-columns-large h2,.case-columns-large p{color:#fff}.site-footer{background:var(--navy-950);color:#cbd5e1;border-top:1px solid #ffffff1a;padding:28px 0}.footer-grid{justify-content:space-between;gap:18px;display:flex}@media (width<=1080px){.service-grid,.value-grid{grid-template-columns:repeat(2,1fr)}.process-list{grid-template-columns:repeat(3,1fr)}.service-detail,.project-story,.case-columns,.project-story.detailed,.project-detail-layout,.case-columns-large{grid-template-columns:1fr}.case-gallery{min-height:auto}.project-story .project-image{min-height:320px}}@media (width<=900px){.menu-button{display:block}.nav-menu{border-bottom:1px solid var(--line);background:#fffffffa;flex-direction:column;align-items:stretch;padding:16px 20px 22px;display:none;position:absolute;top:76px;left:0;right:0;box-shadow:0 18px 36px #0f172a1f}.nav-menu.open{display:flex}.nav-menu a,.locale-toggle{justify-content:flex-start;width:100%}.hero-grid,.section-heading,.proof-grid,.insights-grid,.contact-grid,.article-layout{grid-template-columns:1fr}.hero-grid{gap:34px;min-height:auto;padding-top:54px}.hero-visual,.hero-photo{height:420px;min-height:420px}.stat-strip,.project-grid,.article-grid{grid-template-columns:1fr}.section-block,.contact-section,.article-layout{padding:70px 0}.article-aside,.project-facts{position:static}}@media (width<=640px){.container,.nav-shell{width:min(100% - 28px, var(--container))}.brand{gap:8px}.brand-mark{width:38px;height:38px}.brand-wordmark{width:150px}h1{font-size:40px}h2{font-size:32px}.hero-actions,.footer-grid{flex-direction:column;align-items:stretch}.button{width:100%}.service-grid,.value-grid,.process-list,.process-list.expanded,.project-meta,.case-gallery,.contact-info-panel,.inquiry-form{grid-template-columns:1fr}.contact-info-panel article.wide{grid-column:auto}.case-gallery figure:nth-child(2){grid-row:auto}.case-gallery figure{min-height:220px}.service-card{min-height:auto}.service-detail,.project-story-body,.value-card,.article-card,.article-link-card>div,.faq-list article{padding:20px}.article-link-card{grid-template-rows:190px 1fr}.article-content p{font-size:17px}.service-number{font-size:36px}.site-card{bottom:24px;right:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}