:root{--blue:#087ed1;--blue2:#25a9e8;--navy:#07385e;--sky:#eaf7ff;--ink:#163c5d;--muted:#55718a;--line:#dbeaf4;--white:#fff;--shadow:0 18px 50px rgba(20,72,108,.12);--radius:22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.scroll-progress{position:fixed;z-index:2000;left:0;top:0;height:3px;width:0;background:var(--blue2)}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:92px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.6);transition:.3s}.site-header.scrolled{height:72px;background:rgba(255,255,255,.93);box-shadow:0 8px 30px rgba(17,70,105,.08)}.header-inner{height:100%;max-width:1420px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:290px;display:flex;align-items:center}.brand img{width:285px;height:auto;max-height:78px;object-fit:contain;object-position:left center}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700;color:#123c60;text-transform:uppercase}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--blue);transform:scaleX(0);transition:.25s}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:26px}.call-pill{background:linear-gradient(135deg,#087ed1,#1a9be2);color:#fff;border-radius:30px;padding:14px 24px;font-size:12px;font-weight:800;box-shadow:0 10px 25px rgba(8,126,209,.22);white-space:nowrap}.phone-icon{font-size:18px;margin-right:8px}.menu-btn{width:42px;border:0;background:none;display:grid;gap:6px;cursor:pointer}.menu-btn span{height:3px;border-radius:3px;background:var(--blue);display:block}.mobile-menu{display:none}
.hero{position:relative;min-height:720px;height:clamp(720px,92vh,900px);overflow:hidden;background:#dff3ff}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 27%,rgba(255,255,255,.2) 52%,rgba(255,255,255,.02) 100%)}.hero:after{content:"";position:absolute;left:0;bottom:0;width:44%;height:130px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.68));clip-path:polygon(0 0,88% 0,100% 100%,0 100%)}.hero-content{position:relative;z-index:2;max-width:1420px;margin:auto;height:100%;padding:170px 38px 0;display:flex;justify-content:space-between}.hero-copy{width:48%;max-width:600px;padding-top:22px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:#144b78;text-transform:uppercase}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(52px,5vw,82px);line-height:.98;letter-spacing:-.06em;margin:14px 0 22px;color:#173b5a}.hero h1 span{color:#087ed1}.hero-text{max-width:470px;font-size:17px;line-height:1.55;color:#34566f}.hero-buttons{display:flex;gap:16px;margin-top:28px}.primary-btn,.outline-btn,.small-btn{border-radius:30px;padding:15px 25px;font-weight:800;font-size:13px}.primary-btn{color:#fff;background:linear-gradient(135deg,#087ed1,#22a7e7);box-shadow:0 12px 30px rgba(8,126,209,.24)}.primary-btn b{margin-left:18px}.outline-btn{border:1px solid #46aee3;color:#0877bd;background:rgba(255,255,255,.72)}.contact-float{margin-top:10px;width:210px;background:rgba(255,255,255,.92);border-radius:17px;padding:23px 20px;box-shadow:0 18px 45px rgba(12,73,111,.14);align-self:flex-start}.contact-float>a{display:flex;gap:12px;align-items:center;font-size:13px;color:#18557e;margin-bottom:14px}.contact-float>a span{font-weight:600}.contact-divider{height:1px;background:#d7e6ef;margin:12px 0 15px}.address{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#315a75}.address b{font-size:11px}.wa-button{margin-top:15px!important;background:#16b86a;color:#fff!important;border-radius:28px;padding:11px 14px;justify-content:center;box-shadow:none}.wa-button strong{margin-left:auto}.hero-services{position:absolute;z-index:4;left:max(0px,calc((100% - 1420px)/2 + 38px));bottom:0;width:535px;height:126px;background:rgba(255,255,255,.9);border-radius:22px 22px 0 0;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 10px 12px;box-shadow:0 -10px 30px rgba(22,83,116,.05)}.hero-services a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-right:1px solid #dce9f2;text-align:left}.hero-services a:last-child{border-right:0}.hero-services i{font-style:normal;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0b84d6,#1fa6e5);color:#fff;font-size:20px}.hero-services b{font-size:14px}.hero-services small{font-size:10px;line-height:1.25;color:#50708a}.hero-sun{position:absolute;right:-50px;bottom:-180px;width:500px;height:500px;background:radial-gradient(circle,rgba(255,219,128,.3),transparent 62%);filter:blur(12px)}
.section{padding:90px 38px}.services{max-width:1420px;margin:auto}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:34px}.section-heading h2{font-family:Manrope;font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;line-height:1.02;margin-top:8px}.section-heading h2 span{color:var(--blue)}.section-heading>p:last-child{max-width:450px;color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{position:relative;min-height:330px;border-radius:20px;overflow:hidden;background:#dbeefa;box-shadow:var(--shadow);isolation:isolate}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.service-card:hover img{transform:scale(1.06)}.service-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.96) 82%)}.service-body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:22px}.round-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0d8ddd;color:#fff;font-size:21px;margin-bottom:12px}.service-body h3{font-family:Manrope;font-size:23px;line-height:1.02;letter-spacing:-.03em}.service-body p{font-size:12px;line-height:1.45;color:#58748b;max-width:280px;margin:12px 0}.service-body a{font-size:11px;color:#087ed1;font-weight:800}.blueprint-card .service-shade{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.93) 85%)}
.about-band{display:grid;grid-template-columns:1fr 1fr 1.2fr;min-height:310px;background:#f5fbff}.about-photo{position:relative;min-height:310px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover}.about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,56,94,.05),rgba(5,56,94,.35))}.handwritten{position:absolute;z-index:2;left:42%;top:28%;font-family:Georgia,serif;font-style:italic;font-size:24px;line-height:1.15;color:#fff;transform:rotate(-5deg);text-shadow:0 2px 12px rgba(0,0,0,.3)}.about-copy{padding:45px 42px}.about-copy h2{font-family:Manrope;font-size:28px;margin:7px 0 10px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.6;color:#5b7387;max-width:520px}.small-btn{display:inline-block;border:1px solid #2ca2df;color:#087ed1;padding:10px 17px;margin-top:16px;font-size:11px}.projects-mini{background:#07375c;color:#fff;padding:25px 28px;min-width:0}.projects-top{display:flex;justify-content:space-between;gap:20px}.projects-top p{font-size:9px;letter-spacing:.15em;color:#38b4ef;font-weight:800}.projects-top a{font-size:10px;color:#55bdf0}.projects-mini h3{font-family:Manrope;font-size:20px;margin:4px 0 14px}.project-strip{position:relative}.project-track{display:flex;gap:9px;overflow:hidden;scroll-behavior:smooth}.project-track img{flex:0 0 calc(33.333% - 6px);height:82px;object-fit:cover;border-radius:8px}.slide-btn{position:absolute;z-index:3;top:50%;transform:translateY(-50%);border:0;width:31px;height:31px;border-radius:50%;background:#fff;color:#0a5686;font-size:24px;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.12)}.prev{left:-14px}.next{right:-14px}
.stats{display:grid;grid-template-columns:repeat(3,1fr) 2fr;align-items:center;gap:30px;padding:22px max(38px,calc((100% - 1420px)/2 + 38px));background:#f6fbff;border-top:1px solid #e2eff7}.stats div{display:flex;align-items:center;gap:12px}.stats strong{font-family:Manrope;font-size:30px;color:#087ed1}.stats span{font-size:11px;color:#628097}.stats p{font-family:Georgia,serif;font-style:italic;text-align:right;color:#0d8bd2;font-size:20px}
.contact-section{background:linear-gradient(135deg,#063a61,#087ed1);color:#fff;display:grid;grid-template-columns:1fr 420px;gap:70px;padding:90px max(38px,calc((100% - 1420px)/2 + 38px));align-items:center}.contact-section .eyebrow{color:#9ddfff}.contact-section h2{font-family:Manrope;font-size:clamp(44px,5vw,70px);line-height:.98;letter-spacing:-.05em;margin:10px 0 18px}.contact-section h2 span{color:#9ce4ff}.contact-section>div>p:last-child{max-width:500px;line-height:1.6;color:#d8effb}.contact-box{background:#fff;color:#123c5d;border-radius:22px;padding:30px;box-shadow:0 20px 55px rgba(0,0,0,.15)}.contact-box h3{font-family:Manrope;margin-bottom:14px}.contact-box>a:not(.contact-wa){display:block;font-size:20px;font-weight:700;margin:10px 0}.box-line{height:1px;background:#e0edf5;margin:20px 0}.contact-wa{display:block;text-align:center;background:#16b86a;color:#fff;padding:13px;border-radius:26px;font-weight:800;font-size:12px}
footer{padding:40px max(38px,calc((100% - 1420px)/2 + 38px));display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:35px;background:#f4f9fc}.footer-logo img{width:215px;height:auto;max-height:75px;object-fit:contain;object-position:left center}.footer-logo span{display:block;margin-top:7px;font-family:Georgia,serif;font-style:italic;color:#138cd0;font-size:14px}.footer-links{display:flex;gap:22px;font-size:11px;font-weight:700;color:#557188}.footer-links a:hover{color:#087ed1}footer small{color:#7890a1;font-size:10px}
.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.show{opacity:1;transform:none}
@media(max-width:1100px){.desktop-nav{gap:18px;font-size:11px}.brand{width:230px}.brand img{width:225px}.header-inner{padding:0 20px}.hero-content{padding-left:24px;padding-right:24px}.hero-copy{width:52%}.contact-float{width:190px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-band{grid-template-columns:1fr 1fr}.projects-mini{grid-column:1/-1}.stats{grid-template-columns:repeat(3,1fr)}.stats p{display:none}}
@media(max-width:800px){.site-header{height:78px}.site-header.scrolled{height:68px}.desktop-nav,.call-pill{display:none}.header-inner{padding:0 16px}.brand{width:200px}.brand img{width:200px;max-height:65px}.hero{height:auto;min-height:800px}.hero-bg img{object-position:58% center}.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.85) 48%,rgba(255,255,255,.25) 100%)}.hero-content{padding:120px 18px 160px;display:block}.hero-copy{width:100%;max-width:560px}.hero h1{font-size:58px}.hero-text{font-size:15px}.contact-float{position:absolute;right:18px;top:350px;width:180px;padding:16px}.contact-float>a{font-size:11px;margin-bottom:10px}.hero-services{left:18px;right:18px;width:auto;height:auto;bottom:0}.hero-services a{padding:10px 5px}.hero-services small{display:none}.hero-services b{font-size:12px}.section{padding:70px 18px}.section-heading{grid-template-columns:1fr;gap:10px}.service-grid{grid-template-columns:1fr 1fr}.about-band{grid-template-columns:1fr}.about-photo{min-height:280px}.about-copy{padding:38px 22px}.projects-mini{grid-column:auto}.stats{grid-template-columns:1fr;gap:12px;padding:24px 18px}.stats p{display:block;text-align:left}.contact-section{grid-template-columns:1fr;padding:70px 18px;gap:35px}.footer-links{display:none}footer{grid-template-columns:1fr;padding:30px 18px;gap:18px}}
@media(max-width:520px){.hero{min-height:880px}.hero h1{font-size:49px}.hero-copy{padding-top:5px}.hero-buttons{display:grid;grid-template-columns:1fr;gap:10px}.primary-btn,.outline-btn{text-align:center}.contact-float{position:relative;top:auto;right:auto;margin:28px 0 0;width:100%;max-width:320px}.hero-bg img{object-position:62% center}.hero:after{width:100%;height:120px}.hero-services{grid-template-columns:repeat(4,1fr);left:0;right:0;border-radius:18px 18px 0 0}.hero-services i{width:34px;height:34px;font-size:16px}.hero-services b{font-size:10px}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px}.project-track img{flex-basis:72%;height:95px}.about-copy h2{font-size:24px}.stats strong{font-size:27px}.contact-section h2{font-size:48px}.footer-logo img{width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}