:root{--bg:#283624;--dark:#1b271a;--gold:#d9bd7c;--text:#f6f7f1;--muted:#c6cebf;--line:var(--gold)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input{font:inherit}header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}.wrap{max-width:1200px;margin:auto;padding:0 40px}.nav{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:24px}.brand{display:flex;align-items:center;gap:14px}.mark{font-size:27px;color:var(--gold);border:1px solid var(--gold);width:48px;height:48px;text-align:center;line-height:46px}.brand strong{font-size:22px;letter-spacing:.12em}.brand small{display:block;font-size:12px;letter-spacing:.12em;color:var(--muted)}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--gold)}.hero{padding:90px 0 65px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:14px;letter-spacing:.18em;color:var(--gold)}h1{font-size:clamp(38px,5vw,64px);line-height:1.35;font-weight:500;letter-spacing:.03em;margin:24px 0}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:18px;color:var(--muted);max-width:540px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 26px;border:1px solid var(--gold);background:var(--gold);color:var(--dark);font-weight:600;cursor:pointer}.button.outline{color:var(--text);background:transparent;border-color:var(--line)}.button:hover{filter:brightness(1.1)}.panel{background:var(--dark);padding:34px;border:1px solid #d9bd7c50}.panel-title{display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}.panel-title span{font-size:13px;color:var(--gold)}.lightflow{padding:30px 0;display:grid;gap:24px}.flowrow{display:flex;gap:18px;align-items:center}.flowrow b{font-size:30px;color:var(--gold);font-weight:400;line-height:1}.flowrow strong{font-size:18px;display:block}.flowrow p{font-size:14px;color:var(--muted);margin:3px 0 0}.panel-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:0}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-bottom:20px}.strip div{padding:25px 20px;text-align:center;border-right:1px solid var(--line);font-size:16px}.strip div:last-child{border:0}.strip span{color:var(--gold);margin-right:12px;font-size:13px}section{padding:80px 0;border-bottom:1px solid var(--line)}.heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}h2{font-size:36px;line-height:1.5;font-weight:500;margin:10px 0}.heading p{color:var(--muted);max-width:470px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);padding:30px;background:#ffffff03}.number{color:var(--gold);font-size:14px;letter-spacing:.1em}.card h3{font-weight:500;font-size:23px;margin:18px 0}.card p{color:var(--muted);font-size:16px}.card ul{padding-left:20px;color:var(--muted);font-size:15px}.calc{background:var(--dark)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fields label{font-size:14px;color:var(--muted)}input{display:block;width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:12px;margin-top:6px;border-radius:0}input:focus{outline:2px solid var(--gold)}.result{border-left:2px solid var(--gold);padding-left:30px;margin-top:25px}.result strong{display:block;font-size:38px;color:var(--gold);font-weight:500}.note{font-size:13px;color:var(--muted);margin-top:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step{border-top:1px solid var(--gold);padding-top:20px}.step h3{font-size:19px;font-weight:500}.step p{color:var(--muted);font-size:15px}.faq{max-width:900px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:18px}details p{color:var(--muted);font-size:16px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h2{font-size:42px}.contact-info{padding:30px;border:1px solid var(--line)}.contact-info p{margin:0 0 16px;color:var(--muted)}.contact-info a{font-size:25px;color:var(--gold)}.contact-info .map{font-size:14px;text-decoration:underline}.contact-info small{font-size:14px}.footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0;color:var(--muted);font-size:13px}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}@media(max-width:850px){.wrap{padding:0 24px}.nav{min-height:82px;flex-wrap:wrap;gap:12px;padding:14px 0}nav{gap:20px;flex-wrap:wrap}.hero{grid-template-columns:1fr;gap:35px;padding-top:48px}.heading{display:block}.cards{grid-template-columns:1fr}.calc-grid,.contact{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr 1fr}.heading p{max-width:none}.strip div{padding:18px 8px;font-size:14px}.strip span{display:block;margin:0}section{padding:55px 0}.footer{flex-direction:column}.brand strong{font-size:20px}.contact h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

nav a[aria-current="page"]{color:var(--gold);border-bottom:1px solid var(--gold)}.page-top{padding:55px 0 25px}.page-top h1{font-size:clamp(32px,4vw,50px);margin:18px 0}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb a{text-decoration:underline}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px}.service-detail p{color:var(--muted)}.service-detail h3{font-size:23px;font-weight:500}.wide-card{border:1px solid var(--line);padding:32px}.checklist{padding-left:22px;color:var(--muted)}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;border-top:1px solid var(--line);padding-top:30px}.calc-page{padding-top:30px}.calc-page .calc{border:1px solid var(--line);padding:40px;margin-bottom:60px}.calc-page .calc-grid{gap:40px}.calc-page .wrap{padding:0}.service-link{display:inline-block;margin-top:10px;color:var(--gold);text-decoration:underline;text-underline-offset:6px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}@media(max-width:850px){.service-detail{grid-template-columns:1fr}.cta-band{align-items:start;flex-direction:column}.calc-page .calc{padding:24px}.page-top{padding-top:35px}nav{width:100%;gap:10px 20px}nav a{padding:3px 0}header{position:relative}.hero{padding-top:35px}.brand small{font-size:13px}}

