:root{--navy:#071a35;--royal:#096bff;--blue:#004fc4;--ice:#edf5ff;--ink:#0b1930;--muted:#627087;--line:#dce5ef;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 4vw;display:flex;align-items:center;gap:36px;position:absolute;z-index:20;width:100%;color:#fff;border-bottom:1px solid #ffffff2c}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font:700 29px/1 Oswald,sans-serif;letter-spacing:-1px;color:#fff;background:var(--royal);padding:7px 9px;border-radius:7px;transform:skew(-5deg)}.brand-copy{font-size:10px;line-height:1.05;letter-spacing:1.4px}.brand-copy b{color:#66a7ff}.topbar nav{display:flex;gap:29px;margin-left:auto}.topbar nav a{font-size:14px;font-weight:600;color:#dbe8f8}.topbar nav a:hover{color:#fff}.header-cta{border:1px solid #ffffff66;padding:11px 16px;border-radius:99px;font-size:14px;font-weight:700}.menu-btn{display:none}.hero{height:min(900px,94vh);min-height:680px;position:relative;color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,12,28,.94),rgba(3,18,40,.74) 38%,rgba(3,18,40,.08) 76%),linear-gradient(0deg,rgba(2,12,27,.56),transparent 45%)}.hero-content{position:absolute;left:8vw;top:50%;transform:translateY(-42%);max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:800;color:#82baff;margin:0 0 22px}.eyebrow.blue{color:var(--royal)}h1,h2{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:-1.7px;line-height:.98}h1{font-size:clamp(58px,8vw,116px);margin:0 0 28px}h1 em,h2 em{font-style:normal;color:#55a0ff}.hero-lead{font-size:18px;line-height:1.65;color:#d7e3f2;max-width:610px}.hero-actions{display:flex;gap:14px;margin-top:34px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 22px;border-radius:9px;font-weight:800;font-size:14px;border:0;cursor:pointer}.primary{background:var(--royal);color:#fff;box-shadow:0 12px 35px #0056de57}.ghost{border:1px solid #ffffff54;color:#fff;background:#ffffff0d}.hero-note{position:absolute;right:5vw;bottom:38px;display:flex;align-items:center;gap:14px}.hero-note strong{font:700 25px Oswald;color:#62a6ff}.hero-note span{font-size:12px;color:#d6e1ef;border-left:1px solid #ffffff55;padding-left:14px}.trust-strip{min-height:92px;background:var(--navy);color:#adbed4;display:flex;align-items:center;justify-content:center;gap:42px;text-transform:uppercase;font-size:12px;letter-spacing:2px}.trust-strip i{width:4px;height:4px;border-radius:50%;background:var(--royal)}.section{padding:110px 8vw}.section-head{display:grid;grid-template-columns:1.5fr 1fr;gap:10vw;align-items:end;margin-bottom:52px}.section-head h2,.about h2,.process h2{font-size:clamp(44px,5.4vw,78px);margin:0}.section-head>p{color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#f4f7fb;padding:34px;min-height:330px;border-radius:var(--radius);position:relative;display:flex;flex-direction:column;transition:.25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0a2e6415}.service-card.featured{background:linear-gradient(145deg,#0c70ff,#003fa2);color:#fff;grid-row:span 2;min-height:676px}.number{position:absolute;right:26px;top:24px;font:600 13px Oswald;color:#74839a}.featured .number{color:#bed8ff}.icon{font-size:34px;margin:28px 0 44px;color:var(--royal)}.featured .icon{color:#fff;font-size:54px;margin-top:80px}.service-card h3,.project-copy h3,.steps h3{font:600 29px/1.1 Oswald;text-transform:uppercase}.service-card p{color:var(--muted)}.featured p,.featured li{color:#e3efff}.service-card ul{padding-left:18px;margin-top:26px}.service-card li{margin:12px 0}.service-card a{font-size:13px;font-weight:800;color:var(--blue);margin-top:auto}.work{background:var(--navy);color:#fff}.work-head{display:grid;grid-template-columns:1fr 1.4fr;gap:3vw 8vw;padding-bottom:70px}.work-head .eyebrow{grid-column:1/-1}.work-head h2{font-size:clamp(54px,8vw,108px);margin:0}.work-head>p:last-child{color:#aebed1;font-size:18px;align-self:end;max-width:460px}.project-band{margin-left:8vw;background:linear-gradient(135deg,#0b62d8,#07347a);border-radius:26px 0 0 26px;padding:56px 8vw 56px 5vw;display:flex;align-items:center;justify-content:space-between;gap:60px}.project-copy{max-width:520px}.project-copy>span{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#8fc1ff}.project-copy h3{font-size:37px}.project-copy p{color:#d2e5ff}.stats{display:flex;gap:55px}.stats div{display:flex;flex-direction:column}.stats strong{font:700 48px Oswald}.stats span{font-size:12px;color:#b8d4f5}.about{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.about h2 em{color:var(--royal)}.about-copy .large{font-size:25px;line-height:1.45;font-weight:700}.about-copy>p:not(.large){color:var(--muted)}.values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.values span{border-top:1px solid var(--line);padding:15px 0;font-size:13px;font-weight:800}.values span:before{content:'+';color:var(--royal);margin-right:9px}.process{background:var(--ice)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ceddec;margin-top:46px}.steps>div{background:var(--ice);padding:30px 28px;min-height:200px}.steps b{font:600 13px Oswald;color:var(--royal)}.steps h3{font-size:23px;margin:38px 0 10px}.steps p{font-size:14px;color:var(--muted)}.contact{background:var(--navy);color:#fff;padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font-size:clamp(51px,6.2vw,88px)}.contact-intro>p:not(.eyebrow){color:#afc0d5;font-size:17px;max-width:510px}.contact-details{display:flex;flex-direction:column;gap:8px;margin-top:40px;color:#d8e7f9}.contact-details a{color:#6cabff;font-weight:800}form{background:#fff;color:var(--ink);padding:38px;border-radius:var(--radius);display:grid;gap:19px}label{display:grid;gap:7px;font-size:12px;font-weight:800}input,select,textarea{font:500 15px Manrope;border:0;border-bottom:1px solid #cfd9e5;padding:10px 2px 13px;outline:none;background:#fff;border-radius:0}input:focus,select:focus,textarea:focus{border-color:var(--royal)}textarea{resize:vertical}.submit{width:100%}.form-note{text-align:center;color:#7a8798;font-size:11px;margin:0}footer{background:#041125;color:#9eb0c8;padding:44px 8vw;display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;border-top:1px solid #ffffff12}.footer-brand{color:#fff}.footer-brand+p{font-size:13px;margin:0}footer>div{display:flex;gap:18px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid #ffffff12;padding-top:18px;font-size:11px}.menu-open{overflow:hidden}
@media(max-width:900px){.topbar{padding:0 22px}.header-cta{display:none}.menu-btn{display:flex;margin-left:auto;background:transparent;border:0;width:42px;height:42px;flex-direction:column;gap:7px;justify-content:center}.menu-btn span{width:24px;height:2px;background:#fff}.topbar nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:28px;flex-direction:column;align-items:flex-start;margin:0}.topbar nav.open{display:flex}.hero{min-height:720px}.hero-content{left:24px;right:24px}.hero-note{display:none}.trust-strip{overflow:auto;justify-content:flex-start;padding:0 24px;gap:25px}.section{padding:78px 24px}.section-head,.about,.contact{grid-template-columns:1fr;gap:36px}.service-grid{grid-template-columns:1fr 1fr}.service-card.featured{grid-row:auto;min-height:390px;grid-column:1/-1}.featured .icon{margin-top:35px}.work-head{grid-template-columns:1fr}.work-head .eyebrow{grid-column:auto}.project-band{margin-left:24px;padding:42px 24px;display:block}.stats{margin-top:35px}.steps{grid-template-columns:1fr 1fr}.contact{padding:78px 24px}footer{grid-template-columns:1fr;align-items:start}footer small{grid-column:auto}}
@media(max-width:580px){h1{font-size:58px}.hero-actions{flex-direction:column}.service-grid{grid-template-columns:1fr}.service-card.featured{grid-column:auto}.section-head h2,.about h2,.process h2{font-size:46px}.stats{gap:24px;flex-wrap:wrap}.stats strong{font-size:38px}.steps{grid-template-columns:1fr}.contact h2{font-size:49px}form{padding:26px 20px}footer>div{flex-wrap:wrap}}
.official-logo{background:transparent;padding:0;overflow:visible;flex:0 0 auto}.official-logo img{display:block;width:250px;height:auto}.header-phone{font-size:14px;font-weight:800;white-space:nowrap;color:#fff}.header-phone:hover{color:#82baff}.footer-brand{width:max-content}.footer-brand img{width:230px}
@media(max-width:1150px){.official-logo img{width:190px}.topbar{gap:20px}.topbar nav{gap:18px}.header-phone span{display:none}}
@media(max-width:900px){.official-logo img{width:185px}.header-phone{margin-left:auto}.menu-btn{margin-left:0}}
@media(max-width:420px){.official-logo img{width:150px}.topbar{padding:0 14px;gap:10px}.header-phone{font-size:17px}}
.whatsapp-link{color:#58d68d!important}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:40;display:grid;gap:6px;filter:drop-shadow(0 12px 18px #071a3550)}.whatsapp-float a{background:#20b866;color:#fff;border-radius:13px;padding:9px 15px;display:flex;flex-direction:column;transition:.2s}.whatsapp-float a:hover{transform:translateX(-3px);background:#16a558}.whatsapp-float span{font-size:10px;text-transform:uppercase;letter-spacing:1px}.whatsapp-float b{font-size:14px}.contact-details .whatsapp-link:before{content:'●';font-size:10px;margin-right:9px}
@media(max-width:580px){.whatsapp-float{right:10px;bottom:10px}.whatsapp-float a{border-radius:11px;padding:7px 10px}.whatsapp-float span{font-size:9px}.whatsapp-float b{font-size:12px}}