:root{--ink:#091820;--ink2:#122832;--blue:#00b8da;--paper:#f3f1ec;--muted:#617078;--line:#d8dcda;--wrap:min(1220px,calc(100% - 48px));--display:Montserrat,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:16px/1.65 "DM Sans",Arial,sans-serif}body.menu-open{overflow:hidden}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}.container{width:var(--wrap);margin:auto}.section{padding:120px 0}.skip{position:fixed;z-index:100;transform:translateY(-150%);background:#fff;padding:10px}.skip:focus{transform:none}h1,h2,h3{margin:0;font-family:var(--display);letter-spacing:-.045em;line-height:1.05}h1{font-size:clamp(3.6rem,7.5vw,7.2rem);color:#fff;text-transform:uppercase}h2{font-size:clamp(2.5rem,5vw,4.7rem)}h1 em,h2 em{color:var(--blue);font-style:normal}p{margin:0}.tag{margin:0 0 25px;color:#007f98;font:700 .72rem var(--display);text-transform:uppercase;letter-spacing:.16em}.tag:before{content:"";display:inline-block;width:27px;height:2px;margin:0 12px 3px 0;background:var(--blue)}.tag.light{color:#78e5f2}.btn{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;background:var(--blue);font:700 .75rem var(--display);text-transform:uppercase;letter-spacing:.07em;transition:.2s}.btn:hover{transform:translateY(-2px);background:#72e1ef}a:focus-visible,button:focus-visible{outline:3px solid #f6a900;outline-offset:4px}.reveal{opacity:0;transform:translateY(24px);transition:.65s}.reveal.visible{opacity:1;transform:none}
header{position:absolute;z-index:20;inset:0 0 auto;border-bottom:1px solid #ffffff30}header.scrolled{position:fixed;background:#091820f5;backdrop-filter:blur(12px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand img{width:76px;height:58px;object-fit:contain}.brand span{padding-left:12px;border-left:1px solid #ffffff40;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.brand b{display:block;font:700 1.05rem var(--display)}header nav{display:flex;align-items:center;gap:30px;color:#dce5e8;font-size:.82rem;font-weight:600}.nav-cta{padding:12px 17px;background:var(--blue);color:var(--ink)}.menu-toggle{display:none;width:46px;height:46px;padding:10px;border:1px solid #ffffff55;background:none}.menu-toggle i{display:block;height:2px;margin:5px;background:#fff}
.hero{position:relative;min-height:820px;height:100svh;max-height:1000px;display:flex;align-items:center;overflow:hidden;background:var(--ink)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#07151bf5 0%,#07151bd3 42%,#07151b44 78%),linear-gradient(0deg,#07151bd9,transparent 55%),url("images/WhatsApp Image 2026-08-17 at 12.02.31 PM (2).jpeg") center 55%/cover}.hero-copy{position:relative;padding-top:55px}.hero-copy>p:not(.tag){max-width:650px;margin:28px 0 38px;color:#d4e0e3;font-size:1.1rem}.actions{display:flex;align-items:center;gap:35px}.phone{color:#fff}.phone small,.phone b{display:block}.phone small{color:#94a9b0;font-size:.7rem;text-transform:uppercase}.phone b{font-family:var(--display)}.stats{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30}.stats div{padding:20px 24px;border-right:1px solid #ffffff30}.stats b,.stats span{display:block}.stats b{color:#fff;font:700 1.4rem var(--display)}.stats span{color:#94a9b0;font-size:.75rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.body-copy{align-self:end;color:var(--muted)}.body-copy .lead{margin-bottom:18px;color:var(--ink);font-size:1.18rem;font-weight:600}.photo-pair{position:relative;height:650px;margin-top:75px}.photo-pair img{position:absolute;object-fit:cover}.photo-main{inset:0 30% 0 0;width:70%;height:100%;object-position:center 62%}.photo-side{right:0;bottom:0;width:38%;height:72%;border:9px solid #fff;object-position:center 65%}.photo-pair blockquote{position:absolute;z-index:2;right:2%;top:5%;width:340px;margin:0;padding:28px;background:var(--blue);font:700 1.2rem/1.4 var(--display)}.purpose{display:grid;grid-template-columns:1fr 1fr;margin-top:75px}.purpose article{padding:44px;border:1px solid var(--line)}.purpose small,.reasons article>b{color:#0085a0;font:700 .7rem var(--display);letter-spacing:.1em}.purpose h3{margin:14px 0;font-size:1.5rem}.purpose p{color:var(--muted)}
.services,.tech{background:var(--ink);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.section-head>p{max-width:420px;color:#9eafb5}.service{display:grid;grid-template-columns:50px 1fr 350px;gap:30px;align-items:center;padding:28px 0;border-top:1px solid #ffffff25}.service:last-child{border-bottom:1px solid #ffffff25}.service>b{align-self:start;color:#72e1ef;font:.72rem var(--display)}.service h3{margin-bottom:12px;font-size:1.75rem}.service p{max-width:630px;color:#a8b7bc;font-size:.92rem}.service img{height:185px;object-fit:cover;object-position:center 62%}
.why{background:var(--paper)}.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:center}.why-photo{position:relative}.why-photo img{height:810px;object-fit:cover;object-position:center 62%}.why-photo span{position:absolute;right:-30px;bottom:35px;padding:23px;background:#f6a900;font-size:.75rem}.why-photo span b{display:block;font:800 2.5rem var(--display)}.intro{margin:25px 0;color:var(--muted)}.reasons{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cdd3d1}.reasons article{padding:20px;border-bottom:1px solid #cdd3d1}.reasons h3{margin:8px 0 4px;font-size:1rem}.reasons p{color:var(--muted);font-size:.8rem}.tech{background:var(--ink2)}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.tech-grid>div>p:last-child{margin-top:24px;color:#a8b7bc}.tech-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff28}.tech-list span{padding:16px 5px;border-bottom:1px solid #ffffff28;font-size:.85rem}.clients .body-copy{max-width:520px}.client-list{display:flex;gap:45px;overflow:hidden;margin-top:60px;padding:25px;border-block:1px solid var(--line)}.client-list span{font:700 1rem var(--display);color:#52636a;white-space:nowrap}.contact{padding-bottom:120px}.contact-card{display:grid;grid-template-columns:1fr .8fr;background:var(--ink);color:#fff}.contact-card>div{padding:70px}.contact-card p:not(.tag){margin:24px 0 30px;color:#a8b7bc}.contact-card img{height:100%;min-height:520px;object-fit:cover;object-position:center 70%}
footer{background:#061219;color:#fff}.footer-main{min-height:190px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-main>p{color:#8499a1}.footer-main nav{justify-self:end;display:flex;gap:25px;font-size:.8rem}.footnote{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #ffffff20;color:#70868e;font-size:.72rem}
@media(max-width:900px){.section{padding:90px 0}.menu-toggle{display:block}header nav{display:none;position:fixed;inset:88px 0 auto;background:var(--ink);padding:25px;flex-direction:column}header nav.open{display:flex}.split,.why-grid,.tech-grid{grid-template-columns:1fr;gap:50px}.service{grid-template-columns:40px 1fr 250px}.why-photo{max-width:640px}.why-photo img{height:620px}.contact-card>div{padding:45px}.footer-main{grid-template-columns:1fr 1fr}.footer-main nav{display:none}}
@media(max-width:640px){:root{--wrap:min(100% - 28px,1220px)}.section{padding:70px 0}.nav{height:74px}header nav{inset:74px 0 auto}.brand img{width:58px}.brand span{font-size:.55rem}.hero{min-height:780px}.hero-bg{background:linear-gradient(90deg,#07151bf1,#07151b7d),linear-gradient(0deg,#07151bf0,transparent 60%),url("images/WhatsApp Image 2026-08-17 at 12.02.31 PM (2).jpeg") center/cover}.hero-copy>p:not(.tag){font-size:.95rem}.actions{flex-direction:column;align-items:stretch}.phone{text-align:center}.stats{grid-template-columns:1fr 1fr}.stats div{padding:11px}.stats b{font-size:1.05rem}.stats span{font-size:.62rem}.photo-pair{height:510px}.photo-main{width:84%;right:16%}.photo-side{width:48%;height:55%}.photo-pair blockquote{top:auto;bottom:3%;width:250px;font-size:.95rem}.purpose,.section-head,.contact-card{display:block}.purpose article{padding:28px 0;border-width:0 0 1px}.section-head>p{margin-top:25px}.service{grid-template-columns:32px 1fr}.service img{grid-column:1/-1;height:220px}.why-photo img{height:520px}.why-photo span{right:0}.reasons{grid-template-columns:1fr}.tech-list{margin-top:35px}.client-list{margin-top:40px}.contact{padding-bottom:0}.contact-card>div{padding:45px 24px}.contact-card img{min-height:380px}.footer-main{display:block;padding:45px 0}.footer-main>p{margin-top:20px}.footnote{display:block;text-align:center}.footnote a{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Footer */
.site-footer{background:#061219;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr .65fr 1fr;gap:80px;padding:74px 0 64px}.footer-brand{display:inline-flex;align-items:center;gap:16px}.footer-brand img{width:86px;height:66px;object-fit:contain}.footer-brand span{padding-left:16px;border-left:1px solid #ffffff35;color:#cbd7db;font-size:.68rem;line-height:1.55;text-transform:uppercase;letter-spacing:.08em}.footer-brand b{display:block;color:#fff;font:700 1.05rem var(--display);letter-spacing:.12em}.footer-about>p{max-width:390px;margin-top:24px;color:#82969e;font-size:.88rem}.footer-column h3{margin:4px 0 22px;color:#6f858e;font:700 .67rem var(--display);text-transform:uppercase;letter-spacing:.14em}.footer-column nav{display:grid;gap:10px}.footer-column a{width:max-content;color:#d8e2e5;font-size:.84rem;transition:color .2s}.footer-column a:hover{color:var(--blue)}.footer-column>p{max-width:280px;margin:11px 0 18px;color:#82969e;font-size:.8rem}.footer-phone{font:700 1.05rem var(--display)!important;color:#fff!important}.footer-link{padding-bottom:4px;border-bottom:1px solid var(--blue);color:var(--blue)!important;font-weight:700}.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center;padding:21px 0;border-top:1px solid #ffffff1f;color:#667c85;font-size:.7rem}.footer-bottom p{margin:0}.footer-bottom p:nth-child(2){text-align:center}.footer-bottom>a{justify-self:end;color:#9babb1}.footer-bottom>a:hover{color:#fff}
@media(max-width:900px){.footer-grid{grid-template-columns:1.25fr .75fr;gap:50px}.footer-column:last-child{grid-column:1/-1;padding-top:35px;border-top:1px solid #ffffff1f}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom p:nth-child(2){display:none}}
@media(max-width:640px){.footer-grid{display:block;padding:58px 0 42px}.footer-about{padding-bottom:34px}.footer-column{padding:30px 0;border-top:1px solid #ffffff1f}.footer-column:last-child{padding-top:30px}.footer-column nav{grid-template-columns:1fr 1fr;gap:12px 28px}.footer-bottom{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:24px 0}.footer-bottom>a{justify-self:auto;margin-top:8px}.footer-brand img{width:74px}.footer-brand span{font-size:.61rem}}

/* Enquiry form */
.contact-card{align-items:stretch}.contact-copy{display:flex;flex-direction:column;justify-content:center}.contact-call{width:max-content;margin-top:30px;padding:15px 0;border-top:1px solid #ffffff35;color:#fff}.contact-call small,.contact-call b{display:block}.contact-call small{color:#82969e;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.contact-call b{font:700 1.05rem var(--display)}.enquiry-form{padding:54px;background:#fff;color:var(--ink)}.form-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.form-heading h3{font-size:1.45rem}.form-heading p{color:var(--muted);font-size:.72rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:17px}.field label{display:block;margin-bottom:7px;font:700 .68rem var(--display);text-transform:uppercase;letter-spacing:.08em}.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 13px;border:1px solid #ccd5d7;border-radius:0;background:#f7f9f9;color:var(--ink);font:inherit}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #00b8da33;border-color:var(--blue)}.form-submit{width:100%;border:0;cursor:pointer}.form-submit:disabled{cursor:wait;opacity:.65}.form-status{min-height:22px;margin-top:12px;text-align:center;font-size:.8rem;font-weight:700}.form-status.success{color:#08794f}.form-status.error{color:#b42318}.privacy-note{color:#7a898f;text-align:center;font-size:.68rem}.botcheck{display:none!important}
@media(max-width:900px){.contact-card{grid-template-columns:1fr}.enquiry-form{padding:44px}.contact-copy{min-height:430px}}
@media(max-width:640px){.contact-copy{min-height:auto}.enquiry-form{padding:34px 20px}.form-heading{display:block}.form-heading p{margin-top:5px}.form-row{grid-template-columns:1fr}.contact-call{margin-top:24px}}