:root{--ink:#0b2145;--ink2:#123462;--lime:#f2aa00;--amber:#ffc82e;--paper:#f5f7fb;--muted:#68758a;--line:rgba(11,33,69,.1);--radius:34px;--shadow:0 30px 80px rgba(11,33,69,.13)}
body{background:var(--paper);color:var(--ink);background-image:radial-gradient(circle at 10% 20%,rgba(255,200,46,.09),transparent 28%),radial-gradient(circle at 90% 60%,rgba(18,52,98,.07),transparent 30%)}.site-atmosphere{display:none}.topbar{background:rgba(6,23,50,.88);color:#fff;backdrop-filter:blur(12px)}.topbar i,.topbar a:hover{color:var(--amber)}.site-header{padding-top:8px}.nav{height:82px;margin-top:10px;padding:0 18px;background:rgba(8,29,59,.68);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:26px;box-shadow:0 18px 60px rgba(4,16,35,.2);backdrop-filter:blur(24px)}.nav .brand img{width:68px;height:56px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.nav-list>li>a:after,.submenu-toggle:after{height:3px;background:var(--amber);border-radius:9px}.nav-cta{border:0;background:linear-gradient(135deg,var(--amber),#f09b00);color:var(--ink);border-radius:16px;box-shadow:0 10px 26px rgba(242,170,0,.25)}.nav-cta i{background:#fff}.mega-menu{border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 35px 100px rgba(5,22,48,.24)}.mega-menu>a{border-radius:19px}.mega-menu>a>i{border-radius:16px;background:linear-gradient(145deg,var(--ink),var(--ink2));color:var(--amber)}
.hero{height:940px;min-height:820px;background:var(--ink);color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,18,39,.15),rgba(4,18,39,.46) 48%,rgba(4,18,39,.93) 100%),linear-gradient(0deg,rgba(4,18,39,.72),transparent 55%)}.hero:after{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(circle at var(--spot-x,30%) var(--spot-y,35%),rgba(255,200,46,.2),transparent 20%);pointer-events:none}.hero-bg{inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center;z-index:0;filter:saturate(.9) contrast(1.04);box-shadow:none;animation:heroFloat 18s ease-in-out infinite alternate}.hero-grid{inset:0;z-index:1;opacity:.06;mask-image:linear-gradient(90deg,#000,transparent 78%);background-size:80px 80px;animation:gridMove 25s linear infinite}.hero-inner{padding-top:130px;justify-content:space-between;position:relative;z-index:4}.hero-copy{width:auto;max-width:720px;padding:58px 55px;background:linear-gradient(145deg,rgba(7,29,59,.82),rgba(7,29,59,.48));border:1px solid rgba(255,255,255,.17);border-radius:48px 18px 48px 48px;backdrop-filter:blur(18px);box-shadow:0 35px 90px rgba(0,0,0,.28)}.eyebrow{color:var(--amber);background:rgba(255,200,46,.1);border:1px solid rgba(255,200,46,.24);padding:8px 15px;border-radius:99px}.hero h1{font-size:clamp(42px,5.1vw,72px);line-height:1.24;margin:22px 0 14px}.hero h1 a:after{content:"";display:block;width:84px;height:7px;background:linear-gradient(90deg,var(--amber),transparent);margin-top:18px;border-radius:10px}.hero-lead{color:#d7e1ef;font-size:clamp(16px,1.5vw,21px);max-width:610px}.hero-lead em{color:var(--amber)}.btn{border-radius:17px;transition:.35s cubic-bezier(.22,1,.36,1)}.btn-primary{background:linear-gradient(135deg,var(--amber),#e99a00);color:var(--ink);box-shadow:0 14px 32px rgba(242,170,0,.25)}.btn-primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 22px 42px rgba(242,170,0,.34)}.btn-ghost{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.07);color:#fff}.btn-ghost:hover{background:#fff;color:var(--ink)}.hero-trust{padding-top:28px;margin-top:32px;border-top:1px solid rgba(255,255,255,.12)}.hero-trust div{border:0;padding-right:0}.hero-trust strong{color:var(--amber);font-size:30px}.hero-trust span{color:#bdc9d8}.hero-card{width:310px;align-self:flex-end;margin-bottom:80px;background:rgba(255,255,255,.9);color:var(--ink);border:1px solid rgba(255,255,255,.65);border-radius:32px 32px 8px 32px;padding:25px;backdrop-filter:blur(22px);box-shadow:0 35px 70px rgba(0,0,0,.22);animation:cardFloat 5s ease-in-out infinite}.hero-card>a{border-color:var(--line)}.hero-card>a>i{background:var(--amber);color:var(--ink)}.hero-card a small,.hero-card p{color:var(--muted)}.pulse-dot{background:#23c778;box-shadow:0 0 0 8px rgba(35,199,120,.14)}.hero-index{position:absolute;left:3%;right:auto;bottom:20px;color:rgba(255,255,255,.12);font-size:110px;font-weight:700;z-index:2}.hero-copy:after{content:"34.6401° N  ·  QOM";display:block;margin-top:20px;font:500 9px/1.4 monospace;direction:ltr;letter-spacing:.18em;color:#9aabc0}.scroll-hint{color:#c1ccda}.marquee{transform:translateY(-22px);margin:0 20px -22px;padding:16px 0;background:linear-gradient(90deg,var(--amber),#f29d00);color:var(--ink);border:0;border-radius:20px;box-shadow:0 18px 45px rgba(12,34,69,.18);position:relative;z-index:10}.marquee i{background:var(--ink);border-radius:50%;transform:none}
.section{padding:120px 0}.section-head{align-items:flex-end;border:0;padding:0}.section-head>div{display:block}.section-head h2{font-size:clamp(32px,4vw,54px);line-height:1.4;margin:8px 0 0}.kicker{color:#b97700;background:rgba(242,170,0,.12);padding:6px 12px;border-radius:99px}.industrial-zone:before{background-image:radial-gradient(circle,rgba(11,33,69,.1) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(circle at center,#000,transparent 72%)}.industrial-zone:after{display:none}.zone-label{writing-mode:horizontal-tb;top:45px;left:3%;padding:8px 12px;border:1px solid var(--line);border-radius:99px;color:rgba(11,33,69,.45);background:rgba(255,255,255,.55);backdrop-filter:blur(10px)}.zone-label:before{display:none}
.services{padding-top:145px}.services-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:22px;border:0}.service-card,.service-card.featured,.service-card:last-child{display:block;min-height:0;border:1px solid rgba(255,255,255,.8);border-radius:38px;background:rgba(255,255,255,.78);color:var(--ink);overflow:hidden;box-shadow:0 20px 60px rgba(13,39,75,.09);backdrop-filter:blur(12px);transition:.5s cubic-bezier(.22,1,.36,1)}.service-card.featured{grid-row:1/3}.service-card:nth-child(2){grid-column:2}.service-card:nth-child(3){grid-column:2}.service-card:last-child{grid-column:1/3;background:linear-gradient(120deg,var(--ink),#1b4c83);color:#fff}.service-card:hover{transform:translateY(-9px);box-shadow:0 32px 75px rgba(13,39,75,.16);background:#fff}.service-card:before{display:none}.service-image,.featured .service-image{height:240px;margin:12px;border-radius:29px;overflow:hidden}.featured .service-image{height:430px}.service-card:nth-child(even) .service-image{border-radius:29px}.service-image>span{right:18px;top:18px;transform:none;width:48px;height:48px;background:rgba(7,28,57,.78);color:#fff;font-size:12px;border-radius:50%;backdrop-filter:blur(10px)}.service-image img{object-fit:cover;filter:saturate(.8);transition:.8s}.service-card:hover .service-image img{transform:scale(1.045);filter:saturate(1)}.service-body,.service-card:last-child .service-body{display:block;padding:22px 28px 30px}.service-body>i{display:grid;width:50px;height:50px;place-items:center;background:rgba(242,170,0,.13);color:#b97700;border-radius:17px}.service-body h3{font-size:21px}.service-card:last-child .service-body{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.service-card:last-child .service-body p{grid-column:2}.service-card:last-child .service-body>a{grid-column:3;grid-row:1/3;background:var(--amber);color:var(--ink);border-radius:16px}
.about{background:linear-gradient(155deg,#fff,#edf3fb);border-radius:70px 70px 0 0;overflow:hidden}.about:before{content:"";position:absolute;width:520px;height:520px;left:-180px;bottom:-240px;background:radial-gradient(circle,var(--amber),transparent 68%);opacity:.16}.about-grid{grid-template-columns:1.05fr .95fr;gap:90px}.about-visual>img{height:620px;border-radius:220px 40px 220px 40px;background:#dfe7f1;box-shadow:0 35px 90px rgba(10,35,70,.18);object-fit:cover}.about-visual:after{inset:-14px 14px 14px -14px;border:1px solid rgba(242,170,0,.5);border-radius:230px 50px 230px 50px;animation:ringBreath 4s ease-in-out infinite}.experience{right:-15px;left:auto;bottom:30px;background:linear-gradient(145deg,var(--amber),#ed9800);color:var(--ink);border-radius:28px;width:auto;height:auto;padding:22px;box-shadow:0 20px 50px rgba(145,92,0,.25)}.feature-list{gap:12px;border:0}.feature-list li{padding:15px;background:#fff;border:1px solid var(--line);border-radius:20px;transition:.35s}.feature-list li:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(10,35,70,.08)}.feature-list i{border-radius:15px;background:var(--ink);color:var(--amber)}
.process{background:linear-gradient(150deg,#071d3e,#123b6d);color:#fff;border-radius:70px;margin:0 16px}.process .section-head h2,.process .section-head p{color:#fff}.process .kicker{color:var(--amber);background:rgba(255,200,46,.1)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border:0;overflow:visible}.steps article{border:1px solid rgba(255,255,255,.11);border-radius:28px;background:rgba(255,255,255,.06);padding:28px;text-align:right;backdrop-filter:blur(10px);transition:.4s}.steps article:hover{background:rgba(255,255,255,.12);transform:translateY(-8px)}.steps article>i{margin:0 0 45px;background:linear-gradient(145deg,var(--amber),#f09b00);color:var(--ink);border-radius:18px}.steps p{color:#b7c6d9}
.projects{background:transparent}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:300px 300px;gap:20px}.project,.project.large{border-radius:36px;min-height:0;box-shadow:0 25px 65px rgba(9,32,66,.14)}.project.large{grid-column:1;grid-row:1/3}.project:not(.large){transform:none}.project img{object-fit:cover;background:#dce5f0}.project:before{inset:12px;border-radius:27px}.project span{right:28px;bottom:26px}.project span:after{background:var(--amber)}.quote{background:transparent;padding:20px 0 90px}.quote-inner{padding:45px 55px;background:linear-gradient(120deg,var(--amber),#f3a500);border-radius:36px;box-shadow:0 24px 65px rgba(150,98,0,.2)}.quote .kicker{color:var(--ink);background:rgba(255,255,255,.28)}.quote .btn-primary{background:var(--ink);color:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border:0;border-radius:0;overflow:visible}.post{border:1px solid #fff;border-radius:30px;background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(10,35,70,.08);overflow:hidden;transition:.4s}.post:hover{transform:translateY(-8px);box-shadow:0 28px 65px rgba(10,35,70,.14)}.post:first-child{grid-column:auto}.post>a,.post:first-child>a{height:230px;margin:10px;border-radius:23px}.post>div{padding:14px 24px 27px}
.contact-card{grid-template-columns:.95fr 1.05fr;border-radius:48px;background:linear-gradient(145deg,var(--ink),#164d84);padding:16px;box-shadow:0 35px 90px rgba(6,27,57,.2)}.contact-info{padding:50px}.map-wrap{border-radius:36px;min-height:520px}.map-wrap iframe{filter:saturate(.7) contrast(1.05)}.footer{background:#071a36;color:#fff;border-radius:70px 70px 0 0}.footer li a,.footer-brand>p,.footer-contact span{color:#aab9cb}.footer h3,.footer-credit a{color:#fff}.footer-contact>a{color:var(--amber)}.ap-footer-bottom{border-color:rgba(255,255,255,.1);color:#90a1b5}.socials a{border-color:rgba(255,255,255,.13)}.float-whatsapp{border-radius:18px;background:linear-gradient(145deg,#27d477,#16a95d);color:#fff}.to-top{border-radius:15px;background:var(--amber);color:var(--ink)}
@keyframes heroFloat{to{transform:scale(1.055) translate3d(-1%,.5%,0)}}@keyframes gridMove{to{background-position:80px 80px}}@keyframes cardFloat{50%{transform:translateY(-10px) rotate(.5deg)}}@keyframes ringBreath{50%{transform:scale(1.015);opacity:.45}}
@media(max-width:980px){.nav{background:rgba(245,247,251,.94);color:var(--ink)}.menu-toggle span{background:var(--ink)}.nav-panel{background:rgba(7,27,57,.98);color:#fff}.hero{min-height:930px}.hero-bg{object-position:38% center}.hero:before{background:linear-gradient(0deg,rgba(4,18,39,.95),rgba(4,18,39,.22))}.hero-inner{padding-top:140px;justify-content:center}.hero-copy{width:100%;max-width:760px;margin-top:40px}.hero-card,.hero-index{display:none}.services-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.service-card.featured{grid-row:auto;grid-column:1/3}.service-card:last-child{grid-column:1/3}.featured .service-image{height:350px}.about-grid{grid-template-columns:1fr;gap:70px}.about-visual{max-width:650px;margin:auto}.steps{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr 1fr}.post:first-child{grid-column:1/3}.contact-card{grid-template-columns:1fr}.zone-label{display:none}}
@media(max-width:640px){.nav{height:68px;border-radius:20px}.hero{min-height:880px}.hero-inner{padding-top:105px}.hero-copy{padding:30px 22px;border-radius:32px 12px 32px 32px;margin-top:20px}.hero h1{font-size:37px}.hero-lead{font-size:15px}.hero-trust{gap:10px}.hero-trust strong{font-size:23px}.marquee{margin-inline:10px;border-radius:15px}.section{padding:85px 0}.section-head h2{font-size:33px}.services-grid{display:flex;gap:16px}.service-card,.service-card.featured,.service-card:last-child{display:block}.service-image,.featured .service-image{height:260px}.service-card:last-child .service-body{display:block}.about{border-radius:42px 42px 0 0}.about-visual>img{height:430px;border-radius:130px 28px 130px 28px}.about-visual:after{border-radius:140px 35px 140px 35px}.experience{right:0;padding:15px}.process{margin:0 8px;border-radius:42px}.steps{grid-template-columns:1fr}.steps article>i{margin-bottom:22px}.project-grid{display:flex}.project,.project.large{flex:0 0 88%;min-height:390px}.quote-inner{padding:32px 24px;border-radius:28px}.blog-grid{display:flex}.post,.post:first-child{flex:0 0 88%;border-radius:26px}.contact-card{border-radius:34px;padding:9px}.contact-info{padding:30px 17px}.map-wrap{border-radius:27px;min-height:350px}.footer{border-radius:42px 42px 0 0}}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero-grid,.hero-card,.about-visual:after{animation:none!important}}