:root{--navy:#062b45;--blue:#087fad;--aqua:#15d0cf;--ice:#f7fbfc;--slate:#405d6c;--line:#cfe2e7;--white:#fff;--shadow:0 24px 70px rgba(4,42,66,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ice);color:var(--navy);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.site-header{height:92px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:rgba(247,251,252,.94);backdrop-filter:blur(18px);position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(6,43,69,.08)}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-family:Manrope,sans-serif;font-weight:700;font-size:24px;position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;width:52px;height:14px;background:var(--aqua);bottom:5px;left:-3px;border-radius:50% 50% 0 0;opacity:.8}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:700 22px/1 Manrope,sans-serif;letter-spacing:.22em}.brand-copy small{font:600 9px/1.8 Manrope,sans-serif;letter-spacing:.42em;color:var(--blue)}nav{display:flex;align-items:center;gap:34px;font-weight:500;font-size:15px}nav a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{padding:13px 20px;border:1px solid var(--navy);border-radius:99px}.nav-cta:hover{background:var(--navy);color:white}.menu-toggle{display:none;background:transparent;border:0;padding:12px}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--navy)}
.hero{min-height:780px;height:100vh;position:relative;display:flex;align-items:center;padding:130px clamp(24px,7vw,110px) 70px;color:white;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-overlay{background:linear-gradient(90deg,rgba(3,31,48,.88) 0%,rgba(3,31,48,.47) 55%,rgba(3,31,48,.14) 100%)}.hero-content{position:relative;z-index:2;max-width:800px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:600}.eyebrow{color:#bffbf5}.hero h1{font:600 clamp(62px,8.3vw,132px)/.92 Manrope,sans-serif;letter-spacing:-.055em;margin:28px 0 34px}.hero h1 em{font-style:normal;color:var(--aqua)}.hero-lead{font-size:clamp(18px,2vw,23px);line-height:1.5;max-width:640px;color:#e5f1f3}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:46px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:99px;padding:17px 26px;font:600 15px/1 "DM Sans",sans-serif;cursor:pointer}.button-primary{background:var(--aqua);color:var(--navy);box-shadow:0 10px 34px rgba(21,208,207,.22)}.button-primary:hover{background:#63e9e1;transform:translateY(-1px)}.text-link{font-weight:600;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:6px}.text-link span{margin-left:8px}.hero-note{position:absolute;z-index:2;right:clamp(24px,6vw,96px);bottom:62px;display:flex;gap:18px;align-items:flex-start}.hero-note span{color:var(--aqua);font-weight:600}.hero-note p{margin:0;color:#eef9fa}
.statement{padding:clamp(90px,12vw,180px) clamp(24px,8vw,128px)}.section-label{color:var(--blue);margin:0 0 35px}.statement h2,.services h2,.process h2,.contact h2{font:600 clamp(42px,5.5vw,82px)/1.08 Manrope,sans-serif;letter-spacing:-.045em;margin:0}.statement h2{max-width:1200px}.statement h2 span{color:#7694a2}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:760px;margin:65px 0 0 auto;color:var(--slate);font-size:18px}.services{display:grid;grid-template-columns:1.05fr .95fr;min-height:850px;background:white}.services-image-wrap{position:relative;min-height:700px}.services-image-wrap>img{height:100%}.image-caption{position:absolute;inset:auto 32px 32px;display:flex;justify-content:space-between;padding:16px 18px;background:rgba(6,43,69,.86);color:white;font-size:13px;letter-spacing:.06em}.services-content{padding:clamp(70px,8vw,120px)}.service-list{margin-top:64px}.service-list article{display:grid;grid-template-columns:46px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list span{color:var(--blue);font-weight:600;font-size:13px}.service-list h3{margin:0 0 7px;font:600 20px/1.3 Manrope,sans-serif}.service-list p{margin:0;color:var(--slate);max-width:460px}
.process{background:var(--navy);color:white;padding:clamp(90px,11vw,160px) clamp(24px,7vw,110px) 0}.section-label.light{color:var(--aqua)}.process-head{display:flex;justify-content:space-between;align-items:flex-start;gap:60px}.process-head .section-label{min-width:180px}.process-head h2{max-width:850px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#285269;margin-top:95px}.process-grid article{background:var(--navy);padding:38px 30px 48px;min-height:280px}.process-grid strong{color:var(--aqua);font-size:14px}.process-grid h3{font:600 20px/1.3 Manrope,sans-serif;margin:55px 0 14px}.process-grid p{color:#b8d0d9;margin:0}.process-photo{height:min(52vw,650px);margin:90px calc(clamp(24px,7vw,110px) * -1) 0}.process-photo img{height:100%}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,9vw,150px);padding:clamp(90px,12vw,180px) clamp(24px,8vw,128px)}.contact-intro>p:last-child{font-size:18px;color:var(--slate);max-width:440px;margin-top:35px}.contact-form{display:grid;gap:26px}.contact-form label{display:grid;gap:8px;color:var(--slate);font-weight:600;font-size:14px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #9bb6c1;background:transparent;padding:13px 0;font:400 17px/1.5 "DM Sans",sans-serif;color:var(--navy);border-radius:0}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--aqua)}.contact-form textarea{resize:vertical}.contact-form .button{justify-self:start;margin-top:8px}.form-note{font-size:14px;color:var(--slate);margin:0}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:10px;padding:13px 18px;background:#25d366;color:#062b45;border-radius:999px;box-shadow:0 12px 34px rgba(3,31,49,.28);font-weight:700}.whatsapp-float svg{width:27px;height:27px}.whatsapp-float:hover{transform:translateY(-2px);background:#5be487}
footer{background:#031f31;color:white;padding:55px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px}.footer-brand .brand-mark{background:white;color:var(--navy)}.footer-brand .brand-copy small{color:var(--aqua)}footer>p{font:500 23px/1.3 Manrope,sans-serif;margin:0;text-align:center;color:#cae0e6}footer>div{display:flex;flex-direction:column;align-items:flex-end;color:#94b2be;font-size:13px}
@media(max-width:900px){.site-header{height:76px}.menu-toggle{display:block}nav{position:absolute;top:76px;left:0;right:0;background:var(--ice);padding:25px;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{min-height:720px;padding-top:110px}.hero-note{display:none}.statement-grid,.contact{grid-template-columns:1fr}.statement-grid{margin-left:0;gap:14px}.services{grid-template-columns:1fr}.services-image-wrap{min-height:540px}.process-head{display:block}.process-grid{grid-template-columns:1fr 1fr}.process-photo{height:65vw}.contact-form{margin-top:10px}footer{grid-template-columns:1fr;text-align:left}footer>p{text-align:left}footer>div{align-items:flex-start}}
@media(max-width:560px){.brand-copy strong{font-size:18px}.brand-mark{width:39px;height:39px}.hero{min-height:700px}.hero h1{font-size:57px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.statement,.services-content,.process,.contact{padding-left:22px;padding-right:22px}.statement-grid{font-size:17px}.services-image-wrap{min-height:420px}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:220px}.process-grid h3{margin-top:38px}.process-photo{height:90vw;margin-left:-22px;margin-right:-22px}.image-caption{inset:auto 15px 15px;flex-direction:column;gap:4px}.contact h2,.process h2,.services h2,.statement h2{font-size:41px}.whatsapp-float{right:16px;bottom:16px;width:58px;height:58px;padding:0;justify-content:center}.whatsapp-float span{display:none}.whatsapp-float svg{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
