@font-face{font-family:Manrope;src:url(../fonts/manrope-latin.woff2) format('woff2');font-weight:200 800;font-display:swap;font-style:normal}
:root{--paper:#f5f8f6;--surface:#fcfdfb;--soft:#e9efeb;--ink:#173c34;--muted:#526c61;--line:#d2ddd6;--accent:#ead37b;--accent-ink:#183e34;--round:18px;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--paper:#102b24;--surface:#16352c;--soft:#1c3c32;--ink:#ecf3eb;--muted:#b4c7ba;--line:#3c5749}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a,button,summary,input,select{outline-offset:6px}
:focus-visible{outline:3px solid currentColor}
button:active,.button:active{transform:translateY(1px)}
[hidden]{display:none!important}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:500}
h1,h2{letter-spacing:-.055em;line-height:1.1;text-wrap:balance}
h2{font-size:clamp(2.3rem,4.6vw,4.5rem)}
h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}
p{color:var(--muted)}
.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}
.skip-link{position:absolute;top:10px;left:16px;z-index:10;padding:10px 18px;background:var(--surface);border-radius:999px;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;max-width:100%;padding:7px 8px 7px 22px;border:1px solid transparent;border-radius:999px;white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.2;background:var(--accent);color:var(--accent-ink);transition:transform .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px)}
.button .arrow{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;font-size:22px;font-family:Arial,sans-serif;line-height:1;background:var(--accent-ink);color:var(--accent)}
.button-light{background:#f7faf3;color:#183e34}
.button-light .arrow{background:var(--accent);color:#183e34}
.small-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:.9rem;font-weight:600}
.small-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:clip;color:#f8fcf5;background:#19574f}
.hero-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,50,48,.5) 0%,rgba(8,60,54,.32) 42%,rgba(5,34,30,.16) 64%,rgba(5,29,25,.55) 100%)}
.header{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:calc(100% - 112px);max-width:1440px;min-height:78px;margin:16px auto 0}
.brand{width:fit-content;display:flex;flex-direction:column;gap:3px;font-size:1.2rem;font-weight:750;letter-spacing:-.06em;line-height:1.15;white-space:nowrap}
.brand small{font-size:.63rem;font-weight:500;letter-spacing:.25em}
.desktop-nav{display:flex;gap:3px;align-items:center;padding:5px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(20,59,50,.32);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.desktop-nav a{padding:8px 18px;border-radius:999px;font-size:.8rem;line-height:1.4;white-space:nowrap;transition:background .2s}
.desktop-nav a:hover{background:rgba(250,252,245,.15)}
.desktop-nav a[aria-current=page]{background:#f7faf3;color:#173c34}
.header-action{justify-self:end;min-height:44px;display:flex;align-items:center;gap:18px;padding:8px 17px;border:1px solid rgba(255,255,255,.42);border-radius:999px;font-size:.8rem;font-weight:500;background:rgba(12,48,41,.2);white-space:nowrap}
.header-action:hover{background:rgba(12,48,41,.42)}
.menu-button{display:none;align-items:center;gap:12px;justify-self:end;padding:10px 18px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(12,48,41,.4);color:#f8fcf5;font-size:.875rem;min-height:44px}
.menu-icon{font-family:Arial,sans-serif;font-size:22px;line-height:1}
.mobile-nav{position:absolute;left:0;right:0;top:76px;z-index:4;background:#163c32;border:1px solid rgba(255,255,255,.25);border-radius:var(--round);padding:12px;box-shadow:0 18px 40px #08282044}
.mobile-nav a{display:block;padding:15px 18px;border-radius:12px;color:#f8fcf5}
.mobile-nav a:hover{background:#284e40}
.hero-intro{position:relative;z-index:2;width:min(860px,calc(100% - 40px));margin:50px auto 76px;text-align:center}
.hero h1{font-size:clamp(3.1rem,5.7vw,5.5rem);font-weight:400;line-height:1.06;letter-spacing:-.058em}
.hero h1 span{display:block}
.hero-intro p{font-size:clamp(.95rem,1.15vw,1.1rem);max-width:470px;margin:24px auto 29px;color:#f0f6ee;line-height:1.6;text-wrap:balance}
.hero-floor{position:relative;z-index:2;display:flex;justify-content:space-between;gap:36px;align-items:flex-end;width:min(1440px,calc(100% - 112px));margin:auto auto 44px;padding-top:16px}
.glass{width:294px;padding:24px 25px;background:linear-gradient(130deg,rgba(244,251,239,.11),rgba(255,255,255,.02)),rgba(11,42,34,.55);border:1px solid rgba(245,255,245,.45);border-radius:var(--round);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 36px rgba(2,25,19,.12)}
.glass:last-child{width:268px;margin-bottom:28px}
.glass h2{font-size:1.3rem;line-height:1.23;letter-spacing:-.035em;margin-bottom:13px}
.glass p{font-size:.825rem;color:#eff6ee;line-height:1.65}
.glass-symbol{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:#183e34;border-radius:9px;font-size:21px;font-family:Arial,sans-serif;line-height:1;margin-bottom:22px}
.intro{padding:112px 0 106px;text-align:center}
.intro h2{max-width:870px;margin-inline:auto}
.intro p{max-width:530px;margin:25px auto 0;font-size:1.05rem}
.solutions{padding:0 0 116px}
.solutions-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,7vw,108px);align-items:center}
.detail-photo{display:block;width:100%;height:530px;border-radius:var(--round);object-fit:cover;object-position:42% bottom;background-color:#236158;position:relative;overflow:hidden}
.detail-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(9,44,32,.1))}
.photo-caption{display:flex;justify-content:space-between;gap:20px;padding-top:16px;color:var(--muted);font-size:.8rem}
.solution-copy h2{font-size:clamp(2.4rem,3.2vw,3.5rem);max-width:520px;margin-bottom:30px}
.service{border-top:1px solid var(--line);padding:18px 0}
.service:last-child{border-bottom:1px solid var(--line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font-size:1.075rem;font-weight:500;min-height:38px}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';font-family:Arial,sans-serif;font-size:23px;font-weight:400;flex-shrink:0;color:var(--muted)}
details[open]>summary::after{content:'−'}
.service p{max-width:410px;margin:14px 0 6px;font-size:.925rem;line-height:1.75}
.solution-copy>.small-link{margin-top:30px}
.process{background:var(--soft);padding:88px 0 92px}
.process h2{font-size:clamp(2.3rem,3.8vw,3.8rem);max-width:750px;margin-bottom:55px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.process-step{padding-top:22px;border-top:1px solid var(--line)}
.process-step h3{font-size:1.075rem;margin-bottom:13px}
.process-step p{font-size:.875rem;line-height:1.75}
.about{padding:114px 0}
.about-grid{display:grid;grid-template-columns:.65fr 1.6fr;gap:70px;align-items:start}
.section-label{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding-top:14px;color:var(--muted)}
.about h2{font-size:clamp(2.1rem,3.5vw,3.8rem);line-height:1.2;max-width:870px}
.about-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;margin-top:34px}
.about-copy p{font-size:.95rem}
.about-copy a{align-self:start;justify-self:start}
.questions{padding:0 0 112px}
.faq-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:80px}
.faq-grid h2{font-size:clamp(2.2rem,3.7vw,3.7rem);max-width:450px}
.faq-grid>div>p{margin-top:18px;max-width:330px;font-size:.95rem}
.faq-item{padding:20px 0;border-top:1px solid var(--line)}
.faq-item:first-child{padding-top:0;border-top:0}
.faq-item summary{font-size:1rem;min-height:40px}
.faq-item p{padding:14px 32px 2px 0;font-size:.875rem}
.contact{background:var(--soft);padding:90px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:start}
.contact h2{font-size:clamp(2.5rem,4.4vw,4.5rem);max-width:560px}
.contact-lead{margin:25px 0 32px;max-width:330px;font-size:.975rem}
.direct-contact{display:flex;flex-direction:column;align-items:start;gap:9px}
.direct-contact a{font-size:1.1rem;font-weight:500}
.direct-contact a:hover{text-decoration:underline;text-underline-offset:5px}
.direct-contact address{font-style:normal;font-size:.825rem;color:var(--muted);line-height:1.8;margin-top:20px;max-width:290px}
.contact-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--round);padding:34px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field.full{grid-column:1/-1}
label{font-size:.8rem;font-weight:600}
label small{font-size:.75rem;font-weight:400;color:var(--muted)}
input,select{display:block;min-height:48px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:1rem;line-height:1.4}
input::placeholder{color:var(--muted);opacity:1}
.form-note{font-size:.75rem;line-height:1.7;margin:20px 0 17px;max-width:420px}
.submit{min-height:48px;font-size:.825rem;border:0}
.submit .arrow{width:32px;height:32px;flex-basis:32px}
.form-result{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.form-result h3{font-size:1rem;margin-bottom:8px}
.form-result p{font-size:.8rem}
.form-result dl{font-size:.8rem;margin:18px 0 0;display:grid;grid-template-columns:auto 1fr;gap:7px 18px}
.form-result dt{color:var(--muted)}
.form-result dd{margin:0;overflow-wrap:anywhere}
footer{padding:45px 0 25px;background:var(--paper)}
.footer-main{display:flex;justify-content:space-between;gap:28px;align-items:center}
.footer-links{display:flex;gap:27px;flex-wrap:wrap;font-size:.8rem;align-items:center}
.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}
.site-note{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:32px;font-size:.6875rem;color:var(--muted)}
.site-note p{max-width:760px;line-height:1.65}
.site-note a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(min-width:1600px){.hero-intro{margin-top:64px}.hero-floor{margin-bottom:54px}.hero{min-height:920px}}
@media(max-width:1100px){.header{grid-template-columns:1fr auto;gap:20px}.header-action{display:none}.hero-intro{margin-top:58px}.wrap{width:calc(100% - 64px)}.header,.hero-floor{width:calc(100% - 64px)}.solutions-grid{gap:40px}.contact-grid{gap:45px}.contact-form{padding:25px}.about-grid{grid-template-columns:.55fr 1.5fr;gap:42px}.faq-grid{gap:45px}.detail-photo{height:490px}}
@media(max-width:767px){
  html{scroll-padding-top:18px}.wrap{width:calc(100% - 40px)}
  .hero{min-height:100svh}.header{width:calc(100% - 40px);min-height:64px;margin-top:8px}.brand{font-size:1.025rem}.brand small{font-size:.53rem}.desktop-nav{display:none}.menu-button{display:flex}.mobile-nav{top:65px}
  .hero-photo{object-position:45% center}.hero-scrim{background:linear-gradient(180deg,rgba(6,48,46,.57),rgba(6,48,40,.2) 50%,rgba(6,31,23,.73))}
  .hero-intro{width:calc(100% - 40px);margin:42px auto 86px}.hero h1{font-size:clamp(2.7rem,9.2vw,4.2rem);letter-spacing:-.06em;line-height:1.09}.hero-intro p{max-width:340px;font-size:.9rem;line-height:1.7;margin:20px auto 24px}.hero-intro .button{font-size:.825rem;gap:18px;min-height:50px}
  .hero-floor{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 40px);gap:12px;margin-bottom:20px;padding-top:0}.glass,.glass:last-child{width:auto;margin:0;padding:19px 17px;border-radius:14px;align-self:stretch}.glass-symbol{display:none}.glass h2{font-size:1.05rem;margin-bottom:11px;line-height:1.25}.glass p{font-size:.75rem;line-height:1.6}
  .intro{padding:70px 0 58px}.intro h2{font-size:clamp(2.25rem,7vw,3.5rem)}.intro p{font-size:.95rem;margin-top:22px}
  .solutions{padding-bottom:64px}.solutions-grid{grid-template-columns:1fr;gap:40px}.detail-photo{height:390px;background-size:auto 128%}.photo-caption{font-size:.7rem;gap:8px}.solution-copy h2{font-size:2.5rem;margin-bottom:28px}.service p{font-size:.9rem}.solution-copy>.small-link{margin-top:20px}
  .process{padding:58px 0 62px}.process h2{font-size:2.55rem;margin-bottom:32px}.process-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.process-step{padding-top:18px}.process-step h3{font-size:1rem}.process-step p{font-size:.825rem}
  .about{padding:68px 0}.about-grid{grid-template-columns:1fr;gap:20px}.section-label{padding-top:0;font-size:.7rem}.about h2{font-size:2.3rem;line-height:1.22}.about-copy{grid-template-columns:1fr;gap:15px;margin-top:24px}
  .questions{padding-bottom:65px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid h2{font-size:2.5rem;max-width:none}.faq-grid>div>p{max-width:none}.faq-item summary{font-size:.95rem}
  .contact{padding:61px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:3rem;max-width:480px}.contact-lead{margin:20px 0 24px;max-width:450px}.contact-form{padding:24px 20px}.direct-contact address{max-width:450px;margin-top:12px}.form-grid{gap:18px 14px}
  footer{padding-top:35px}.footer-main{align-items:flex-start;gap:26px;flex-direction:column}.footer-links{font-size:.8rem;gap:22px}.site-note{flex-direction:column;gap:12px;margin-top:28px;font-size:.6875rem}
}
@media(max-width:380px){.hero-intro{margin-top:36px;margin-bottom:74px}.hero h1{font-size:2.3rem}.hero-floor{grid-template-columns:1fr}.glass{padding:17px 18px}.glass:last-child{display:none}.glass h2{font-size:1.1rem;margin-bottom:7px}.glass p{font-size:.8rem}.form-grid{grid-template-columns:1fr}.detail-photo{height:320px}.process-grid{grid-template-columns:1fr;gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){.glass,.desktop-nav,.header-action,.menu-button{backdrop-filter:none;-webkit-backdrop-filter:none;background:#184c3f}}
@supports not(backdrop-filter:blur(1px)){.glass,.desktop-nav{background:rgba(15,54,42,.94)}}
@media print{.hero{min-height:600px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.menu-button,.contact-form,.skip-link{display:none}.wrap{width:90%}.hero-floor{padding-top:80px}.process-grid{grid-template-columns:repeat(4,1fr)}details p{display:block}section{break-inside:avoid}}
/* Reset 1 additions: live enquiry form + WhatsApp */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.form-result[data-state=error] h3{color:#b3261e}
@media(prefers-color-scheme:dark){.form-result[data-state=error] h3{color:#ffb4ab}}
.form-result .button{margin-top:18px}
.button-wa{background:#1f7a4d;color:#fff}
.button-wa .arrow{background:#fff;color:#1f7a4d}
.submit[aria-busy=true]{opacity:.7;pointer-events:none}
.wa-float{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:5;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:8px 18px 8px 10px;border-radius:999px;background:#1f7a4d;color:#fff;font-size:.85rem;font-weight:600;box-shadow:0 10px 30px rgba(6,40,28,.28);transition:transform .2s ease}
.wa-float:hover{transform:translateY(-2px)}
.wa-float svg{width:28px;height:28px;flex:0 0 28px}
@media(max-width:767px){.wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.wa-float{padding:10px}}
@media print{.wa-float{display:none}}
.wa-float{transition:transform .2s ease,opacity .25s ease}
.wa-float.is-hidden{opacity:0;pointer-events:none;transform:translateY(8px)}

/* Reset 2: inner pages */
.page-top{position:relative;isolation:isolate;color:#f8fcf5;background:#19574f;padding-bottom:88px}
.page-top .header{margin-top:16px}
.page-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:64px;align-items:end;margin-top:76px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;font-size:.8rem;color:#cfe0d6}
.crumbs li+li::before{content:'/';margin-right:8px;opacity:.6}
.crumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.page-hero h1{font-size:clamp(2.8rem,5.2vw,5rem);font-weight:400;line-height:1.06;letter-spacing:-.058em}
.page-hero .lead{max-width:540px;margin:24px 0 32px;color:#e6efe7;font-size:1.05rem;line-height:1.65}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.glance{padding:26px 28px;border:1px solid rgba(245,255,245,.32);border-radius:var(--round);background:rgba(8,40,33,.32)}
.glance dl{display:grid;gap:18px;margin:0}
.glance dt{font-size:.75rem;color:#bcd2c5;margin-bottom:4px}
.glance dd{margin:0;font-size:.95rem;line-height:1.5}
.fit{padding:104px 0 96px}
.fit h2{max-width:760px}
.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:52px}
.fit-item{padding-top:22px;border-top:1px solid var(--line)}
.fit-item h3{margin-bottom:12px}
.fit-item p{font-size:.925rem;line-height:1.75}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:48px}
.person{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start}
.avatar{display:grid;place-items:center;width:120px;height:120px;border-radius:var(--round);background:var(--soft);color:var(--muted);font-size:2rem;font-weight:600;letter-spacing:-.04em;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.person h3{margin-bottom:4px}
.person .role{font-size:.85rem;margin-bottom:12px}
.person p{font-size:.925rem}
.facts{display:grid;grid-template-columns:auto 1fr;gap:14px 36px;margin:40px 0 0;font-size:.95rem}
.facts dt{color:var(--muted)}
.facts dd{margin:0}
.cta-band{background:var(--soft);padding:84px 0}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:end;gap:40px;flex-wrap:wrap}
.cta-band h2{font-size:clamp(2.2rem,3.8vw,3.6rem);max-width:620px}
.seg-links{display:grid;gap:4px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.seg-links p{font-size:.8rem;margin-bottom:4px}
.todo{padding:0 4px;border-radius:4px;background:#fff1b8;color:#5b4700;outline:1px dashed #a07c00}
@media(max-width:1100px){.page-hero{gap:36px}.fit-grid{gap:28px}}
@media(max-width:767px){
  .page-top{padding-bottom:56px}.page-top .header{margin-top:8px}
  .page-hero{grid-template-columns:1fr;margin-top:40px;gap:32px}.page-hero h1{font-size:clamp(2.5rem,10vw,3.4rem)}.page-hero .lead{font-size:.95rem}
  .fit{padding:64px 0 60px}.fit-grid{grid-template-columns:1fr;gap:26px;margin-top:32px}
  .team-grid{grid-template-columns:1fr;gap:32px}.person{grid-template-columns:88px 1fr;gap:18px}.avatar{width:88px;height:88px;font-size:1.5rem}
  .facts{grid-template-columns:1fr;gap:4px}.facts dd{margin-bottom:12px}
  .cta-band{padding:60px 0}
}

/* Reset 3a: logo + team photos */
.brand-logo{flex-direction:row;align-items:center;gap:10px}
.brand-logo img{width:40px;height:40px;flex:0 0 40px;display:block}
.brand-text{display:flex;flex-direction:column;gap:3px}
@media(max-width:767px){.brand-logo img{width:34px;height:34px;flex-basis:34px}}