:root{--paper:#f7f7f3;--pine:#244c49;--pine-dark:#183b39;--ink:#263b39;--body:#4e615d;--muted:#71817a;--line:#d8e0d9;--sage:#e9efea}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif;line-height:1.8}
html[lang=en] body{font-family:Arial,Helvetica,sans-serif}
h1,h2,h3{font-family:"Noto Serif SC","Songti SC",Georgia,serif;font-weight:500}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-family:Georgia,"Times New Roman",serif}
a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #c98b48;outline-offset:3px}
.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.header{position:sticky;top:0;z-index:10;background:rgba(247,247,243,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--pine)}
.mark{width:36px;height:36px;border:1px solid var(--pine);border-radius:50%;display:grid;place-items:center;font:21px "Songti SC",serif}
.nav-links{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:700}
.nav-links a:hover,.lang a:hover{color:#3e806e}
.lang{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.lang [aria-current=page]{color:var(--pine);font-weight:700;border-bottom:1px solid var(--pine)}
.hero{background:#eef3ed}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:590px}.hero-copy{padding:86px 9% 77px 0;align-self:center}.eyebrow{font-size:11px;letter-spacing:.16em;color:#587766;font-weight:700;text-transform:uppercase}
h1{font-size:clamp(38px,4.7vw,63px);letter-spacing:-.04em;line-height:1.28;margin:19px 0 24px}.hero-lead{font-size:17px;line-height:1.85;color:#34514a;margin:0 0 18px}.hero-copy>p:not(.hero-lead){font-size:14px;color:var(--body);max-width:600px}
.hero-photo{position:relative;overflow:hidden;background:#d6dcd7}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 20px;background:var(--pine);color:white;border:1px solid var(--pine);border-radius:2px;font-size:13px;font-weight:700;cursor:pointer}.button:hover{background:#386760}.button-light{background:transparent;color:var(--pine);border-color:#86a394}.button-light:hover{background:#e2ece3}.button-white{background:#fff;color:var(--pine);border-color:#fff}
.facts{background:#fff;border-block:1px solid var(--line)}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr)}.facts-grid div{padding:23px 25px;border-right:1px solid var(--line);font-size:13px;color:var(--body)}.facts-grid div:first-child{padding-left:0}.facts-grid div:last-child{border:0}.facts-grid b{display:block;color:var(--pine);font-size:14px}
.section{padding:89px 0}.section-head{max-width:700px;margin-bottom:32px}.section-head h2{font-size:clamp(31px,3.5vw,46px);line-height:1.35;margin:10px 0 15px}.section-head p{color:var(--body);font-size:14px;margin:0}
.topic-grid,.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.topic,.service{background:#fff;border:1px solid var(--line);padding:27px;min-width:0}.topic h3,.service h3{font-size:22px;line-height:1.4;margin:0 0 12px}.topic p,.service p{font-size:13px;color:var(--body);margin:0}.service{display:flex;flex-direction:column}.service ul{padding-left:18px;font-size:12px;color:var(--body);margin:18px 0 25px}.service .price{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:var(--pine);font:500 29px Georgia,serif}.service .price small{display:block;margin-top:3px;color:var(--body);font:600 12px Arial,sans-serif}.service.featured{border-color:#86a794;box-shadow:0 8px 25px rgba(36,76,73,.06)}.service .go{display:inline-block;margin-top:16px;font-size:12px;color:var(--pine);font-weight:700;border-bottom:1px solid var(--pine);align-self:flex-start}
.soft{background:var(--sage)}.plain-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px}.plain-grid p{font-size:14px;color:var(--body);margin:0 0 14px}.plain-grid h2{font-size:clamp(30px,3.2vw,42px);margin:7px 0 19px;line-height:1.38}.note{padding:17px 20px;margin-top:22px;background:#fff;border-left:3px solid #91aa99;font-size:12px;color:var(--body);line-height:1.8}
.faq{display:grid;grid-template-columns:.68fr 1.32fr;gap:52px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-size:14px;font-weight:700}.faq details p{font-size:13px;color:var(--body);margin:12px 0 0}
.contact{background:#1e4340;color:#f5f7f1;padding:82px 0}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:65px}.contact h2{font-size:clamp(33px,3.7vw,48px);line-height:1.35;margin:10px 0 20px}.contact p{font-size:14px;color:#d3e0d4}.contact .button-white:hover{background:#eaf0eb}.contact .button-outline{background:transparent;border-color:#a9c2ae}.contact-box{padding:28px;background:#28514b;border:1px solid #5e7e6e}.contact-box h3{font-size:21px;margin:0 0 11px}.contact-box div{padding:9px 0;border-bottom:1px solid #5a7868;font-size:13px}.contact-box div:last-child{border:0}.contact-box a{text-decoration:underline;text-underline-offset:3px}.copy{background:transparent;color:#fff;border:1px solid #92b3a0;padding:3px 7px;font-size:11px;cursor:pointer;margin-left:8px}.fine{font-size:12px;color:#d3e0d4}
.footer{background:#173b38;color:#c1d3c4;padding:24px 0;font-size:11px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{padding:60px 7% 60px 0}.topic-grid,.service-grid{grid-template-columns:1fr 1fr}.contact-grid,.plain-grid{gap:30px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.nav{flex-wrap:wrap;padding:12px 0}.nav-links{order:3;width:100%;justify-content:space-between;gap:8px;font-size:11px}.hero-grid,.plain-grid,.faq,.contact-grid{grid-template-columns:1fr}.hero-copy{padding:58px 0 42px}.hero-photo{height:390px}.facts-grid,.topic-grid,.service-grid{grid-template-columns:1fr}.facts-grid div{padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.facts-grid div:last-child{border:0}.section{padding:68px 0}.contact{padding:68px 0}.footer .wrap{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Xuanxuan visual depth and readability pass */
.hero-copy{background:radial-gradient(circle at 5% 9%,rgba(255,255,255,.72),transparent 47%)}
h1,.section-head h2,.plain-grid h2,.contact h2{text-wrap:balance}
.hero-copy>p:not(.hero-lead),.plain-grid p,.section-head p,.contact p{font-size:16px;line-height:1.82}
.topic p,.service p,.faq details p,.contact-box div{font-size:15px;line-height:1.78}
.service ul,.facts-grid div{font-size:14px;line-height:1.7}
.button,.nav-links{font-size:14px}
.hero-photo{box-shadow:inset 12px 0 24px rgba(26,55,43,.06)}
.facts{position:relative;z-index:2;margin-top:-21px;border:0;background:transparent}
.facts-grid{background:#fff;border:1px solid #d4dfd5;box-shadow:0 18px 42px rgba(29,63,54,.10)}
.topic,.service{box-shadow:0 8px 24px rgba(28,69,50,.055);border-color:#d2dfd3}
.service.featured{position:relative;transform:translateY(-7px);box-shadow:0 19px 40px rgba(28,69,50,.13);border-color:#7fa78a}
.service.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#769e84}
.contact-box{box-shadow:0 18px 35px rgba(5,30,27,.15)}
.faq summary{min-height:44px;display:flex;align-items:center}
@media(max-width:850px){.service.featured{transform:none}}
@media(max-width:640px){.facts{margin-top:0}.facts-grid{border:0;box-shadow:none}.topic,.service{box-shadow:0 5px 16px rgba(28,69,50,.05)}.hero-copy>p:not(.hero-lead),.plain-grid p,.section-head p,.contact p{font-size:16px}.nav-links{font-size:11px}}

/* Mobile touch and anchor refinement */
.nav-links a,.lang a{min-height:44px;display:inline-flex;align-items:center}@media(max-width:640px){html{scroll-padding-top:125px}}


/* Xuanxuan editorial hierarchy pass */
.hero-grid{border-bottom:1px solid #d8e5d9}
.hero-photo{box-shadow:inset 10px 0 22px rgba(26,55,43,.07),-8px 0 26px rgba(30,63,48,.06)}
.service-grid{gap:19px}
.topic-grid{gap:18px}
.contact .button-outline{color:#f5f7f1}
@media(max-width:640px){.hero-photo{box-shadow:0 11px 24px rgba(28,69,50,.07)}.service-grid,.topic-grid{gap:14px}}

/* Malaysia heading face alignment */
h1,h2,h3{font-family:"Noto Serif SC","Songti SC","SimSun",serif}
.hero h1{font-size:clamp(38px,4.4vw,58px);line-height:1.32}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-family:Georgia,"Times New Roman",serif}

/* Malaysia title line grouping */
html[lang=zh-CN] .hero h1{font-size:clamp(38px,4vw,52px)}.hero h1 .keep{white-space:nowrap}.hero h1 .next{display:block}

/* Malaysia first line grouping */
.hero h1 .first{white-space:nowrap}