@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&family=Outfit:wght@700;800&display=swap');
:root{--sky:#f0613c;--blue:#8d2951;--ink:#02244f;--muted:#58616e;--mist:#fff;--warm:#fff9f6;--gold:#f0613c;--red:#a30f1e;--line:#06c755;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.8 'Noto Sans TC',sans-serif}a{color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
header{height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:30px;background:#fffffff2;backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;border-bottom:1px solid #02244f18}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}.brand img,footer img{width:54px;height:54px;object-fit:contain}.brand b{font-size:19px}nav{margin-left:auto;display:flex;gap:24px}nav a{text-decoration:none;font-weight:700;font-size:14px;transition:.2s}nav a:hover{color:var(--blue)}
.head-actions,.hero-actions,.contact-actions{display:flex;gap:10px}.phone,.line{border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;text-decoration:none;font-weight:900;color:#fff;box-shadow:0 9px 20px #1b365622}.phone{background:var(--red)}.line{background:var(--line)}.line-bubble{font:900 9px/1 Outfit,sans-serif;background:#fff;color:var(--line);border-radius:50%;width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center}
.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.06fr;overflow:hidden;background:linear-gradient(125deg,#fff 0%,#fff 62%,#fff1e9 100%)}.hero-copy{padding:clamp(68px,9vw,135px) clamp(34px,7vw,110px);align-self:center;position:relative;z-index:2}.hero-copy:after{content:'';width:90px;height:9px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--sky));display:block;margin-top:38px}.kicker,.section-heading>p{margin:0 0 12px;color:var(--blue);font:800 13px Outfit,'Noto Sans TC';letter-spacing:.12em}.hero h1{font-size:clamp(2.5rem,4.5vw,4.9rem);letter-spacing:-.065em;line-height:1.17;margin:0;max-width:650px}.hero h1 em{font-style:normal;color:var(--blue);display:block}.hero-copy>p:not(.kicker){max-width:560px;color:#58616e;margin:24px 0 30px;font-size:17px}.hero-image{min-height:430px;position:relative}.hero-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,transparent 34%);z-index:1}.hero-image img{width:100%;height:100%;object-fit:cover}
.about{padding:112px 0;background:#fff}.about-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:8vw;align-items:start}.section-heading h2{font-size:clamp(2rem,3.8vw,3.45rem);line-height:1.3;letter-spacing:-.055em;margin:0}.about-copy{font-size:17px;color:#58616e;padding:26px 0 0;border-top:3px solid var(--gold)}.about-copy p{margin:0 0 17px}.about-copy strong{color:var(--ink)}.area-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.area-tags span{border:1px solid #8d295126;background:#fff;border-radius:99px;padding:7px 14px;font-size:14px;font-weight:700;color:var(--ink);transition:.2s}.area-tags span:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}
.services{padding:108px 0;background:linear-gradient(135deg,#fff9f6,#fff 58%,#fff1e9)}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:44px}.service-grid article{grid-column:span 2;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 32px #24415e18;transition:transform .28s ease,box-shadow .28s ease}.service-grid article:nth-child(4){grid-column:2/span 2}.service-grid article:nth-child(5){grid-column:4/span 2}.service-grid article:hover{transform:translateY(-10px);box-shadow:0 25px 42px #24415e2b}.service-grid img{width:100%;height:205px;display:block;object-fit:cover}.service-grid article>div{padding:21px 22px 27px}.service-tag{display:inline-block;color:var(--blue);background:#8d29510d;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:900;margin-bottom:9px}.service-grid h3{font-size:21px;margin:0 0 9px}.service-grid p{margin:0;font-size:15px;line-height:1.75;color:#5e6c7f}
.process{padding:120px 0;background:var(--warm);overflow:hidden}.process-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:center}.process-intro>p{color:var(--muted);max-width:430px}.process-orbit{position:relative;height:115px;margin-top:34px}.process-orbit:before{content:'';position:absolute;left:20px;top:48px;width:250px;height:1px;background:linear-gradient(90deg,var(--blue),var(--sky))}.process-orbit span{position:absolute;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dbe3ea;box-shadow:0 10px 22px #233c5918;font-weight:900;color:var(--blue)}.process-orbit span:nth-child(1){left:0;top:20px}.process-orbit span:nth-child(2){left:112px;top:0}.process-orbit span:nth-child(3){left:225px;top:34px;font-size:12px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:20px}.steps article{display:flex;gap:17px;padding:26px 22px;background:#fff;border-radius:18px;box-shadow:0 13px 30px #233c5915;border:1px solid #e6e8e9;transition:.28s}.steps article:nth-child(2),.steps article:nth-child(4){transform:translateY(26px)}.steps article:hover{transform:translateY(-7px);box-shadow:0 22px 38px #233c5926}.steps article:nth-child(2):hover,.steps article:nth-child(4):hover{transform:translateY(19px)}.step-icon{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--sky));color:#fff;font-weight:900;box-shadow:0 8px 18px #8d295130}.steps small{font-size:13px;font-weight:900;color:var(--blue)}.steps h3{font-size:20px;line-height:1.4;margin:8px 0 6px}.steps p{font-size:14px;color:#68768a;margin:0}
.notice{padding:110px 0;background:#fff}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.notes article{min-height:190px;padding:27px 25px;background:#fff;border:1px solid #e1e7ec;border-radius:19px;box-shadow:0 14px 30px #253e5b15;position:relative;overflow:hidden;transition:.28s}.notes article:after{content:'';position:absolute;right:-30px;bottom:-35px;width:100px;height:100px;border-radius:50%;background:#f0613c12}.notes article:nth-child(2n){background:#fff8fb}.notes article:nth-child(3n){background:var(--warm)}.notes article:hover{transform:translateY(-9px);box-shadow:0 24px 40px #253e5b26}.note-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ink);color:#fff;font-weight:900;margin-bottom:19px}.notes b{display:block;font-size:22px;letter-spacing:-.035em;position:relative;z-index:1}.notes p{font-size:14px;color:#637087;margin:7px 0 0;position:relative;z-index:1}
.faq{padding:112px 0;background:linear-gradient(125deg,var(--ink) 0%,#183250 55%,var(--blue) 100%);color:#fff}.faq-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:75px}.faq .section-heading>p{color:#ffc9b9}.faq .section-heading span{display:block;color:#f3e5ed;margin-top:20px}.qa details{border-top:1px solid #ffffff57;padding:20px 3px}.qa details:last-child{border-bottom:1px solid #ffffff57}.qa summary{cursor:pointer;font-weight:900;font-size:17px;list-style:none;position:relative;padding-right:35px}.qa summary:after{content:'+';position:absolute;right:2px;font:700 27px Outfit}.qa details[open] summary:after{content:'–'}.qa p{color:#f3e5ed;margin:13px 0 0;font-size:15px}
.contact{padding:90px 0;background:linear-gradient(110deg,var(--ink),var(--blue));color:#fff}.contact>.wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}.contact p{font-weight:900;margin:0}.contact h2{font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.3;letter-spacing:-.06em;margin:4px 0 0}.contact .phone{background:var(--red);color:#fff}.contact .line{background:var(--line);color:#fff}
.map{position:relative;background:#fff9f6;min-height:470px}.map iframe{width:100%;height:470px;border:0;filter:saturate(.85)}.map-card{position:absolute;left:max(6vw,24px);bottom:38px;background:#fff;padding:24px 27px;max-width:390px;border-radius:17px;box-shadow:0 18px 42px #203b5d33;display:flex;gap:17px;align-items:center}.map-card img{width:58px;height:58px;object-fit:contain}.map-card p{margin:0;color:var(--blue);font-weight:900}.map-card b{display:block;line-height:1.55}.map-card a{display:block;color:var(--blue);font-weight:900;margin-top:10px;text-decoration:none}
footer{padding:38px max(5vw,24px) 92px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:34px;background:linear-gradient(115deg,#02244f 0%,#02244f 32%,#8d2951 100%);color:#fff;border-top:3px solid var(--sky)}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand b{font-size:18px}.footer-brand p{margin:2px 0 0;color:#f0e6ee;font-size:14px}.footer-info{display:grid;gap:12px} .footer-info a{color:#fff;font-size:20px;font-weight:800;line-height:1.65;text-decoration:none;overflow-wrap:anywhere}.footer-info a:first-child{font-size:28px}.footer-info a:hover{color:#ffd1c3}.footer-info span{display:inline-block;color:#ffd1c3;font-size:16px;font-weight:900;margin-right:12px}.footer-info a:first-child span{color:#ffd1c3}.dock{display:none}

/* Unified warm-white section surfaces. */
.about,.services,.process,.notice,.faq,.contact,.map,footer{background:var(--warm);color:var(--ink)}
.notes article:nth-child(2n),.notes article:nth-child(3n){background:#fff}
.faq .section-heading>p{color:var(--blue)}
.faq .section-heading span,.qa p{color:var(--muted)}
.qa details,.qa details:last-child{border-color:#02244f26}
footer{border-top:1px solid #02244f18}
.footer-brand p{color:var(--muted)}
.footer-info a{color:var(--ink)}
.footer-info a:hover,.footer-info span,.footer-info a:first-child span{color:var(--blue)}

@media(max-width:900px){nav{display:none}.head-actions{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 9vw 54px}.hero-image{height:390px}.hero-image:before{background:linear-gradient(0deg,#fff,transparent 45%)}.about-layout,.process-layout,.faq-layout{grid-template-columns:1fr;gap:32px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article,.service-grid article:nth-child(4),.service-grid article:nth-child(5){grid-column:auto}.process-orbit{display:none}.contact>.wrap{display:block}.contact-actions{margin-top:28px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{padding-bottom:68px}.wrap{width:min(100% - 36px,1180px)}header{height:65px;padding:0 18px}.brand img{width:44px;height:44px}.brand b{font-size:16px}.head-actions{display:none}.hero-copy{padding:65px 20px 46px}.hero h1{font-size:2.35rem;line-height:1.24}.hero-copy>p:not(.kicker){font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions a{padding:14px}.hero-image{height:295px}.about,.services,.process,.notice,.faq{padding:75px 0}.section-heading h2{font-size:2rem}.about-layout{gap:23px}.about-copy{padding-top:20px}.service-grid,.steps,.notes{grid-template-columns:1fr}.service-grid img{height:220px}.steps article:nth-child(2),.steps article:nth-child(4){transform:none}.steps article:hover,.steps article:nth-child(2):hover,.steps article:nth-child(4):hover{transform:translateY(-5px)}.notes article{min-height:160px}.faq-layout{gap:28px}.contact{padding:65px 0}.contact-actions{display:grid;grid-template-columns:1fr}.contact-actions a{padding:14px}.map,.map iframe{height:410px}.map-card{left:18px;right:18px;bottom:18px;max-width:none;padding:20px}.dock{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:40;box-shadow:0 -8px 25px #17254a26}.dock a{border-radius:0;padding:16px 5px;font-size:15px;box-shadow:none;min-height:68px}.dock .line-bubble{width:28px;height:28px}footer{grid-template-columns:1fr;padding:30px 20px 38px;gap:20px}.footer-info{padding-top:18px;border-top:1px solid #02244f18}.footer-info a{font-size:18px}.footer-info a:first-child{font-size:26px}}