.scene{margin:0;min-width:0}.scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #d9bd7c40}.scene figcaption{font-size:13px;line-height:1.7;color:var(--muted);padding:9px 0 0;letter-spacing:.02em}.hero-scene{margin-bottom:24px}.hero .panel{padding:24px}.card-scene{margin:-30px -30px 22px}.card-scene img{border:0;aspect-ratio:3/2}.card-scene figcaption{padding:9px 18px;font-size:12px;border-bottom:1px solid var(--line)}.page-scene{margin-top:30px;max-width:100%}.page-scene img{aspect-ratio:21/9;max-height:470px}.fixture-story{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-bottom:60px}.fixture-story h2{font-size:30px}@media(max-width:850px){.page-scene img{aspect-ratio:3/2}.fixture-story{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.hero .panel{padding:20px}.hero-scene img{aspect-ratio:3/2}}

.brand-logo{display:block;width:82px;height:auto;flex-shrink:0;object-fit:contain}.brand{gap:16px}.nav{min-height:100px}@media(max-width:850px){.brand-logo{width:70px}.nav{min-height:90px}}

.page-scene img{aspect-ratio:3/2;max-height:560px;object-position:center}.card-scene img{object-position:center}

.solution-offer{margin:28px 0}.solution-offer p{color:var(--muted)}.dm-original{margin:30px 0 0}.dm-original img{display:block;width:100%;height:auto;border:1px solid var(--line)}.dm-original figcaption{font-size:13px;color:var(--muted);margin-top:10px}

/* Gold typography */
.eyebrow,h1 em,.panel-title span,.flowrow b,.strip span,.number,.result strong,.contact-info a,.service-link,nav a[aria-current="page"],nav a:hover{font-weight:700}

/* Aligned gold and white company name */
.brand{gap:18px;align-items:center}.brand-logo{width:110px;height:auto}.brand>div{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.brand strong{display:block;margin:0;font-size:36px;font-weight:700;letter-spacing:.08em;line-height:1.35;color:var(--gold)}.brand small{display:block;margin:5px 0 0;font-size:16px;letter-spacing:.04em;line-height:1.6;color:#fff}.nav{min-height:124px}nav{gap:20px}@media(max-width:850px){.brand-logo{width:94px}.brand{gap:14px}.brand strong{font-size:32px}.brand small{font-size:15px}.nav{min-height:110px}}@media(max-width:380px){.brand-logo{width:82px}.brand strong{font-size:29px}.brand small{font-size:14px}.brand{gap:12px}}

/* Original Logo dimensions */
.brand-logo{width:82px}@media(max-width:850px){.brand-logo{width:70px}}

.view-counter{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.view-counter strong{color:var(--gold);font-weight:700}.view-counter{font-size:13px}