:root{--navy: #0B1F3A;--navy-mid: #132D4F;--navy-light: #1A3A5C;--accent: #C5A572;--accent-soft: #E8D5A8;--white: #FFFFFF;--grey-50: #F5F6F8;--grey-100: #EBEEF2;--grey-200: #D5DBE3;--grey-500: #6B7280;--grey-700: #374151;--text: #1A2332;--radius: 6px;--shadow: 0 2px 8px rgba(11, 31, 58, .08);--shadow-md: 0 4px 16px rgba(11, 31, 58, .12);--max: 1120px;--header-h: 68px;--font: "Noto Sans TC", "PingFang HK", "Microsoft JhengHei", sans-serif;--font-serif: "Noto Serif TC", "Songti TC", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--white);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--navy);text-decoration:none}a:hover{color:var(--accent)}ul{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{width:min(100% - 2rem,var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:var(--navy);color:var(--white);height:var(--header-h);display:flex;align-items:center;box-shadow:0 1px #ffffff0f}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100% - 2rem,var(--max));margin-inline:auto}.logo{display:flex;align-items:center;gap:.65rem;color:var(--white);font-weight:600;font-size:1.05rem;letter-spacing:.02em;flex-shrink:0}.logo:hover{color:var(--accent-soft)}.logo img,.logo svg{width:36px;height:36px}.logo-text{line-height:1.2}.logo-text small{display:block;font-size:.68rem;font-weight:400;opacity:.75;letter-spacing:.04em}.nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.3);color:var(--white);width:42px;height:42px;border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--white)}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{color:#ffffffe0;padding:.45rem .7rem;font-size:.9rem;border-radius:var(--radius);white-space:nowrap}.site-nav a:hover,.site-nav a.active{color:var(--white);background:#ffffff1a}.site-nav .btn-cta{margin-left:.5rem;background:var(--accent);color:var(--navy);font-weight:600;padding:.5rem 1rem}.site-nav .btn-cta:hover{background:var(--accent-soft);color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.35rem;border-radius:var(--radius);font-weight:600;font-size:.95rem;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-primary{background:var(--accent);color:var(--navy)}.btn-primary:hover{background:var(--accent-soft);color:var(--navy)}.btn-outline{background:transparent;border-color:var(--white);color:var(--white)}.btn-outline:hover{background:#ffffff1f;color:var(--white)}.btn-outline-navy{background:transparent;border-color:var(--navy);color:var(--navy)}.btn-outline-navy:hover{background:var(--navy);color:var(--white)}.btn-ghost{background:var(--grey-100);color:var(--navy)}.btn-ghost:hover{background:var(--grey-200)}.hero{background:linear-gradient(145deg,var(--navy) 0%,var(--navy-mid) 55%,#1E4568 100%);color:var(--white);padding:4.5rem 0 4rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,transparent 49%,rgba(255,255,255,.03) 49%,rgba(255,255,255,.03) 51%,transparent 51%),linear-gradient(0deg,transparent 0%,transparent 49%,rgba(255,255,255,.03) 49%,rgba(255,255,255,.03) 51%,transparent 51%);background-size:48px 48px;pointer-events:none}.hero .container{position:relative;z-index:1}.hero-badge{display:inline-block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-soft);border:1px solid rgba(197,165,114,.45);padding:.25rem .7rem;border-radius:999px;margin-bottom:1.1rem}.hero h1{font-family:var(--font-serif);font-size:clamp(1.85rem,4vw,2.6rem);font-weight:700;line-height:1.3;max-width:18em;margin-bottom:1rem}.hero-lead{font-size:1.08rem;opacity:.9;max-width:36em;margin-bottom:1.75rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.section{padding:3.5rem 0}.section-alt{background:var(--grey-50)}.section-navy{background:var(--navy);color:var(--white)}.section-head{margin-bottom:2rem}.section-head h2{font-family:var(--font-serif);font-size:clamp(1.45rem,3vw,1.85rem);color:var(--navy);margin-bottom:.4rem}.section-navy .section-head h2{color:var(--white)}.section-head p{color:var(--grey-500);max-width:40em}.section-navy .section-head p{color:#ffffffbf}.label-demo{display:inline-block;font-size:.7rem;font-weight:600;background:#fef3c7;color:#92400e;padding:.15rem .5rem;border-radius:3px;vertical-align:middle;margin-left:.35rem;letter-spacing:.02em}.section-navy .label-demo{background:#c5a57240;color:var(--accent-soft)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card{background:var(--white);border:1px solid var(--grey-200);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:box-shadow .15s,border-color .15s}.card:hover{box-shadow:var(--shadow-md);border-color:var(--grey-200)}.card-icon{width:48px;height:48px;margin-bottom:1rem}.card h3{font-size:1.1rem;color:var(--navy);margin-bottom:.5rem}.card p{color:var(--grey-700);font-size:.95rem}.card .card-link{display:inline-block;margin-top:1rem;font-weight:600;font-size:.9rem;color:var(--navy)}.card .card-link:hover{color:var(--accent)}.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}.trust-item{padding:1.25rem .75rem;background:#ffffff0f;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1)}.trust-item .num{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--accent-soft);line-height:1.2}.trust-item .desc{font-size:.85rem;opacity:.8;margin-top:.25rem}.project-card{overflow:hidden;padding:0;display:flex;flex-direction:column}.project-visual{height:188px;position:relative;background:var(--navy);overflow:hidden}.project-visual img{width:100%;height:100%;max-width:none;object-fit:cover}.project-visual:has(img):after{display:none}.project-visual.pat-school{background:linear-gradient(135deg,#0b1f3a,#1a3a5c,#2a5080)}.project-visual.pat-fb{background:linear-gradient(135deg,#1a2f45,#2c4a6a 40%,#c5a572)}.project-visual.pat-industrial{background:linear-gradient(135deg,#0b1f3a,#374151 60%,#6b7280)}.project-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(255,255,255,.04) 8px,rgba(255,255,255,.04) 16px)}.project-body{padding:1.15rem 1.25rem 1.35rem;flex:1;display:flex;flex-direction:column}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.tag{font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:3px;background:var(--grey-100);color:var(--navy)}.tag-school{background:#dbeafe;color:#1e3a5f}.tag-fb{background:#fef3c7;color:#78350f}.tag-industrial{background:#e5e7eb;color:#374151}.tag-demo{background:#fef3c7;color:#92400e}.project-body h3{font-size:1rem;margin-bottom:.35rem}.project-meta{font-size:.8rem;color:var(--grey-500);margin-bottom:.5rem}.project-result{font-size:.9rem;color:var(--grey-700);margin-top:auto}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;counter-reset:step}.process-step{text-align:center;padding:1.25rem .75rem;background:var(--white);border:1px solid var(--grey-200);border-radius:var(--radius);position:relative}.process-step:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 auto .75rem;background:var(--navy);color:var(--white);border-radius:50%;font-weight:700;font-size:.85rem}.process-step h4{font-size:.95rem;color:var(--navy);margin-bottom:.25rem}.process-step p{font-size:.8rem;color:var(--grey-500)}.testimonial{border-left:3px solid var(--accent);padding:1.25rem 1.25rem 1.25rem 1.4rem;background:var(--white);border-radius:0 var(--radius) var(--radius) 0}.testimonial blockquote{font-size:.95rem;color:var(--grey-700);margin-bottom:.75rem;font-style:normal}.testimonial cite{font-size:.85rem;color:var(--grey-500);font-style:normal}.value-card{text-align:center;padding:1.75rem 1.25rem;background:var(--white);border:1px solid var(--grey-200);border-radius:var(--radius)}.value-card .value-icon{width:48px;height:48px;margin:0 auto 1rem;background:var(--grey-50);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--navy);font-weight:700}.value-card h3{font-size:1.05rem;color:var(--navy);margin-bottom:.4rem}.value-card p{font-size:.9rem;color:var(--grey-700)}.page-hero{background:var(--navy);color:var(--white);padding:2.5rem 0 2rem}.page-hero h1{font-family:var(--font-serif);font-size:clamp(1.6rem,3.5vw,2.1rem);margin-bottom:.4rem}.page-hero p{opacity:.85;max-width:40em}.breadcrumb{font-size:.8rem;opacity:.65;margin-bottom:.75rem}.breadcrumb a{color:var(--accent-soft)}.breadcrumb a:hover{color:var(--white)}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-btn{padding:.4rem 1rem;border:1px solid var(--grey-200);background:var(--white);border-radius:999px;cursor:pointer;font-size:.88rem;color:var(--grey-700);font-weight:500}.filter-btn:hover,.filter-btn.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.cred-slot{border:1px solid var(--grey-200);border-radius:var(--radius);padding:2rem 1.25rem;text-align:center;background:var(--white);box-shadow:var(--shadow);min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cred-slot .slot-label{font-size:.85rem;font-weight:600;color:var(--navy);margin-bottom:.35rem}.cred-slot .slot-status{font-size:.8rem;color:#92400e;background:#fef3c7;padding:.2rem .6rem;border-radius:3px;font-weight:600}.cred-slot p{font-size:.85rem;color:var(--grey-500);margin-top:.5rem;max-width:16em}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:start}.contact-info dt{font-size:.8rem;font-weight:600;color:var(--grey-500);text-transform:uppercase;letter-spacing:.04em;margin-top:1rem}.contact-info dt:first-child{margin-top:0}.contact-info dd{font-size:1.05rem;color:var(--navy);margin-top:.2rem}.contact-info .placeholder-val{color:#92400e;background:#fef3c7;padding:.15rem .5rem;border-radius:3px;font-size:.9rem;font-weight:600}.form-card{background:var(--white);border:1px solid var(--grey-200);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow)}.form-card h3{color:var(--navy);margin-bottom:.35rem}.form-card .form-note{font-size:.85rem;color:var(--grey-500);margin-bottom:1.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.88rem;font-weight:600;color:var(--navy);margin-bottom:.3rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--grey-200);border-radius:var(--radius);background:var(--white);color:var(--text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--navy);outline-offset:0;border-color:var(--navy)}.form-group textarea{min-height:100px;resize:vertical}.form-success{display:none;text-align:center;padding:2rem 1rem}.form-success.show{display:block}.form-success .check{width:56px;height:56px;margin:0 auto 1rem;background:#d1fae5;color:#065f46;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.form-success h3{color:var(--navy);margin-bottom:.4rem}.form-success p{color:var(--grey-500);font-size:.9rem}.contact-strip{background:var(--navy-mid);color:var(--white);padding:2.5rem 0;text-align:center}.contact-strip h2{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:.5rem}.contact-strip p{opacity:.85;margin-bottom:1.25rem}.contact-strip .hero-actions{justify-content:center}.site-footer{background:var(--navy);color:#ffffffb3;padding:2.5rem 0 1.5rem;font-size:.88rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-brand .logo{margin-bottom:.75rem}.footer-brand p{max-width:22em;line-height:1.6}.footer-col h4{color:var(--white);font-size:.9rem;margin-bottom:.75rem}.footer-col a{display:block;color:#ffffffb3;padding:.2rem 0}.footer-col a:hover{color:var(--accent-soft)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.25rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center}.preview-badge{background:#c5a57233;color:var(--accent-soft);padding:.2rem .6rem;border-radius:3px;font-size:.78rem;font-weight:600}.prose{max-width:42em}.prose p{margin-bottom:1rem;color:var(--grey-700)}.prose h3{color:var(--navy);margin:1.5rem 0 .5rem;font-size:1.15rem}.prose ul{margin:.75rem 0 1rem 1.25rem;list-style:disc}.prose li{margin-bottom:.35rem;color:var(--grey-700)}.service-detail-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.service-detail-nav a{padding:.4rem .85rem;border:1px solid var(--grey-200);border-radius:999px;font-size:.82rem;font-weight:500;color:var(--navy);background:var(--white)}.service-detail-nav a:hover,.service-detail-nav a.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.checklist{margin:1rem 0}.checklist li{padding:.5rem 0 .5rem 1.75rem;position:relative;border-bottom:1px solid var(--grey-100);color:var(--grey-700);font-size:.95rem}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.placeholder-box{background:#fffbeb;border:1px solid #FDE68A;border-radius:var(--radius);padding:1rem 1.25rem;margin:1rem 0;font-size:.9rem;color:#78350f}@media(max-width:900px){.grid-3,.grid-4,.process,.trust-bar{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.process{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.nav-toggle{display:flex}.site-nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;background:var(--navy-mid);flex-direction:column;padding:1rem;gap:.25rem;border-top:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-md)}.site-nav.open{display:flex}.site-nav a{width:100%;padding:.75rem 1rem}.site-nav .btn-cta{margin-left:0;margin-top:.5rem;text-align:center;justify-content:center}.header-inner{position:relative;width:100%;padding-inline:1rem}.grid-3,.grid-2,.grid-4,.process,.trust-bar,.footer-grid{grid-template-columns:1fr}.hero{padding:3rem 0 2.5rem}.section{padding:2.5rem 0}}@media(min-width:721px)and (max-width:900px){.process{grid-template-columns:repeat(5,1fr)}.process-step p{display:none}}