:root{--navy:#071432;--navy-2:#101f45;--green:#0ea565;--green-dark:#08734b;--ink:#182238;--muted:#647083;--paper:#f5f7f5;--warm:#f1eee7;--white:#fff;--line:rgba(13,32,66,.12);--shadow:0 24px 70px rgba(7,20,50,.12);--soft-shadow:0 12px 36px rgba(7,20,50,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.site-header{position:sticky;top:0;z-index:60;height:82px;padding:0 clamp(20px,5.4vw,86px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(7,20,50,.08);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:46px;height:43px;object-fit:contain}.brand>span{display:flex;flex-direction:column;line-height:1}.brand strong{font:800 21px/1 "Manrope",sans-serif;letter-spacing:.025em;color:var(--navy)}.brand strong span,.brand small{color:var(--green)}.brand small{margin-top:7px;font-size:7px;letter-spacing:.18em}
.site-header nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px);font-size:13px;font-weight:600;color:#354159}.site-header nav>a:not(.nav-cta){position:relative;padding:8px 0}.site-header nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--green);transition:right .25s ease}.site-header nav>a:hover:after{right:0}.nav-cta{padding:13px 20px;border-radius:5px;background:var(--navy);color:#fff;transition:.2s ease}.nav-cta:hover{background:var(--green-dark);transform:translateY(-1px)}.menu-toggle{display:none;padding:9px 15px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--navy);font-weight:700}
.hero{position:relative;min-height:min(760px,calc(100svh - 82px));display:grid;align-items:center;overflow:hidden;background:var(--navy);color:#fff}.hero-image{position:absolute;inset:0}.hero-full-photo{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,34,.94) 0%,rgba(4,13,34,.82) 35%,rgba(4,13,34,.36) 68%,rgba(4,13,34,.12) 100%)}.hero-content{position:relative;z-index:2;width:min(780px,65%);padding:72px clamp(24px,7vw,112px)}.hero-kicker,.center-heading>p,.section-title>p,.partnership>div>p,.proposal-copy>p{margin:0;color:#75d9a8;font-size:12px;font-weight:700;letter-spacing:.2em}.hero h1{max-width:760px;margin:18px 0 23px;font:700 clamp(48px,5.8vw,84px)/1.01 "Manrope",sans-serif;letter-spacing:-.055em;text-wrap:balance}.hero-copy{max-width:610px;margin:0;color:#e3e8ef;font-size:clamp(17px,1.45vw,20px);line-height:1.7}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.scroll-cue{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:5px;background:var(--green);color:#fff;font-weight:700;box-shadow:0 12px 32px rgba(0,0,0,.18);transition:.2s ease}.scroll-cue:hover{background:#0d8d59;transform:translateY(-2px)}.hero-link{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.55);font-weight:600}.hero-disclosure{position:absolute;z-index:2;right:18px;bottom:14px;padding:4px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,20,50,.58);color:rgba(255,255,255,.78);font-size:9px}
.trust-strip{position:relative;z-index:3;max-width:1220px;margin:-34px auto 0;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.trust-strip>div{padding:25px 26px;border-right:1px solid var(--line)}.trust-strip>div:last-child{border-right:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font:700 15px "Manrope";color:var(--navy)}.trust-strip span{margin-top:4px;color:var(--muted);font-size:12px}
.section{padding:clamp(82px,9vw,132px) clamp(22px,7vw,112px)}.about{display:block;background:#fff}.about-copy{max-width:850px}.pill{display:inline-block;padding:7px 12px;border:1px solid rgba(14,165,101,.35);border-radius:999px;color:var(--green-dark);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.about h2,.center-heading h2,.section-title h2,.proposal h2{margin:18px 0 25px;color:var(--navy);font:700 clamp(40px,4.5vw,64px)/1.06 "Manrope",sans-serif;letter-spacing:-.045em}.about h2 em{display:block;color:var(--green-dark);font-style:normal}.about-copy>p{max-width:760px;margin:0 0 15px;color:var(--muted);font-size:17px;line-height:1.8}.value-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.value-row span{padding:9px 13px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--green-dark);font-size:12px;font-weight:700}
.about-image{min-width:0}.swipe-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.swipe-gallery::-webkit-scrollbar{display:none}.service-gallery{padding:4px 3px 20px}.service-photo{position:relative;flex:0 0 100%;margin:0;overflow:hidden;scroll-snap-align:start;background:var(--navy);box-shadow:var(--shadow)}.service-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .7s ease}.service-photo:hover img{transform:scale(1.025)}.service-photo figcaption{position:absolute;left:20px;bottom:18px;padding:8px 12px;border-left:2px solid var(--green);background:rgba(5,16,40,.8);color:#fff;font:700 13px "Manrope";backdrop-filter:blur(8px)}.swipe-hint{margin:11px 0 0;color:#8a93a1;font-size:11px;letter-spacing:.04em;text-align:center}.image-disclosure{display:block;margin-top:8px;color:#8a93a1;font-size:10px;text-align:center}
.method{overflow:hidden;background:#fff;color:var(--ink)}.method .section-title{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:42px}.section-title h2{margin-bottom:0}.method .section-title h2{color:var(--navy)}.method-grid{gap:22px;padding:5px 2px 28px}.method-grid article{flex:0 0 calc((100% - 44px)/3);min-width:245px;overflow:hidden;scroll-snap-align:start;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--soft-shadow)}.method-grid article>div{position:relative;overflow:hidden;background:#e8ecea}.method-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s ease}.method-grid article:hover img{transform:scale(1.035)!important}.method-grid i{position:absolute;top:14px;left:14px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-style:normal;font-weight:700;box-shadow:0 5px 15px rgba(0,0,0,.18)}.method-grid h3{margin:21px 20px 7px;color:var(--navy);font:700 18px "Manrope"}.method-grid p{min-height:70px;margin:0;padding:0 20px 22px;color:var(--muted);font-size:13px;line-height:1.65}.method .swipe-hint{color:#8a93a1}
.solutions{overflow:hidden;background:var(--paper)}.center-heading{max-width:760px;margin:0 auto 48px;text-align:center}.center-heading>p,.section-title>p,.proposal-copy>p{color:var(--green-dark)}.center-heading h2{margin:10px 0 14px}.center-heading>span,.section-title>span{display:block;color:var(--muted);font-size:16px}.solution-grid{gap:20px;padding:4px 2px 26px}.solution-ref{position:relative;flex:0 0 calc((100% - 40px)/3);min-width:245px;aspect-ratio:3/4;overflow:hidden;scroll-snap-align:start;background:var(--navy);box-shadow:var(--soft-shadow)}.solution-ref>img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.solution-ref:after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(180deg,transparent,rgba(3,13,34,.9))}.solution-ref:hover>img{transform:scale(1.035)}.solution-ref>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:24px;color:#fff}.solution-ref small{color:#75d9a8;font-weight:700;letter-spacing:.15em}.solution-ref h3{margin:7px 0 6px;font:700 20px "Manrope"}.solution-ref p{margin:0;color:#dce2ea;font-size:13px;line-height:1.55}
.clients{overflow:hidden;background:#fff}.centered{max-width:840px;margin:0 auto 46px;text-align:center}.project-row{gap:24px;max-width:1250px;margin:0 auto;padding:4px 2px 28px}.project-row figure{flex:0 0 calc((100% - 24px)/2);min-width:280px;margin:0;overflow:hidden;scroll-snap-align:start;background:#fff;border:1px solid var(--line);box-shadow:var(--soft-shadow)}.project-row figure>img{width:100%;aspect-ratio:364/404;object-fit:cover}.project-row figcaption{padding:18px 20px;border-top:1px solid var(--line)}.project-row figcaption strong,.project-row figcaption span{display:block}.project-row figcaption strong{color:var(--navy);font:700 16px "Manrope"}.project-row figcaption span{margin-top:3px;color:var(--muted);font-size:12px}.client-logo-gallery{gap:18px}.client-logo-gallery figure{flex:0 0 calc((100% - 36px)/3);min-width:250px;border-radius:4px}.client-logo-gallery figure>img{height:220px;padding:24px 30px;aspect-ratio:auto;object-fit:contain;object-position:center;background:#fff}.client-logo-gallery figcaption{padding:14px 18px;text-align:center}
.partnership{position:relative;overflow:hidden;padding:clamp(82px,9vw,132px) clamp(24px,9vw,142px);display:flex;align-items:flex-end;justify-content:space-between;gap:55px;background:linear-gradient(120deg,#06462f 0%,#08784d 60%,#0ca566 100%);color:#fff}.partnership:before{content:"";position:absolute;width:540px;height:540px;right:-150px;top:-260px;border:100px solid rgba(255,255,255,.055);border-radius:50%}.partnership>div,.partnership>a{position:relative;z-index:1}.partnership>div>p{color:#b9ebd1}.partnership h2{max-width:850px;margin:17px 0 22px;font:700 clamp(45px,6vw,82px)/1.02 "Manrope";letter-spacing:-.055em}.partnership span{display:block;max-width:720px;color:#e2f2ea;font-size:clamp(17px,1.6vw,21px)}.partnership>a{flex:none;padding:17px 23px;border-radius:5px;background:#fff;color:var(--navy);font-weight:700;box-shadow:0 14px 34px rgba(0,0,0,.15);transition:.2s ease}.partnership>a:hover{transform:translateY(-2px)}
.proposal{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(48px,7vw,105px);align-items:start;background:var(--warm)}.proposal-copy{position:sticky;top:115px}.proposal-copy h2{font-size:clamp(42px,4.5vw,64px)}.proposal-copy>span{display:block;max-width:600px;color:var(--muted);font-size:17px}.proposal dl{margin:42px 0 0}.proposal dl>div{margin-bottom:21px}.proposal dt{color:var(--green-dark);font-size:11px;font-weight:700;letter-spacing:.12em}.proposal dd{margin:4px 0 0;color:var(--navy);font:700 17px/1.5 "Manrope"}.proposal form{padding:clamp(26px,4vw,52px);background:#fff;border:1px solid rgba(7,20,50,.1);box-shadow:var(--shadow)}.form-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px}.form-head span{color:var(--navy);font:700 22px "Manrope"}.form-head small,.form-note{color:#858d98}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid label{display:flex;flex-direction:column;gap:7px;color:#3b4558;font-size:13px;font-weight:700}.field-grid .wide{grid-column:1/-1}.field-grid input,.field-grid select,.field-grid textarea{width:100%;padding:14px;border:1px solid #d8ddd9;border-radius:3px;background:#fafbf9;color:var(--ink);outline:0}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(14,165,101,.12)}.field-grid textarea{resize:vertical}.form-submit{width:100%;margin-top:22px;padding:16px;border:0;border-radius:3px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer;transition:.2s ease}.form-submit:hover{background:var(--green-dark)}.form-submit:disabled{opacity:.7;cursor:wait}.form-note{display:block;margin-top:10px;text-align:center;font-size:11px}.form-success{display:flex;flex-direction:column;margin-bottom:22px;padding:15px;background:#e7f7ef;border:1px solid #abd9c1;color:#075a38}.form-success[hidden]{display:none}.honeypot{position:absolute!important;left:-9999px!important}
footer{padding:42px clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#040d24;color:#fff}footer .brand strong{color:#fff}footer>p{margin:0;color:#9da8bb;font-size:12px;text-align:center}
@media(max-width:1050px){.trust-strip{margin-inline:24px}.method-grid article,.solution-ref{flex-basis:calc((100% - 22px)/2)}.project-row figure{flex-basis:calc((100% - 24px)/2)}.about{grid-template-columns:1fr;align-items:start}.about-copy{max-width:760px}.proposal{grid-template-columns:1fr}.proposal-copy{position:static}.partnership{align-items:flex-start;flex-direction:column}.partnership>a{align-self:flex-start}}
@media(max-width:820px){.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;padding:18px 24px 25px;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--soft-shadow)}.site-header nav.open{display:flex}.site-header nav a{text-align:center}.menu-toggle{display:block}.hero-content{width:min(760px,82%)}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.method-grid article,.solution-ref,.project-row figure{flex-basis:82vw}}
@media(max-width:620px){html{scroll-padding-top:72px}.site-header{height:72px;padding:0 17px}.site-header nav{top:72px}.brand img{width:39px;height:37px}.brand strong{font-size:18px}.brand small{font-size:6px}.menu-toggle{padding:8px 13px}.hero{min-height:650px;align-items:end}.hero-full-photo{object-position:64% center}.hero-shade{background:linear-gradient(180deg,rgba(3,11,29,.12),rgba(3,11,29,.63) 49%,rgba(3,11,29,.97) 82%)}.hero-content{width:100%;padding:210px 22px 48px}.hero-kicker{font-size:10px;letter-spacing:.15em}.hero h1{margin:13px 0 16px;font-size:clamp(39px,11vw,53px);line-height:1.02}.hero-copy{font-size:15px;line-height:1.6}.hero-actions{align-items:stretch;flex-direction:column;gap:13px;margin-top:24px}.scroll-cue{width:100%;min-height:50px}.hero-link{align-self:center}.hero-disclosure{right:8px;top:10px;bottom:auto}.trust-strip{margin:-1px 14px 0;padding:0;grid-template-columns:1fr 1fr;box-shadow:0 14px 40px rgba(7,20,50,.1)}.trust-strip>div{padding:17px 15px}.trust-strip strong{font-size:13px}.trust-strip span{font-size:10px}.section{padding:74px 20px}.about{gap:36px}.about h2,.center-heading h2,.section-title h2,.proposal h2{font-size:clamp(36px,9vw,45px)}.about-copy>p{font-size:15px}.service-gallery{margin-inline:0}.service-photo figcaption{left:12px;bottom:12px}.method .section-title{display:block}.method-grid,.solution-grid,.project-row{gap:14px;margin-inline:-20px;padding-inline:20px}.method-grid article,.solution-ref,.project-row figure{flex-basis:86vw;min-width:0}.method-grid p{min-height:0}.center-heading{margin-bottom:34px}.center-heading>span,.section-title>span{font-size:14px}.partnership{padding:76px 22px}.partnership h2{font-size:clamp(40px,11vw,54px)}.partnership>a{width:100%;text-align:center}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.proposal form{padding:25px 17px}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-photo img,.solution-ref>img,.method-grid img{transition:none}}
.partnership-process{background:#fff}.process-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:end;margin-bottom:52px}.process-heading>p{margin:0;color:var(--green-dark);font-size:12px;font-weight:700;letter-spacing:.2em}.process-heading h2{margin:0;color:var(--navy);font:700 clamp(40px,4.5vw,64px)/1.06 "Manrope",sans-serif;letter-spacing:-.045em}.process-heading>span{grid-column:2;max-width:700px;color:var(--muted);font-size:16px}.process-steps{margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-steps li{min-width:0;padding:28px 22px 30px;border-right:1px solid var(--line)}.process-steps li:last-child{border-right:0}.process-steps b{display:block;margin-bottom:28px;color:var(--green);font:700 13px "Manrope";letter-spacing:.12em}.process-steps h3{margin:0 0 8px;color:var(--navy);font:700 16px/1.3 "Manrope"}.process-steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.form-switch{display:flex;gap:6px;margin:-8px 0 24px;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:5px}.form-switch button{flex:1;padding:10px 12px;border:0;border-radius:3px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.form-switch button.active{background:#fff;color:var(--navy);box-shadow:0 3px 10px rgba(7,20,50,.08)}[data-full-field][hidden]{display:none!important}
.whatsapp-float{position:fixed;z-index:55;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:11px 17px 11px 13px;border-radius:999px;background:#25d366;color:#fff;box-shadow:0 12px 32px rgba(4,31,20,.25);font-size:13px;font-weight:700;transition:.2s ease;animation:whatsapp-nudge 4s ease-in-out infinite}.whatsapp-float:before{content:"Click to contact";position:absolute;right:8px;bottom:calc(100% + 9px);width:max-content;padding:6px 10px;border-radius:5px;background:var(--navy);color:#fff;box-shadow:0 7px 20px rgba(7,20,50,.2);font-size:11px;font-weight:700;letter-spacing:.02em}.whatsapp-float:after{content:"";position:absolute;right:22px;bottom:calc(100% + 4px);width:10px;height:10px;background:var(--navy);transform:rotate(45deg)}.whatsapp-float:hover{transform:translateY(-2px);background:#1fba59;animation-play-state:paused}.whatsapp-float svg{width:25px;height:25px;flex:none}@keyframes whatsapp-nudge{0%,72%,100%{transform:translateY(0);box-shadow:0 12px 32px rgba(4,31,20,.25)}78%{transform:translateY(-5px);box-shadow:0 16px 38px rgba(37,211,102,.4)}84%{transform:translateY(0)}90%{transform:translateY(-3px)}96%{transform:translateY(0)}}
@media(max-width:1050px){.process-steps{grid-template-columns:repeat(3,1fr)}.process-steps li:nth-child(3){border-right:0}.process-steps li:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.process-heading{display:block;margin-bottom:34px}.process-heading h2{margin:12px 0 15px}.process-heading>span{font-size:14px}.process-steps{grid-template-columns:1fr}.process-steps li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:20px 2px;border-right:0!important;border-bottom:1px solid var(--line)}.process-steps li:last-child{border-bottom:0}.process-steps b{margin:2px 0 0}.whatsapp-float{right:14px;bottom:14px;width:52px;height:52px;padding:0;justify-content:center}.whatsapp-float:before{right:0;font-size:10px}.whatsapp-float:after{right:20px}.whatsapp-float span{display:none}.whatsapp-float svg{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{animation:none}}

/* Premium spatial layer */
body{overflow-x:hidden}.hero{perspective:1200px;isolation:isolate}.hero-image{transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(1.06);transition:transform .18s ease-out;will-change:transform}.hero-content{transform:translate3d(var(--content-x,0),var(--content-y,0),55px);transform-style:preserve-3d;transition:transform .18s ease-out}.hero-content:before{content:"";position:absolute;z-index:-1;inset:20px max(10px,4vw) 20px clamp(12px,4vw,58px);border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.015));box-shadow:0 42px 90px rgba(0,0,0,.25);backdrop-filter:blur(2px);transform:translateZ(-20px) skewY(-1.5deg);pointer-events:none}.hero-depth{position:absolute;z-index:1;inset:0;overflow:hidden;transform:translate3d(var(--depth-x,0),var(--depth-y,0),25px);transition:transform .18s ease-out;pointer-events:none}.depth-orbit{position:absolute;border:1px solid rgba(117,217,168,.25);border-radius:50%;box-shadow:inset 0 0 45px rgba(14,165,101,.08),0 0 45px rgba(14,165,101,.08)}.depth-orbit-one{width:430px;height:430px;right:-115px;top:8%;transform:rotateX(68deg) rotateZ(-16deg)}.depth-orbit-two{width:250px;height:250px;right:11%;bottom:-90px;transform:rotateX(72deg) rotateZ(22deg)}.depth-glow{position:absolute;width:240px;height:240px;right:13%;top:24%;border-radius:50%;background:radial-gradient(circle,rgba(23,182,103,.22),transparent 68%);filter:blur(4px)}
.trust-strip{transform:translateZ(0);box-shadow:0 30px 80px rgba(7,20,50,.16),0 2px 0 rgba(255,255,255,.9) inset}.trust-strip>div{position:relative;transition:transform .35s ease,background .35s ease,box-shadow .35s ease}.trust-strip>div:hover{z-index:2;background:#fff;transform:translateY(-10px) scale(1.025);box-shadow:0 22px 38px rgba(7,20,50,.12)}
.method-grid,.solution-grid,.project-row{perspective:1400px}.method-grid article,.solution-ref,.project-row figure,.proposal form{position:relative;transform-style:preserve-3d;transform:translateZ(0);transition:transform .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s ease,border-color .42s ease;will-change:transform}.method-grid article:after,.project-row figure:after,.proposal form:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.5) 48%,transparent 70%);opacity:0;transform:translateX(-70%);transition:opacity .35s ease,transform .65s ease;pointer-events:none}.method-grid article:hover,.project-row figure:hover{border-color:rgba(14,165,101,.28);box-shadow:0 30px 60px rgba(7,20,50,.16)}.method-grid article:hover:after,.project-row figure:hover:after,.proposal form:hover:after{opacity:.45;transform:translateX(70%)}.method-grid article>div,.method-grid h3,.method-grid article>p,.solution-ref>img,.solution-ref>div,.project-row figure>img,.project-row figcaption{transform:translateZ(18px)}.method-grid i{transform:translateZ(35px);box-shadow:0 14px 22px rgba(7,20,50,.25)}.solution-ref{border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 55px rgba(7,20,50,.14)}.solution-ref:hover{box-shadow:0 38px 70px rgba(7,20,50,.24)}.solution-ref:before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 28%,transparent 70%,rgba(14,165,101,.16));mix-blend-mode:screen;pointer-events:none}.process-steps{perspective:1100px}.process-steps li{position:relative;background:#fff;transform:translateZ(0);transition:transform .35s ease,box-shadow .35s ease,color .35s ease}.process-steps li:hover{z-index:2;transform:translateY(-8px) translateZ(24px);box-shadow:0 22px 48px rgba(7,20,50,.12)}.partnership{perspective:1000px}.partnership:after{content:"";position:absolute;width:360px;height:360px;left:45%;bottom:-230px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 80px rgba(117,217,168,.18);transform:rotateX(68deg)}.partnership>div{transform:translateZ(36px)}.partnership>a{transform:translateZ(58px);box-shadow:0 26px 48px rgba(0,0,0,.22)}.partnership>a:hover{transform:translateY(-4px) translateZ(58px)}
.motion-ready .reveal-3d{opacity:0;transform:translate3d(0,34px,-22px) rotateX(3deg);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal-3d.is-visible{opacity:1;transform:translate3d(0,0,0) rotateX(0)}
@media(max-width:820px){.hero-content:before{inset:150px 12px 25px}.depth-orbit-one{width:310px;height:310px;right:-150px}.depth-orbit-two{display:none}.trust-strip>div:hover{transform:none}.method-grid article,.solution-ref,.project-row figure{will-change:auto}}
@media(max-width:620px){.hero-image{transform:scale(1.035)}.hero-content{transform:none}.hero-content:before{inset:185px 10px 30px;backdrop-filter:none}.hero-depth{transform:none}.depth-orbit-one{width:260px;height:260px;right:-145px;top:15%}.depth-glow{right:-30px;top:30%}.method-grid article,.solution-ref,.project-row figure,.proposal form{transform:none!important}.method-grid article>div,.method-grid h3,.method-grid article>p,.solution-ref>img,.solution-ref>div,.project-row figure>img,.project-row figcaption{transform:none}.process-steps li:hover{transform:none}.motion-ready .reveal-3d{transform:translate3d(0,24px,0)}}
@media(prefers-reduced-motion:reduce){.hero-image,.hero-content,.hero-depth,.method-grid article,.solution-ref,.project-row figure,.proposal form,.motion-ready .reveal-3d{transition:none!important;transform:none!important}.motion-ready .reveal-3d{opacity:1}}

/* Full 3D concept v37 */
:root{--depth-shadow:0 42px 95px rgba(2,10,30,.28);--glass-border:rgba(255,255,255,.18)}
.hero{min-height:min(790px,calc(100svh - 82px));background:radial-gradient(circle at 78% 35%,#183666 0,#0b2148 30%,#06142f 65%,#030a19 100%);transform-style:preserve-3d}.hero:before{content:"";position:absolute;z-index:0;left:-20%;right:-20%;bottom:-38%;height:72%;background:linear-gradient(rgba(44,226,144,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(44,226,144,.14) 1px,transparent 1px);background-size:58px 58px;transform:perspective(620px) rotateX(66deg);mask-image:linear-gradient(to top,#000,transparent 82%);opacity:.58;pointer-events:none}.hero:after{content:"";position:absolute;z-index:0;width:680px;height:680px;right:-220px;top:-220px;border:1px solid rgba(91,231,163,.18);border-radius:50%;box-shadow:0 0 120px rgba(14,165,101,.12),inset 0 0 100px rgba(14,165,101,.06);pointer-events:none}.hero-image{inset:8% 3.5% 10% 50%;border:1px solid var(--glass-border);border-radius:34px;background:#0b1734;overflow:hidden;box-shadow:-34px 48px 100px rgba(0,0,0,.43),0 0 0 9px rgba(255,255,255,.035);transform:perspective(1400px) rotateY(-7deg) rotateX(2deg) translate3d(var(--hero-x,0),var(--hero-y,0),45px);transform-origin:center right}.hero-full-photo{object-position:61% center;filter:saturate(.92) contrast(1.04)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.15),transparent 25%,transparent 70%,rgba(18,224,129,.12));pointer-events:none}.hero-shade{background:linear-gradient(180deg,rgba(4,13,34,.02),rgba(4,13,34,.12) 58%,rgba(4,13,34,.76))}.hero-disclosure{z-index:4}.hero-content{width:57%;padding:84px clamp(34px,6.4vw,104px);transform:translate3d(var(--content-x,0),var(--content-y,0),95px)}.hero-content:before{inset:42px 8% 42px 4%;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.018));box-shadow:0 30px 80px rgba(0,0,0,.18);transform:translateZ(-28px)}.hero h1{max-width:690px;font-size:clamp(54px,5.6vw,82px);text-shadow:0 18px 45px rgba(0,0,0,.28)}.hero-copy{max-width:590px}.hero-depth{z-index:3;overflow:visible}.depth-orbit-one{width:490px;height:490px;right:0;top:10%;border-color:rgba(103,247,177,.25);transform:rotateX(72deg) rotateZ(-13deg)}.depth-orbit-two{right:28%;bottom:-5%}.depth-glow{right:21%;top:28%;width:320px;height:320px}.scene-badge{position:absolute;display:flex;flex-direction:column;min-width:132px;padding:15px 18px;border:1px solid rgba(255,255,255,.23);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07));color:#fff;box-shadow:0 22px 55px rgba(0,0,0,.28);backdrop-filter:blur(16px);transform-style:preserve-3d}.scene-badge b{font:800 22px "Manrope"}.scene-badge small{color:#cbe9da;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.scene-badge-one{right:3%;top:17%;transform:translateZ(110px) rotateY(-8deg)}.scene-badge-two{right:39%;bottom:13%;transform:translateZ(125px) rotateY(8deg)}
.trust-strip{border-radius:18px;overflow:visible;box-shadow:0 34px 90px rgba(7,20,50,.2);transform:translateY(-2px) perspective(1000px) rotateX(1.3deg)}.trust-strip>div:first-child{border-radius:18px 0 0 18px}.trust-strip>div:last-child{border-radius:0 18px 18px 0}
.about{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:clamp(60px,9vw,145px);align-items:center;overflow:hidden;background:radial-gradient(circle at 88% 45%,rgba(14,165,101,.09),transparent 30%),#fff}.about:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:10%;border:1px solid rgba(14,165,101,.13);border-radius:50%}.about-copy{position:relative;z-index:2}.about h2{font-size:clamp(48px,5vw,72px)}.about-visual{position:relative;min-height:440px;perspective:1100px;transform-style:preserve-3d}.impact-card{position:absolute;padding:25px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:linear-gradient(145deg,#11254e,#071432 70%);color:#fff;box-shadow:var(--depth-shadow);transform-style:preserve-3d}.impact-card:before{content:"";position:absolute;inset:1px;border-radius:22px;background:linear-gradient(130deg,rgba(255,255,255,.1),transparent 42%);pointer-events:none}.impact-card small,.impact-card strong,.impact-card span{position:relative;display:block;transform:translateZ(28px)}.impact-card small{color:#75d9a8;font-size:10px;font-weight:700;letter-spacing:.14em}.impact-card strong{margin-top:42px;font:700 28px/1.2 "Manrope"}.impact-card span{position:absolute;right:22px;bottom:18px;color:rgba(255,255,255,.25);font:800 52px "Manrope"}.impact-card-main{inset:55px 8% 42px 5%;transform:rotateY(-12deg) rotateX(4deg) translateZ(30px)}.impact-card-top{width:54%;height:154px;right:-6%;top:0;background:linear-gradient(145deg,#16b96f,#08734b);transform:rotateY(12deg) rotateX(-4deg) translateZ(110px)}.impact-card-top strong,.impact-card-bottom strong{margin-top:25px;font-size:21px}.impact-card-bottom{width:53%;height:154px;left:-4%;bottom:0;transform:rotateY(-8deg) rotateX(5deg) translateZ(135px)}
.method{position:relative;background:radial-gradient(circle at 50% -20%,rgba(14,165,101,.08),transparent 38%),#fff}.method .section-title{position:relative;z-index:2}.method-grid{perspective:1700px;align-items:stretch}.method-grid article{border-radius:20px;box-shadow:0 28px 60px rgba(7,20,50,.12);overflow:hidden}.method-grid article:nth-child(2){transform:translateY(24px) rotateY(-2deg)}.method-grid article:nth-child(3){transform:translateY(5px) rotateY(2deg)}.method-grid article:nth-child(4){transform:translateY(29px) rotateY(-2deg)}.method-grid article>div{border-radius:19px 19px 0 0}.method-grid img{aspect-ratio:1.16/1}.method-grid h3{font-size:20px}.method-grid article:hover{transform:translateY(-13px) rotateX(2deg)!important;box-shadow:0 42px 80px rgba(7,20,50,.2)}
.solutions{position:relative;background:radial-gradient(circle at 75% 15%,#193b69 0,#0b2148 25%,#06142f 62%,#030a19 100%);color:#fff}.solutions:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(14,165,101,.08),transparent 35%);pointer-events:none}.solutions .center-heading{position:relative}.solutions .center-heading h2{color:#fff}.solutions .center-heading>span{color:#bdc9da}.solutions .center-heading>p{color:#75d9a8}.solution-grid{perspective:1800px;padding-block:20px 48px}.solution-ref{border-radius:24px;border-color:rgba(255,255,255,.18);box-shadow:0 32px 70px rgba(0,0,0,.34);transform:rotateY(-3deg) translateZ(0)}.solution-ref:nth-child(even){transform:rotateY(3deg) translateY(20px)}.solution-ref>img{transform:scale(1.04) translateZ(20px)}.solution-ref>div{padding:28px}.solution-ref:hover{transform:translateY(-12px) rotateY(0deg) translateZ(45px)!important}.solutions .swipe-hint{color:#91a0b8}
.clients{background:linear-gradient(180deg,#fff,#f7faf8)}.client-logo-gallery figure{border-radius:20px;box-shadow:0 24px 55px rgba(7,20,50,.1);transform:rotateY(-2deg)}.client-logo-gallery figure:nth-child(even){transform:rotateY(2deg) translateY(15px)}.client-logo-gallery figure>img{border-radius:19px 19px 0 0}.client-logo-gallery figure:hover{transform:translateY(-10px) rotateY(0deg)!important}.partnership-process{background:radial-gradient(circle at 15% 30%,rgba(14,165,101,.08),transparent 28%),#fff}.process-steps{border:0;gap:13px}.process-steps li{border:1px solid var(--line)!important;border-radius:17px;box-shadow:0 18px 42px rgba(7,20,50,.07)}.process-steps li:hover{background:linear-gradient(145deg,#fff,#f2fbf6)}.partnership{background:radial-gradient(circle at 82% 20%,#19bb74,#08784d 35%,#06462f 72%,#033122);min-height:480px}.partnership>div{transform:translateZ(72px)}.proposal{background:radial-gradient(circle at 80% 20%,rgba(14,165,101,.08),transparent 28%),var(--warm)}.proposal form{border-radius:24px;box-shadow:0 40px 90px rgba(7,20,50,.16);transform:perspective(1300px) rotateY(-2deg)}
@media(max-width:1050px){.hero-image{inset:10% 2% 13% 51%}.hero-content{width:62%;padding-inline:42px}.scene-badge-two{right:36%}.about{grid-template-columns:1fr}.about-visual{width:min(620px,100%);margin-inline:auto}.method-grid article:nth-child(n),.solution-ref:nth-child(n),.client-logo-gallery figure:nth-child(n){transform:none}.process-steps{gap:10px}}
@media(max-width:820px){.hero{min-height:760px;align-items:end}.hero:before{bottom:-20%}.hero-image{inset:0 0 38% 0;border:0;border-radius:0;box-shadow:none;transform:none}.hero-full-photo{object-position:64% center}.hero-shade{background:linear-gradient(180deg,rgba(3,10,25,.08),rgba(3,10,25,.16) 45%,#06142f 95%)}.hero-content{width:100%;padding:330px 24px 52px;transform:none}.hero-content:before{inset:300px 12px 28px}.scene-badge-one{right:16px;top:16px;transform:none}.scene-badge-two{display:none}.depth-orbit-one{right:-180px;top:5%}.about{grid-template-columns:1fr}.about-visual{min-height:390px}.method-grid article:hover,.solution-ref:hover,.client-logo-gallery figure:hover{transform:none!important}}
@media(max-width:620px){.hero{min-height:720px}.hero-image{inset:0 0 43%}.hero-content{padding:290px 21px 44px}.hero-content:before{inset:270px 9px 25px}.scene-badge{min-width:105px;padding:10px 12px;border-radius:13px}.scene-badge b{font-size:17px}.hero h1{font-size:clamp(40px,11vw,53px)}.about-visual{min-height:340px}.impact-card-main{inset:40px 4% 30px}.impact-card-top{right:-2%;width:58%;height:125px}.impact-card-bottom{left:-2%;width:58%;height:125px}.impact-card strong{font-size:22px}.impact-card-top strong,.impact-card-bottom strong{font-size:17px}.method-grid article{border-radius:16px}.solutions{padding-bottom:90px}.solution-ref{border-radius:18px}.proposal form{border-radius:18px;transform:none}.trust-strip{border-radius:0;transform:none}.trust-strip>div:first-child,.trust-strip>div:last-child{border-radius:0}}

/* Uniform light 3D system v38 */
:root{--site-surface:#f5f8f6;--site-panel:#fff}body{background:var(--site-surface)}main{background:var(--site-surface)}
.hero{margin:22px;min-height:min(760px,calc(100svh - 126px));border:1px solid rgba(7,20,50,.08);border-radius:34px;background:radial-gradient(circle at 78% 25%,rgba(37,201,126,.16),transparent 30%),linear-gradient(145deg,#fff 0,#f2f8f4 52%,#e8f2ed 100%);color:var(--navy);box-shadow:0 36px 90px rgba(7,20,50,.12)}.hero:before{opacity:.2}.hero:after{border-color:rgba(14,165,101,.15);box-shadow:0 0 120px rgba(14,165,101,.08),inset 0 0 100px rgba(14,165,101,.05)}.hero-content:before{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.58));border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(7,20,50,.09)}.hero h1{color:var(--navy);text-shadow:none}.hero-copy{color:#5f6b7a}.hero-kicker{color:var(--green-dark)}.hero-link{color:var(--navy);border-color:rgba(7,20,50,.28)}.scene-badge{background:linear-gradient(145deg,#102651,#071632);border-color:rgba(255,255,255,.18);box-shadow:0 22px 55px rgba(7,20,50,.25)}.hero-image{box-shadow:-28px 38px 80px rgba(7,20,50,.22),0 0 0 9px rgba(255,255,255,.7)}
.trust-strip{background:#fff}.about,.method,.solutions,.clients,.partnership-process,.proposal{background:var(--site-surface)!important}.about{background:radial-gradient(circle at 88% 45%,rgba(14,165,101,.08),transparent 30%),var(--site-surface)!important}.method{background:radial-gradient(circle at 50% -20%,rgba(14,165,101,.06),transparent 38%),var(--site-surface)!important}.solutions{color:var(--ink)}.solutions:before{background:linear-gradient(120deg,rgba(14,165,101,.05),transparent 35%)}.solutions .center-heading h2{color:var(--navy)}.solutions .center-heading>span{color:var(--muted)}.solutions .center-heading>p{color:var(--green-dark)}.solutions .swipe-hint{color:#7a8492}.solution-ref{background:var(--navy);border-color:rgba(7,20,50,.1);box-shadow:0 30px 65px rgba(7,20,50,.16)}.clients{background:var(--site-surface)!important}.partnership-process{background:radial-gradient(circle at 15% 30%,rgba(14,165,101,.06),transparent 28%),var(--site-surface)!important}.partnership{margin:0 22px 22px;min-height:440px;border:1px solid rgba(7,20,50,.08);border-radius:30px;background:radial-gradient(circle at 82% 20%,rgba(14,165,101,.14),transparent 28%),linear-gradient(145deg,#fff,#eaf4ef);color:var(--navy);box-shadow:0 30px 75px rgba(7,20,50,.1)}.partnership h2{color:var(--navy)}.partnership p{color:#5f6b7a}.partnership:after{border-color:rgba(14,165,101,.14);box-shadow:0 0 80px rgba(14,165,101,.1)}.partnership>a{background:var(--navy);color:#fff;box-shadow:0 24px 46px rgba(7,20,50,.2)}.proposal{background:radial-gradient(circle at 80% 20%,rgba(14,165,101,.06),transparent 28%),var(--site-surface)!important}
@media(max-width:820px){.hero{margin:10px;border-radius:24px}.hero-shade{background:linear-gradient(180deg,rgba(245,248,246,.02),rgba(245,248,246,.06) 45%,#f5f8f6 95%)}.hero-content:before{background:linear-gradient(180deg,rgba(255,255,255,.7),#fff)}.partnership{margin:0 10px 10px;border-radius:24px}}
@media(max-width:620px){.hero{margin:0;min-height:720px;border-width:0 0 1px;border-radius:0}.hero-image{border-radius:0 0 24px 24px}.about-visual{display:grid;gap:12px;min-height:0;padding:8px 0;perspective:none}.impact-card,.impact-card-main,.impact-card-top,.impact-card-bottom{position:relative;inset:auto;width:100%;height:auto;min-height:132px;transform:none!important}.impact-card{padding:20px 22px}.impact-card strong,.impact-card-top strong,.impact-card-bottom strong{margin-top:22px;font-size:20px}.impact-card span{right:18px;bottom:10px;font-size:44px}.impact-card-main{order:1}.impact-card-top{order:2}.impact-card-bottom{order:3}.partnership{margin:0;border-radius:0}.solutions{padding-bottom:80px}}

/* Exact shared section surface v39 */
.about,.method,.solutions,.clients,.partnership-process,.proposal{background:var(--site-surface)!important}

/* Clean uniform white layout and complete value cards v40 */
html,body,main{background:#fff!important}.hero,.about,.method,.solutions,.clients,.partnership-process,.partnership,.proposal{background-color:#fff!important}.about,.method,.solutions,.clients,.partnership-process,.proposal{background-image:none!important}.hero{background-image:radial-gradient(circle at 78% 25%,rgba(37,201,126,.12),transparent 30%),linear-gradient(145deg,#fff,#fff)!important}.partnership{background-image:radial-gradient(circle at 82% 20%,rgba(14,165,101,.1),transparent 30%),linear-gradient(145deg,#fff,#fff)!important}
.about-visual{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:0;perspective:1100px}.impact-card,.impact-card-main,.impact-card-top,.impact-card-bottom{position:relative;inset:auto;width:auto;height:auto;min-height:168px}.impact-card-main{grid-column:1/-1;transform:perspective(900px) rotateX(2deg) translateZ(18px)}.impact-card-top{transform:perspective(900px) rotateY(-3deg) translateZ(12px)}.impact-card-bottom{transform:perspective(900px) rotateY(3deg) translateZ(12px)}.impact-card strong{margin-top:28px}.impact-card-top strong,.impact-card-bottom strong{margin-top:28px}
@media(max-width:820px){.about{overflow:visible}.about-visual{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important;min-height:0!important;margin:0!important;padding:4px 0!important;perspective:none!important}.impact-card,.impact-card-main,.impact-card-top,.impact-card-bottom{position:relative!important;inset:auto!important;grid-column:auto!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:138px!important;margin:0!important;transform:none!important;box-sizing:border-box!important}.impact-card-main{order:1}.impact-card-top{order:2}.impact-card-bottom{order:3}.impact-card span{right:20px!important;bottom:12px!important}.hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,.04) 45%,#fff 95%)!important}}

/* Premium peacock colour system v41 */
:root{--peacock:#075d63;--peacock-deep:#03464d;--peacock-light:#0b7477;--peacock-ink:#e9fbf8}html,body,main{background:var(--peacock)!important}.hero,.about,.method,.solutions,.clients,.partnership-process,.partnership,.proposal{background-color:var(--peacock)!important;background-image:radial-gradient(circle at 82% 10%,rgba(37,201,126,.14),transparent 32%),linear-gradient(145deg,var(--peacock-light),var(--peacock) 50%,var(--peacock-deep))!important}.hero{border-color:rgba(255,255,255,.16);box-shadow:0 36px 90px rgba(1,28,32,.35)}.hero:before{opacity:.32}.hero-content:before{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,255,253,.88));border-color:rgba(255,255,255,.85)}.scene-badge-two{right:39%;bottom:13%}
.about h2,.method .section-title h2,.solutions .center-heading h2,.clients h2,.partnership-process h2,.proposal-copy h2{color:#fff!important}.about-copy>p,.method .section-title>span,.solutions .center-heading>span,.clients .centered>span,.partnership-process>.section-title>span,.proposal-copy>span{color:#cde4e1!important}.pill,.about .pill,.section-title>p,.center-heading>p,.proposal-copy>p{color:#7cf0ba!important}.value-row span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}.method .swipe-hint,.solutions .swipe-hint,.clients .swipe-hint{color:#b9d7d4}.method-grid article,.client-logo-gallery figure,.process-steps li,.proposal form,.trust-strip{background:#fff}.partnership{margin-block:0;border-radius:0;border-inline:0;border-color:rgba(255,255,255,.15);color:#fff}.partnership h2{color:#fff}.partnership p{color:#d5ebe8}.proposal dt{color:#7cf0ba}.proposal dd,.proposal dd a{color:#fff}.proposal form .form-head span{color:var(--navy)}
@media(max-width:820px){.hero-shade{background:linear-gradient(180deg,rgba(3,70,77,.02),rgba(3,70,77,.08) 45%,var(--peacock) 95%)!important}.scene-badge-two{right:16px;bottom:40%;display:flex}.partnership{margin:0;border-radius:0}.about,.method,.solutions,.clients,.partnership-process,.proposal{background-image:linear-gradient(180deg,var(--peacock-light),var(--peacock))!important}}
@media(max-width:620px){.scene-badge-two{right:14px;top:18px;bottom:auto;transform:none}}

/* Complete phone layout reset v43 */
@media(max-width:820px){html,body{width:100%;max-width:100%;overflow-x:hidden}.site-header{height:72px;padding:0 16px}.site-header nav{top:72px}.brand{min-width:0}.brand img{width:42px;height:40px}.brand strong{font-size:19px}.brand small{font-size:6px}.menu-toggle{padding:9px 14px;font-size:16px}.hero{display:flex!important;flex-direction:column!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}.hero-image{position:relative!important;inset:auto!important;order:1!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}.hero-full-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}.hero-shade{background:linear-gradient(180deg,rgba(3,70,77,.02),rgba(3,70,77,.18))!important}.hero-content{position:relative!important;z-index:3!important;order:2!important;width:100%!important;max-width:none!important;padding:34px 20px 44px!important;transform:none!important}.hero-content:before,.hero-depth{display:none!important}.hero h1{max-width:100%;margin:12px 0 16px!important;color:#fff!important;font-size:clamp(39px,11vw,52px)!important;line-height:1.03!important}.hero-copy{max-width:100%;color:#d9ece9!important;font-size:15px!important;line-height:1.6!important}.hero-kicker{font-size:10px!important;letter-spacing:.14em!important;color:#7cf0ba!important}.hero-actions{align-items:stretch!important;flex-direction:column!important;gap:12px!important;margin-top:24px!important}.scroll-cue{width:100%!important;min-height:52px!important}.hero-link{align-self:center!important;color:#fff!important;border-color:rgba(255,255,255,.4)!important}.hero-disclosure{top:12px!important;right:10px!important;bottom:auto!important}.trust-strip{position:relative!important;z-index:4!important;margin:0!important;border-radius:0!important;grid-template-columns:1fr 1fr!important;box-shadow:0 12px 30px rgba(1,28,32,.18)!important}.trust-strip>div{padding:16px 12px!important}.trust-strip strong{font-size:13px}.trust-strip span{font-size:10px}.section{padding:64px 18px!important}.about{gap:34px!important}.about h2,.method h2,.solutions h2,.clients h2,.partnership-process h2,.proposal h2{font-size:clamp(35px,9.5vw,45px)!important;line-height:1.08!important}.about-copy>p{font-size:15px!important;line-height:1.75!important}.value-row{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.value-row span{text-align:center!important}.about-visual{grid-template-columns:1fr!important;gap:13px!important}.impact-card{min-height:132px!important;border-radius:18px!important}.method .section-title{display:block!important;margin-bottom:30px!important}.method-grid,.solution-grid,.project-row{gap:14px!important;margin-inline:-18px!important;padding:4px 18px 24px!important;scroll-padding-left:18px!important}.method-grid article,.solution-ref,.project-row figure{flex:0 0 calc(100vw - 52px)!important;width:calc(100vw - 52px)!important;max-width:370px!important;min-width:0!important;transform:none!important}.method-grid img{aspect-ratio:4/3!important}.method-grid p{min-height:0!important}.center-heading,.centered{margin-bottom:32px!important}.center-heading>span,.centered>span,.section-title>span{font-size:14px!important;line-height:1.6!important}.solution-ref{aspect-ratio:4/5!important}.client-logo-gallery figure>img{height:190px!important;padding:22px!important}.process-heading{display:block!important;margin-bottom:30px!important}.process-heading h2{margin:10px 0 14px!important}.process-steps{grid-template-columns:1fr!important;gap:10px!important;border:0!important}.process-steps li{display:grid!important;grid-template-columns:42px 1fr!important;gap:10px!important;padding:18px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:15px!important}.partnership{padding:64px 20px!important;min-height:0!important;align-items:flex-start!important;flex-direction:column!important}.partnership h2{font-size:clamp(38px,10.5vw,50px)!important}.partnership>a{width:100%!important;text-align:center!important}.proposal{grid-template-columns:1fr!important;gap:38px!important}.proposal-copy{position:static!important}.proposal dl{margin-top:30px!important}.proposal dd{font-size:15px!important;overflow-wrap:anywhere}.proposal form{width:100%!important;padding:22px 16px!important;border-radius:18px!important;transform:none!important}.field-grid{grid-template-columns:1fr!important;gap:15px!important}.field-grid .wide{grid-column:auto!important}.form-head{align-items:flex-start;flex-direction:column!important;gap:4px!important}.whatsapp-float{right:14px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;width:52px!important;height:52px!important;padding:0!important;justify-content:center!important}.whatsapp-float:before,.whatsapp-float:after,.whatsapp-float span{display:none!important}footer{padding:34px 18px!important;flex-direction:column!important;text-align:center!important}}
@media(max-width:380px){.brand strong{font-size:17px}.brand small{display:none}.menu-toggle{padding:8px 11px}.hero-content{padding-inline:16px!important}.section{padding-inline:15px!important}.method-grid,.solution-grid,.project-row{margin-inline:-15px!important;padding-inline:15px!important}.method-grid article,.solution-ref,.project-row figure{flex-basis:calc(100vw - 42px)!important;width:calc(100vw - 42px)!important}}

/* Genuine WebGL hero v44 */
.hero-image{background:#032f35}.hero3d-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}.hero-full-photo{z-index:0;transition:opacity .7s ease}.webgl-ready .hero-full-photo{opacity:0}.hero-shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(3,20,28,.08),transparent 38%,rgba(3,20,28,.08))}.hero-disclosure{z-index:4;padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(3,20,28,.58);backdrop-filter:blur(12px);color:#caffeb;font-size:9px;font-weight:700;letter-spacing:.12em}.hero-image:before{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 -60px 90px rgba(1,18,24,.18);pointer-events:none}
@media(max-width:820px){.hero-image{height:auto!important;aspect-ratio:1/1!important;background:#032f35!important}.hero3d-canvas{position:absolute!important}.hero-full-photo{object-position:center!important}.hero-disclosure{top:auto!important;right:12px!important;bottom:12px!important}.hero-shade{background:linear-gradient(180deg,rgba(3,20,28,.03),rgba(3,20,28,.18))!important}}
@media(prefers-reduced-motion:reduce){.hero3d-status{display:none}}

/* Full-site spatial redesign v47 */
:root{--edge:rgba(193,255,231,.28);--depth-shadow:0 34px 70px rgba(0,24,30,.34),0 8px 20px rgba(0,24,30,.2)}
html{max-width:100%;overflow-x:hidden}
main{position:relative;isolation:isolate;background:linear-gradient(180deg,#075d63,#03464d)}
.site-header{box-shadow:0 12px 35px rgba(0,34,39,.16)}
.spatial-section{position:relative;isolation:isolate;perspective:1400px;transform-style:preserve-3d;border-top:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.spatial-section:before{content:"";position:absolute;z-index:-1;width:min(58vw,760px);aspect-ratio:1;right:-22%;top:8%;border:1px solid rgba(124,240,186,.13);border-radius:50%;box-shadow:0 0 0 60px rgba(124,240,186,.025),0 0 0 120px rgba(124,240,186,.018);transform:translateZ(-90px);pointer-events:none}
.depth-active:before{animation:spatial-drift 12s ease-in-out infinite alternate}
@keyframes spatial-drift{to{transform:translate3d(-32px,24px,-90px) rotate(7deg)}}
.hero{perspective:1500px;transform-style:preserve-3d}
.hero-image{overflow:hidden;transform-style:preserve-3d;box-shadow:var(--depth-shadow)}
.webgl-fallback .hero-full-photo,.hero-full-photo{transform:scale(1.06) translate3d(var(--hero-x,0),var(--hero-y,0),0);filter:saturate(1.06) contrast(1.03);animation:hero-breathe 10s ease-in-out infinite alternate}
.depth-orbit{position:absolute;z-index:2;border:1px solid rgba(150,255,216,.38);border-radius:50%;pointer-events:none;mix-blend-mode:screen;box-shadow:0 0 38px rgba(33,226,152,.13)}
.depth-orbit-a{width:52%;aspect-ratio:1;right:-11%;top:-22%;transform:rotateX(68deg) rotateZ(18deg)}
.depth-orbit-b{width:38%;aspect-ratio:1;left:-14%;bottom:-22%;transform:rotateX(72deg) rotateZ(-16deg)}
@keyframes hero-breathe{to{transform:scale(1.1) translate3d(var(--hero-x,0),var(--hero-y,0),0)}}
.about-copy,.section-title,.center-heading,.process-heading,.proposal-copy{position:relative;z-index:2;transform:translateZ(38px)}
.about-visual{transform-style:preserve-3d}
.impact-card{border:1px solid var(--edge)!important;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.055))!important;box-shadow:var(--depth-shadow),inset 0 1px rgba(255,255,255,.24)!important;backdrop-filter:blur(16px);transform-style:preserve-3d}
.impact-card strong,.impact-card small,.impact-card span{transform:translateZ(32px)}
.method-grid,.solution-grid,.project-row{perspective:1200px;transform-style:preserve-3d}
.method-grid article,.solution-ref,.project-row figure{position:relative;border-radius:22px!important;border:1px solid rgba(212,255,238,.55)!important;box-shadow:var(--depth-shadow)!important;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease!important}
.method-grid article:before,.solution-ref:before,.project-row figure:before{content:"";position:absolute;z-index:5;inset:0;border-radius:inherit;box-shadow:inset 1px 1px rgba(255,255,255,.75),inset -1px -1px rgba(7,20,50,.12);pointer-events:none}
.method-grid article:nth-child(even),.project-row figure:nth-child(even){transform:translateY(18px) rotateY(-2deg)}
.solution-ref:nth-child(odd){transform:rotateY(2.5deg) translateZ(18px)}
.solution-ref:nth-child(even){transform:translateY(18px) rotateY(-2.5deg)}
.method-grid article:hover,.solution-ref:hover,.project-row figure:hover{box-shadow:0 48px 90px rgba(0,18,28,.44)!important}
.process-steps{gap:16px;border:0!important;perspective:1200px}
.process-steps li{position:relative;border:1px solid rgba(255,255,255,.18)!important;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055))!important;box-shadow:var(--depth-shadow);backdrop-filter:blur(14px);transform:translateZ(12px) rotateX(1deg)}
.process-steps li:nth-child(even){transform:translateY(16px) translateZ(28px) rotateX(1deg)}
.process-steps h3{color:#fff!important}.process-steps p{color:#cde4e1!important}
.proposal form{border-radius:26px!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 45px 100px rgba(0,24,30,.42),inset 0 1px #fff!important;transform:perspective(1400px) rotateY(-1.8deg) translateZ(28px);transform-style:preserve-3d}
.proposal form>*{position:relative;transform:translateZ(18px)}
.partnership{box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -1px rgba(0,20,30,.25)}
.partnership>a{border-radius:14px;box-shadow:0 20px 45px rgba(0,25,30,.35),inset 0 1px #fff;transform:translateZ(30px)}
@media(max-width:820px){.spatial-section{perspective:900px}.spatial-section:before{right:-58%;top:4%;width:118vw}.hero-image{margin:18px 16px 0!important;width:calc(100% - 32px)!important;border-radius:26px!important;transform:perspective(900px) rotateX(1.5deg)!important;box-shadow:0 28px 54px rgba(0,24,30,.4)!important}.hero-content{padding-top:42px!important}.depth-orbit-a{width:74%;right:-28%;top:-20%}.depth-orbit-b{width:58%;left:-24%}.impact-card{transform:perspective(900px) rotateX(1.5deg)!important;box-shadow:0 24px 48px rgba(0,24,30,.34)!important}.method-grid article,.solution-ref,.project-row figure{flex-basis:calc(100vw - 64px)!important;width:calc(100vw - 64px)!important;max-width:410px!important;transform:perspective(950px) rotateY(-1.5deg) translateZ(10px)!important}.method-grid article:nth-child(even),.solution-ref:nth-child(even),.project-row figure:nth-child(even){transform:perspective(950px) rotateY(1.5deg) translateZ(10px)!important}.method-grid article>div{overflow:hidden;border-radius:21px 21px 0 0}.solution-ref{aspect-ratio:4/5!important}.process-steps li,.process-steps li:nth-child(even){transform:perspective(900px) rotateX(1deg) translateZ(10px)!important;box-shadow:0 22px 45px rgba(0,24,30,.3)!important}.proposal form{transform:perspective(1000px) rotateX(1deg) translateZ(14px)!important;box-shadow:0 30px 65px rgba(0,24,30,.38)!important}}
@media(max-width:420px){.hero-image{margin-inline:12px!important;width:calc(100% - 24px)!important}.method-grid article,.solution-ref,.project-row figure{flex-basis:calc(100vw - 48px)!important;width:calc(100vw - 48px)!important}}
@media(prefers-reduced-motion:reduce){.depth-active:before,.hero-full-photo{animation:none!important}}

/* Stable navy spatial theme v48 — no WebGL dependency */
:root{--navy:#061735;--navy-2:#0a2650;--navy-3:#0d3564;--site-navy:#071c3f;--site-navy-deep:#041128;--green:#16b978;--green-dark:#0b8d5b;--edge:rgba(164,206,255,.24);--depth-shadow:0 34px 70px rgba(0,7,24,.42),0 8px 20px rgba(0,7,24,.28)}
html,body,main{background:var(--site-navy-deep)!important}
.hero,.about,.method,.solutions,.clients,.partnership-process,.partnership,.proposal{background-color:var(--site-navy)!important;background-image:radial-gradient(circle at 82% 10%,rgba(31,118,202,.28),transparent 33%),linear-gradient(145deg,var(--navy-3),var(--site-navy) 50%,var(--site-navy-deep))!important}
.hero{border-color:rgba(153,204,255,.2)!important;box-shadow:0 38px 95px rgba(0,7,24,.5)!important}
.hero-image{background:var(--navy)!important;border-color:rgba(165,213,255,.28)!important;box-shadow:-30px 44px 90px rgba(0,5,20,.5),0 0 0 8px rgba(255,255,255,.035)!important}
.hero-image:before{box-shadow:inset 0 0 0 1px rgba(186,224,255,.19),inset 0 -80px 110px rgba(0,10,32,.24)!important}
.hero-full-photo{opacity:1!important;transform:scale(1.06) translate3d(var(--hero-x,0),var(--hero-y,0),0);animation:hero-breathe 10s ease-in-out infinite alternate}
.hero-shade{background:linear-gradient(110deg,rgba(3,15,39,.04),rgba(4,18,48,.04) 52%,rgba(3,15,39,.25))!important}
.depth-orbit{border-color:rgba(84,169,255,.42)!important;box-shadow:0 0 42px rgba(31,118,202,.22)!important}
.hero-disclosure{background:rgba(4,17,40,.76)!important;border-color:rgba(165,213,255,.28)!important;color:#d9edff!important}
.spatial-section{border-top-color:rgba(165,213,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.spatial-section:before{border-color:rgba(82,168,255,.18)!important;box-shadow:0 0 0 60px rgba(44,137,229,.035),0 0 0 120px rgba(44,137,229,.02)!important}
.about h2,.method .section-title h2,.solutions .center-heading h2,.clients h2,.partnership-process h2,.proposal-copy h2,.partnership h2{color:#fff!important}
.about-copy>p,.method .section-title>span,.solutions .center-heading>span,.clients .centered>span,.partnership-process .process-heading>span,.proposal-copy>span,.partnership span{color:#c7d6eb!important}
.pill,.about .pill,.section-title>p,.center-heading>p,.proposal-copy>p,.process-heading>p,.hero-kicker{color:#63e3ae!important}
.value-row span{background:rgba(255,255,255,.09)!important;border-color:rgba(160,207,255,.24)!important;color:#fff!important}
.impact-card{background:linear-gradient(145deg,rgba(19,63,113,.92),rgba(5,22,52,.9))!important;border-color:rgba(164,206,255,.25)!important}
.impact-card-top{background:linear-gradient(145deg,#159862,#0b6547)!important}
.method-grid article,.client-logo-gallery figure,.proposal form,.trust-strip{background:#fff!important}
.process-steps li{background:linear-gradient(145deg,rgba(22,67,118,.78),rgba(6,25,57,.76))!important;border-color:rgba(164,206,255,.2)!important}
.partnership>a{background:#fff!important;color:var(--navy)!important}
.proposal dt{color:#63e3ae!important}.proposal dd,.proposal dd a{color:#fff!important}
footer{background:#020b1d!important}
@media(max-width:820px){.hero,.about,.method,.solutions,.clients,.partnership-process,.partnership,.proposal{background-image:linear-gradient(180deg,var(--navy-3),var(--site-navy) 55%,var(--site-navy-deep))!important}.hero-image{box-shadow:0 30px 62px rgba(0,7,24,.52)!important}.hero-shade{background:linear-gradient(180deg,rgba(4,17,40,.02),rgba(4,17,40,.16))!important}}

/* Hero image fit correction v49 — preserve the complete wide photograph */
.hero-image{top:50%!important;bottom:auto!important;height:auto!important;aspect-ratio:1254/614!important;transform:perspective(1400px) translateY(-50%) rotateY(-5deg) rotateX(1deg) translate3d(var(--hero-x,0),var(--hero-y,0),45px)!important}
.hero-full-photo{object-fit:contain!important;object-position:center!important;transform:none!important;animation:none!important}
@media(max-width:820px){.hero-image{position:relative!important;top:auto!important;bottom:auto!important;inset:auto!important;aspect-ratio:1254/614!important;transform:perspective(900px) rotateX(1deg)!important}.hero-full-photo{object-fit:contain!important;object-position:center!important}}

/* Unified photographic hero v50 — content overlays the image; repeated labels removed */
.hero{position:relative!important;display:grid!important;align-items:center!important;min-height:min(760px,calc(100svh - 104px))!important;isolation:isolate!important;overflow:hidden!important}
.hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border:0!important;border-radius:inherit!important;background:linear-gradient(90deg,rgba(2,12,32,.78),rgba(4,20,49,.22)),url('assets/residential-parking-v23.webp') center/cover no-repeat!important;box-shadow:none!important;transform:none!important}
.hero-full-photo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(1.02) contrast(1.04)!important}
.hero-shade{background:linear-gradient(90deg,rgba(2,11,30,.9) 0%,rgba(3,15,39,.72) 40%,rgba(3,15,39,.18) 72%,rgba(3,15,39,.08) 100%)!important}
.hero-content{position:relative!important;z-index:4!important;width:min(720px,58%)!important;padding:72px clamp(32px,6vw,94px)!important;color:#fff!important;transform:none!important}
.hero-content:before{display:none!important}
.hero h1{color:#fff!important;text-shadow:0 14px 42px rgba(0,0,0,.48)!important}
.hero-copy{color:#e5edf7!important}
.hero-link{color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.trust-strip,.value-row{display:none!important}
@media(max-width:820px){.hero{display:block!important;min-height:680px!important;margin:0!important;border-radius:0!important}.hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important;background:linear-gradient(180deg,rgba(3,15,39,.1),rgba(3,15,39,.86)),url('assets/residential-parking-v23.webp') center top/cover no-repeat!important;transform:none!important}.hero-full-photo{object-fit:contain!important;object-position:center top!important}.hero-shade{background:linear-gradient(180deg,rgba(3,15,39,.04) 0%,rgba(3,15,39,.22) 27%,rgba(3,15,39,.82) 49%,rgba(3,15,39,.98) 78%)!important}.hero-content{width:100%!important;padding:265px 22px 48px!important}.hero h1{font-size:clamp(40px,11vw,54px)!important}.hero-actions{margin-top:22px!important}.about{padding-top:70px!important}}
@media(max-width:420px){.hero{min-height:650px!important}.hero-content{padding:235px 18px 42px!important}.hero-copy{font-size:14px!important}.hero-actions{gap:10px!important}}

/* Official CleanCart identity v51 — logo and typography follow the company profile */
.site-header{height:96px!important;padding-block:8px!important}
.brand{min-width:0!important;line-height:1!important}
.brand .brand-logo{width:118px!important;height:76px!important;object-fit:contain!important;background:#fff!important}
.footer-brand{padding:8px 14px!important;border-radius:12px!important;background:#fff!important}
.footer-brand .brand-logo{width:108px!important;height:82px!important}
.hero h1,.about h2,.center-heading h2,.section-title h2,.process-heading h2,.partnership h2,.proposal h2,.method-grid h3,.solution-ref h3,.process-steps h3{font-family:"Roboto Slab",Georgia,serif!important;letter-spacing:-.025em!important}
.hero h1{font-weight:700!important;line-height:1.04!important}
.about h2,.center-heading h2,.section-title h2,.process-heading h2,.partnership h2,.proposal h2{font-weight:600!important}
@media(max-width:820px){html{scroll-padding-top:84px!important}.site-header{height:84px!important;padding:5px 15px!important}.site-header nav{top:84px!important}.brand .brand-logo{width:102px!important;height:68px!important}.menu-toggle{font-family:"DM Sans",Arial,sans-serif!important}}
@media(max-width:380px){.brand .brand-logo{width:92px!important;height:64px!important}.menu-toggle{padding:8px 11px!important}}

/* Refined official logo placement v52 */
.site-header{height:104px!important;padding:6px clamp(22px,5.4vw,86px)!important}
.site-header>.brand{align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important}
.site-header .brand-logo{display:block!important;width:140px!important;height:90px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important}
.footer-brand{display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 18px!important}
.footer-brand .brand-logo{display:block!important;width:146px!important;height:108px!important;object-fit:contain!important;background:transparent!important}
@media(max-width:820px){html{scroll-padding-top:88px!important}.site-header{height:88px!important;padding:4px 16px!important}.site-header nav{top:88px!important}.site-header .brand-logo{width:116px!important;height:78px!important}.footer-brand .brand-logo{width:132px!important;height:98px!important}}
@media(max-width:380px){.site-header .brand-logo{width:106px!important;height:72px!important}.menu-toggle{padding:8px 11px!important}}