:root{--orange:#17179d;--navy:#080d3d;--ink:#172332;--muted:#66717d;--cream:#f4f7fc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:IRANSans;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{height:38px;background:var(--navy);color:#cbd1d6;font-size:12px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.topbar p{margin:0}.top-links{display:flex;gap:18px;align-items:center}.top-links>span:first-of-type{width:1px;height:12px;background:#59626c}.header{height:88px;background:#fff;position:relative;z-index:20;box-shadow:0 2px 14px #1421300b}.nav{height:100%;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:11px;margin-left:auto}.brand img{width:55px;height:55px;border-radius:50%;object-fit:cover}.brand div{display:flex;flex-direction:column}.brand strong{font-size:21px;font-weight:900}.brand small{font-size:10px;color:#7e8790;letter-spacing:.1px}.menu{display:flex;gap:32px;font-size:14px;font-weight:600;height:100%;align-items:center}.menu a{position:relative}.menu a:after{content:"";position:absolute;bottom:-34px;right:0;width:0;height:3px;background:var(--orange);transition:.25s}.menu a:hover:after,.menu a.active:after{width:100%}.quote-btn{background:var(--orange);color:white;padding:14px 19px;font-size:13px;font-weight:700;display:flex;gap:14px}.quote-btn b,.btn b{font-size:20px;line-height:1}.menu-btn{display:none;background:none;border:0}.hero{height:640px;position:relative;overflow:hidden;color:white}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 60%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,22,34,.05) 5%,rgba(11,22,34,.3) 45%,rgba(11,22,34,.93) 100%)}.hero-content{position:relative;padding-top:110px}.eyebrow,.section-title>span,.cta span{color:var(--orange);font-size:13px;font-weight:800;display:flex;align-items:center;gap:10px}.eyebrow:before,.section-title>span:before,.cta span:before{content:"";width:28px;height:2px;background:currentColor}.hero-title{font-size:67px;line-height:1.22;margin:18px 0 14px;font-weight:900;letter-spacing:-2px}.hero-title em,.section-title em{font-style:normal;color:var(--orange)}.hero-content>p{font-size:17px;line-height:2;max-width:570px;color:#e2e6e9;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:57px;padding:0 26px;font-weight:800;font-size:14px}.btn.primary{background:var(--orange);color:white}.btn.ghost{border:1px solid #ffffff55;color:white;gap:12px}.btn.ghost span:last-child{display:flex;flex-direction:column}.btn.ghost small{font-weight:400;color:#c7ccd0}.phone-icon{font-size:20px}.hero-stats{position:absolute;bottom:0;left:0;width:47%;height:112px;background:#fff;color:var(--ink);display:flex;justify-content:flex-end;padding-left:5%;gap:62px;align-items:center}.hero-stats:before{content:"";position:absolute;right:-55px;border-bottom:112px solid white;border-right:55px solid transparent}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:28px}.hero-stats strong span{color:var(--orange);font-size:18px}.hero-stats small{color:#727c85;font-size:11px}.section{padding:100px 0}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:42px}.section-title h2{font-size:42px;line-height:1.4;margin:10px 0 0;font-weight:900}.lead{color:var(--muted);line-height:2.05;font-size:14px;max-width:500px;margin:0 0 7px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{height:365px;position:relative;overflow:hidden;background:#202c39}.product-card:nth-child(even){margin-top:28px}.product-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,19,29,.95),rgba(9,19,29,0) 65%)}.product-card:hover img{transform:scale(1.06)}.card-overlay{position:absolute;z-index:2;bottom:0;padding:24px;color:white}.card-overlay>span{color:var(--orange);font-size:12px}.card-overlay h3{font-size:21px;margin:6px 0}.card-overlay p{font-size:12px;color:#cbd0d4;margin:0}.card-overlay a{font-size:12px;color:var(--orange);display:block;max-height:0;opacity:0;overflow:hidden;transition:.3s;margin-top:0}.product-card:hover a{max-height:30px;opacity:1;margin-top:13px}.why{background:white}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.why-photo{height:565px;position:relative}.why-photo img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;bottom:-1px;left:-1px;width:150px;height:140px;background:var(--orange);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center}.badge strong{font-size:39px}.badge span{font-size:12px}.why-copy>p{color:var(--muted);font-size:14px;line-height:2.1;margin:22px 0 30px}.features{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.features>div{display:flex;gap:12px}.features b{background:#edf1ff;color:var(--orange);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;flex:none}.features span{display:flex;flex-direction:column}.features strong{font-size:14px}.features small{font-size:11px;line-height:1.8;color:#7a838b;margin-top:3px}.projects{background:var(--navy);color:white;overflow:hidden}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.slider-nav{display:flex;direction:ltr}.slider-nav button{width:47px;height:47px;border:1px solid #53606d;background:none;color:white;font-size:20px;cursor:pointer}.slider-nav button:hover{background:var(--orange);border-color:var(--orange)}.project-strip{display:flex;gap:18px;width:min(1460px,calc(100% - 24px));margin-right:max(24px,calc((100vw - 1180px)/2));overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:5px}.project-strip::-webkit-scrollbar{display:none}.project-strip figure{margin:0;min-width:350px;height:390px;position:relative;overflow:hidden}.project-strip img{width:100%;height:100%;object-fit:cover}.project-strip figure:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#060a2bd9)}.project-strip figcaption{position:absolute;z-index:2;right:22px;bottom:20px;display:flex;flex-direction:column}.project-strip figcaption strong{font-size:17px}.project-strip figcaption span{font-size:11px;color:#c2c8cd;margin-top:4px}.cta{background:var(--orange);color:white;padding:60px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center}.cta span{color:white}.cta h2{font-size:29px;margin:10px 0 0}.btn.light{background:white;color:var(--ink);min-width:220px}footer{background:#060a2b;color:#a8b0b8;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:11px}.footer-brand{margin:0;color:white}.footer-brand img{width:44px;height:44px}.footer-brand strong{font-size:16px}
@media(max-width:900px){.menu{position:absolute;top:88px;right:0;left:0;height:auto;background:white;display:none;flex-direction:column;align-items:stretch;padding:20px 24px;gap:0;box-shadow:0 15px 25px #0002}.menu.open{display:flex}.menu a{padding:13px}.menu a:after{display:none}.menu-btn{display:flex;flex-direction:column;gap:5px;padding:8px}.menu-btn i{width:24px;height:2px;background:var(--ink)}.quote-btn{display:none}.hero{height:620px}.hero-title{font-size:53px}.hero-stats{width:75%}.cards{grid-template-columns:1fr 1fr}.why-grid{gap:40px}.why-photo{height:480px}.section-title h2{font-size:35px}.features{grid-template-columns:1fr}.cta h2{font-size:23px}}
@media(max-width:620px){.container{width:calc(100% - 32px)}.topbar{display:none}.header{height:76px}.nav{gap:0}.brand img{width:48px;height:48px}.brand strong{font-size:18px}.menu{top:76px}.hero{height:680px}.hero-photo{object-position:38% center}.hero-shade{background:linear-gradient(90deg,rgba(11,22,34,.48),rgba(11,22,34,.93))}.hero-content{padding-top:80px}.hero-title{font-size:43px}.hero-content>p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column;width:230px}.hero-stats{width:100%;height:95px;gap:26px;justify-content:center;padding:0}.hero-stats:before{display:none}.hero-stats strong{font-size:23px}.section{padding:70px 0}.intro-grid{grid-template-columns:1fr;gap:20px}.section-title h2{font-size:31px}.cards{grid-template-columns:1fr}.product-card,.product-card:nth-child(even){height:340px;margin-top:0}.why-grid{grid-template-columns:1fr;gap:55px}.why-photo{height:380px}.why-copy{grid-row:1}.features{grid-template-columns:1fr}.section-head{align-items:center}.section-head h2{font-size:27px}.project-strip figure{min-width:280px;height:350px}.cta-inner{align-items:flex-start;flex-direction:column;gap:28px}.cta h2{font-size:24px;line-height:1.6}.footer-inner{flex-direction:column;gap:22px}.footer-brand{margin:0}.footer-inner>p{order:3}.slider-nav button{width:41px;height:41px}}

/* 2026 visual refresh */
:root{--orange:#17179d;--orange2:#46a5f6;--navy:#080d3d;--radius:28px;--soft-shadow:0 24px 70px rgba(10,25,40,.14)}
body{background:#fbfcff;overflow-x:hidden}.header{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(15,33,48,.06);height:92px}.brand img{border-radius:18px;box-shadow:0 9px 24px rgba(12,30,45,.14)}.quote-btn,.btn.primary{border-radius:15px;background:linear-gradient(135deg,var(--orange),#2d8fe9);box-shadow:0 13px 30px rgba(23,23,157,.28);transition:.3s}.quote-btn:hover,.btn.primary:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(23,23,157,.34)}
.hero{height:680px;margin:0 18px;border-radius:0 0 38px 38px;isolation:isolate}.hero-photo{height:108%;transform:scale(1.045);animation:heroZoom 1.7s cubic-bezier(.2,.8,.2,1) both}.hero-shade{background:linear-gradient(90deg,rgba(7,18,29,.08),rgba(7,18,29,.34) 45%,rgba(7,18,29,.96) 100%)}.hero-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 48%,rgba(23,23,157,.22),transparent 34%)}.hero-content{z-index:2}.eyebrow{animation:rise .8s .12s both}.hero-title{font-size:72px;animation:rise .85s .25s both}.hero-content>p{animation:rise .85s .38s both}.hero-actions{animation:rise .85s .51s both}.btn{border-radius:16px;transition:.3s}.btn.ghost{background:rgba(255,255,255,.08);backdrop-filter:blur(13px);border-color:rgba(255,255,255,.22)}.btn.ghost:hover{background:rgba(255,255,255,.15)}
.hero-stats{bottom:24px;left:24px;width:min(590px,47%);height:108px;border-radius:23px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(5,18,29,.2);padding:0;justify-content:center;animation:rise .9s .65s both}.hero-stats:before{display:none}
.trust-ticker{background:linear-gradient(90deg,#12127e,var(--orange2));color:#fff;overflow:hidden;transform:rotate(-1.1deg) scale(1.02);margin-top:7px;padding:15px 0;box-shadow:0 10px 30px rgba(23,23,157,.2)}.ticker-track{display:flex;width:max-content;gap:31px;align-items:center;font-size:13px;font-weight:800;animation:ticker 25s linear infinite}.ticker-track i{font-style:normal;color:#dce8ff}
.section{padding:112px 0}.intro{background:linear-gradient(180deg,#fbfcff,#f3f6fc);position:relative}.intro:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:rgba(23,23,157,.07);left:-210px;top:100px}.section-title h2{font-size:44px;letter-spacing:-1.2px}.cards{gap:18px}.product-card{height:390px;border-radius:25px;box-shadow:0 16px 46px rgba(13,31,46,.14);transition:.45s cubic-bezier(.2,.8,.2,1)}.product-card:hover{transform:translateY(-11px) rotate(-.5deg);box-shadow:0 30px 65px rgba(13,31,46,.22)}.product-card img{transition:.7s}.product-card:hover img{transform:scale(1.09)}.card-overlay a{color:var(--orange2)}
.why{position:relative}.why:after{content:"";position:absolute;width:380px;height:380px;right:-210px;bottom:-180px;border:78px solid #eaf0ff;border-radius:50%}.why-grid{position:relative;z-index:1}.why-photo{padding:12px;background:#edf2fb;border-radius:33px;transform:rotate(1deg)}.why-photo img{border-radius:25px}.badge{left:-32px;bottom:32px;border-radius:26px;background:linear-gradient(135deg,var(--orange),#399cf0);box-shadow:0 21px 48px rgba(23,23,157,.3);animation:float 4s ease-in-out infinite}.features>div{padding:14px;border-radius:18px;transition:.3s}.features>div:hover{background:#f1f4ff;transform:translateX(-5px)}.features b{width:37px;height:37px;border-radius:13px}
.projects{background:radial-gradient(circle at 12% 25%,#182967,var(--navy) 43%);position:relative}.projects:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,rgba(255,255,255,.025) 50%)}.section-head{position:relative}.slider-nav{gap:8px}.slider-nav button{border-radius:14px;background:rgba(255,255,255,.05);transition:.3s}.slider-nav button:hover{transform:translateY(-4px)}.project-strip{gap:20px;padding:8px 0 20px}.project-strip figure{height:410px;border-radius:26px;box-shadow:0 22px 60px rgba(0,0,0,.26)}.project-strip img{transition:.7s}.project-strip figure:hover img{transform:scale(1.08)}
.cta{background:linear-gradient(135deg,#111176,#55b1fb);padding:70px 0;position:relative;overflow:hidden}.cta:before,.cta:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%}.cta:before{width:340px;height:340px;left:-110px;top:-170px}.cta:after{width:210px;height:210px;left:-35px;top:-95px}.cta-inner{position:relative;z-index:1}.btn.light{border-radius:16px;box-shadow:0 18px 42px rgba(12,18,105,.2)}.btn.light:hover{transform:translateY(-4px)}
.whatsapp-float{position:fixed;right:28px;bottom:28px;width:65px;height:65px;border-radius:22px;background:linear-gradient(135deg,#39dd7b,#16b956);display:grid;place-items:center;z-index:90;box-shadow:0 17px 42px rgba(22,185,86,.38);transition:.3s;animation:waFloat 3s ease-in-out infinite}.whatsapp-float:hover{transform:translateY(-7px) rotate(-4deg);border-radius:50%}.whatsapp-float img{width:33px;height:33px;position:relative;z-index:2}.wa-pulse{position:absolute;inset:0;border:2px solid #25d366;border-radius:22px;animation:waPulse 2s ease-out infinite}.wa-tooltip{position:absolute;left:77px;white-space:nowrap;background:var(--navy);color:#fff;font-size:11px;font-weight:700;padding:9px 14px;border-radius:11px;opacity:0;transform:translateX(9px);transition:.25s}.whatsapp-float:hover .wa-tooltip{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s var(--delay) ease,transform .75s var(--delay) cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes heroZoom{from{transform:scale(1.15)}to{transform:scale(1.045)}}@keyframes float{50%{transform:translateY(-11px) rotate(-2deg)}}@keyframes ticker{to{transform:translateX(50%)}}@keyframes waFloat{50%{transform:translateY(-8px)}}@keyframes waPulse{0%{opacity:.8;transform:scale(.9)}80%,100%{opacity:0;transform:scale(1.55)}}
@media(max-width:900px){.header{height:88px}.menu{top:88px;border-radius:0 0 22px 22px}.hero{height:650px}.hero-title{font-size:55px}.hero-stats{width:72%}.section-title h2{font-size:36px}}
@media(max-width:620px){.header{height:78px}.hero{height:710px;margin:0 8px;border-radius:0 0 28px 28px}.hero-title{font-size:45px}.hero-stats{width:calc(100% - 24px);left:12px;bottom:12px}.trust-ticker{margin-top:2px}.section{padding:78px 0}.section-title h2{font-size:32px}.product-card,.product-card:nth-child(even){height:365px}.why-photo{height:390px}.badge{left:-7px;bottom:-24px}.project-strip figure{height:365px}.whatsapp-float{right:18px;bottom:18px;width:59px;height:59px;border-radius:19px}.whatsapp-float img{width:30px}.wa-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Logo cleanup: crop the dark outer ring while preserving the original mark. */
.brand{isolation:isolate}.brand img{background:#fff;clip-path:circle(42% at 50% 50%);transform:scale(1.16);box-shadow:none}.footer-brand img{background:#fff;clip-path:circle(42% at 50% 50%);transform:scale(1.16);box-shadow:none}
.hero-photo{object-position:center 50%}
@media(max-width:620px){.hero-photo{object-position:42% center}.hero-title{font-size:41px;line-height:1.3}}

/* Animated soft-corner brand mark */
.nav>.brand{position:relative}.nav>.brand:before{content:"";position:absolute;right:2px;width:55px;height:55px;border-radius:22px;background:linear-gradient(135deg,rgba(23,23,157,.32),rgba(70,165,246,.05));filter:blur(8px);animation:logoGlow 2.8s ease-in-out infinite}.brand img,.footer-brand img{clip-path:inset(8% round 24%);border-radius:20px;background:#fff}.nav>.brand img{position:relative;z-index:1;animation:logoBreathe 4.2s ease-in-out infinite;transition:filter .35s ease}.nav>.brand:hover img{animation-play-state:paused;filter:drop-shadow(0 10px 14px rgba(23,23,157,.24))}
@keyframes logoBreathe{0%,100%{transform:scale(1.12) rotate(0)}50%{transform:scale(1.18) rotate(-2deg)}}@keyframes logoGlow{0%,100%{opacity:.38;transform:scale(.88)}50%{opacity:.85;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.nav>.brand img,.nav>.brand:before{animation:none}}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;position:relative;z-index:1}.contact-intro p{font-size:13px;line-height:2;color:rgba(255,255,255,.82);max-width:520px}.contact-details{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px);padding:28px;border-radius:26px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-row small{display:block;color:rgba(255,255,255,.72);margin-bottom:8px}.contact-row div{display:flex;flex-direction:column;gap:3px}.contact-row a{font-size:18px;font-weight:800}.contact-row p{font-size:13px;line-height:1.9;margin:0}.map-btn{grid-column:1/-1;width:100%}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:28px}.contact-details{grid-template-columns:1fr}.map-btn{grid-column:auto}}

.ap-footer-bottom{width:min(1180px,calc(100% - 48px));margin:28px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:26px;color:#7f8b96;font-size:11px;direction:rtl}.footer-credit{display:flex;align-items:center;gap:6px}.footer-credit a{color:#d7dde2;font-weight:700;transition:.25s}.footer-credit a:hover{color:var(--orange)}.footer-copyright{direction:ltr}
@media(max-width:680px){.ap-footer-bottom{width:calc(100% - 32px);flex-direction:column;gap:9px;text-align:center}}

.contact-socials{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.contact-socials a{padding:9px 15px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700;transition:.25s}.contact-socials a:hover{background:#fff;color:var(--orange);transform:translateY(-2px)}

/* Transparent PNG logo: no crop or artificial background needed. */
.brand img,.footer-brand img{background:transparent;clip-path:none;border-radius:18px;object-fit:contain}

/* Light blue & white brand palette */
:root{--orange:#2563eb;--orange2:#38bdf8;--navy:#123b8f;--ink:#17345f;--muted:#64748b;--cream:#f3f8ff}
body{background:#fff;color:var(--ink)}.topbar{background:#2563eb}.header{background:rgba(255,255,255,.94);box-shadow:0 10px 40px rgba(37,99,235,.09)}.menu a:hover{color:#2563eb}.menu a:after{background:#38bdf8}.quote-btn,.btn.primary{background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 13px 30px rgba(37,99,235,.25)}.quote-btn:hover,.btn.primary:hover{box-shadow:0 20px 38px rgba(37,99,235,.3)}
.hero-shade{background:linear-gradient(90deg,rgba(15,56,135,.08),rgba(15,56,135,.28) 43%,rgba(10,39,105,.9) 100%)}.hero-shade:after{background:radial-gradient(circle at 28% 48%,rgba(56,189,248,.2),transparent 36%)}.hero-title em,.section-title em,.eyebrow,.section-title>span{color:#38bdf8}.hero-stats strong span{color:#2563eb}
.trust-ticker{background:linear-gradient(90deg,#2563eb,#38bdf8);box-shadow:0 10px 30px rgba(37,99,235,.18)}.ticker-track i{color:#e0f2fe}
.intro{background:linear-gradient(180deg,#fff,#f2f7ff)}.intro:before{background:rgba(56,189,248,.1)}.product-card{box-shadow:0 16px 46px rgba(37,99,235,.12)}.product-card:hover{box-shadow:0 30px 65px rgba(37,99,235,.19)}.card-overlay>span,.card-overlay a{color:#7dd3fc}
.why{background:#fff}.why:after{border-color:#e8f3ff}.why-photo{background:#edf6ff}.badge{background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 21px 48px rgba(37,99,235,.26)}.features>div:hover{background:#eff7ff}.features b{background:#e8f2ff;color:#2563eb}
.projects{background:radial-gradient(circle at 10% 20%,#3b82f6,#164eac 52%,#123b8f);color:#fff}.slider-nav button:hover{background:#38bdf8;border-color:#38bdf8}.cta{background:linear-gradient(135deg,#2563eb,#38bdf8)}.btn.light{color:#1e40af}.contact-socials a:hover{color:#2563eb}.footer-credit a:hover{color:#38bdf8}
footer{background:#102f75}.nav>.brand:before{background:linear-gradient(135deg,rgba(37,99,235,.35),rgba(56,189,248,.08))}.nav>.brand:hover img{filter:drop-shadow(0 10px 14px rgba(37,99,235,.25))}

/* Show every image completely without cropping */
.hero{background:#123b8f}.hero-photo{width:100%;height:100%;object-fit:contain;object-position:center!important;transform:none!important}.product-card{background:#eaf3ff}.product-card img{object-fit:contain;background:#eaf3ff;transform:none!important}.product-card:hover img{transform:none!important}.why-photo{background:#eaf3ff}.why-photo img{object-fit:contain;background:#eaf3ff}.project-strip figure{background:#174ea6}.project-strip img{object-fit:contain;background:#eef6ff;transform:none!important}.project-strip figure:hover img{transform:none!important}
@media(max-width:620px){
  .hero{height:760px;background:#164eac}
  .hero-photo{height:265px;object-fit:contain;object-position:center top!important;background:#eef6ff}
  .hero-shade{background:linear-gradient(180deg,rgba(18,59,143,.02) 0,rgba(18,59,143,.05) 245px,#164eac 285px,#123b8f 100%)}
  .hero-shade:after{display:none}
  .hero-content{padding-top:295px}
  .hero-stats{background:rgba(255,255,255,.96)}
  .product-card,.product-card:nth-child(even){height:410px}
  .why-photo{height:auto;min-height:300px}
  .why-photo img{height:auto;max-height:430px}
  .project-strip figure{height:390px}
}

.card-overlay h3 a.card-title-link{display:block;max-height:none;opacity:1;color:inherit;overflow:visible;margin:0;transition:none;font-size:21px;font-weight:inherit;line-height:inherit}
.card-overlay h3 a.card-title-link:hover{color:inherit}

.project-lightbox-modal{position:fixed;inset:0;z-index:9999;display:flex;visibility:hidden;opacity:0;align-items:center;justify-content:center;padding:32px;background:rgba(3,8,28,.86);transition:opacity .25s,visibility .25s}
.project-lightbox-modal.is-open{visibility:visible;opacity:1}
.project-lightbox-modal img{max-width:min(92vw,1100px);max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 22px 80px rgba(0,0,0,.45)}
.project-lightbox-modal p{position:absolute;bottom:18px;right:0;left:0;margin:0;text-align:center;color:#fff;font-size:14px;font-weight:700}
.project-lightbox-close{position:absolute;top:18px;left:22px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#172332;font-size:30px;line-height:1;cursor:pointer}
body.lightbox-open{overflow:hidden}
@media(max-width:560px){.project-lightbox-modal{padding:18px}.project-lightbox-modal img{max-width:96vw;max-height:78vh}.project-lightbox-close{top:12px;left:12px}}

.contact-details,.contact-details a,.contact-details p,.contact-details small,.contact-details span{color:#fff}
.contact-details small{opacity:.9}

/* Footer parity with the reference template */
footer{background:#102f75;color:#a8b0b8;padding:30px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:11px}
.footer-brand{margin:0;color:#fff}
.footer-brand strong{font-size:16px}
.ap-footer-bottom{width:min(1180px,calc(100% - 48px));margin:28px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:26px;color:#7f8b96;font-size:11px;direction:rtl}
.footer-credit{display:flex;align-items:center;gap:6px}
.footer-credit a{color:#d7dde2;font-weight:700;transition:.25s}
.footer-credit a:hover{color:#38bdf8}
.footer-copyright{direction:ltr}
@media(max-width:680px){.ap-footer-bottom{width:calc(100% - 32px);flex-direction:column;gap:9px;text-align:center}}

/* Exact reference-template footer typography */
footer{background:#102f75!important;color:#a8b0b8!important;padding:30px 0!important}
.footer-inner{font-size:11px!important;color:#a8b0b8!important}
.footer-brand{color:#fff!important}
.footer-brand strong{font-size:16px!important;font-weight:900!important;color:#fff!important}
.footer-brand small{display:block;font-size:10px!important;font-weight:400!important;color:#a8b0b8!important}
.footer-inner>p,.footer-inner>p,.footer-inner>a{font-size:11px!important;font-weight:400!important;color:#a8b0b8!important}
.ap-footer-bottom{font-size:11px!important;color:#7f8b96!important}
.footer-credit span{font-size:11px!important;color:#7f8b96!important}
.footer-credit a{font-size:11px!important;color:#d7dde2!important;font-weight:700!important}
.footer-copyright{font-size:11px!important;color:#7f8b96!important}

/* Keep WhatsApp tooltip inside the viewport */
.whatsapp-float .wa-tooltip{right:calc(100% + 12px)!important;left:auto!important;transform:translateX(-9px)!important}
.whatsapp-float:hover .wa-tooltip{transform:translateX(0)!important}
/* Floating scroll-to-top button */
.scroll-to-top{position:fixed;left:28px;bottom:28px;width:56px;height:56px;z-index:90;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;box-shadow:0 15px 36px rgba(37,99,235,.3);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,border-radius .25s ease,box-shadow .25s ease}
.scroll-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.scroll-to-top:hover{transform:translateY(-5px);border-radius:50%;box-shadow:0 20px 42px rgba(37,99,235,.4)}
.scroll-to-top:focus-visible{outline:3px solid rgba(56,189,248,.45);outline-offset:4px}
.scroll-to-top svg{display:block}
@media(max-width:620px){.scroll-to-top{left:18px;bottom:18px;width:52px;height:52px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){.scroll-to-top{transition:none}.scroll-to-top:hover{transform:none}}
/* Full-width hero: complete image with an edge-to-edge image backdrop */
.hero{width:100%;max-width:none;margin:0;border-radius:0;background:#101827}
.hero-photo-bg{position:absolute;inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);object-fit:cover;object-position:center;filter:blur(16px) brightness(.72);transform:scale(1.035);z-index:-2}
.hero-photo{inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center!important;background:transparent!important;transform:none!important;z-index:-1}
.hero-shade{background:linear-gradient(90deg,rgba(4,8,16,.08),rgba(4,8,16,.28) 45%,rgba(4,8,16,.82) 100%)}
.hero-shade:after{background:radial-gradient(circle at 28% 48%,rgba(0,0,0,.08),transparent 38%)}
@media(max-width:620px){
  .hero{height:760px;margin:0;border-radius:0;background:#101827}
  .hero-photo-bg{inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);object-position:center;filter:blur(14px) brightness(.62)}
  .hero-photo{height:100%;object-fit:contain!important;object-position:center!important;background:transparent!important}
  .hero-shade{background:linear-gradient(180deg,rgba(4,8,16,.14),rgba(4,8,16,.32) 42%,rgba(4,8,16,.82) 100%)}
  .hero-shade:after{display:block;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.36) 72%,rgba(0,0,0,.56))}
  .hero-content{padding-top:295px}
}
/* Hero must fill its entire frame on every viewport */
.hero{background:transparent!important}
.hero-photo{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;background:transparent!important;transform:none!important}
.hero-photo-bg{display:none!important}
@media(max-width:620px){
  .hero-photo{height:100%!important;object-fit:cover!important;object-position:center center!important}
}
/* Semantic brand headings: preserve the original header appearance */
.brand-logo{display:flex;flex:none}
.brand-headings{display:flex;flex-direction:column}
.brand-title,.brand-tagline{padding:0;margin:0;color:inherit;line-height:1.35}
.brand-title{font-size:21px;font-weight:900}
.brand-title a{color:inherit}
.brand-tagline{font-size:10px;font-weight:400;color:#7e8790;letter-spacing:.1px}
@media(max-width:620px){.brand{gap:7px}.brand-title{font-size:13px;line-height:1.45;white-space:nowrap}.brand-tagline{font-size:8px;line-height:1.5;white-space:nowrap}}