:root{--blue:#0757c7;--dark:#07346f;--ink:#10213a;--muted:#596a7e;--line:#dce6f2;--pale:#f4f8fe}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.7}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--dark);font-weight:950;font-size:1.65rem;line-height:1;letter-spacing:-.08em;text-decoration:none;white-space:nowrap}.logo img{width:42px;height:42px;object-fit:contain}.logo span{color:var(--blue)}.nav{display:flex;align-items:center;gap:26px}.nav a{font-size:.92rem;font-weight:750;text-decoration:none}.nav a:hover,.footer-links a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:12px}.lang{font-weight:800;text-decoration:none;font-size:.88rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;text-decoration:none;white-space:nowrap}.btn svg{width:19px;height:19px;flex:none}.btn:hover{background:#064aa8}.btn-light{background:#fff;color:var(--dark);border:1px solid #bfd4ee}.btn-light:hover{background:#e8f1ff}.btn-whatsapp{background:#ecf6ef;color:#287a57;border:1px solid #b4d7c3;border-radius:999px}.btn-whatsapp:hover{background:#e0f1e6;color:#216948;border-color:#94c7aa}.site-header .btn{min-height:42px;padding:8px 17px;font-size:.88rem}.detail-hero{background:linear-gradient(130deg,#fff 0%,#f3f8ff 100%);padding:55px 0 80px}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.87rem;margin-bottom:38px}.breadcrumb a{color:var(--blue);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:70px;align-items:center}.eyebrow{color:var(--blue);font-size:.84rem;font-weight:850;letter-spacing:.08em;margin-bottom:15px}.detail-hero h1{font-size:clamp(2.9rem,5vw,5rem);color:var(--dark);margin-bottom:23px}.lead{font-size:1.08rem;color:#4e617a;max-width:690px;line-height:1.9;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{width:min(100%,360px);justify-self:center;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(10,48,104,.14);background:#e3eefb}.hero-media img{width:100%;height:auto}.detail-intro{padding:66px 0}.section-head{max-width:680px;margin-bottom:28px}.section-head h2{font-size:clamp(2rem,3vw,3rem);color:var(--dark);margin-bottom:10px}.section-head p{color:var(--muted);margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{border:1px solid var(--line);border-radius:17px;background:#fff;padding:24px;box-shadow:0 10px 30px rgba(10,48,104,.05)}.feature b{display:block;color:var(--blue);font-size:.85rem;margin-bottom:17px}.feature h3{font-size:1.16rem;color:var(--dark);margin-bottom:8px}.feature p{color:var(--muted);font-size:.9rem;margin-bottom:0}.faq{background:var(--pale);padding:75px 0}.faq-list{max-width:900px}.faq-list details{border-bottom:1px solid #d2e0f0}.faq-list summary{list-style:none;cursor:pointer;position:relative;padding:20px 45px 20px 0;font-size:1.08rem;font-weight:800;color:var(--dark)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:14px;font-size:1.5rem;color:var(--blue)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:780px;color:var(--muted);margin:0;padding:0 30px 22px 0}.faq-note{max-width:900px;color:var(--muted);font-size:.88rem;margin-top:24px}.more{padding:65px 0}.service-links{display:flex;gap:10px;flex-wrap:wrap}.service-links a{display:inline-flex;padding:10px 15px;border-radius:999px;background:#eaf2ff;color:var(--dark);font-weight:750;text-decoration:none}.service-links a:hover{background:#d6e8ff}.cta{background:var(--dark);color:#fff;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(1.6rem,2.5vw,2.5rem);margin-bottom:8px}.cta p{color:#d1e4ff;margin-bottom:0}.cta .btn{background:#fff;color:var(--dark)}.cta .btn:hover{background:#e7f1ff}.site-footer{background:#061e3d;color:#c5d8ed;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.site-footer .logo{color:#fff;font-size:1.3rem}.site-footer .logo img{width:34px;height:34px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{text-decoration:none;font-size:.88rem}a:focus-visible,summary:focus-visible{outline:3px solid #ffbb37;outline-offset:3px}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-media{width:min(100%,360px)}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{width:min(100% - 32px,540px)}.header-inner{min-height:66px;gap:10px}.logo{gap:6px;font-size:1.35rem}.logo img{width:34px;height:34px}.nav{display:none}.header-actions{gap:9px}.site-header .btn{padding:7px 10px;font-size:.77rem;min-height:38px}.lang{font-size:.78rem}.detail-hero{padding:30px 0 55px}.breadcrumb{margin-bottom:25px}.detail-hero h1{font-size:clamp(2.5rem,10vw,4rem)}.lead{font-size:1rem}.detail-intro,.more{padding:55px 0}.feature-grid{grid-template-columns:1fr}.feature{padding:21px}.faq{padding:60px 0}.cta-inner,.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:12px}}
/* Service-specific guidance for search visitors and booking decisions. */
.service-guidance{padding:0 0 70px}.service-guidance .container{border-top:1px solid var(--line);padding-top:58px}.guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.guidance-grid article{max-width:540px}.guidance-grid h3{font-size:1.17rem;color:var(--dark);margin-bottom:10px}.guidance-grid p{color:var(--muted);margin-bottom:0}.guidance-grid a{color:var(--blue)}
@media(max-width:600px){.service-guidance{padding-bottom:55px}.service-guidance .container{padding-top:45px}.guidance-grid{grid-template-columns:1fr}}
/* Keep service pages as readable as the homepage. */
.nav a,.lang{font-size:1.02rem}
.site-header .btn{font-size:1rem}
.breadcrumb,.eyebrow{font-size:1rem}
.lead{font-size:1.2rem}
.section-head p,.feature p,.faq-list details p,.guidance-grid p{font-size:1.08rem}
.feature h3,.guidance-grid h3{font-size:1.25rem}
.feature b,.faq-note,.footer-links a{font-size:1rem}

/* Match the footer layout shared by the two homepages. */
.site-footer{padding:55px 0 28px;line-height:1.65}
.site-footer .container{width:min(1180px,calc(100% - 48px))}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}
.site-footer .logo{display:inline;font-size:1.65rem}
.site-footer p{color:#a8c1db;max-width:380px;font-size:1rem}
.site-footer h3{font-size:.95rem;line-height:1.2;letter-spacing:-.03em;color:#fff;margin-bottom:10px}
.footer-links{display:grid;gap:8px}
.footer-links a{font-size:1rem}
.site-footer .footer-links a:hover{color:inherit;text-decoration:underline}
.footer-language{display:flex;gap:18px;align-items:center;margin-top:34px;font-size:1rem}
.footer-language span{color:#fff;font-weight:800}
.footer-language a[aria-current=page]{color:#fff;text-decoration:underline}
.footer-bottom{border-top:1px solid #244261;padding-top:20px;margin-top:35px;font-size:.78rem;color:#9fb6ce}
@media(max-width:760px){.site-footer .container{width:min(100% - 32px,540px)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding-bottom:100px}}
@media(max-width:440px){.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
.faq-list summary{font-size:1.18rem}
.service-links a,.cta p{font-size:1.05rem}
@media(max-width:600px){.site-header .btn{font-size:.88rem}.lang{font-size:.9rem}.lead{font-size:1.1rem}}
.site-header .logo,.site-header .logo span{color:#000}
.site-footer .logo,.site-footer .logo span{color:#fff}
.site-footer .logo{display:inline-flex;align-items:center;gap:0}
.site-footer .logo img{width:34px;height:34px;object-fit:contain;flex:none;margin-right:10px}
html[lang="en-HK"] .site-header .logo,html[lang="en-HK"] .site-footer .logo{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
html[lang="zh-HK"] .site-header .logo{gap:0}
html[lang="zh-HK"] .site-header .logo img{margin-right:10px}
@media(max-width:600px){html[lang="zh-HK"] .site-header .logo img{margin-right:6px}}
