:root{--green:#075447;--deep:#063f36;--mint:#d6ebdf;--accent:#c88b4c;--accent-light:#f6eadb;--accent-hover:#d79d61;--accent-ink:#865020;--accent-emphasis:#f2c79a;--on-accent:#182e27;--accent-line:#e3d1ba;--ink:#203b35;--muted:#5e635a;--pale:#f2e8d9;--line:#e5dccf;--white:#fff;--cream:#faf7f0;--label-bg:#eaf4e4;--green-wash:#f1f6ed;--label-line:#cbdcbe;--sand:#efe2d1;--scroll-thumb:#8a9e8f;--scroll-hover:#597565;--body:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;--display:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;color-scheme:light;scrollbar-color:var(--scroll-thumb) var(--pale);scrollbar-width:thin;scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-gutter:stable}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 var(--body);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 88px));margin-inline:auto}.topline{background:var(--pale);color:var(--green);padding:8px max(44px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;font-size:12px;letter-spacing:.04em}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:90px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;color:var(--green)}.brand b{display:block;font-size:25px;font-weight:800;letter-spacing:.12em;line-height:1.25}.brand small{display:block;font:9px/1.8 Arial,sans-serif;letter-spacing:.2em}.brand-mark{display:grid;place-items:center;width:46px;height:48px;background:var(--green);color:var(--mint);border-radius:15px 15px 5px 5px}.brand-mark svg{width:30px;height:30px}nav{display:flex;gap:29px;align-items:center;font-size:14px;font-weight:600}nav a{position:relative;white-space:nowrap;padding:30px 0}nav a.active{color:var(--green)}nav a.active:after{content:'';position:absolute;bottom:19px;left:0;width:22px;height:3px;background:var(--green)}.new-small{font:8px Arial;padding:3px 4px;border-radius:3px;background:var(--mint);color:var(--deep);vertical-align:top}.button{border:1px solid transparent;background:var(--green);color:white;display:inline-flex;gap:20px;align-items:center;justify-content:center;border-radius:7px;padding:13px 22px;font-size:15px;font-weight:700;line-height:1.5;transition:background .18s,transform .18s}.button:hover{background:var(--deep);transform:translateY(-1px)}.button.lime{background:var(--mint);color:var(--deep)}.button.lime:hover{background:#e9f5ee}.nav-cta{font-size:14px;padding:12px 17px;gap:16px}.menu-toggle{display:none}.hero{background:var(--green);color:white;position:relative}.hero-inner{padding-top:56px;padding-bottom:106px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eyebrow{display:block;color:var(--green);font:600 11px/1.5 Arial,var(--body);letter-spacing:.16em;margin-bottom:10px}.eyebrow.light{font-family:var(--body);font-size:13px;letter-spacing:.14em;color:var(--mint);display:flex;align-items:center;gap:10px}.eyebrow.light:before{content:'';width:25px;height:1px;background:var(--mint)}h1{font:800 clamp(40px,4.5vw,60px)/1.3 var(--display);letter-spacing:.025em;margin:17px 0 20px}h1 span{color:var(--mint)}.hero-copy>p{font-size:16px;line-height:1.95;color:#d9e9e1;margin:0 0 28px}.hero-copy .button{padding:15px 23px;gap:38px}.hero-points{display:flex;gap:23px;font-size:13px;color:#e2eee7;margin-top:25px}.hero-points span{display:flex;align-items:center;gap:5px}.hero-points svg{width:16px;height:16px;color:var(--mint)}.mobile-break{display:none}.hero-visual{position:relative;margin:0 0 18px}.hero-photo{width:100%;aspect-ratio:1.19;background-image:url('assets/reference.jpeg');background-size:266.22% auto;background-position:71.25% 8.3%;border-radius:110px 12px 12px 12px;box-shadow:16px 16px 0 #307565;overflow:hidden}.photo-note{position:absolute;left:-28px;bottom:15px;background:#fff;color:var(--green);display:flex;gap:13px;align-items:center;padding:17px 25px;border-radius:10px;box-shadow:0 12px 30px #103e3020}.note-icon{display:grid;place-items:center;width:43px;height:43px;background:var(--pale);border-radius:50%}.photo-note strong{font-size:16px;display:block}.photo-note small{display:block;font-size:12px;color:var(--muted)}.photo-caption{position:absolute;right:3px;bottom:-40px;font-size:12px;letter-spacing:.15em;color:#cadfd3}.search-wrap{position:relative;margin-top:-53px;z-index:2}.search-panel{border:1px solid var(--line);border-top:4px solid var(--mint);border-radius:14px;background:white;box-shadow:0 12px 40px #103e300e;padding:28px 32px 24px}.search-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.search-heading .eyebrow{margin-bottom:5px;font-size:10px}.search-heading h2{font-size:23px;line-height:1.5;margin:0;letter-spacing:.03em}.search-hint{font-size:13px;color:var(--muted)}.filters{display:grid;grid-template-columns:repeat(5,1fr) 105px;gap:13px}.filters label,.extra-filters label{font-size:12px;color:var(--muted);display:block;border:1px solid var(--line);border-radius:7px;padding:8px 11px;background:#fff}.filters select,.extra-filters select{border:0;display:block;background:#fff;color:var(--ink);width:100%;font-size:14px;min-height:27px;margin-left:-3px;cursor:pointer}.more-filter{border:0;background:transparent;font-size:13px;font-weight:600;display:flex;gap:12px;align-items:center;justify-content:center}.more-filter span{font-size:20px}.extra-filters{margin-top:13px;width:210px}.query-row{display:flex;gap:12px;margin-top:15px}.query-field{border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:14px;padding:0 16px;flex:1;min-width:0}.query-field svg{color:var(--green);width:19px}.query-field input{border:0;background:transparent;min-width:0;flex:1;font-size:14px;padding:14px 0;color:var(--ink)}input::placeholder{color:#84928b}.query-field button{background:transparent;border:0;font-size:24px;line-height:1}.query-row>.button{min-width:172px}.popular{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px;font-size:12px}.popular>span{color:var(--muted);margin-right:6px}.popular button{border:0;background:var(--pale);color:#416b5b;border-radius:20px;padding:3px 13px;font-size:12px;transition:background .15s}.popular button:hover{background:#deece3}.helpers-section{padding-top:59px;padding-bottom:52px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}h2{font-size:29px;font-weight:750;line-height:1.5;letter-spacing:.03em;margin:0 0 7px}.title-dot{color:#5e927c}.section-heading p{font-size:14px;color:var(--muted);margin:0}.section-heading .eyebrow{margin-bottom:7px}.list-actions{display:flex;gap:18px;align-items:center}.text-button{border:0;background:none;display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:9px 0;color:var(--green);font-weight:600}.text-button[aria-pressed=true]{text-decoration:underline}.demo-label{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:2px 7px;border-radius:4px}.helper-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.helper-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;transition:box-shadow .2s,transform .2s}.helper-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #07544712}.card-photo{position:relative;aspect-ratio:1.4;background-image:url('assets/reference.jpeg');background-size:535% auto;overflow:hidden;background-color:var(--pale)}.card-photo.p1{background-position:8.2% 69.2%}.card-photo.p2{background-position:35.4% 69.2%}.card-photo.p3{background-position:62.7% 69.2%}.card-photo.p4{background-position:89.7% 69.2%}.new-badge{position:absolute;top:13px;left:13px;background:var(--mint);color:var(--deep);border-radius:4px;padding:3px 8px;font:700 10px/1.5 Arial;letter-spacing:.06em}.save-icon{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center}.save-icon svg{width:19px;height:19px}.save-icon[aria-pressed=true] svg{fill:var(--green)}.card-body{padding:18px}.card-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.card-title h3{font-size:17px;margin:0;line-height:1.5}.card-id{font:11px Arial;color:var(--muted)}.meta{font-size:12px;color:var(--muted);margin:7px 0 11px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{color:var(--green);background:var(--pale);font-size:10px;padding:3px 7px;border-radius:4px}.card-description{font-size:13px;color:#61746b;line-height:1.9;margin:12px 0 18px;min-height:49px}.detail-btn{width:100%;display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:6px;color:var(--green);background:white;padding:9px 12px;font-size:13px;font-weight:650}.detail-btn:hover{background:var(--pale);border-color:var(--green)}.detail-btn svg{width:18px;height:18px}.services{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:24px;align-items:center;background:var(--pale);border-radius:13px;padding:38px 32px;margin-bottom:58px}.service-title h2{font-size:24px;line-height:1.65;color:var(--green)}.service-title p,.service-item p{font-size:13px;color:var(--muted);margin:8px 0 0;line-height:1.9}.service-item{border-left:1px solid #d6e3db;padding-left:29px}.service-item>svg{width:33px;height:33px;color:var(--green);margin-bottom:13px}.service-item h3{font-size:16px;margin:0}footer{background:var(--deep);color:white}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-block:34px;gap:20px}footer .brand{color:white}footer .brand-mark{background:#286a58}.footer-main p{font-size:17px;color:#d4e7dc;letter-spacing:.08em}.footer-bottom{padding-block:17px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;color:#b2cfc0;font-size:11px;gap:20px}.empty{text-align:center;padding:45px 20px;background:var(--pale);border-radius:12px}.empty>svg{color:var(--green);width:32px;height:32px}.empty h3{font-size:20px}.empty p{color:var(--muted)}dialog{width:min(570px,calc(100% - 32px));max-height:85dvh;border:1px solid var(--line);border-radius:15px;padding:34px;color:var(--ink);box-shadow:0 25px 90px #103e3055}dialog::backdrop{background:#10362c99;backdrop-filter:blur(4px)}dialog h2{font-size:26px;padding-right:25px}dialog p{color:var(--muted);font-size:15px}.close-dialog{position:absolute;right:16px;top:12px;background:none;border:0;font-size:28px;color:var(--green);width:35px;height:35px}dialog .profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--pale);padding:20px;border-radius:8px;margin-block:20px}dialog dt{font-size:12px;color:var(--muted)}dialog dd{margin:0;font-size:15px}.dialog-note{padding:12px 16px;border-left:3px solid var(--mint);background:var(--pale)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:40;background:var(--deep);color:white;padding:12px 24px;border-radius:8px;box-shadow:0 8px 30px #0002;font-size:14px;max-width:90vw}.skip{position:fixed;top:-100px;left:20px;z-index:99;padding:12px 20px;background:var(--mint);color:var(--deep)}.skip:focus{top:10px}:focus-visible{outline:3px solid #3e8b70;outline-offset:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--pale)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--green)}
@media(min-width:1500px){.hero-inner{gap:85px}.hero-photo{aspect-ratio:1.25}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.topline{padding-inline:24px}.nav{gap:18px}nav{gap:18px;font-size:13px}.nav-cta{padding:11px}.hero-inner{gap:35px}.hero-photo{border-top-left-radius:80px}.hero-points{gap:13px}.search-hint{display:none}.helper-grid{gap:15px}.card-body{padding:14px}.filters{grid-template-columns:repeat(5,1fr)}.more-filter{grid-column:1/-1;justify-content:flex-end;min-height:28px}.services{gap:15px;padding:29px 24px}.service-item{padding-left:20px}.list-actions{gap:12px}}
@media(max-width:850px){.topline span:last-child{display:none}.nav{min-height:76px}.nav-cta{margin-left:auto}.menu-toggle{display:block;order:3;border:0;background:transparent;color:var(--green);font-size:24px;width:40px;height:44px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:15px 24px;box-shadow:0 20px 30px #103e3010}nav.open{display:flex;flex-wrap:wrap}nav a{padding:10px}nav a.active:after{bottom:4px}.hero-inner{gap:28px;padding-top:40px;padding-bottom:98px}.hero-copy>p{font-size:14px}.hero-points{gap:10px;flex-wrap:wrap;font-size:11px}.hero-photo{aspect-ratio:1.02;background-size:310% auto;background-position:69% 7.5%}.photo-note{left:-16px;padding:12px 15px;gap:8px;bottom:0}.photo-note strong{font-size:13px}.photo-note small{font-size:10px}.note-icon{width:34px;height:34px}.photo-caption{font-size:10px;bottom:-34px}.search-panel{padding:24px}.filters{grid-template-columns:repeat(3,1fr)}.more-filter{grid-column:auto}.helper-grid{grid-template-columns:repeat(2,1fr);gap:24px}.card-body{padding:19px}.card-photo{aspect-ratio:1.5;background-position-y:69.2%}.card-title h3{font-size:19px}.tag{font-size:12px}.card-description{font-size:14px}.meta{font-size:13px}.list-actions{flex-wrap:wrap;justify-content:flex-end}.demo-label{display:none}.services{grid-template-columns:repeat(3,1fr)}.service-title{grid-column:1/-1;margin-bottom:15px}.service-title h2 br,.service-title p br{display:none}.service-item:first-of-type{border:0}.footer-main{flex-wrap:wrap}.footer-main p{font-size:14px}.footer-main .button{font-size:13px}.footer-main .brand b{font-size:22px}}
@media(max-width:600px){:root{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.topline{padding:7px 18px;font-size:10px}.nav{gap:9px;min-height:70px}.brand b{font-size:21px}.brand small{font-size:8px}.brand-mark{width:36px;height:40px;border-radius:12px 12px 4px 4px}.brand-mark svg{width:25px}.brand{gap:8px}.nav-cta{font-size:12px;padding:10px;gap:6px}.nav-cta svg{display:none}.menu-toggle{font-size:23px;width:33px}nav{top:70px}.hero-inner{grid-template-columns:1fr;gap:33px;padding-top:34px;padding-bottom:85px}.hero-copy{text-align:center}.eyebrow.light{justify-content:center;font-size:11px}h1{font-size:43px;line-height:1.3;margin-top:15px;margin-bottom:17px}.hero-copy>p{font-size:14px;line-height:1.9;margin-bottom:20px}.hero-copy .button{padding:12px 20px;font-size:14px;gap:28px}.hero-points{justify-content:center;margin-top:18px;gap:18px;font-size:12px}.hero-visual{width:90%;margin:0 auto 9px}.hero-photo{aspect-ratio:1.45;border-top-left-radius:65px;background-size:245% auto;background-position:78% 9%}.photo-note{bottom:-11px;left:-15px;padding:12px 16px}.photo-caption{right:-1px;bottom:-39px;font-size:9px}.search-wrap{margin-top:-37px}.search-panel{padding:22px 18px 18px;border-radius:11px}.search-heading{margin-bottom:18px}.search-heading h2{font-size:19px}.search-heading .eyebrow{font-size:9px}.filters{grid-template-columns:repeat(2,1fr);gap:9px}.filters label{padding:7px 9px;font-size:12px}.filters select{font-size:14px}.more-filter{font-size:13px}.query-row{flex-wrap:wrap;gap:10px}.query-field{flex-basis:100%;padding-inline:11px;gap:8px}.query-field input{font-size:13px;padding:12px 0}.query-row>.button{width:100%;padding-block:12px}.popular{gap:6px;font-size:11px;margin-top:13px}.popular>span{flex-basis:100%;margin-bottom:1px}.popular button{font-size:11px;padding:4px 10px}.helpers-section{padding-top:39px;padding-bottom:32px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:9px}.section-heading p{font-size:13px}.list-actions{width:100%;justify-content:space-between}.list-actions .demo-label{display:block}.text-button{font-size:12px;padding:0}.helper-grid{gap:12px}.card-body{padding:12px}.card-photo{aspect-ratio:1.1;background-size:610% auto;background-position-y:70.2%}.card-photo.p1{background-position-x:10%}.card-photo.p2{background-position-x:36%}.card-photo.p3{background-position-x:62%}.card-photo.p4{background-position-x:88%}.new-badge{top:9px;left:9px;font-size:8px;padding:2px 5px}.save-icon{width:30px;height:30px;top:7px;right:7px}.save-icon svg{width:16px;height:16px}.card-title{flex-wrap:wrap;gap:2px}.card-title h3{font-size:15px}.card-id{font-size:10px}.meta{font-size:11px;margin:5px 0 9px}.tags{gap:4px;min-height:47px;align-content:start}.tag{font-size:10px;padding:2px 5px}.card-description{font-size:12px;line-height:1.8;min-height:65px;margin:8px 0 13px}.detail-btn{font-size:12px;padding:8px}.services{padding:24px 20px;gap:18px;grid-template-columns:1fr;margin-bottom:35px}.service-title{grid-column:auto;margin-bottom:4px}.service-title h2{font-size:22px}.service-title h2 br{display:block}.service-title p{font-size:13px}.service-item{border-left:0;border-top:1px solid #d6e3db;padding:19px 0 0;display:grid;grid-template-columns:40px 1fr;column-gap:14px}.service-item>svg{grid-row:1/3;margin:3px 0 0}.service-item h3{font-size:15px}.service-item p{font-size:13px;margin-top:3px}.service-item p br{display:none}.footer-main{padding-block:27px;justify-content:flex-start;gap:16px}.footer-main p{width:100%;margin:0;font-size:14px}.footer-main .button{width:100%;justify-content:space-between}.footer-bottom{flex-direction:column;gap:5px;font-size:10px}.extra-filters{width:100%}dialog{padding:28px 22px}.empty{padding:30px 16px}.empty h3{font-size:17px}.empty p{font-size:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media(forced-colors:active){:root{scrollbar-color:auto}.button,.tag,.brand-mark{border:1px solid ButtonText}}

/* The eight approved sitemap items share one navigation treatment. */
#nav-links{gap:32px;font-size:16px}#nav-links>a,#nav-links>button{font:inherit;color:inherit;white-space:nowrap}#nav-links>button{background:none;border:0;padding:30px 0}#nav-links>a.active{color:var(--green)}#nav-links>a:hover,#nav-links>button:hover{color:var(--green)}
.footer-nav{position:static;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 28px;box-shadow:none;border:0;background:transparent;padding:0 0 26px;font-size:14px;font-weight:400;color:#d4e7dc}.footer-nav a,.footer-nav button{position:static;display:inline-block;font:inherit;color:inherit;background:none;border:0;padding:5px 0;white-space:nowrap}.footer-nav a:hover,.footer-nav button:hover{color:white;text-decoration:underline}
@media(max-width:1200px){.menu-toggle{display:block;order:3;border:0;background:transparent;color:var(--green);font-size:24px;width:40px;height:44px}.nav-cta{margin-left:auto}#nav-links{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 115px);overflow-y:auto;background:white;border-bottom:1px solid var(--line);padding:16px 24px;box-shadow:0 20px 30px #103e3010;gap:6px 24px}#nav-links.open{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}#nav-links>a,#nav-links>button{text-align:left;padding:13px 0;font-size:16px}#nav-links a.active:after{bottom:6px}.footer-nav{display:flex}}
@media(max-width:600px){#nav-links.open{grid-template-columns:repeat(2,minmax(0,1fr))}#nav-links{padding-inline:18px;gap:4px 22px}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;padding-bottom:24px;font-size:14px}}

.brand-logo{display:block;width:165px;height:78px;object-fit:contain}footer .brand-logo{background:#fff;border-radius:7px;padding:5px;width:170px;height:85px}.reviews-band{padding:52px 0 38px;background:var(--pale)}.reviews-grid,.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.review-card{background:white;border:1px solid var(--line);border-radius:12px;padding:27px;display:flex;flex-direction:column}.review-stars{color:#9b7e35;letter-spacing:3px;font-size:18px;margin-bottom:16px}.review-card h3{font-size:18px;line-height:1.6;margin:0 0 12px;color:var(--green)}.review-card>p{font-size:15px;line-height:1.95;margin:0 0 23px;color:var(--muted);flex:1}.review-person{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding-top:17px}.initials{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--pale);color:var(--green);font:600 13px Arial}.review-person strong{font-size:13px;display:block}.review-person small{font-size:10px;color:var(--muted);display:block}.source-note{font-size:12px;color:var(--muted);margin:20px 0 0;line-height:1.7}.news-section{padding-block:60px}.news-card{padding:26px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;background:#fff;transition:box-shadow .2s}.news-card:hover{box-shadow:0 10px 25px #103e3010}.news-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.article-category{font-size:12px;color:var(--green);background:var(--pale);border-radius:20px;padding:4px 12px}.news-top>svg{color:var(--green);width:25px;height:25px}.news-card time{font:11px Arial;letter-spacing:.1em;color:var(--muted)}.news-card h3{font-size:21px;line-height:1.55;letter-spacing:.015em;color:var(--green);margin:14px 0}.news-card>p{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 24px;flex:1}.news-bottom{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px}.news-bottom>span{font-size:11px;color:var(--muted)}.news-bottom .text-button{font-size:13px;padding:0}.academy-section{display:grid;grid-template-columns:1fr 1.65fr;gap:60px;margin-bottom:65px;border-top:1px solid var(--line);padding-top:47px}.academy-intro h2{font-size:32px;color:var(--green)}.academy-lead{font-size:24px!important;color:var(--ink)!important;line-height:1.6!important;margin:20px 0!important}.academy-intro>p{font-size:15px;color:var(--muted);line-height:1.9}.academy-intro>.text-button{font-size:13px;margin-top:10px}.lesson{display:grid;grid-template-columns:46px 1fr 40px;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:23px 0}.lesson:first-child{padding-top:0}.lesson-icon{width:46px;height:46px;border-radius:10px;background:var(--pale);color:var(--green);display:grid;place-items:center}.lesson-category{font-size:12px;color:var(--green)}.lesson h3{font-size:18px;line-height:1.6;margin:5px 0}.lesson p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 5px}.lesson small{font-size:11px;color:var(--muted)}.lesson-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:white;color:var(--green);border-radius:50%}.lesson-button:hover{background:var(--pale)}.branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-block:0 30px}.branch-grid h3{font-size:16px;color:#fff;margin:0 0 8px}.branch-grid p{font-size:14px;color:#d4e7dc;line-height:1.8;margin:0 0 10px}.branch-grid a{font-size:13px;color:#d4e7dc}.branch-grid a:hover{text-decoration:underline}.branch-grid .contact-number{font-size:21px;color:white;font-weight:600}.contact-dialog-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block:22px}.info-list{padding-left:24px;margin-block:20px}.info-list li{padding-left:4px;margin-block:12px;font-size:16px}
@media(max-width:850px){.reviews-grid,.news-grid{gap:15px}.review-card,.news-card{padding:20px}.review-card h3{font-size:17px}.review-card>p,.news-card>p{font-size:14px}.review-person{align-items:flex-start}.review-person small{font-size:10px}.news-card h3{font-size:18px}.academy-section{grid-template-columns:1fr 1.5fr;gap:30px}.lesson{grid-template-columns:38px 1fr 32px;gap:12px}.lesson-icon{width:38px;height:38px}.lesson h3{font-size:17px}.lesson-button{width:32px;height:32px}.branch-grid{gap:22px}}
@media(max-width:600px){.brand-logo{width:132px;height:62px}.reviews-band{padding:35px 0 30px}.reviews-grid,.news-grid{grid-template-columns:1fr;gap:15px}.review-card{padding:23px}.review-card h3{font-size:19px}.review-card>p{font-size:15px}.review-person small{font-size:11px}.review-stars{margin-bottom:12px}.reviews-band .section-heading>.text-button,.news-section .section-heading>.text-button{font-size:13px}.news-section{padding-block:37px}.news-card{padding:23px}.news-card h3{font-size:22px}.news-card>p{font-size:15px}.news-top{margin-bottom:18px}.news-bottom>span{font-size:12px}.academy-section{grid-template-columns:1fr;gap:23px;padding-top:30px;margin-bottom:37px}.academy-intro h2{font-size:27px}.academy-lead{font-size:23px!important;margin-block:13px!important}.academy-intro>p{font-size:15px}.lesson h3{font-size:17px}.lesson p{font-size:14px}.lesson small{font-size:11px}.lesson{padding-block:20px;align-items:start}.lesson-icon,.lesson-button{margin-top:6px}.branch-grid{grid-template-columns:1fr;gap:24px;padding-top:0}.branch-grid>div{border-top:1px solid #ffffff20;padding-top:20px}.source-note{font-size:12px}}

/* Approved Parsley Health direction: logo green, warm cream and caramel. */
.topline{background:var(--accent-light);border-bottom:1px solid var(--accent-line)}
#nav-links a.active:after{background:var(--accent);width:100%;height:3px}
.button.lime,.nav-cta{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.button.lime:hover,.nav-cta:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}
.eyebrow.light,.hero-points svg,h1 span{color:var(--accent-emphasis)}
.eyebrow.light:before{background:var(--accent)}
.hero-inner{gap:60px;padding-top:58px;padding-bottom:110px}
.hero-visual{margin-bottom:14px}
.hero-photo{display:block;width:100%;height:auto;aspect-ratio:1.22;object-fit:cover;object-position:50% 50%;background:none;border-radius:60px 10px 10px 10px;box-shadow:12px 12px 0 var(--accent)}
.photo-note{border-bottom:3px solid var(--accent);left:-24px;bottom:12px}
.note-icon{background:var(--label-bg)}
.search-panel{border-top-color:var(--accent)}
.new-badge,.new-small{background:var(--accent);color:var(--on-accent)}
.title-dot{color:var(--accent-ink)}
.popular button{background:var(--accent-light);color:var(--accent-ink)}
.popular button:hover{background:var(--accent);color:var(--on-accent)}
.detail-btn:hover{background:var(--accent-light);border-color:var(--accent-ink)}
.services{grid-template-columns:1fr 1.1fr;gap:55px;background:var(--cream);border:0;border-radius:0;padding:12px 0 0;margin-bottom:70px;align-items:center}
.service-photo-wrap{position:relative;min-width:0}
.service-photo{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;border-radius:10px 65px 10px 10px}
.service-photo-caption{position:absolute;bottom:20px;left:20px;background:var(--green);color:white;border-left:4px solid var(--accent);border-radius:3px;padding:11px 18px;font-size:15px;letter-spacing:.05em}
.service-title{margin:0}
.service-title h2{font-size:33px;line-height:1.55;color:var(--green)}
.service-title p{font-size:16px;color:var(--muted);line-height:1.9;margin:15px 0}
.services .eyebrow{color:var(--accent-ink)}
.service-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--accent-line);padding-top:25px;margin-top:22px}
.service-item{display:block;border:0;padding:0}
.service-item>svg{width:29px;height:29px;margin-bottom:12px;color:var(--accent-ink)}
.service-item h3{font-size:16px;color:var(--green)}
.service-item p{font-size:13px;color:var(--muted);line-height:1.85}
.reviews-band{background:var(--green-wash);border-top:1px solid var(--label-line)}
.review-card{border-color:var(--label-line);box-shadow:none}
.review-stars{color:var(--accent-ink)}
.review-person{border-color:var(--label-line)}
.initials{background:var(--label-bg);color:var(--green);border:1px solid var(--label-line)}
.news-card{border-color:var(--line);background:white;overflow:hidden}
.article-category{background:var(--accent-light);color:var(--accent-ink)}
.news-card:nth-child(2){background:white}
.academy-section{border-top-color:var(--accent-line);grid-template-columns:1fr 1.25fr;gap:60px;align-items:center}
.academy-figure{margin:0 0 28px;position:relative}
.academy-figure img{display:block;width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;border-radius:10px}
.academy-figure figcaption{position:absolute;bottom:0;left:0;right:0;background:var(--green);color:white;font-size:13px;padding:8px 15px;border-radius:0 0 10px 10px;border-top:2px solid var(--accent)}
.academy-lead{font-size:22px!important}
.lesson-icon{background:var(--label-bg);color:var(--green)}
.lesson-category{color:var(--accent-ink)}
.lesson-button{border-color:var(--accent-line)}
.lesson-button:hover{background:var(--accent);color:var(--on-accent)}
.dialog-note{border-left-color:var(--accent);background:var(--accent-light)}
footer{border-top:4px solid var(--accent)}
.footer-main>p,.branch-grid h3{color:var(--accent-emphasis)}
@media(max-width:1000px){.hero-inner{gap:36px}.services{gap:30px}.service-title h2{font-size:28px}.service-title p{font-size:15px}.service-features{gap:13px}.service-item p{font-size:12px}.academy-section{gap:35px}}
@media(max-width:850px){.hero-inner{padding-top:42px;padding-bottom:100px}.hero-photo{aspect-ratio:1.05}.photo-note{left:-15px;padding:12px 16px}.services{grid-template-columns:1fr 1.15fr;gap:25px}.service-photo{aspect-ratio:.9;object-position:50%}.service-title h2 br{display:block}.service-features{gap:10px;padding-top:18px;margin-top:15px}.service-photo-caption{left:12px;bottom:15px;font-size:12px;padding:8px 10px}.service-item h3{font-size:14px}.service-item>svg{width:25px;height:25px}.service-item p br{display:none}.academy-section{grid-template-columns:1fr 1.3fr;gap:28px}.academy-lead{font-size:20px!important}}
@media(max-width:600px){.hero-inner{gap:30px;padding-top:35px;padding-bottom:87px}.hero-photo{aspect-ratio:1.45;border-top-left-radius:45px;object-position:50% 44%;box-shadow:8px 8px 0 var(--accent)}.hero-visual{width:94%;margin-bottom:9px}.photo-note{bottom:-10px;left:-10px}.photo-caption{bottom:-37px}.services{grid-template-columns:1fr;gap:25px;margin-bottom:40px;padding:0}.service-photo{aspect-ratio:1.45;border-top-right-radius:45px;object-position:50% 43%}.service-photo-caption{font-size:13px}.service-content{padding-inline:2px}.service-title h2{font-size:28px}.service-title p{font-size:15px}.service-features{gap:15px;padding-top:22px;margin-top:16px}.service-item{border:0;padding:0}.service-item h3{font-size:14px}.service-item p{font-size:12px;margin-top:7px}.service-item>svg{margin-bottom:8px}.academy-section{grid-template-columns:1fr;gap:27px}.academy-figure{margin-bottom:24px}.academy-figure img{aspect-ratio:1.5}.academy-lead{font-size:23px!important}}
@media(forced-colors:active){.topline,.services,.review-card,.news-card,.lesson-button{border-color:CanvasText}#nav-links a.active:after{background:LinkText}}

/* Editorial thumbnails carry the article cards. */
.news-card{padding:0}
.news-photo{width:100%;aspect-ratio:1.7;background:var(--pale);overflow:hidden}
.news-photo img{display:block;width:100%;height:100%;object-fit:cover}
.news-body{display:flex;flex-direction:column;flex:1;padding:23px}
.news-body .news-top{margin-bottom:14px}
.news-body>p{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 24px;flex:1}
.news-body .news-bottom{margin-top:auto}
@media(max-width:850px){.news-body{padding:18px}.news-body>p{font-size:14px}}
@media(max-width:600px){.news-card{padding:0}.news-body{padding:22px}.news-body>p{font-size:15px}.news-photo{aspect-ratio:1.8}}

/* Parsley-inspired light surfaces framed by deep-green navigation. */
header{background:var(--green);color:var(--cream);border-bottom-color:#ffffff26}
header .brand-logo{background:var(--white);border-radius:7px;padding:5px}
#nav-links>a.active,#nav-links>a:hover,#nav-links>button:hover{color:var(--accent-emphasis)}
#nav-links a.active:after{background:var(--accent-emphasis)}
.menu-toggle{color:var(--cream)}
.hero{background:var(--label-bg);color:var(--green)}
.hero-copy>p,.hero-points,.photo-caption{color:var(--green)}
.hero h1{font-weight:700}
.hero h1 span,.hero-points svg{color:var(--green)}
.search-panel,.photo-note,.review-card,.helper-card,dialog{background:var(--cream)}
.search-panel{border-top-color:var(--accent);box-shadow:0 12px 40px #063f3614}
.query-field{background:var(--white)}
.query-row>.button{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.query-row>.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.new-badge,.new-small{background:var(--green);color:var(--white)}
.detail-btn{background:var(--white)}
.hero-photo{box-shadow:12px 12px 0 var(--label-line)}
header :focus-visible,footer :focus-visible{outline-color:var(--accent-emphasis)}
.hero :focus-visible{outline-color:var(--green)}
@media(max-width:1200px){#nav-links{background:var(--green);color:var(--cream);border-bottom-color:#ffffff26}}
@media(max-width:600px){.hero-photo{box-shadow:8px 8px 0 var(--label-line)}}
@media(forced-colors:active){header,#nav-links,.hero,.search-panel,.review-card,.helper-card,dialog{background:Canvas;color:CanvasText}#nav-links>a.active,#nav-links>a:hover,#nav-links>button:hover{color:LinkText}header :focus-visible,.hero :focus-visible,footer :focus-visible{outline-color:Highlight}}

/* Section subtitles follow the supplied icon-and-pill reference. */
.eyebrow.section-label{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px 20px;margin:0 0 16px;border:1px solid var(--label-line);border-radius:999px;background:var(--label-bg);color:var(--green);font:500 17px/1.6 var(--body);letter-spacing:.06em;vertical-align:middle}
.eyebrow.section-label::before{display:none}
.section-label svg{width:21px;height:21px;stroke-width:1.6}
.hero .section-label{margin-bottom:2px}
@media(max-width:600px){.eyebrow.section-label{font-size:15px;gap:8px;padding:7px 16px;margin-bottom:12px}.section-label svg{width:19px;height:19px}.hero .section-label{margin-bottom:2px}}
@media(forced-colors:active){.eyebrow.section-label{background:Canvas;color:CanvasText;border-color:CanvasText}}

/* User-supplied helper portraits, in upload order. */
.card-photo.helper-portrait{aspect-ratio:1;background:none}
.helper-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}

/* Compact footer references: small emblems and understated licence text. */
.footer-contact-link{display:inline-flex;align-items:center;gap:9px;min-height:36px}
.footer-contact-link svg{width:18px;height:18px}
.footer-main{padding-block:24px}
.branch-grid{padding-bottom:20px}
.footer-nav{padding-bottom:18px}
.footer-resources{color:var(--cream);border-top:1px solid #ffffff26;padding:18px 0 16px}
.agency-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:900px;margin-inline:auto}
.agency-links>a{display:flex;align-items:center;justify-content:center;gap:9px;padding:4px 0;font-size:12px;line-height:1.6;text-align:left;color:var(--cream)}
.agency-links>a:hover{text-decoration:underline;color:var(--accent-emphasis)}
.agency-logo{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:white;border-radius:50%;overflow:hidden}
.agency-logo img{display:block;width:40px;height:40px;object-fit:contain}
.agency-links sup{margin-left:2px;font-size:10px}
.footer-licences{text-align:center;margin-top:14px}
.footer-licences p{display:inline-block;margin:0 12px 4px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.footer-licences strong{font-weight:400}
.footer-licences span{display:inline-block}
.footer-licences #indonesia-cooperation{display:block;font-size:12px;color:var(--mint);margin:3px auto 0;max-width:900px}
@media(max-width:700px){.agency-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;max-width:440px}.agency-links>a{justify-content:flex-start;font-size:12px;gap:8px}.agency-logo{flex-basis:38px;width:38px;height:38px}.agency-logo img{width:34px;height:34px}.footer-resources{padding-block:16px}.footer-licences{text-align:left;margin-top:13px}.footer-licences p{display:block;margin:0 0 4px}.footer-licences #indonesia-cooperation{margin-top:5px}}
@media(forced-colors:active){.footer-resources,.agency-logo{background:Canvas;color:CanvasText;border-color:CanvasText}.agency-links>a{color:LinkText}}

/* Customer stories: one featured review and two supporting reviews per group. */
.review-pages{display:grid;gap:24px}
.reviews-grid.reviews-group{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(235px,auto));gap:20px}
.reviews-group .review-card{background:var(--cream);border-color:var(--label-line);padding:26px 30px}
.reviews-group .review-featured{grid-row:span 2;padding:40px;justify-content:center;background:var(--cream)}
.reviews-group .review-stars{color:var(--accent-ink);font-size:16px;letter-spacing:4px;margin-bottom:12px}
.reviews-group h3{font-size:20px;line-height:1.55;margin-bottom:12px}
.reviews-group .review-featured h3{font-size:34px;line-height:1.55;letter-spacing:.025em;max-width:13em;margin-bottom:22px}
.reviews-group .review-featured .review-stars{font-size:19px;margin-bottom:28px}
.reviews-group .review-card>p{font-size:15px;line-height:1.9;margin:0 0 20px}
.reviews-group .review-featured>p{font-size:17px;line-height:2.05;flex:0;margin-bottom:34px}
.reviews-group .review-person{margin-top:auto;padding-top:17px}
.reviews-group .review-person strong{font-size:14px}
.reviews-group .review-person small{font-size:12px}
.reviews-group .review-featured .initials{width:48px;height:48px;font-size:16px}
.review-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
.review-total{font-size:14px;color:var(--muted)}
.review-controls{display:flex;align-items:center;gap:16px}
.review-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--label-line);border-radius:50%;background:var(--cream);color:var(--green);transition:background .18s}
.review-controls button:hover:enabled{background:var(--green);color:var(--cream)}
.review-controls button:active:enabled{background:var(--deep)}
.review-controls button:disabled{opacity:.4;cursor:default}
#review-prev svg{transform:rotate(180deg)}
#review-page-status{min-width:45px;text-align:center;color:var(--green);font-size:14px;font-variant-numeric:tabular-nums}
@media(max-width:850px){.reviews-group .review-featured{padding:30px}.reviews-group .review-card{padding:24px}.reviews-group .review-featured h3{font-size:28px}.reviews-group .review-featured>p{font-size:16px}.reviews-group h3{font-size:18px}}
@media(max-width:600px){.reviews-grid.reviews-group{grid-template-columns:1fr;grid-template-rows:none;gap:14px}.reviews-group .review-featured{grid-row:auto;padding:28px 24px;min-height:355px}.reviews-group .review-card:not(.review-featured){min-height:225px;padding:22px 24px}.reviews-group .review-featured h3{font-size:27px;margin-bottom:16px}.reviews-group .review-featured .review-stars{margin-bottom:18px}.reviews-group .review-featured>p{margin-bottom:24px}.review-controls{gap:12px}.review-total{font-size:13px}.review-pagination{gap:12px}}
@media(prefers-reduced-motion:reduce){.review-controls button{transition:none}}
@media(forced-colors:active){.reviews-group .review-card,.review-controls button{background:Canvas;color:CanvasText;border-color:CanvasText}}

/* Founder and media content restored from user-supplied official materials. */
.founder-section{padding-block:0 76px}
.founder-story{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:48px;padding:48px;background:var(--green-wash);border-radius:24px}
.founder-copy{min-width:0}
.founder-copy h2{font-size:clamp(28px,3.2vw,42px);line-height:1.45;letter-spacing:.01em;color:var(--green);margin:20px 0}
.founder-promise{font-size:22px;font-weight:700;line-height:1.65;margin:0 0 12px;color:var(--green)}
.founder-detail{font-size:17px;line-height:1.85;margin:0;color:var(--muted)}
.founder-signature{display:flex;flex-direction:column;gap:3px;margin:30px 0 22px;padding-left:18px;border-left:3px solid var(--accent)}
.founder-signature strong{font-size:23px;color:var(--green);font-weight:600}
.founder-signature span{font-size:14px;color:var(--muted)}
.founder-phone{min-height:48px;gap:14px;font-size:18px;font-variant-numeric:tabular-nums}
.founder-portrait{max-width:370px;width:100%;justify-self:end;border-radius:120px 120px 12px 12px;overflow:hidden;background:var(--mint)}
.founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:746/947;object-fit:cover}
.media-recognition{text-align:center;padding-top:54px}
.media-recognition h2{font-size:clamp(24px,2.7vw,32px);line-height:1.55;margin:14px 0 10px;color:var(--green)}
.media-recognition>p{margin:0;color:var(--muted);font-size:16px}
.media-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;list-style:none;padding:26px 0;margin:30px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.media-logos li{display:flex;justify-content:center;align-items:center;min-width:0}
.media-logos img{display:block;width:100%;max-width:150px;height:96px;object-fit:contain}
@media(max-width:850px){.founder-story{gap:28px;padding:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.founder-promise{font-size:19px}.founder-detail{font-size:16px}.media-logos{gap:14px}.media-logos img{height:80px}}
@media(max-width:600px){.founder-section{padding-bottom:48px}.founder-story{grid-template-columns:1fr;padding:28px 24px;gap:30px;border-radius:18px}.founder-copy h2{font-size:29px}.founder-signature{margin-top:24px}.founder-portrait{justify-self:center;max-width:290px;border-radius:100px 100px 10px 10px}.media-recognition{padding-top:38px}.media-recognition h2{font-size:24px}.media-recognition>p{font-size:14px}.media-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 14px;margin-top:22px;padding-block:22px}.media-logos li{flex:0 0 calc((100% - 28px)/3)}.media-logos img{height:72px}}
@media(forced-colors:active){.founder-story{border:1px solid CanvasText}.founder-signature{border-color:CanvasText}}

/* Compact header utilities remain visible beside the mobile menu. */
.nav-tools{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}
.nav-heart{display:grid;place-items:center;position:relative;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--cream)}
.nav-heart svg{width:25px;height:25px}
.nav-heart:hover,.nav-heart[aria-pressed="true"]{background:var(--mint);color:var(--green)}
.nav-heart[aria-pressed="true"] svg{fill:currentColor}
.nav-count{position:absolute;top:0;right:-2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:20px;background:var(--accent-emphasis);color:var(--deep);font-size:11px;line-height:1;font-weight:700}
.language-control{display:flex;align-items:center;gap:5px;color:var(--cream)}
.language-control svg{width:19px;height:19px}
.language-control select{min-height:44px;width:52px;border:0;background:transparent;color:inherit;padding:0 1px;font:inherit;font-size:14px;cursor:pointer}
.language-control option{background:var(--cream);color:var(--green)}
html[lang="en"] #nav-links{gap:22px;font-size:14px}
html[lang="en"] h1{font-size:clamp(38px,4.1vw,56px)}
html[lang="en"] .founder-copy h2{font-size:clamp(28px,3vw,40px)}
html[lang="en"] .search-heading h2{font-size:21px}
html[lang="en"] .reviews-group .review-featured h3{font-size:30px}
@media(max-width:1400px){html[lang="en"] .menu-toggle{display:block;order:3;border:0;background:transparent;color:var(--cream);font-size:24px;width:40px;height:44px}html[lang="en"] #nav-links{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 115px);overflow-y:auto;background:var(--green);border-bottom:1px solid var(--line);padding:16px 24px;gap:6px 24px}html[lang="en"] #nav-links.open{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}html[lang="en"] #nav-links>a,html[lang="en"] #nav-links>button{text-align:left;padding:13px 0;font-size:15px}html[lang="en"] #nav-links a.active:after{bottom:6px}}
@media(max-width:600px){.nav-tools{gap:7px}.language-control{gap:2px}.language-control svg{display:none}.language-control select{width:47px}html[lang="en"] #nav-links.open{grid-template-columns:repeat(2,minmax(0,1fr))}html[lang="en"] .reviews-group .review-featured h3{font-size:26px}html[lang="en"] .search-heading h2{font-size:20px}.nav .brand-logo{max-width:150px;height:auto}}
@media(forced-colors:active){.nav-heart,.language-control,.language-control select{color:ButtonText;background:Canvas}.nav-heart{border-color:ButtonText}.nav-count{background:Highlight;color:HighlightText}}

/* A more confident founder composition: dark field, oversized type, straight portrait. */
.founder-story{padding:0;gap:0;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;background:var(--deep);border-radius:4px;overflow:hidden}
.founder-copy{padding:54px 48px;position:relative;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.founder-copy:before{content:"";position:absolute;left:0;top:54px;width:4px;height:88px;background:var(--accent)}
.founder-copy h2{font-size:clamp(32px,3.6vw,48px);line-height:1.35;color:var(--cream);letter-spacing:.015em;margin:20px 0 25px;max-width:10em;font-weight:800}
.founder-promise{color:var(--accent-emphasis);font-size:21px}
.founder-detail{color:var(--mint);max-width:25em}
.founder-signature{border-left:0;border-top:1px solid #ffffff40;padding:22px 0 0;width:100%;margin:30px 0 22px;gap:4px}
.founder-signature strong{font-size:29px;letter-spacing:.03em;color:var(--cream)}
.founder-signature span{color:var(--mint)}
.founder-phone{background:var(--accent);color:var(--on-accent);border-radius:3px}
.founder-phone:hover{background:var(--accent-hover);color:var(--on-accent)}
.founder-portrait{max-width:none;border-radius:0;position:relative;min-height:520px}
.founder-portrait img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
.founder-story :focus-visible{outline-color:var(--accent-emphasis)}
/* Two identical tracks create a continuous, left-to-right logo sequence. */
.media-marquee{overflow:hidden;direction:ltr;border-block:1px solid var(--line);margin-top:30px;padding:26px 0}
.media-track{display:flex;width:100%;animation:media-slide-right 30s linear infinite;will-change:transform}
.media-track .media-logos{display:flex;flex:0 0 100%;justify-content:space-around;gap:24px;min-width:760px;padding:0 12px;margin:0;border:0;list-style:none}
.media-track .media-logos li{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0}
.media-track .media-logos img{width:100%;max-width:150px;height:96px;object-fit:contain}
.media-marquee:hover .media-track{animation-play-state:paused}
@keyframes media-slide-right{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:850px){.founder-copy{padding:36px 30px}.founder-copy h2{font-size:35px}.founder-promise{font-size:19px}.founder-signature strong{font-size:26px}.media-track{width:760px}.founder-portrait{min-height:490px}}
@media(max-width:600px){.founder-story{grid-template-columns:1fr;border-radius:4px}.founder-copy{padding:34px 26px}.founder-copy h2{font-size:34px;max-width:9em}.founder-copy:before{top:34px;height:62px}.founder-portrait{min-height:0;max-height:none;width:100%;max-width:none;justify-self:stretch}.founder-portrait img{height:auto;aspect-ratio:746/947;object-fit:contain}.founder-signature{margin-top:25px}.media-marquee{padding-block:20px;margin-top:22px}.media-track .media-logos{gap:24px}.media-track .media-logos img{height:82px}}
@media(prefers-reduced-motion:reduce){.media-track{animation:none;width:100%;transform:none;will-change:auto}.media-track .media-logos{min-width:0;flex-wrap:wrap;gap:20px 14px}.media-track .media-logos li{flex:0 0 calc((100% - 28px)/3)}.media-track .media-logos-copy{display:none}}
@media(forced-colors:active){.founder-story{background:Canvas}.founder-copy h2,.founder-signature strong,.founder-promise,.founder-detail,.founder-signature span{color:CanvasText}.founder-phone{color:ButtonText;background:ButtonFace;border:1px solid ButtonText}.founder-signature{border-color:CanvasText}}

/* Full-width founder colour band with a smaller, uncropped portrait. */
.founder-section{width:100%;padding:48px 0;background:var(--deep)}
.founder-story{grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:center;padding:0;border-radius:0;overflow:visible}
.founder-copy{padding:12px 0}
.founder-copy:before{display:none}
.founder-copy h2{max-width:13em}
.founder-signature{max-width:440px}
.founder-portrait{width:300px;max-width:100%;min-height:0;justify-self:end;border-radius:4px}
.founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:746/947;object-fit:contain}
.media-recognition{padding-block:54px 76px}
@media(max-width:850px){.founder-section{padding-block:40px}.founder-story{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.founder-portrait{width:240px;min-height:0}.founder-copy{padding:0}}
@media(max-width:600px){.founder-section{padding-block:36px}.founder-story{grid-template-columns:1fr;gap:30px}.founder-portrait{width:210px;justify-self:start;min-height:0}.founder-copy{padding:0}.media-recognition{padding-block:38px 48px}}
@media(forced-colors:active){.founder-section{background:Canvas}.founder-story{border:0}}

/* User's founder reference: name-led editorial copy and a white-ring portrait. */
.founder-section{padding-block:44px}
.founder-story{grid-template-columns:minmax(0,1fr) 300px;gap:64px}
.founder-copy{padding:0}
.founder-copy h2{font-size:clamp(30px,3.5vw,44px);line-height:1.3;letter-spacing:.035em;max-width:none;margin:12px 0 10px}
.founder-signature{border:0;padding:0;margin:0 0 22px;gap:5px;max-width:none}
.founder-signature strong{font-size:30px;font-weight:400;line-height:1.3;text-transform:uppercase;letter-spacing:.12em}
.founder-signature span{font-size:13px;letter-spacing:.06em}
.founder-message{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}
.founder-quote-mark{font:700 66px/.9 Georgia,serif;color:var(--cream);flex-shrink:0}
.founder-message-title{font-size:24px;line-height:1.5;font-weight:700;margin:0 0 7px;color:var(--cream)}
.founder-message .founder-promise{font-size:18px;font-weight:400;margin:0 0 5px;color:var(--mint)}
.founder-message .founder-detail{font-size:16px;line-height:1.75;max-width:none}
.founder-phone{background:transparent;border-color:#ffffff70;color:var(--cream);padding:10px 16px;min-height:44px;font-size:16px}
.founder-phone:hover{background:var(--cream);border-color:var(--cream);color:var(--green)}
.founder-portrait{width:300px;height:300px;min-height:0;aspect-ratio:1;border-radius:50%;border:7px solid var(--white);background:var(--mint);overflow:hidden}
.founder-portrait img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:center 30%}
html[lang="en"] .founder-copy h2{font-size:clamp(30px,3.4vw,44px)}
@media(max-width:850px){.founder-story{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.founder-portrait{width:240px;height:240px;border-width:6px}.founder-signature strong{font-size:26px}.founder-message-title{font-size:22px}.founder-message .founder-promise{font-size:17px}}
@media(max-width:600px){.founder-section{padding-block:36px}.founder-story{grid-template-columns:1fr;gap:28px}.founder-copy h2{font-size:30px}.founder-signature strong{font-size:25px}.founder-portrait{width:210px;height:210px;justify-self:center;border-width:5px}.founder-message{gap:9px}.founder-message-title{font-size:21px}.founder-quote-mark{font-size:52px}.founder-message .founder-detail{font-size:15px}}
@media(forced-colors:active){.founder-portrait{border-color:CanvasText}.founder-message-title,.founder-quote-mark,.founder-message .founder-promise{color:CanvasText}.founder-phone{background:ButtonFace;color:ButtonText;border-color:ButtonText}}

/* Keep copy and portrait together; unused width belongs outside the two columns. */
.founder-story.wrap{width:min(1200px,calc(100% - 48px));grid-template-columns:fit-content(480px) 300px;justify-content:center;column-gap:130px}
.founder-copy{width:fit-content;max-width:100%}
.founder-message>div{min-width:0}
.founder-copy h2.founder-message-title,html[lang="en"] .founder-copy h2.founder-message-title{font-size:28px;line-height:1.45;letter-spacing:.01em;margin:0 0 9px}
.founder-signature{margin-top:8px;margin-bottom:20px}
@media(max-width:850px){.founder-story.wrap{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr) 240px;column-gap:24px}.founder-copy h2.founder-message-title,html[lang="en"] .founder-copy h2.founder-message-title{font-size:25px}}
@media(max-width:600px){.founder-story.wrap{width:calc(100% - 36px);grid-template-columns:minmax(0,1fr);row-gap:28px}.founder-copy h2.founder-message-title,html[lang="en"] .founder-copy h2.founder-message-title{font-size:22px}}

/* Centre all founder copy within its column, retaining the portrait alongside. */
.founder-copy{width:100%;align-items:center;text-align:center}
.founder-signature{align-items:center}
.founder-message{flex-direction:column;align-items:center;gap:0;width:100%;text-align:center}
.founder-quote-mark{font-size:52px;line-height:.8;height:34px}
.founder-phone{align-self:center}
/* Four supplied official service icons replace the previous three text features. */
.service-features.service-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
.service-benefits .service-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0;border:0}
.service-benefit-icon{display:block;width:72px;height:72px;object-fit:contain;flex-shrink:0}
.service-benefits .service-item h3{font-size:16px;line-height:1.65;margin:0;font-weight:600;min-height:3.3em;display:flex;flex-direction:column;justify-content:center}
@media(max-width:850px){.service-features.service-benefits{gap:20px 14px}.service-benefit-icon{width:64px;height:64px}.service-benefits .service-item h3{font-size:15px}}
@media(max-width:600px){.founder-message{gap:0}.service-features.service-benefits{gap:22px 14px}.service-benefits .service-item h3{font-size:15px}}

/* Brand-green icon shapes on soft green circles. Original PNGs remain unchanged. */
.service-benefit-circle{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:var(--green);border:1px solid var(--green);flex-shrink:0}
.service-benefit-circle .service-benefit-icon{width:68px;height:68px;filter:none}
@media(max-width:850px){.service-benefit-circle{width:88px;height:88px}.service-benefit-circle .service-benefit-icon{width:60px;height:60px}}
@media(forced-colors:active){.service-benefit-circle{background:Canvas;border-color:CanvasText}.service-benefit-circle .service-benefit-icon{filter:none}}

/* The three approved headline metrics live inside the main banner. */
.hero-inner{row-gap:46px}
.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:26px 0 0;border-top:1px solid var(--label-line);color:var(--green);text-align:center}
.hero-stats>div{padding:0 22px}
.hero-stats>div+div{border-left:1px solid var(--label-line)}
.hero-stats dt{font-size:42px;line-height:1.15;letter-spacing:-.025em;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.hero-stats dd{margin:10px 0 0;font-size:14px;line-height:1.7}
@media(max-width:850px){.hero-stats dt{font-size:35px}.hero-stats>div{padding-inline:16px}.hero-stats dd{font-size:13px}}
@media(max-width:600px){.hero-inner{row-gap:40px}.hero-stats{padding-top:22px}.hero-stats>div{padding-inline:8px}.hero-stats dt{font-size:28px}.hero-stats dd{font-size:12px;line-height:1.7;margin-top:8px}}
@media(forced-colors:active){.hero-stats,.hero-stats>div+div{color:CanvasText;border-color:CanvasText}}

/* Four service photos span the entire viewport. */
.service-gallery{width:100%;padding:0 0 64px;background:var(--cream)}
.service-gallery-heading{text-align:center;margin-bottom:30px}
.service-gallery-heading h2{font-size:clamp(28px,3vw,38px);line-height:1.4;color:var(--green);margin:0}
.service-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%}
.service-photo-card{position:relative;margin:0;min-width:0;height:clamp(280px,32vw,440px);overflow:hidden;background:var(--mint)}
.service-photo-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.service-photo-child>img{object-position:70% center}
.service-photo-elder>img{object-position:58% center}
.service-photo-card figcaption{position:absolute;inset:auto 0 0;padding:58px 22px 26px;background:linear-gradient(transparent,rgba(6,63,54,.92));color:var(--white);text-align:center}
.service-photo-card h3{font-size:24px;line-height:1.5;font-weight:650;letter-spacing:.035em;margin:0}
@media(max-width:850px){.service-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.service-photo-card{height:360px}.service-photo-card h3{font-size:22px}}
@media(max-width:600px){.service-gallery{padding-bottom:42px}.service-gallery-heading{margin-bottom:24px}.service-photo-card{height:270px}.service-photo-card figcaption{padding:48px 10px 18px}.service-photo-card h3{font-size:19px}.service-photo-grid{gap:0}}
/* User requested white CTA text with the existing button background retained. */
.footer-main .button.lime,.footer-main .button.lime:hover{color:var(--white)}
@media(forced-colors:active){.service-photo-card figcaption{background:Canvas;color:CanvasText}.footer-main .button.lime,.footer-main .button.lime:hover{color:ButtonText}}

/* Metrics replace the three hero checkmark points, inside the text column. */
.hero-copy .hero-stats{width:100%;margin:28px 0 0;padding-top:22px;grid-column:auto}
.hero-copy .hero-stats>div{padding-inline:10px}
.hero-copy .hero-stats dt{font-size:32px}
.hero-copy .hero-stats dd{font-size:12px;line-height:1.7;margin-top:9px}
@media(max-width:850px){.hero-copy .hero-stats>div{padding-inline:7px}.hero-copy .hero-stats dt{font-size:27px}}
@media(max-width:600px){.hero-copy .hero-stats{margin-top:25px;padding-top:20px}.hero-copy .hero-stats dt{font-size:28px}.hero-copy .hero-stats>div{padding-inline:8px}}
/* White labels on every caramel button, keeping the existing backgrounds. */
.button.lime,.button.lime:hover,.nav-cta,.nav-cta:hover,.query-row>.button,.query-row>.button:hover,.popular button:hover,.lesson-button:hover{color:var(--white)}
/* Subtle static arcs and soft light create depth without distracting from copy. */
.founder-section .founder-story{background:transparent}
.hero{background-image:radial-gradient(ellipse at 4% 8%,rgba(255,255,255,.55),transparent 62%),repeating-radial-gradient(circle at 105% -15%,transparent 0 72px,rgba(7,84,71,.055) 73px 74px,transparent 75px 148px)}
.founder-section{background-image:radial-gradient(ellipse at 12% 90%,rgba(90,148,113,.16),transparent 65%),repeating-radial-gradient(circle at 112% -25%,transparent 0 82px,rgba(234,244,228,.055) 83px 84px,transparent 85px 168px)}
.reviews-band{background:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.42),transparent 66%),linear-gradient(135deg,#e3efdf,#dbeada)}
@media(forced-colors:active){.hero,.founder-section,.reviews-band{background-image:none}.button.lime,.button.lime:hover,.nav-cta,.nav-cta:hover,.query-row>.button,.query-row>.button:hover,.popular button:hover,.lesson-button:hover{color:ButtonText}}

/* Distinct, quiet surfaces carry the colour rhythm through the rest of the page. */
.content-band{width:100%}
.helpers-surface{background:linear-gradient(180deg,var(--cream) 0%,var(--green-wash) 100%)}
.helpers-surface .helper-card{box-shadow:0 8px 26px rgba(6,63,54,.055);border-color:var(--label-line)}
.services-surface{background:radial-gradient(ellipse at 88% 10%,rgba(214,235,223,.6),transparent 65%),var(--cream)}
.services-surface .services{background:transparent;margin-bottom:0;padding-block:38px 64px}
.services-surface .service-content{background:rgba(255,255,255,.64);border:1px solid var(--label-line);border-radius:20px;padding:30px}
.service-gallery{background-image:linear-gradient(180deg,var(--cream),var(--green-wash))}
.news-surface{background:radial-gradient(ellipse at 8% 0,rgba(255,255,255,.65),transparent 60%),linear-gradient(135deg,#faf4e9,#f2e6d7)}
.news-surface .news-card{box-shadow:0 10px 30px rgba(6,63,54,.055)}
.academy-surface{background:radial-gradient(ellipse at 0% 100%,rgba(255,255,255,.9),transparent 65%),repeating-radial-gradient(circle at 112% -30%,transparent 0 80px,rgba(7,84,71,.035) 81px 82px,transparent 83px 164px),var(--green-wash)}
.academy-surface .academy-section{margin-bottom:0;padding-block:56px;border-top:0}
.academy-surface .lesson-list{padding:0 24px;background:rgba(255,255,255,.78);border:1px solid var(--label-line);border-radius:16px;box-shadow:0 8px 28px rgba(6,63,54,.04)}
footer{background-image:radial-gradient(ellipse at 0% 0,rgba(78,136,106,.18),transparent 65%)}
@media(max-width:850px){.services-surface .service-content{padding:24px}.academy-surface .lesson-list{padding-inline:18px}}
@media(max-width:600px){.services-surface .services{padding-block:26px 42px}.services-surface .service-content{padding:24px 20px;border-radius:16px}.academy-surface .academy-section{padding-block:38px}.academy-surface .lesson-list{padding-inline:16px}}
@media(forced-colors:active){.content-band,.service-gallery,footer{background:Canvas}.services-surface .service-content,.academy-surface .lesson-list{background:Canvas;border-color:CanvasText;box-shadow:none}.helpers-surface .helper-card,.news-surface .news-card{box-shadow:none;border-color:CanvasText}}

/* Screen readers receive stable final metrics; only the visual values animate. */
.hero-stat-value{display:inline-block;min-width:3ch;font-variant-numeric:tabular-nums}

/* Balance the team introduction as two equal-width, equal-height panels. */
.services-surface .services{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch}
.services-surface .service-photo-wrap{position:relative;min-height:0;border-radius:20px;overflow:hidden}
.services-surface .service-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0}
.services-surface .service-content{padding:26px}
.services-surface .service-title h2{font-size:30px;line-height:1.45;margin:12px 0}
.services-surface .service-features.service-benefits{gap:20px 16px;padding-top:20px;margin-top:20px}
.services-surface .service-benefit-circle{width:88px;height:88px}
.services-surface .service-benefit-icon{width:60px;height:60px}
.services-surface .service-benefits .service-item{gap:8px}
@media(max-width:850px){.services-surface .services{gap:24px}.services-surface .service-content{padding:22px}.services-surface .service-title h2{font-size:27px}}
@media(max-width:700px){.services-surface .services{grid-template-columns:1fr;gap:24px}.services-surface .service-photo{position:static;height:auto;aspect-ratio:1.35;object-position:center 42%}.services-surface .service-photo-wrap{border-radius:16px}.services-surface .service-content{padding:24px 20px}}

/* Display provided overseas work locations alongside the helper's skills. */
/* Consistent helper tags and edge-to-edge paired card actions. */
.helper-card{display:flex;flex-direction:column;border-radius:16px}
.helper-card .card-body{flex:1;padding:20px;display:flex;flex-direction:column;gap:0}
.helper-card .card-title{align-items:center;gap:8px}
.helper-card .card-title h3{font-size:19px;letter-spacing:.02em}
.helper-card .card-id{font-size:12px;letter-spacing:.06em}
.helper-card .meta{line-height:1.8;margin:8px 0 14px}
.helper-card .tags,dialog .tags{gap:6px;min-height:0;align-content:start}
.helper-card .tag,dialog .tag{display:inline-flex;align-items:center;min-height:29px;font-size:14px;font-weight:500;line-height:1.5;padding:4px 9px;border-radius:6px;background:var(--label-bg);color:var(--green)}
.work-locations{display:grid;gap:7px;margin:16px 0 0;padding-top:13px;border-top:1px solid var(--label-line)}
.work-locations>span{font-size:12px;line-height:1.5;color:var(--muted)}
.helper-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:auto;border-top:1px solid var(--label-line);background:transparent}
.helper-card-actions>button{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px;margin:0;padding:12px 8px;border:0;border-radius:0;font:600 15px/1.5 var(--body)}
.helper-card-actions>.helper-contact-btn{background:var(--green);color:var(--white)}
.helper-card-actions>.helper-contact-btn:hover{background:var(--deep)}
.helper-card-actions>.detail-btn,.helper-card-actions>.detail-btn:hover{background:transparent;color:var(--green)}
.helper-card-actions>.detail-btn:hover{text-decoration:underline;text-underline-offset:4px}
.helper-card-actions>button:focus-visible{outline:2px solid var(--green);outline-offset:-5px}
.helper-card-actions>.helper-contact-btn:focus-visible{outline-color:var(--white)}
@media(max-width:700px){.helper-card .card-body{padding:15px 12px}.helper-card .card-title h3{font-size:17px}.helper-card .card-title{flex-wrap:wrap}.helper-card .meta{margin-bottom:12px}.helper-card .card-id{font-size:11px}}
@media(forced-colors:active){.helper-card-actions>button{background:ButtonFace;color:ButtonText}.helper-card-actions{border-color:ButtonText}.helper-card-actions>button:focus-visible{outline-color:Highlight}.helper-card .tag,dialog .tag{border:1px solid CanvasText}}

/* Layered mint hero, framed photography and an elevated search surface. */
.hero{isolation:isolate;background-color:#deeddf;background-image:radial-gradient(ellipse at 5% 8%,rgba(255,255,255,.9),transparent 58%),repeating-radial-gradient(circle at 103% -12%,transparent 0 86px,rgba(7,84,71,.085) 87px 88px,transparent 89px 174px),linear-gradient(115deg,#edf5e8 0%,#deeddf 52%,#bdd9c8 100%);border-bottom:1px solid #c4d9c7}
.hero-inner{padding-bottom:128px}
.hero-photo{border:7px solid rgba(255,255,255,.85);box-shadow:14px 16px 0 rgba(7,84,71,.13),0 22px 46px rgba(6,63,54,.13)}
.hero .photo-note{background:var(--white);border:1px solid var(--label-line);box-shadow:0 12px 30px rgba(6,63,54,.13)}
.hero-copy .hero-stats{padding:20px 10px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.85);border-radius:14px;box-shadow:0 5px 18px rgba(6,63,54,.035)}
.search-wrap{margin-top:-64px;margin-bottom:20px}
.search-panel{padding:30px 32px 26px;background:linear-gradient(135deg,#fffefb 0%,#fff 75%);border:1px solid #c7d9ca;border-top:5px solid var(--green);border-radius:20px;box-shadow:0 22px 46px -12px rgba(6,63,54,.19),0 4px 12px rgba(6,63,54,.055)}
.search-heading{margin-bottom:24px;gap:24px}
.search-heading h2{color:var(--green)}
#search-form{padding:20px;background:linear-gradient(120deg,#eff5ec,#f6f8f1);border:1px solid #dce7d8;border-radius:12px}
.filters label,.extra-filters label{background:var(--white);border-color:#d3dfd0;border-radius:8px;box-shadow:0 2px 4px rgba(6,63,54,.035)}
.filters label:focus-within,.extra-filters label:focus-within,.query-field:focus-within{border-color:var(--green);box-shadow:0 0 0 2px rgba(7,84,71,.13)}
.filters select,.extra-filters select{background:transparent}
.query-field{background:var(--white);border-color:#bdcfbd;box-shadow:0 2px 5px rgba(6,63,54,.04)}
.query-row>.button{box-shadow:0 4px 10px rgba(134,80,32,.14)}
.search-panel .popular{padding-top:16px;margin-top:18px;border-top:1px solid #e2e9dc}
.search-panel .popular>span{color:var(--green)}
.search-panel .popular button{background:var(--green);color:var(--white);border:1px solid var(--green)}
.search-panel .popular button:hover{background:var(--deep);border-color:var(--deep);color:var(--white)}
@media(max-width:850px){.hero-inner{padding-bottom:116px}.search-panel{padding:25px 24px 22px}#search-form{padding:16px}.hero-photo{border-width:5px;box-shadow:10px 12px 0 rgba(7,84,71,.13),0 16px 32px rgba(6,63,54,.11)}}
@media(max-width:600px){.hero-inner{padding-bottom:104px}.hero-copy .hero-stats{padding:17px 4px}.search-wrap{margin-top:-42px;margin-bottom:10px}.search-panel{padding:21px 16px 18px;border-radius:16px}.search-heading{margin-bottom:18px}#search-form{padding:12px}.filters{gap:8px}.filters label{padding:7px}.search-panel .popular{padding-top:13px;margin-top:15px}.hero-photo{border-width:4px;box-shadow:7px 9px 0 rgba(7,84,71,.13),0 12px 24px rgba(6,63,54,.1)}}
@media(forced-colors:active){.hero,.search-panel,#search-form,.hero-copy .hero-stats{background:Canvas;border-color:CanvasText;box-shadow:none}.hero-photo,.hero .photo-note,.filters label,.extra-filters label,.query-field{border-color:CanvasText;box-shadow:none}.search-panel .popular button,.search-panel .popular button:hover{background:ButtonFace;color:ButtonText;border-color:ButtonText}}

/* Two text-only hero actions directly below the service metrics. */
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:15px;padding-block:10px}
.hero-copy .hero-actions .button{width:auto;flex:0 1 auto;min-width:0;min-height:44px;padding:10px 50px;text-align:center;line-height:1.5}
.hero-copy .hero-actions .hero-process{background:transparent;border-color:var(--green);color:var(--green)}
.hero-copy .hero-actions .hero-process:hover{background:rgba(255,255,255,.6);color:var(--deep)}
@media(max-width:600px){.hero-actions{justify-content:center;gap:10px}}
@media(forced-colors:active){.hero-copy .hero-actions .button,.hero-copy .hero-actions .hero-process:hover{background:ButtonFace;color:ButtonText;border-color:ButtonText}}

/* Sunlit leaf shadows add a soft natural texture to the pale-green banner. */
.hero{background-color:var(--label-bg);background-image:linear-gradient(90deg,rgba(234,244,228,.88) 0%,rgba(234,244,228,.65) 42%,rgba(234,244,228,.3) 100%),url('assets/hero-leaf-shadow.png');background-size:cover;background-position:center;background-repeat:no-repeat}
@media(max-width:600px){.hero{background-image:linear-gradient(rgba(234,244,228,.7),rgba(234,244,228,.55)),url('assets/hero-leaf-shadow.png');background-position:70% center}}
@media(forced-colors:active){.hero{background:Canvas}}

/* Three complementary household scenes in one large / two small photo layout. */
.hero-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hero-photo-grid>img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:center;border:5px solid rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(6,63,54,.11)}
.hero-photo-grid>.hero-photo{grid-column:1/-1;border-radius:48px 14px 14px 14px}
.hero-photo-grid>.hero-support-photo{border-radius:14px}
.hero-photo-grid>.hero-support-photo:last-child{border-bottom-right-radius:36px}
@media(max-width:850px){.hero-photo-grid{gap:9px}.hero-photo-grid>img{border-width:4px}.hero-photo-grid>.hero-photo{border-top-left-radius:32px}}
@media(max-width:600px){.hero-photo-grid{gap:10px}.hero-photo-grid>img{border-width:3px}}
@media(forced-colors:active){.hero-photo-grid>img{border-color:CanvasText;box-shadow:none}}

/* Editorial customer stories: a deep-green lead story and two ivory notes. */
.reviews-band{padding-block:64px 48px}
.reviews-band .section-heading{margin-bottom:30px}
.reviews-grid.reviews-group{gap:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.reviews-group .review-card{position:relative;isolation:isolate;border:1px solid rgba(7,84,71,.12);border-radius:20px;padding:28px 30px;background:#fffdf8;box-shadow:0 9px 25px rgba(6,63,54,.045)}
.reviews-group .review-quote{position:absolute;top:18px;right:26px;color:#c7d9c5;font:84px/1 Georgia,serif;pointer-events:none;z-index:-1}
.reviews-group .review-stars{align-self:flex-start;display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border-radius:999px;background:var(--accent-light);color:var(--accent-ink);font-size:14px;letter-spacing:3px;margin:0 0 14px}
.reviews-group h3{font-size:21px;line-height:1.6;margin:0 0 12px;max-width:24em}
.reviews-group .review-card>p{color:#58695d;line-height:1.85;margin-bottom:22px}
.reviews-group .review-person{gap:12px;border-top:1px solid #e3e9dd;padding-top:18px}
.reviews-group .initials{width:42px;height:42px;border-radius:50%;background:#e7efdf;color:var(--green);font-weight:700}
.reviews-group .review-person strong{font-size:15px;color:var(--green)}
.reviews-group .review-person small{font-size:12px;line-height:1.6;margin-top:3px}
.reviews-group .review-featured{padding:40px;border-color:var(--green);border-radius:28px 20px 20px 20px;background:linear-gradient(145deg,#075447,#063f36);box-shadow:0 16px 36px rgba(6,63,54,.16);color:var(--white)}
.reviews-group .review-featured .review-quote{top:26px;right:30px;font-size:150px;color:rgba(214,235,223,.16)}
.reviews-group .review-featured .review-stars{background:rgba(255,255,255,.09);color:#f2c79a;font-size:16px;margin-bottom:28px;padding:6px 13px}
.reviews-group .review-featured h3{font-size:34px;line-height:1.6;font-weight:650;color:#fffdf4;margin-bottom:22px;max-width:12em}
.reviews-group .review-featured>p{font-size:17px;line-height:2;color:#e0ebdf;margin-bottom:32px}
.reviews-group .review-featured .review-person{border-color:rgba(255,255,255,.2);padding-top:22px}
.reviews-group .review-featured .initials{width:48px;height:48px;background:#dcebd0;color:var(--green)}
.reviews-group .review-featured .review-person strong{color:var(--white)}
.reviews-group .review-featured .review-person small{color:#c7ddce}
.reviews-band .review-pagination{margin-top:26px}
.reviews-band .review-controls{gap:12px;padding:5px;border:1px solid #c5d7be;border-radius:999px;background:rgba(255,255,255,.52)}
.reviews-band .review-controls button{background:var(--white);border-color:transparent}
.reviews-band .review-controls button:hover:enabled{background:var(--green);color:var(--white)}
.reviews-band .source-note{font-size:12px;line-height:1.8;margin-top:20px;color:#5e705f}
@media(max-width:850px){.reviews-group .review-card{padding:24px}.reviews-group .review-featured{padding:30px}.reviews-group .review-featured h3{font-size:28px}.reviews-group .review-featured>p{font-size:16px}}
@media(max-width:600px){.reviews-band{padding-block:40px 32px}.reviews-grid.reviews-group{grid-template-columns:1fr;gap:16px}.reviews-group .review-featured{padding:30px 25px;min-height:0}.reviews-group .review-card:not(.review-featured){padding:24px;min-height:0}.reviews-group .review-featured h3{font-size:28px}.reviews-group .review-featured .review-stars{margin-bottom:22px}.reviews-band .review-pagination{gap:14px;flex-wrap:wrap}.reviews-band .review-controls{gap:8px}}
@media(forced-colors:active){.reviews-group .review-card,.reviews-group .review-featured,.reviews-band .review-controls,.reviews-band .review-controls button{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.reviews-group .review-card h3,.reviews-group .review-card>p,.reviews-group .review-person strong,.reviews-group .review-person small{color:CanvasText}.reviews-group .review-stars,.reviews-group .review-featured .review-stars,.reviews-group .initials,.reviews-group .review-featured .initials{background:Canvas;color:CanvasText}.reviews-group .review-quote{display:none}}

/* Compact review cards with the original Google customer profiles. */
.reviews-band{padding-block:42px 30px}
.reviews-band .section-heading{margin-bottom:22px}
.reviews-grid.reviews-group{gap:16px;grid-template-rows:repeat(2,minmax(0,auto))}
.reviews-group .review-card{padding:18px 22px;border-radius:14px;min-height:0;justify-content:flex-start}
.reviews-group .review-featured{padding:26px 28px;border-radius:20px 14px 14px 14px}
.reviews-group .review-person,.reviews-group .review-featured .review-person{order:-1;margin:0 0 12px;padding:0;border:0;gap:10px}
.reviews-group .review-person strong{font-size:14px}
.reviews-group .review-person small{font-size:12px;margin-top:1px}
.reviews-group .review-avatar{display:block;position:relative;width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden}
.reviews-group .review-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--white)}
.reviews-group .review-avatar .initials{width:36px;height:36px;font-size:12px}
.reviews-group .review-featured .review-avatar{width:40px;height:40px;flex-basis:40px}
.reviews-group .review-featured .review-avatar .initials{width:40px;height:40px;font-size:13px}
.reviews-group .review-stars,.reviews-group .review-featured .review-stars{font-size:12px;letter-spacing:2px;min-height:24px;padding:2px 8px;margin-bottom:10px}
.reviews-group h3{font-size:17px;line-height:1.5;margin-bottom:8px}
.reviews-group .review-featured h3{font-size:25px;line-height:1.55;margin-bottom:14px}
.reviews-group .review-card>p{font-size:14px;line-height:1.75;margin:0;flex:0}
.reviews-group .review-featured>p{font-size:15px;line-height:1.85;margin:0}
.reviews-group .review-quote{font-size:60px;top:14px;right:18px}
.reviews-group .review-featured .review-quote{font-size:96px;top:18px;right:22px}
.reviews-band .review-pagination{margin-top:18px}
.reviews-band .review-controls{padding:3px;gap:8px}
.reviews-band .source-note{margin-top:14px}
.hero h1 .hero-heading-accent{color:#a36130}
@media(max-width:600px){.reviews-band{padding-block:32px 26px}.reviews-grid.reviews-group{grid-template-rows:none;gap:12px}.reviews-group .review-card:not(.review-featured),.reviews-group .review-featured{padding:20px;min-height:0}.reviews-group .review-featured h3{font-size:23px}.reviews-group .review-featured .review-stars{margin-bottom:10px}}
@media(forced-colors:active){.hero h1 .hero-heading-accent{color:CanvasText}}

/* A continuous track preserves the one-large / two-small review groups. */
.review-pages.review-marquee{display:block;overflow:hidden;scroll-behavior:auto;overflow-anchor:none}
.review-marquee .review-track{display:flex;gap:16px;width:100%;align-items:stretch}
.review-marquee .reviews-grid.reviews-group{flex:0 0 max(52%,min(1040px,calc(100% - 32px)));min-width:0}
.review-pages.review-marquee:focus-visible{outline:2px solid var(--green);outline-offset:5px}
@media(forced-colors:active){.review-pages.review-marquee:focus-visible{outline-color:Highlight}}

/* Full-width layered wave transition into the compact footer. */
footer{border-top:0}
.footer-wave{width:100%;line-height:0;overflow:hidden}
.footer-wave svg{display:block;width:100%;height:72px;stroke:none}
.footer-wave path{stroke:none}
@media(max-width:600px){.footer-wave svg{height:42px}}
@media(forced-colors:active){.footer-wave{display:none}footer{border-top:1px solid CanvasText}}

/* Colour distinguishes factual information while retaining equal-sized tags. */
.helpers-surface .helper-card{background:var(--white);border-color:#cfdfd4;box-shadow:0 8px 24px rgba(6,63,54,.08)}
.helpers-surface .helper-card:hover{box-shadow:0 14px 30px rgba(6,63,54,.14)}
.helper-card .card-body{padding:0;background:linear-gradient(180deg,#fff 65%,#fbfcf8)}
.helper-card .card-title{padding:14px 18px;background:linear-gradient(105deg,#e4efdf,#f1f6ed);border-bottom:1px solid #d4e1cf}
.helper-card .card-id{padding:4px 7px;border-radius:5px;background:var(--green);color:var(--white);font-size:12px;font-weight:600;letter-spacing:.03em}
.helper-facts{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;padding:13px 18px}
.helper-card .helper-facts .meta{margin:0;font-size:13px;color:#5e6a62;line-height:1.7}
.helper-facts .meta strong{color:var(--green);font-size:14px;font-weight:700}
.helper-facts .meta>span{margin-inline:4px;color:#8a998c}
.contract-state{display:inline-flex;align-items:center;padding:3px 8px;border-radius:5px;background:#f3e8d3;color:#75531c;font-size:12px;font-weight:600;line-height:1.5}
.helper-card .card-body>.tags{margin:0 18px 18px;gap:6px}
.helper-card .tag,dialog .tag{min-height:31px;border:1px solid transparent;font-size:14px;line-height:1.5;padding:4px 9px}
.helper-card .tag-care,dialog .tag-care{background:#e6f1e5;color:#235d3d;border-color:#cbdcc7}
.helper-card .tag-household,dialog .tag-household{background:#fae9dd;color:#874b2b;border-color:#efd2bc}
.helper-card .tag-language,dialog .tag-language{background:#e5eef5;color:#355e7b;border-color:#cadce9}
.helper-card .tag-location,dialog .tag-location{background:#f4edce;color:#746020;border-color:#e3d7a3}
@media(max-width:600px){.helper-card .card-title{padding:12px}.helper-facts{padding:11px 12px}.helper-card .card-body>.tags{margin:0 12px 15px}.helper-card .card-id{font-size:11px}}
@media(forced-colors:active){.helpers-surface .helper-card,.helper-card .card-body,.helper-card .card-title,.helper-card .card-id,.helper-card .tag,dialog .tag,.contract-state{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.helper-facts .meta strong{color:CanvasText}}

/* Keep the Chinese brand statement on one line within its text panel. */
.services-surface .service-content{container-type:inline-size}
html[lang="zh-HK"] .services-surface .service-title h2{white-space:nowrap;font-size:clamp(16px,6.2cqi,30px);letter-spacing:0}

/* Shared gentle wave transitions across the main homepage sections. */
.wave-section{position:relative}
.section-wave{position:absolute;inset:-1px 0 auto;width:100%;height:46px;line-height:0;overflow:hidden;pointer-events:none}
.section-wave svg,.hero-wave svg{display:block;width:100%;height:100%;stroke:none}
.section-wave path,.hero-wave path{stroke:none}
.content-band.wave-section,.media-surface.wave-section{padding-top:46px}
.service-gallery.wave-section{padding-top:46px}
.founder-section.wave-section{padding-top:90px}
.reviews-band.wave-section{padding-top:88px;border-top:0}
.media-surface{background:var(--cream)}
.hero-wave{position:absolute;inset:auto 0 -1px;width:100%;height:46px;line-height:0;pointer-events:none}
@media(max-width:600px){.section-wave,.hero-wave{height:28px}.content-band.wave-section,.media-surface.wave-section,.service-gallery.wave-section{padding-top:28px}.founder-section.wave-section{padding-top:60px}.reviews-band.wave-section{padding-top:60px}}
@media(forced-colors:active){.section-wave,.hero-wave{display:none}.content-band.wave-section,.media-surface.wave-section,.service-gallery.wave-section{padding-top:0}.founder-section.wave-section{padding-top:44px}.reviews-band.wave-section{padding-top:32px}.media-surface{background:Canvas}}

.reviews-band .review-pagination{justify-content:flex-end}

/* Click-to-enlarge for service and news photography. */
.news-photo{position:relative}
.image-zoom-trigger{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in;border-radius:0}
.image-zoom-trigger>span{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(6,63,54,.8);color:white}
.image-zoom-trigger svg{width:19px;height:19px}
.image-zoom-trigger:hover>span{background:var(--green)}
.image-zoom-trigger:focus-visible{outline:3px solid white;outline-offset:-6px;box-shadow:inset 0 0 0 8px var(--green)}
.service-photo-card figcaption{pointer-events:none}
dialog.image-preview{width:min(1080px,calc(100% - 32px));max-height:92dvh;padding:48px 16px 16px;background:var(--cream);overflow:auto}
.image-preview-photo{display:block;width:100%;height:auto;max-height:calc(92dvh - 70px);object-fit:contain;animation:photo-enlarge .2s ease-out}
.image-preview-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes photo-enlarge{from{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.image-preview-photo{animation:none}}
@media(forced-colors:active){.image-zoom-trigger>span{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}dialog.image-preview{background:Canvas}.image-zoom-trigger:focus-visible{outline-color:Highlight}}

.academy-surface .lesson-list>.lesson:first-child{padding-top:20px}

/* Gold-gradient footer statement. */
.footer-main>p{font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:1.5;letter-spacing:.045em;color:#e8c989}
@supports(background-clip:text){.footer-main>p{background:linear-gradient(105deg,#bf914d 0%,#f9e5ad 38%,#d6ae65 65%,#fff0c2 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
@media(forced-colors:active){.footer-main>p{background:none;color:CanvasText}}

@media(prefers-reduced-motion:reduce){.review-pages.review-marquee{overflow-x:auto}.review-marquee .reviews-group[aria-hidden="true"]{display:none}}

.hero-copy .hero-actions .button{font-size:16px}

/* Single banner photograph on the left, existing message/actions on the right. */
.hero-inner>.hero-visual{order:1;min-width:0}
.hero-inner>.hero-copy{order:2;min-width:0}
.hero-visual>.hero-photo{aspect-ratio:1.12;object-position:50% center;border-radius:48px 14px 14px 14px}
@media(max-width:600px){.hero-inner>.hero-copy{order:1}.hero-inner>.hero-visual{order:2}.hero-visual>.hero-photo{aspect-ratio:1.5;border-top-left-radius:32px}}

/* One edge-to-edge background photograph, with live content on the right. */
.hero{position:relative;isolation:isolate;background:var(--label-bg);overflow:hidden}
.hero-background-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(234,244,228,.02) 0%,rgba(234,244,228,.08) 30%,rgba(234,244,228,.82) 52%,rgba(234,244,228,.96) 100%);pointer-events:none}
.hero .hero-inner{grid-template-columns:1fr 1fr;min-height:610px}
.hero .hero-inner>.hero-copy{grid-column:2;order:0}
@media(max-width:850px){.hero .hero-inner{grid-template-columns:.65fr 1fr;min-height:560px}.hero::before{background:linear-gradient(90deg,rgba(234,244,228,.1),rgba(234,244,228,.9) 48%,rgba(234,244,228,.97))}}
@media(max-width:600px){.hero .hero-inner{grid-template-columns:1fr;min-height:0;padding-top:48px}.hero .hero-inner>.hero-copy{grid-column:1}.hero::before{background:rgba(234,244,228,.87)}.hero-background-photo{object-position:40% center}}
@media(forced-colors:active){.hero{background:Canvas}.hero-background-photo,.hero::before{display:none}}

/* Photos gently enlarge inside their frames on hover, without opening a modal. */
.news-photo img,.service-photo-card>img{transition:transform .55s cubic-bezier(.2,.65,.3,1);transform:scale(1)}
@media(hover:hover) and (pointer:fine){.news-photo:hover img,.service-photo-card:hover>img{transform:scale(1.055)}}
@media(prefers-reduced-motion:reduce){.news-photo img,.service-photo-card>img{transition:none;transform:none}}

/* Center the menu in the space between the logo and language utilities. */
@media(min-width:1201px){
 html[lang="zh-HK"] .nav{gap:24px}
 html[lang="zh-HK"] #nav-links{flex:1;justify-content:center;gap:clamp(20px,2vw,32px)}
 html[lang="zh-HK"] .nav-tools{margin-left:0}
}
@media(min-width:1401px){
 html[lang="en"] .nav{gap:24px}
 html[lang="en"] #nav-links{flex:1;justify-content:center}
 html[lang="en"] .nav-tools{margin-left:0}
}

/* Place the complete banner message on the left, with the photo visible right. */
@media(min-width:601px){
 .hero .hero-inner{grid-template-columns:1.08fr .92fr;column-gap:32px}
 .hero .hero-inner>.hero-copy{grid-column:1;text-align:left}
 .hero-background-photo{left:12%;right:auto;width:100%;object-position:center 38%}
 .hero::before{background:linear-gradient(90deg,rgba(234,244,228,.94) 0%,rgba(234,244,228,.94) 42%,rgba(234,244,228,.91) 56%,rgba(234,244,228,.2) 72%,rgba(234,244,228,0) 85%)}
 .hero .hero-actions{justify-content:flex-start}
}

/* Article rows without leading decorative icons. */
.academy-surface .lesson{grid-template-columns:minmax(0,1fr) 40px}
@media(max-width:600px){.academy-surface .lesson{grid-template-columns:minmax(0,1fr) 32px}}

/* FAQ and closing invitation. */
.faq-section{padding:70px 0;background:var(--cream)}
.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:60px}
.faq-item{border-bottom:1px solid var(--label-line)}
.faq-item:first-child{border-top:1px solid var(--label-line)}
.faq-item summary{display:flex;justify-content:space-between;gap:22px;align-items:center;cursor:pointer;list-style:none;padding:21px 0;color:var(--green);font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary>span{font-size:23px;font-weight:400;transition:transform .2s}
.faq-item[open] summary>span{transform:rotate(45deg)}
.faq-item p{margin:0;padding:0 32px 22px 0;color:var(--muted);font-size:15px;line-height:1.9}
.success-cta{background:var(--green-wash);padding:50px 0 65px}
.success-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
.success-cta h2{font-size:clamp(23px,2.6vw,36px);line-height:1.6;color:var(--green);margin:0}
.success-cta h2 span{color:var(--accent-ink)}
.success-cta .button{flex-shrink:0;padding-inline:38px}
.floating-contact{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:12;display:flex;flex-direction:column;gap:10px}
.floating-contact>a{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;border:1px solid #ffffff80;box-shadow:0 4px 16px #063f3626}
.floating-contact>a:hover{background:var(--deep)}
.floating-contact .floating-whatsapp{background:#218c59}
.floating-contact svg{width:25px;height:25px}
@media(max-width:700px){.faq-section{padding:44px 0}.faq-layout{grid-template-columns:1fr;gap:18px}.success-cta>.wrap{flex-direction:column;align-items:flex-start}.success-cta{padding:36px 0 52px}.floating-contact{right:12px;bottom:max(14px,env(safe-area-inset-bottom));gap:8px}.floating-contact>a{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.faq-item summary>span{transition:none}}
@media(forced-colors:active){.floating-contact>a{background:ButtonFace;color:ButtonText;border-color:ButtonText}}

/* A photographic wall provides calm space behind the left-hand message. */
@media(min-width:601px){
 .hero.hero--wall{background:#edf0e7}
 .hero--wall .hero-background-photo{left:0;right:0;width:100%;object-position:center}
 .hero.hero--wall::before{background:linear-gradient(90deg,rgba(234,244,228,.2),rgba(234,244,228,.08) 48%,transparent 66%)}
}

/* Keep the gold brand statement beside the footer logo. */
.footer-main{justify-content:flex-start;flex-wrap:nowrap;gap:28px}
.footer-main>p{width:auto;margin:0;min-width:0}
@media(max-width:600px){.footer-main{gap:16px}.footer-main .brand-logo{width:110px;height:58px}.footer-main>p{font-size:18px;letter-spacing:.02em;flex:1}}

/* Recognisable WhatsApp mark and a distinct blue telephone action. */
.floating-contact>a:first-child{background:#268fca}
.floating-contact>a:first-child:hover{background:#176b9c}
.floating-contact .floating-whatsapp{background:#128c46}
.floating-contact .floating-whatsapp:hover{background:#0b7137}
.floating-contact .whatsapp-brand-icon{fill:currentColor;stroke:none;width:26px;height:26px}
@media(forced-colors:active){.floating-contact>a:first-child,.floating-contact .floating-whatsapp{background:ButtonFace;color:ButtonText}}
