:root{--paper:#f7f4ef;--white:#fff;--deep:#06373d;--ink:#183336;--muted:#5b6765;--gold:#89652c;--line:#ddd7ce;--tint:#edf0eb;--gold-tint:#efe8dc;--serif:Georgia,'Noto Serif TC','Microsoft JhengHei',serif;--sans:'Microsoft JhengHei','PingFang TC','Noto Sans TC',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bc7a22;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}button{cursor:pointer}::selection{background:#e4ceb0;color:var(--deep)}.wrap{max-width:1200px;margin-inline:auto;padding-inline:32px}.review-bar{min-height:32px;display:flex;align-items:center;justify-content:center;gap:16px;background:#e9e2d7;color:#4a514d;font-size:12px;letter-spacing:.04em}.review-bar span{color:#5b605b}.skip{position:absolute;top:-100px;left:20px;background:white;z-index:10;padding:10px}.skip:focus{top:40px}.header{max-width:1360px;margin:auto;padding:22px 48px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;background:var(--deep);color:white;display:grid;place-items:center;font:28px Georgia}.brand strong{display:block;font:23px Georgia;line-height:1.25}.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:.1em}.header nav{display:flex;gap:28px;font-size:14px}.header-contact{font-size:14px;border-bottom:1px solid var(--deep);padding-block:5px}.header-contact span{margin-left:16px}.hero{padding-top:66px;padding-bottom:62px;text-align:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;color:var(--gold);line-height:1.6}.project-names{font:23px var(--serif);margin-top:14px}.project-names span{font:14px var(--sans);padding-inline:13px;color:var(--muted)}h1{font-size:52px;font-weight:600;letter-spacing:.035em;line-height:1.3;margin-top:16px}.hero-lead{margin-top:22px;font-size:17px;line-height:1.9;color:var(--muted)}.hero-lead strong{font-weight:500;color:var(--ink)}.mobile-break{display:none}.hero-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px;text-align:left}.project-intro figure{position:relative}.project-intro figure img{width:100%;aspect-ratio:16/9;object-fit:cover}.project-intro figure figcaption{position:absolute;bottom:10px;right:12px;background:rgba(0,0,0,.7);padding:2px 9px;color:white;font-size:11px}.project-copy{padding:22px 0 12px}.purpose{display:inline-block;color:var(--deep);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.5;background:#e2eae4;padding:5px 11px}.purpose-gold{background:var(--gold-tint);color:#795923}.project-copy h2{font:32px var(--serif);margin-top:10px;line-height:1.2}.project-copy p{margin-top:9px;font-size:17px}.spec{font-size:14px;color:var(--muted);margin-top:9px}.spec span{padding-inline:7px}.project-copy a{display:inline-block;border-bottom:1px solid var(--line);font-size:13px;margin-top:16px;padding-bottom:4px}.project-copy a span{margin-left:12px}.section{padding-top:80px;padding-bottom:80px;border-top:1px solid var(--line)}.section-heading{max-width:680px;margin-bottom:38px}.section-heading h2,.area-copy h2{font-size:36px;line-height:1.45;font-weight:600;letter-spacing:.015em;margin-top:12px}.section-heading p:not(.eyebrow){color:var(--muted);margin-top:16px}.comparison{border-top:2px solid var(--deep)}.compare-row{display:grid;grid-template-columns:170px 1fr 1fr;border-bottom:1px solid var(--line)}.compare-row>div{padding:20px 22px}.compare-row>div:first-child{padding-left:0}.compare-row>div:last-child{background:rgba(237,230,216,.28)}.compare-head{font-size:20px;font-weight:600}.compare-head>div:first-child{font-size:13px;color:var(--muted);display:flex;align-items:center}.compare-head small{display:block;font:12px var(--sans);color:var(--muted);margin-top:3px}.row-label{font-size:14px;color:var(--muted);font-weight:600}.compare-row[role=row]:not(.compare-head){font-size:16px}.mobile-label{display:none}.quiet-note{font-size:13px;color:var(--muted);margin-top:19px;line-height:1.8}.usage-section{background:var(--tint)}.usage-pair{display:grid;grid-template-columns:1fr 1fr;gap:72px}.usage h3{font-size:26px;line-height:1.6;font-weight:600;margin-top:16px}.usage>p:not(.takeaway){color:var(--muted);margin-top:16px}.usage ul{list-style:none;padding:0;margin:22px 0 0}.usage li{padding:15px 0;border-top:1px solid #d3d9d1;font-size:16px;color:var(--muted)}.usage li strong{display:block;color:var(--ink);font-weight:600;margin-bottom:3px}.takeaway{margin-top:18px;border-left:2px solid var(--gold);padding-left:16px;font-size:15px}.layout-group+.layout-group{margin-top:62px}.group-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.group-heading h3{font:30px var(--serif);margin-top:10px;line-height:1.3}.group-heading>p{font-size:15px;max-width:420px;color:var(--muted)}.plan-grid{display:grid;gap:26px}.plan-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-image{position:relative;display:grid;place-items:center;width:100%;padding:18px;background:#fff;border:1px solid var(--line);overflow:hidden}.plan-image img{height:330px;width:100%;object-fit:contain;transition:transform .25s}.plan-image:hover img{transform:scale(1.025)}.plan-grid-two .plan-image img{height:390px}.zoom-label{position:absolute;bottom:12px;right:12px;background:#fff;border:1px solid var(--line);color:var(--deep);padding:2px 9px;font-size:11px}.plan figcaption{padding-top:19px}.plan-type{font-size:11px;letter-spacing:.07em;color:var(--muted);font-weight:600}.plan h4{font-size:24px;font-weight:600;margin-top:6px;line-height:1.5}.plan h4 span{display:block;font-size:14px;font-weight:500;color:var(--muted)}.plan figcaption p{font-size:15px;color:var(--muted);margin-top:12px}.layout-note{display:flex;align-items:start;gap:32px;border-block:1px solid var(--line);padding:24px 0;margin-top:29px}.layout-note strong{min-width:260px;font-size:18px;font-weight:600}.layout-note p{font-size:15px;color:var(--muted);max-width:700px}.area-section{background:var(--tint)}.area-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.area-image img{width:100%;aspect-ratio:4/5;object-fit:cover}.area-image figcaption{font-size:12px;color:var(--muted);margin-top:10px}.area-copy>p:not(.eyebrow){margin-top:20px;color:var(--muted)}.area-point{border-top:1px solid #d3d9d1;margin-top:26px;padding-top:20px}.area-point h3{font-size:18px;font-weight:600}.area-point p{font-size:15px;color:var(--muted);margin-top:8px}.text-link{display:inline-block;color:var(--deep);font-size:14px;border-bottom:1px solid #8d9e98;margin-top:22px;padding-bottom:3px}.cost-pair{display:grid;grid-template-columns:1fr 1fr;gap:60px}.cost-pair h3{font-size:25px;font-weight:600;margin-top:16px;line-height:1.5}.cost-pair p{font-size:16px;color:var(--muted);margin-top:16px}.cost-result{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.cost-result small{font-size:12px;letter-spacing:.08em;color:var(--muted)}.cost-result strong{display:block;font-size:21px;font-weight:500;margin-top:9px;line-height:1.6}.management-detail{border-block:1px solid var(--line);margin-top:40px;padding:20px 0}.management-detail summary{font-size:18px;font-weight:600;cursor:pointer}.management-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:25px;padding-bottom:8px}.management-grid strong{font-size:15px;font-weight:600}.management-grid p{font-size:14px;color:var(--muted);margin-top:8px}.price-note{margin-top:34px;padding:25px 30px;background:#eee8dc;border-left:2px solid var(--gold)}.price-note strong{font-size:19px;font-weight:600}.price-note p{font-size:15px;color:var(--muted);margin-top:8px}.price-note a{margin-top:13px}.faq-section{background:white}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-size:17px;font-weight:500;cursor:pointer;padding-right:12px}.faq-list p{font-size:15px;color:var(--muted);margin-top:15px;padding-right:16px}.contact{margin-top:72px;margin-bottom:40px;padding:48px;background:var(--deep);color:#fff;display:grid;grid-template-columns:1.6fr 1fr;gap:58px;align-items:center}.contact .eyebrow{color:#e0c495}.contact h2{font-size:30px;line-height:1.65;font-weight:500;margin-top:14px}.contact p:not(.eyebrow){color:#d5e1dc;font-size:15px;margin-top:18px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;font-size:14px;line-height:1.5;font-weight:600}.primary{background:#e7d3ac;color:#173337}.secondary{border:1px solid #7b9691;color:white}.contact p.contact-identity{font-size:12px;color:#bfd1cd;margin-top:22px}.related{border-left:1px solid #53706f;padding-left:36px;display:grid;gap:16px}.related span{font-size:12px;color:#d5e1dc}.related a{font-size:16px;border-bottom:1px solid #53706f;padding-bottom:12px}.source-note{font-size:12px;color:var(--muted);padding-bottom:30px}.source-note details{margin-top:10px}.source-note summary{cursor:pointer}.source-note a{text-decoration:underline}.source-note p+p{margin-top:10px}.footer{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted);padding-block:25px;border-top:1px solid var(--line)}.plan-dialog{padding:0;width:min(96vw,1200px);max-width:none;max-height:94vh;border:0;background:#f7f4ef;box-shadow:0 15px 80px #0006}.plan-dialog::backdrop{background:#062328dc}.dialog-heading{position:sticky;top:0;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--paper);border-bottom:1px solid var(--line);z-index:1}.dialog-heading h2{font-size:17px;font-weight:500;line-height:1.6}.dialog-close{flex-shrink:0;border:1px solid #61726c;background:#fff;padding:7px 12px;font-size:13px}.dialog-body{padding:20px;overflow:auto}.dialog-body img{height:auto;width:auto;max-width:100%;margin:auto;max-height:none}.dialog-hint{text-align:center;font-size:12px;color:var(--muted);padding:10px}.plan-dialog:modal{overflow:auto}
@media(min-width:1500px){.wrap{max-width:1280px}.hero-pair{gap:32px}.hero{padding-top:72px}}
@media(max-width:1000px){.header{padding:20px 32px}.header nav{gap:18px}.wrap{padding-inline:28px}.hero{padding-top:48px}h1{font-size:43px}.compare-row{grid-template-columns:130px 1fr 1fr}.compare-row>div{padding:17px}.usage-pair,.cost-pair{gap:38px}.usage h3{font-size:22px}.plan-image{padding:12px}.plan-image img{height:280px}.plan-grid-two .plan-image img{height:340px}.area-grid{gap:35px}.faq-grid{gap:35px}.contact{margin-inline:28px;padding:36px;gap:35px}.contact h2{font-size:25px}.management-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap{padding-inline:22px}.review-bar{font-size:10px;gap:10px;min-height:29px}.header{padding:15px 22px;gap:16px}.header nav{display:none}.brand-mark{width:35px;height:35px;font-size:23px}.brand{gap:9px}.brand strong{font-size:20px}.brand small{font-size:10px}.header-contact{font-size:12px}.header-contact span{margin-left:7px}.hero{padding-top:38px;padding-bottom:45px;text-align:left}.eyebrow{font-size:10px}.project-names{font-size:19px;line-height:1.5;margin-top:13px}.project-names span{font-size:12px;padding-inline:7px}h1{font-size:34px;line-height:1.45;letter-spacing:.015em;margin-top:14px}.mobile-break{display:block}.hero-lead{font-size:15px;line-height:1.9;margin-top:17px}.hero-pair{grid-template-columns:1fr;gap:30px;margin-top:28px}.project-intro figure img{aspect-ratio:16/10}.project-intro figure figcaption{font-size:9px;bottom:8px;right:8px}.project-copy{padding-top:17px;padding-bottom:0}.project-copy h2{font-size:28px}.project-copy p{font-size:16px}.spec{font-size:13px}.project-copy a{font-size:12px;margin-top:13px}.purpose{font-size:11px}.section{padding-top:46px;padding-bottom:46px}.section-heading{margin-bottom:25px}.section-heading h2,.area-copy h2{font-size:28px;margin-top:10px;line-height:1.55}.section-heading p:not(.eyebrow){font-size:15px;margin-top:12px}.compare-head{display:none}.compare-row{grid-template-columns:1fr 1fr;gap:0;position:relative}.compare-row>div{padding:14px 0 17px;font-size:14px}.compare-row>div:first-child{grid-column:1/-1;padding:15px 0 0;background:none;font-size:12px;color:var(--gold)}.compare-row>div:nth-child(2){padding-right:15px}.compare-row>div:last-child{padding-left:15px;background:none}.mobile-label{display:block;font:14px var(--serif);font-weight:600;color:var(--deep);margin-bottom:7px}.compare-row>div strong{font-size:16px}.quiet-note{font-size:12px;line-height:1.85}.usage-pair,.cost-pair{grid-template-columns:1fr;gap:32px}.usage h3{font-size:22px;margin-top:13px;line-height:1.65}.usage>p:not(.takeaway){font-size:15px;margin-top:12px}.usage li{font-size:14px;padding:13px 0}.usage ul{margin-top:18px}.takeaway{font-size:14px;margin-top:13px}.usage+.usage{border-top:1px solid #bac7be;padding-top:28px}.group-heading{display:block;margin-bottom:20px}.group-heading h3{font-size:27px}.group-heading>p{font-size:14px;margin-top:12px}.plan-grid-three,.plan-grid-two{grid-template-columns:1fr;gap:32px}.plan-image{padding:15px}.plan-image img{height:auto;max-height:400px;object-fit:contain}.plan-grid-two .plan-image img{height:auto;max-height:400px}.plan figcaption{padding-top:15px}.plan h4{font-size:24px}.plan figcaption p{font-size:14px;margin-top:10px}.plan-type{font-size:10px}.layout-group+.layout-group{margin-top:43px}.layout-note{display:block;padding:20px 0;margin-top:22px}.layout-note strong{font-size:17px;min-width:0}.layout-note p{font-size:14px;margin-top:10px}.area-grid{grid-template-columns:1fr;gap:27px}.area-image img{aspect-ratio:4/3;object-fit:cover}.area-image figcaption{font-size:11px}.area-copy>p:not(.eyebrow){font-size:15px;margin-top:14px}.area-point{margin-top:20px;padding-top:17px}.area-point h3{font-size:17px}.area-point p{font-size:14px}.text-link{font-size:13px;margin-top:17px}.cost-pair h3{font-size:22px;margin-top:13px}.cost-pair p{font-size:14px;margin-top:13px}.cost-result{padding-top:18px;margin-top:20px}.cost-result strong{font-size:20px}.cost-pair article+article{border-top:1px solid var(--line);padding-top:28px}.management-detail{margin-top:29px;padding:17px 0}.management-detail summary{font-size:16px}.management-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.price-note{padding:20px;margin-top:27px}.price-note strong{font-size:17px}.price-note p{font-size:14px}.faq-grid{grid-template-columns:1fr;gap:0}.faq-list details{padding:18px 0}.faq-list summary{font-size:15px}.faq-list p{font-size:14px;padding-right:0}.contact{margin:42px 22px 28px;padding:28px 22px;grid-template-columns:1fr;gap:30px}.contact h2{font-size:24px;line-height:1.65}.contact p:not(.eyebrow){font-size:14px;margin-top:15px}.contact-actions{display:grid;gap:10px;margin-top:23px}.button{font-size:14px;padding:13px 16px}.related{border-left:0;border-top:1px solid #53706f;padding:24px 0 0;gap:14px}.related a{font-size:15px}.desktop-break{display:none}.source-note{font-size:11px;padding-bottom:23px}.footer{font-size:11px;padding-block:20px;gap:15px}.dialog-heading{padding:12px;gap:10px}.dialog-heading h2{font-size:13px}.dialog-close{padding:7px 8px;font-size:12px}.dialog-body{padding:12px}.dialog-hint{font-size:10px}}
@media(max-width:350px){.wrap{padding-inline:18px}.header{padding-inline:18px}h1{font-size:30px}.project-names{font-size:17px}.project-names span{padding-inline:4px}.hero-lead{font-size:14px}.contact{margin-inline:18px}.contact h2{font-size:21px}.compare-row>div{font-size:13px}.mobile-label{font-size:13px}}
.dual-key-benefits{margin-top:32px;border-top:1px solid var(--line);padding-top:29px}.dual-key-heading{max-width:700px}.dual-key-heading h4{font-size:26px;font-weight:600;line-height:1.5;margin-top:13px}.dual-key-heading>p{font-size:16px;color:var(--muted);margin-top:10px}.dual-key-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:26px}.dual-key-points>div{border-top:1px solid var(--line);padding-top:18px}.dual-key-points strong{font-size:17px;font-weight:600}.dual-key-points p{font-size:15px;color:var(--muted);margin-top:9px}.dual-key-benefits>.quiet-note{max-width:860px}
@media(max-width:700px){.dual-key-benefits{margin-top:25px;padding-top:23px}.dual-key-heading h4{font-size:22px}.dual-key-heading>p{font-size:14px}.dual-key-points{grid-template-columns:1fr;gap:19px;margin-top:22px}.dual-key-points>div{padding-top:15px}.dual-key-points strong{font-size:16px}.dual-key-points p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plan-image img{transition:none}}
.header-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}.language-switch{display:flex;gap:3px;padding:3px;border:1px solid #b8c2bb;border-radius:4px;font-size:12px;line-height:1.5}.language-switch a{padding:5px 8px;min-width:34px;text-align:center;border-radius:2px}.language-switch [aria-current=page]{background:var(--deep);color:white}.language-switch a:hover{background:#e2eae4;color:var(--deep);text-decoration:none}html[lang=en-MY]{--sans:Arial,'Microsoft JhengHei',sans-serif}html[lang=en-MY] h1{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;line-height:1.17}html[lang=en-MY] .hero-lead{max-width:750px;margin-inline:auto}html[lang=en-MY] .section-heading h2,html[lang=en-MY] .area-copy h2{line-height:1.25;letter-spacing:-.015em}html[lang=en-MY] .usage h3{line-height:1.4}html[lang=en-MY] .contact h2{line-height:1.4}html[lang=en-MY] .brand small{letter-spacing:0;font-size:10px}
@media(max-width:1150px){.header nav{display:none}}
@media(max-width:700px){.header{flex-wrap:wrap;gap:12px}.header-actions{gap:10px}.header-contact{display:none}.language-switch{font-size:12px}.language-switch a{min-height:30px;display:grid;place-items:center}.hero-lead{margin-inline:0}html[lang=en-MY] h1{font-size:35px;line-height:1.18}html[lang=en-MY] .hero-lead{font-size:15px}html[lang=en-MY] .compare-row>div{font-size:14px}.project-intro figure figcaption{max-width:calc(100% - 16px)}html[lang=en-MY] .contact h2{font-size:24px}}
@media(max-width:350px){html[lang=en-MY] h1{font-size:30px}html[lang=en-MY] .brand small{font-size:9px}html[lang=en-MY] .compare-row>div{font-size:13px}.language-switch a{padding-inline:7px}}