@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
:root{--red:#d50024;--ink:#181818;--paper:#f5f4f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'Noto Sans TC',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;background:#fff;position:sticky;top:0;z-index:5}.wordmark{font-style:italic;font-weight:900;font-size:28px;color:var(--red);letter-spacing:-1px}.wordmark span{font-size:13px;font-style:normal;letter-spacing:1px;margin-left:12px}nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:700}.nav-contact{background:var(--ink);color:#fff;padding:10px 20px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:690px;background:var(--paper)}.hero-copy{padding:64px 8% 50px 10%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 24px}.hero h1{font-size:clamp(42px,4.6vw,70px);line-height:1.2;letter-spacing:-2px;margin:0 0 26px;font-weight:900}em{font-style:normal;color:var(--red)}.lead{font-size:17px;color:#555}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border:1px solid transparent;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.button:hover{transform:translateY(-2px)}.red{background:var(--red);color:white}.dark{background:var(--ink);color:white}.outline{border-color:#aaa;background:transparent}.white{background:white;color:var(--red)}.signature{display:flex;align-items:center;gap:13px;margin-top:45px;font-size:14px}.signature small{display:block;font-size:11px;color:#666}.avatar{border:1px solid #bbb;border-radius:50%;padding:10px;font-weight:900}.hero-art{background:#e81927;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-art img{width:100%;display:block}.art-caption{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:14px;color:#fff;font-size:10px;letter-spacing:1px}.strip{background:#191919;color:white;display:flex;gap:6%;justify-content:center;padding:23px 20px;font-size:14px;letter-spacing:2px}.strip b{color:#ea1642}.section{padding:90px 7%;}.section h2{font-size:clamp(32px,3.3vw,48px);line-height:1.35;letter-spacing:-1px;margin:0 0 24px;font-weight:900}.red-text{color:var(--red)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}.section-heading>p{max-width:420px;color:#666}.three,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.three article{padding:30px 0;border-top:1px solid #aaa}.num{font-size:42px;font-weight:900;color:var(--red)}h3{font-size:22px;margin:16px 0 10px}.three p,.steps p{font-size:15px;color:#666}.pale{background:var(--paper)}.steps article{padding:28px;background:#fff;border-top:4px solid var(--red)}.steps span{font-size:12px;font-weight:900;color:var(--red);letter-spacing:2px}.note{font-size:12px;color:#666;margin-top:28px}.inquiry-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9%}.inquiry-grid>div>p{max-width:360px}.text-link{font-weight:700;border-bottom:1px solid;padding-bottom:4px}form{background:var(--paper);padding:32px}label{display:block;font-size:13px;font-weight:700;margin-bottom:20px}input,select,textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #ccc;border-radius:0;background:#fff;color:#222;font-size:14px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}#result{margin-top:28px;border-top:1px solid #ccc;padding-top:24px}#copy-status{font-size:13px}.about{background:#1b1b1b;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about img{width:100%;transform:rotate(-3deg);box-shadow:0 20px 50px #0006}.about .eyebrow{color:#ff6680}.about p{color:#ccc;font-size:15px}.about .role{color:#fff;font-weight:700}.faq{max-width:1100px;margin:auto}details{border-bottom:1px solid #ccc;padding:22px 0}summary{font-weight:700;cursor:pointer;font-size:18px}details p{color:#666;font-size:15px}.contact{background:var(--red);color:#fff;display:flex;justify-content:space-between;gap:50px;align-items:center}.contact p{font-size:14px}.phone{font-size:clamp(25px,3vw,40px);font-weight:900}.contact figure{background:white;color:#222;padding:22px;margin:0;width:290px;flex-shrink:0;text-align:center}.contact img{width:100%;display:block}.contact figcaption{font-size:13px;margin-top:12px}footer{padding:50px 7%;display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#eee;font-size:12px}footer strong{font-size:17px}footer small{grid-column:1/-1;border-top:1px solid #ccc;padding-top:20px;color:#666}.mobile-bar{display:none}:focus-visible{outline:3px solid #e79c00;outline-offset:4px}@media(max-width:760px){header{height:70px}.wordmark{font-size:23px}.wordmark span{display:none}nav{gap:14px}nav>a:not(.nav-contact){display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 7%}.hero h1{font-size:46px}.hero-art{min-height:280px}.hero-art img{max-height:360px;object-fit:cover}.art-caption{bottom:15px;left:15px;right:15px}.strip{gap:12px;font-size:10px;letter-spacing:0;padding:18px 10px}.section{padding:58px 7%}.section-heading{display:block}.three,.steps{grid-template-columns:1fr;gap:16px}.three article{padding:20px 0}.num{font-size:30px}.inquiry-grid,.about{grid-template-columns:1fr;gap:35px}form{padding:22px}.about img{transform:none}.contact{flex-direction:column;align-items:flex-start}.contact figure{width:250px;align-self:center}.form-row{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr;padding-bottom:100px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.4fr;z-index:10;box-shadow:0 -3px 15px #0002}.mobile-bar a{text-align:center;padding:14px;background:#fff;font-size:14px;font-weight:700}.mobile-bar a:last-child{background:var(--red);color:#fff}}
