*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#061a36;background:#f8fbff}a{text-decoration:none;color:inherit}.top{background:#04152d;color:#dcecff;text-align:right;padding:7px 5%;font-size:11px}.glass{background:rgba(4,24,52,.9);backdrop-filter:blur(20px);border:1px solid #ffffff24}.nav{height:75px;display:flex;align-items:center;padding:7px 5%;position:sticky;top:0;z-index:20}.nav img{width:175px}.nav nav{margin-left:auto;display:flex;gap:25px;color:white;font-size:12px;font-weight:bold}.nav .btn{margin-left:25px}.drop{position:relative}.menu{display:none;position:absolute;top:20px;width:260px;background:#061a36;padding:12px;border-radius:12px}.menu a{display:block;padding:8px}.drop:hover .menu{display:block}.btn{background:#1163dc;color:white;padding:13px 20px;border-radius:6px;font-weight:bold;font-size:12px}.gold{background:#d9950b}.hero{height:520px;background:linear-gradient(90deg,#f8fbff 0 38%,transparent 65%),linear-gradient(135deg,#8bb7df,#082c54 65%,#061a36);position:relative}.hero:after,.cards i,.projects i,.about aside>i,.about aside div i{content:'';display:block;background:repeating-linear-gradient(90deg,#ffffff44 0 3px,transparent 3px 42px),repeating-linear-gradient(0deg,#ffffff30 0 2px,transparent 2px 35px),linear-gradient(145deg,#4384bd,#061c38);}.hero:after{position:absolute;right:5%;top:8%;width:58%;height:85%;clip-path:polygon(10% 0,100% 4%,96% 100%,0 94%)}.copy{position:relative;z-index:2;padding:65px 6%;width:48%}.copy h1{font-size:58px;line-height:1;margin:12px 0}.copy h1 span{color:#145dc7}.stats{width:88%;margin:-38px auto 30px;position:relative;z-index:5;color:white;display:grid;grid-template-columns:repeat(4,1fr);border-radius:10px}.stats div{text-align:center;padding:24px;border-right:1px solid #ffffff33;font-size:10px}.stats b{display:block;font-size:30px}.section{width:92%;max-width:1400px;margin:auto;padding:35px 0}.section>h2{text-align:center}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cards a{height:210px;background:#061a36;color:white;position:relative;overflow:hidden}.cards i{height:100%}.cards b{position:absolute;bottom:0;left:0;right:0;padding:35px 12px 12px;background:linear-gradient(transparent,#031326)}.solutions{display:grid;grid-template-columns:repeat(10,1fr)}.solutions a{padding:16px 5px;text-align:center;border:1px solid #e0e8f2;color:#1854a3;font-size:24px}.solutions small{display:block;color:#061a36;font-size:10px;font-weight:bold;margin-top:8px}.projects{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.projects article{background:white;border:1px solid #dce5ef;text-align:center;padding-bottom:10px}.projects i{height:145px}.projects b,.projects small{display:block;padding-top:8px}.why{background:#061c3b;color:white;padding:25px 5%}.why div{display:grid;grid-template-columns:repeat(6,1fr);text-align:center}.about{display:grid;grid-template-columns:1.4fr .6fr;gap:30px}.about p,.detail p{font-size:13px;line-height:1.7}.about aside>i{height:420px}.about aside div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.about aside div i{height:120px}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.process div{background:white;border:1px solid #dbe5f0;padding:18px;border-radius:10px}.process b{color:#1760c7;display:block}.faqs{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.faqs details{background:white;border:1px solid #dce4ee;padding:13px}.faqs summary{font-weight:bold}.faqs p{font-size:13px}.cta{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#0a3a78,#06152d);color:white;padding:25px 7%}footer{background:#04152d;color:#d9e7f7;padding:35px 6%;display:grid;grid-template-columns:1.3fr 1fr 1.4fr;gap:40px}footer img{width:190px}footer a{display:block;margin:8px 0;font-size:12px}footer p{font-size:12px;line-height:1.6}.inner{padding:80px 7%;color:white;background:linear-gradient(135deg,#0c4f91,#06172e)}.inner h1{font-size:50px}.detail{display:grid;grid-template-columns:1fr 330px;gap:30px}.detail aside{padding:18px;border-radius:14px;height:max-content}.detail aside a{display:block;color:white;padding:9px;border-bottom:1px solid #ffffff22}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.show{opacity:1;transform:none}@media(max-width:850px){.nav nav{display:none}.copy{width:90%}.copy h1{font-size:42px}.hero:after{opacity:.35}.stats,.cards,.projects,.process{grid-template-columns:1fr 1fr}.solutions{grid-template-columns:repeat(4,1fr)}.about,.detail,.faqs,footer{grid-template-columns:1fr}.why div{grid-template-columns:1fr 1fr}}
/* V2 responsive + premium refinements */
body{overflow-x:hidden}.full-slider{width:100%;height:min(650px,70vw);min-height:500px}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,251,255,.97) 0%,rgba(247,251,255,.76) 35%,rgba(2,18,38,.12) 58%),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=90') center/cover}.full-slider:after{display:none}.slider-dots{position:absolute;bottom:20px;left:50%;display:flex;gap:7px}.slider-dots i{width:8px;height:8px;border:1px solid white;border-radius:50%}.slider-dots i:first-child{background:white}.stats .counter{font-variant-numeric:tabular-nums}.intro-about{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:center}.photo-collage{display:grid;grid-template-columns:1.35fr .65fr;gap:8px}.photo-collage>img{height:390px}.photo-collage>div{display:grid;gap:8px}.photo-collage>div img{height:191px}.photo-collage img,.cards img,.projects img,.about img,.service-hero-img{width:100%;object-fit:cover;display:block}.photo-collage img{border-radius:10px}.intro-copy h2{font-size:36px;margin:8px 0}.feature-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.feature-mini span{background:white;border:1px solid #dce7f2;border-radius:10px;padding:14px}.section-heading{text-align:center;margin-bottom:24px}.section-heading small{color:#1762c6;font-weight:900;letter-spacing:1.5px}.section-heading h2{margin:5px 0;font-size:28px}.compact{margin-top:35px}.cards a{border-radius:8px}.cards img{height:100%;transition:.5s}.cards a:hover img{transform:scale(1.06)}.solutions a{transition:.25s}.solutions a:hover{background:#0d5bc2;color:white;transform:translateY(-4px)}.solutions a:hover small{color:white}.solutions i{display:block;font-style:normal}.projects article{border-radius:9px;overflow:hidden;transition:.3s}.projects article:hover{transform:translateY(-7px);box-shadow:0 18px 40px #163d681c}.projects img{height:155px}.projects article div{padding:5px 10px 12px}.why{padding:35px 5% 40px}.light small,.light h2{color:white}.why-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:12px}.why-grid div{display:flex!important;flex-direction:column;align-items:center;border:1px solid #ffffff18!important;background:#ffffff08;padding:22px 12px!important;border-radius:12px;text-align:center}.why-grid i{font-style:normal;font-size:30px;color:#e5aa2a}.why-grid b{font-size:13px}.why-grid small{font-size:10px;color:#aebfd3}.about-content .html-content{max-height:760px;overflow:auto;padding-right:10px}.html-content{font-size:13px;line-height:1.75;color:#30445d}.about aside img{height:410px;border-radius:10px}.about aside div img{height:125px}.process-section{padding:45px 5%;background:linear-gradient(180deg,#f7fbff,#eef5fc)}.process{position:relative}.process:before{content:'';position:absolute;top:62px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,#1261c7,#9fc8f4)}.process-step{position:relative;text-align:center!important;border:0!important;background:transparent!important;padding:0 8px!important}.process-step i{position:absolute;top:-7px;right:10px;color:#1764c9!important;font-style:normal}.process-icon{position:relative;z-index:2;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:20px auto 14px;background:#061b39;color:white;font-size:24px;box-shadow:0 0 0 8px #e6f0fb;transition:.4s}.process-step:hover .process-icon{transform:rotateY(180deg) scale(1.08);background:#1764c9}.process-step b,.process-step small{display:block}.process-step small{font-size:10px;color:#667b93;margin-top:6px}.clients{padding:40px 0;background:white;text-align:center;overflow:hidden}.logo-marquee{overflow:hidden;margin-top:20px;border-block:1px solid #e6edf5}.logo-track{display:flex;width:max-content;animation:marquee 22s linear infinite}.logo-track span{font-size:22px;font-weight:900;color:#52677e;padding:25px 45px;letter-spacing:2px}@keyframes marquee{to{transform:translateX(-50%)}}.disclaimer{color:#94a3b3;font-size:9px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glass-card,.quote-card{padding:25px;border-radius:15px;background:rgba(255,255,255,.76);border:1px solid #dce7f2;box-shadow:0 15px 45px #1b436c10;backdrop-filter:blur(18px)}.stars{color:#e6a214}.glass-card small{display:block;color:#71849a;margin-top:5px}.quote-card{background:linear-gradient(135deg,#082653,#06152d);color:white}.faqs details{border-radius:8px}.faqs summary{display:flex;justify-content:space-between}.faqs details[open]{box-shadow:0 10px 25px #163b6210}.cta{padding:35px 7%}.cta small{color:#8db8ee}.whatsapp{background:#159b55}footer{display:block;padding:0;background:#041326}.footer-main{display:grid;grid-template-columns:1.35fr .8fr 1fr 1.4fr;gap:45px;padding:45px 6%;color:#d8e6f6}.footer-main h4{color:white}.footer-main a{color:#b8cae0}.footer-brand img{width:190px}.social{margin-top:18px}.footer-quote{color:#6fb1ff!important;font-weight:bold}.footer-bottom{padding:16px 6%;border-top:1px solid #ffffff15;color:#8097b2;font-size:11px}.footer-bottom span{float:right}.locality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.locality-grid span{background:white;border:1px solid #dce6ef;padding:11px;border-radius:7px;font-size:12px}
@media(max-width:1050px){.nav nav{gap:12px}.cards{grid-template-columns:repeat(3,1fr)}.solutions{grid-template-columns:repeat(5,1fr)}.projects{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(3,1fr)!important}.testimonial-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.full-slider{height:560px;min-height:560px}.hero-photo{background:linear-gradient(180deg,rgba(247,251,255,.92),rgba(247,251,255,.65)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1000&q=85') center/cover}.copy{width:100%;padding:55px 6%}.copy h1{font-size:40px}.stats{width:94%;grid-template-columns:1fr 1fr;margin-top:-30px}.intro-about,.about{grid-template-columns:1fr}.photo-collage>img{height:300px}.photo-collage>div img{height:146px}.cards,.projects{grid-template-columns:1fr 1fr}.solutions{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:1fr 1fr!important}.process{grid-template-columns:1fr 1fr}.process:before{display:none}.testimonial-grid,.footer-main{grid-template-columns:1fr}.faqs{grid-template-columns:1fr}.locality-grid{grid-template-columns:1fr}.footer-bottom span{float:none;display:block;margin-top:8px}.hero-actions{display:flex;gap:7px;flex-wrap:wrap}}
@media(max-width:430px){.cards,.projects,.why-grid,.process{grid-template-columns:1fr!important}.solutions{grid-template-columns:1fr 1fr}.stats b{font-size:24px}.intro-copy h2{font-size:29px}.photo-collage{grid-template-columns:1fr}.photo-collage>div{grid-template-columns:1fr 1fr}.photo-collage>div img{height:120px}}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;background-position:center;background-size:cover;transition:opacity .9s}.hero-slide.active{opacity:1;visibility:visible}.slide-prev,.slide-next{position:absolute;z-index:5;top:50%;border:1px solid #ffffff66;background:#061a3688;color:#fff;width:44px;height:44px;border-radius:50%;font-size:30px}.slide-prev{left:20px}.slide-next{right:20px}.slider-dots button{width:9px;height:9px;border:1px solid #fff;background:transparent;border-radius:50%;padding:0}.slider-dots button.active{background:#fff}.project-card{background:#fff;border:1px solid #dce5ef;border-radius:12px;overflow:hidden;transition:.35s;box-shadow:0 10px 30px #0e315310}.project-card:hover{transform:translateY(-8px)}.project-card div{padding:14px}.project-card b,.project-card small,.project-card span{display:block}.project-card span{margin-top:12px;color:#1765ca;font-size:10px;font-weight:900}.logo-track a{height:100px;width:190px;padding:20px 30px;display:grid;place-items:center}.logo-track img{max-width:100%;max-height:55px;object-fit:contain;filter:grayscale(1)}.contact-band{padding:55px 6%;display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:center;background:linear-gradient(135deg,#eef6ff,#fff)}.contact-band h2{font-size:38px}.contact-band form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-band input,.contact-band select,.contact-band textarea{width:100%;border:1px solid #d6e1ed;border-radius:9px;padding:13px}.contact-band textarea{grid-column:1/-1}.social{display:flex;gap:8px}.social a{width:35px;height:35px;border:1px solid #ffffff22;border-radius:50%;display:grid!important;place-items:center}.mobile-actions{display:none}.project-banner{background:linear-gradient(90deg,#061a36e8,#061a3677),var(--bg) center/cover}.project-detail{display:grid;grid-template-columns:1fr 1.15fr;gap:40px}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-gallery img{width:100%;height:210px;object-fit:cover;border-radius:12px}.project-gallery img:first-child{grid-column:1/-1;height:330px}
@media(max-width:850px){body{padding-bottom:62px}.menu-toggle{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:75px;left:0;right:0;background:#061a36;padding:18px;flex-direction:column}.nav nav.open{display:flex}.nav-quote{display:none}.contact-band,.project-detail{grid-template-columns:1fr}.contact-band form{grid-template-columns:1fr}.contact-band textarea{grid-column:auto}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:100;bottom:0;left:0;right:0;height:62px}.mobile-actions a{display:grid;place-items:center;color:#fff;background:#0b5fc9;font-weight:900}.mobile-actions a:last-child{background:#16a35a}}
.service-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-gallery img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:14px;box-shadow:0 16px 35px #0b31501c}@media(max-width:700px){.service-gallery{grid-template-columns:1fr}.service-gallery img{aspect-ratio:16/8}}
.top{background:rgba(2,15,33,.78);backdrop-filter:blur(14px)}.nav{background:linear-gradient(90deg,rgba(4,24,52,.86),rgba(4,18,40,.78));border-color:#ffffff1c;box-shadow:0 12px 35px #00132626}.drop>a{display:flex;align-items:center;gap:6px}.drop-arrow{display:inline-grid;place-items:center;width:16px;height:16px;line-height:1;transition:.25s}.drop:hover .drop-arrow{transform:rotate(180deg)}.menu{top:32px;border:1px solid #ffffff1c;box-shadow:0 20px 45px #00102066}.hero-slide .copy{height:100%;padding-top:0;padding-bottom:0;display:flex;flex-direction:column;justify-content:center}.hero-slide .copy h1{margin:9px 0;font-size:clamp(44px,4.2vw,66px);line-height:.98;max-width:700px}.hero-slide .copy p{margin:4px 0 20px}.solutions{gap:8px}.solutions a{border-radius:10px;background:#fff;min-height:92px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 25px #0b36500a}.solutions i{font-size:11px;font-weight:900;letter-spacing:1px;color:#1670d2}.solutions small{font-size:10px;line-height:1.25}.page-hero{min-height:450px;padding:90px 7%;display:flex;align-items:center;color:#fff;background:radial-gradient(circle at 80% 30%,#1d68ad55,transparent 33%),linear-gradient(120deg,#04152d,#0a3263);position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #ffffff1c;border-radius:50%;right:7%;top:10%;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.page-hero>div{position:relative;z-index:2}.page-hero small,.story-copy>small,.portfolio-intro small,.contact-info>small,.faq-aside>small{color:#61a9ff;font-weight:900;letter-spacing:2px}.page-hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;margin:13px 0}.page-hero h1 span{color:#68acff}.page-hero p{max-width:600px;color:#c5d6e9;line-height:1.7}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:80px}.story-visual{min-height:570px;position:relative}.story-visual img{position:absolute;object-fit:cover;border-radius:18px;box-shadow:0 25px 60px #09213c26}.story-img-1{width:72%;height:460px;left:0;top:0}.story-img-2{width:42%;height:250px;right:0;top:65px}.story-img-3{width:48%;height:220px;right:7%;bottom:0}.experience-badge{position:absolute;z-index:2;left:8%;bottom:12px;background:#0b61c8;color:#fff;padding:20px 25px;border-radius:14px;display:flex;gap:12px;align-items:center}.experience-badge b{font-size:36px}.story-copy h2{font-size:44px;line-height:1.08}.story-copy .html-content{max-height:650px;overflow:auto;padding-right:12px}.values-section{padding:70px 6%;background:#061a36}.value-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1400px;margin:auto}.value-cards article{padding:30px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff08;color:#fff}.value-cards article>b{color:#5faaff}.value-cards p{color:#aebfd2;line-height:1.6}.portfolio-page{padding-block:70px}.portfolio-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.portfolio-intro h2{font-size:44px;margin:8px 0}.portfolio-intro>p{max-width:520px;color:#62758a;line-height:1.7}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{position:relative;min-height:360px;border-radius:18px;overflow:hidden;color:#fff}.portfolio-card.featured{grid-column:span 2}.portfolio-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.6s}.portfolio-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#021326e8)}.portfolio-card div{position:absolute;z-index:2;bottom:0;padding:25px}.portfolio-card h3{font-size:25px;margin:8px 0}.portfolio-card span{font-size:10px;font-weight:900;color:#75b7ff}.portfolio-card:hover img{transform:scale(1.06)}.faq-page{display:grid;grid-template-columns:330px 1fr;gap:60px;padding-block:75px}.faq-aside{position:sticky;top:120px;height:max-content}.faq-aside h2{font-size:36px}.faq-aside p{line-height:1.7;color:#65798f;margin-bottom:25px}.faq-list details{background:#fff;border:1px solid #dce6f0;border-radius:13px;margin-bottom:12px;padding:0 20px}.faq-list summary{display:grid;grid-template-columns:45px 1fr 30px;align-items:center;padding:20px 0;font-weight:800;cursor:pointer}.faq-list summary i{font-style:normal;color:#1670d2}.faq-list summary b{font-size:22px}.faq-list details>div{padding:0 45px 22px;color:#61748a;line-height:1.7}.contact-page{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding-block:75px}.contact-info h2{font-size:42px}.contact-cards{display:grid;gap:12px}.contact-cards>a,.contact-cards>div{display:flex;gap:18px;padding:18px;border:1px solid #dbe6f0;border-radius:13px;background:#fff}.contact-cards i{font-style:normal;color:#1770d3;font-weight:900}.contact-cards span small,.contact-cards span b{display:block}.premium-form{padding:32px;background:#fff;border:1px solid #dbe6f0;border-radius:20px;box-shadow:0 25px 60px #0b315015}.premium-form>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.premium-form label{display:block;font-size:11px;font-weight:900;margin-bottom:15px}.premium-form input,.premium-form select,.premium-form textarea{width:100%;margin-top:7px;border:1px solid #d9e3ed;padding:13px;border-radius:9px}.premium-form button{border:0}.map-section iframe{display:block;width:100%;height:470px;border:0}@media(max-width:850px){.page-hero{min-height:390px;padding:65px 6%}.about-story,.contact-page,.faq-page{grid-template-columns:1fr}.story-visual{min-height:480px}.value-cards,.portfolio-grid{grid-template-columns:1fr 1fr}.faq-aside{position:static}.portfolio-intro{display:block}.portfolio-card.featured{grid-column:span 2}}@media(max-width:560px){.value-cards,.portfolio-grid{grid-template-columns:1fr}.portfolio-card.featured{grid-column:auto}.premium-form>div{grid-template-columns:1fr}.story-copy h2,.portfolio-intro h2,.contact-info h2{font-size:34px}}