:root{
  --primary:#24364f;
  --primary-2:#17283f;
  --brand-blue:#0878bd;
  --brand-blue-2:#0aa3df;
  --brand-green:#39b86a;
  --brand-green-2:#6cc94a;
  --ink:#26384c;
  --muted:#6d7a89;
  --soft-blue:#f3f9fd;
  --soft-green:#f3faf5;
  --soft:#f7f9fb;
  --line:#dfe8ef;
  --white:#fff;
  --shadow:0 24px 70px rgba(36,54,79,.16);
  --shadow-soft:0 14px 38px rgba(36,54,79,.10);
  --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.skip{position:fixed;left:12px;top:-60px;background:#fff;padding:8px 12px;z-index:9999}.skip:focus{top:12px}

/* Top bar + header */
.topbar{position:relative;overflow:hidden;background:var(--primary);color:#fff;font-size:13px}
.topbar:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.10) 48%,transparent 62%);transform:translateX(-120%);animation:topShine 8s linear infinite}
.topbar__inner{min-height:42px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:1}.topbar p{margin:0}.topbar__right{display:flex;align-items:center;gap:13px;font-weight:700}.social{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-size:10px;transition:.25s}.social:hover{background:#fff;color:var(--primary);transform:translateY(-2px)}
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid #edf2f4;transition:.3s;backdrop-filter:blur(12px)}.header.scrolled{box-shadow:0 12px 34px rgba(36,54,79,.12)}.header__inner{height:88px;display:flex;align-items:center;gap:24px}.brand{margin-right:auto}.brand img{width:210px}.nav{display:flex;align-items:center;gap:2px}.nav>a,.nav-item>button{position:relative;padding:31px 10px;border:0;background:none;color:var(--primary);font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}.nav>a:after,.nav-item>button:after{content:"";position:absolute;left:10px;right:10px;bottom:20px;height:2px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-green));transform:scaleX(0);transform-origin:left;transition:.25s}.nav>a:hover:after,.nav>a.active:after,.nav-item>button:hover:after{transform:scaleX(1)}.nav>a:hover,.nav>a.active,.nav-item>button:hover{color:var(--brand-blue)}.nav-item{position:relative}.nav-item b{font-size:11px;margin-left:3px}.dropdown{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:#fff;border-top:3px solid var(--brand-blue);box-shadow:var(--shadow);padding:10px;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;border-radius:0 0 10px 10px}.dropdown a{display:block;padding:10px 11px;border-bottom:1px solid #edf1f3;font-size:12px;font-weight:700;color:#52657a;transition:.2s}.dropdown a:hover{padding-left:16px;background:var(--soft-blue);color:var(--brand-blue)}.nav-item:hover>.dropdown,.nav-item:focus-within>.dropdown{opacity:1;visibility:visible;transform:none}.mega{width:610px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.mega strong{display:block;color:var(--primary);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:0 10px 6px}.header-cta{position:relative;overflow:hidden;background:var(--primary);color:#fff;padding:13px 19px;font-weight:800;font-size:13px;border-radius:7px;box-shadow:0 10px 24px rgba(36,54,79,.18);transition:.25s}.header-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-130%);transition:.5s}.header-cta:hover{background:var(--brand-blue);transform:translateY(-2px)}.header-cta:hover:after{transform:translateX(130%)}.menu-toggle{display:none;border:0;background:none;width:42px}.menu-toggle span{display:block;height:2px;background:var(--primary);margin:6px}

/* Hero rebuilt to match live-site idea */
.hero{height:650px;position:relative;background:var(--primary-2);overflow:hidden}.hero-slider,.slide{height:100%}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease}.slide.active{opacity:1;visibility:visible}.slide-bg{position:absolute;inset:0;overflow:hidden}.slide-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,40,63,.10),rgba(8,120,189,.05) 55%,rgba(57,184,106,.08))}.slide-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}.slide.active .slide-bg img{animation:heroZoom 8s ease-out forwards}
.slide__content{position:absolute;z-index:2;top:50%;transform:translateY(-50%);height:auto;display:block;color:var(--ink);max-width:760px;width:min(720px,calc(100% - 56px));margin-left:max(calc((100vw - var(--container))/2),28px);margin-right:0;padding:46px 48px 42px;background:rgba(255,255,255,.97);border-radius:14px;box-shadow:0 30px 80px rgba(23,40,63,.24);overflow:hidden}
.slide__content:before{content:"";position:absolute;left:0;top:0;width:8px;height:100%;background:linear-gradient(180deg,var(--brand-blue),var(--brand-green))}.slide__content:after{content:"";position:absolute;right:-65px;top:-65px;width:170px;height:170px;border:28px solid rgba(8,120,189,.07);border-radius:50%}
.slide.active .slide__content{animation:cardIn .85s cubic-bezier(.2,.8,.2,1) both}.slide.active .kicker{animation:fadeUp .6s .12s both}.slide.active h1,.slide.active h2{animation:fadeUp .65s .2s both}.slide.active .slide__content>p:not(.kicker){animation:fadeUp .7s .3s both}.slide.active .actions{animation:fadeUp .7s .42s both}
.kicker,.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--brand-green);margin:0 0 12px}.slide .kicker{font-family:Montserrat,sans-serif;text-transform:none;letter-spacing:-.02em;font-size:clamp(28px,3vw,43px);line-height:1;color:var(--primary);margin-bottom:10px}.slide h1,.slide h2{position:relative;z-index:1;font-family:Montserrat,sans-serif;font-size:clamp(45px,5vw,68px);line-height:1;margin:0 0 22px;letter-spacing:-.045em}.hero-blue{color:var(--brand-blue)}.hero-green{color:var(--brand-green)}.slide p:not(.kicker){position:relative;z-index:1;font-size:16px;color:#697482;max-width:690px;margin:0 0 28px}.slide p strong{color:var(--primary);font-weight:800}.actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;font-weight:800;font-size:13px;border-radius:7px;border:1px solid transparent;cursor:pointer;transition:.28s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(36,54,79,.18)}.btn--green{background:var(--primary);color:#fff}.btn--green:hover{background:var(--brand-blue)}.btn--outline{border-color:var(--brand-green);color:var(--primary);background:#fff}.btn--outline:hover{background:var(--brand-green);color:#fff}.btn--dark{background:var(--primary);color:#fff}.btn--white{background:#fff;color:var(--primary)}.hero-dots{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.hero-dots button{width:34px;height:5px;border:0;background:rgba(255,255,255,.55);padding:0;cursor:pointer;border-radius:20px;transition:.25s}.hero-dots button.active{width:54px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-green))}

/* Shared section styling */
.section{padding:100px 0;position:relative;overflow:hidden}.copy h2,.section-title h2{font-family:Montserrat,sans-serif;color:var(--primary);font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.03em;margin:0 0 22px}.copy p:not(.eyebrow),.section-title>p:not(.eyebrow){color:var(--muted)}.section-title{max-width:840px;margin-bottom:46px;position:relative;z-index:2}.section-title.centered{text-align:center;margin-left:auto;margin-right:auto}.section-title .eyebrow,.copy .eyebrow{display:inline-flex;align-items:center;gap:9px}.section-title .eyebrow:before,.copy .eyebrow:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-green))}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--brand-blue);font-weight:800;margin-top:14px}.text-link span{transition:.25s}.text-link:hover span{transform:translateX(5px)}

/* Quality strip */
.quality-strip{position:relative;z-index:4;margin:-28px auto 0;width:min(calc(100% - 40px),var(--container));background:#fff;border-radius:12px;box-shadow:var(--shadow)}.quality-strip:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(90deg,rgba(8,120,189,.3),rgba(57,184,106,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.quality-strip__inner{min-height:116px;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:0 30px}.quality-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--soft-blue),var(--soft-green));color:var(--brand-green);font-size:25px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(8,120,189,.08)}.quality-strip span,.quality-strip strong{display:block}.quality-strip span{font-size:12px;color:var(--brand-green);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.quality-strip strong{font-family:Montserrat,sans-serif;color:var(--primary);font-size:20px}.quality-strip a{color:var(--brand-blue);font-weight:800;font-size:13px;white-space:nowrap}

/* About */
.about{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}.about:before{content:"";position:absolute;width:420px;height:420px;left:-210px;top:80px;border-radius:50%;background:radial-gradient(circle,rgba(8,120,189,.12),rgba(8,120,189,0) 68%);animation:floatOrb 10s ease-in-out infinite}.about:after{content:"";position:absolute;right:3%;top:16%;width:120px;height:120px;background-image:radial-gradient(rgba(57,184,106,.24) 1.5px,transparent 1.5px);background-size:14px 14px;opacity:.7}.about__grid,.vision__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.about__media,.vision-image{position:relative}.about__media:after{content:"";position:absolute;left:-20px;bottom:-20px;width:52%;height:52%;border:3px solid rgba(57,184,106,.42);border-radius:18px;z-index:-1}.about__media img,.vision-image img{width:100%;height:520px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow-soft)}.about__media:before,.vision-image:before{content:"";position:absolute;left:-16px;top:30px;width:6px;height:150px;background:linear-gradient(var(--brand-blue),var(--brand-green));border-radius:8px}.media-label{position:absolute;left:28px;right:28px;bottom:24px;background:rgba(36,54,79,.92);backdrop-filter:blur(8px);color:#fff;padding:18px 20px;font-weight:700;font-size:14px;border-radius:10px;border-left:4px solid var(--brand-green)}

/* Vision */
.vision-section{background:linear-gradient(135deg,var(--soft-blue),#fff 45%,var(--soft-green));position:relative}.vision-section:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 26px,rgba(36,54,79,.025) 26px 27px)}.vision-section:after{content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border:70px solid rgba(8,120,189,.05);border-radius:50%;animation:spinSlow 30s linear infinite}.vision-image:after{content:"";position:absolute;right:-18px;top:-18px;width:170px;height:170px;border-radius:22px;background:linear-gradient(135deg,rgba(8,120,189,.16),rgba(57,184,106,.18));z-index:-1}.vision-card{position:absolute;right:-28px;bottom:28px;background:linear-gradient(135deg,var(--primary),var(--brand-blue));color:#fff;padding:24px 26px;width:300px;border-radius:12px;box-shadow:0 18px 50px rgba(36,54,79,.26)}.vision-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--brand-green);border-radius:12px 0 0 12px}.vision-card strong,.vision-card span{display:block}.vision-card span{font-size:12px;margin-top:4px;color:#dcebf4}

/* Solutions */
.solutions{background:#fff}.solutions:before{content:"";position:absolute;left:0;right:0;top:0;height:180px;background:linear-gradient(180deg,rgba(8,120,189,.045),transparent);clip-path:polygon(0 0,100% 0,100% 45%,0 100%)}.service-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{position:relative;min-height:440px;overflow:hidden;background:var(--primary);border-radius:16px;box-shadow:0 12px 34px rgba(36,54,79,.12);transition:.4s}.service-card:nth-child(even){transform:translateY(24px)}.service-card:hover{transform:translateY(-8px)}.service-card:nth-child(even):hover{transform:translateY(12px)}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(23,40,63,.98),rgba(23,40,63,.58) 46%,rgba(23,40,63,.08) 78%)}.service-card:before{content:"";position:absolute;z-index:3;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-green));transform:scaleX(.25);transform-origin:left;transition:.4s}.service-card:hover:before{transform:scaleX(1)}.service-card:hover img{transform:scale(1.08)}.service-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px;color:#fff}.service-overlay>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.13);color:#9fe7bb;font-weight:800}.service-overlay h3{font-family:Montserrat,sans-serif;font-size:23px;line-height:1.15;margin:12px 0 10px}.service-overlay p{font-size:13px;color:#dce6eb;margin:0 0 14px}.service-overlay a{font-size:12px;font-weight:800;color:#a9e8c0}

/* Service areas */
.service-areas{background:linear-gradient(135deg,var(--primary-2),var(--primary) 50%,#0b5c85);color:#fff}.service-areas:before,.service-areas:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08);animation:pulseRing 7s ease-in-out infinite}.service-areas:before{right:-150px;top:-180px;width:520px;height:520px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.service-areas:after{left:-180px;bottom:-220px;width:420px;height:420px;animation-delay:-3s}.section-title.light h2{color:#fff}.section-title.light .eyebrow{color:#88dfa8}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;z-index:1}.area-card{position:relative;border:1px solid rgba(255,255,255,.14);padding:34px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);border-radius:14px;overflow:hidden;transition:.35s}.area-card:before{content:"";position:absolute;inset:auto -40% -75% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(57,184,106,.28),transparent 68%);transition:.5s}.area-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.25)}.area-card:hover:before{transform:scale(1.35)}.area-no{color:#92e2ae;font-size:12px;font-weight:900;letter-spacing:.1em}.area-card h3{font-family:Montserrat,sans-serif;font-size:25px;margin:12px 0 20px}.area-card ul{margin:0;padding:0;list-style:none}.area-card li{position:relative;padding:8px 0 8px 17px;border-bottom:1px solid rgba(255,255,255,.08);color:#d7e3eb;font-size:13px}.area-card li:before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;border-radius:50%;background:var(--brand-green)}

/* Technology */
.technology{background:linear-gradient(180deg,#fff,var(--soft-blue));position:relative}.technology:before{content:"";position:absolute;right:4%;top:10%;width:160px;height:160px;background-image:radial-gradient(rgba(8,120,189,.2) 1.5px,transparent 1.5px);background-size:16px 16px;animation:driftDots 12s ease-in-out infinite}.tech-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tech-card{border:1px solid var(--line);background:#fff;padding:34px;min-height:370px;position:relative;overflow:hidden;border-radius:16px;box-shadow:0 10px 28px rgba(36,54,79,.07);transition:.4s}.tech-card:after{content:"";position:absolute;right:-70px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,rgba(8,120,189,.07),rgba(57,184,106,.1));transition:.5s}.tech-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-soft)}.tech-card:hover:after{transform:scale(1.25)}.tech-card.featured{background:linear-gradient(145deg,var(--primary),var(--brand-blue));color:#fff;border-color:transparent;transform:translateY(-18px)}.tech-card.featured:hover{transform:translateY(-28px)}.tech-card.featured h3,.tech-card.featured p{color:#fff}.tech-icon{position:relative;z-index:1;width:66px;height:66px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--soft-blue),var(--soft-green));color:var(--brand-blue);font-weight:900;box-shadow:inset 0 0 0 1px rgba(8,120,189,.08)}.featured .tech-icon{background:rgba(255,255,255,.14);color:#fff}.tech-card h3{position:relative;z-index:1;font-family:Montserrat,sans-serif;color:var(--primary);font-size:23px;margin:46px 0 14px}.tech-card p{position:relative;z-index:1;color:var(--muted);font-size:14px}

/* Stats */
.stats{position:relative;overflow:hidden;background:var(--primary);color:#fff}.stats:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;animation:gridMove 18s linear infinite}.stats:after{content:"";position:absolute;left:-10%;top:-150%;width:42%;height:400%;background:linear-gradient(90deg,transparent,rgba(8,120,189,.16),transparent);transform:rotate(20deg);animation:statsSweep 10s linear infinite}.stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr)}.stats-grid>div{min-height:165px;padding:26px 18px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.16);transition:.3s}.stats-grid>div:hover{background:rgba(255,255,255,.06)}.stats-grid strong{font-family:Montserrat,sans-serif;font-size:32px;color:#8de0ac}.stats-grid span{font-size:11px;font-weight:700;margin-top:7px;color:#e7eef3}

/* Projects */
.projects{background:#fff}.projects:before{content:"";position:absolute;right:-120px;top:60px;width:360px;height:360px;border-radius:46% 54% 62% 38% / 44% 46% 54% 56%;background:linear-gradient(135deg,rgba(8,120,189,.055),rgba(57,184,106,.06));animation:morph 10s ease-in-out infinite}.filters{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}.filters button{border:1px solid var(--line);background:#fff;color:#53677b;padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer;border-radius:999px;transition:.25s}.filters button.active,.filters button:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.project-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;transition:.35s;box-shadow:0 8px 24px rgba(36,54,79,.06)}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft)}.project-image{height:235px;position:relative;overflow:hidden}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.16));transform:translateX(-100%);transition:.6s}.project-card:hover .project-image:after{transform:translateX(100%)}.project-card>div:last-child{padding:21px}.project-card span{font-size:11px;color:var(--brand-green);font-weight:800;text-transform:uppercase}.project-card h3{font-family:Montserrat,sans-serif;color:var(--primary);font-size:20px;margin:5px 0 0}.gradient-a{background:linear-gradient(135deg,var(--primary),#5eb3d4)}.gradient-b{background:linear-gradient(135deg,#2e5a46,#8ed07f)}.gradient-c{background:linear-gradient(135deg,#566779,var(--primary-2))}.gradient-d{background:linear-gradient(135deg,#135b7d,#8ecbdc)}.gradient-e{background:linear-gradient(135deg,var(--brand-blue),#d7eef7)}.gradient-f{background:linear-gradient(135deg,#4f7b97,#b0cfdf)}.gradient-g{background:linear-gradient(135deg,#756047,#c4a67e)}.gradient-h{background:linear-gradient(135deg,#4d536e,#a9b7d5)}.hidden-project{display:none}.center{text-align:center;margin-top:32px}

/* Blogs */
.blogs{background:linear-gradient(180deg,var(--soft-blue),#fff);position:relative}.blogs:before{content:"";position:absolute;left:-120px;bottom:-160px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(57,184,106,.10),transparent 68%)}.blog-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(36,54,79,.06);transition:.35s}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft)}.blog-thumb{height:235px;overflow:hidden}.blog-thumb img{width:100%;height:100%;object-fit:cover;transition:.6s}.blog-card:hover img{transform:scale(1.07)}.blog-body{padding:25px}.blog-body>span{color:var(--brand-green);font-size:11px;text-transform:uppercase;font-weight:900}.blog-body h3{font-family:Montserrat,sans-serif;color:var(--primary);font-size:20px;line-height:1.3}.blog-body p{font-size:13px;color:var(--muted)}.blog-body a{color:var(--brand-blue);font-weight:800;font-size:12px}

/* Clients */
.clients{position:relative;padding:90px 0;overflow:hidden;background:linear-gradient(135deg,#fff,var(--soft-green))}.clients:before{content:"";position:absolute;left:4%;top:18%;width:110px;height:110px;background-image:radial-gradient(rgba(57,184,106,.2) 1.5px,transparent 1.5px);background-size:14px 14px}.logo-track-wrap{overflow:hidden;margin-top:24px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.logo-track{display:flex;width:max-content;gap:20px;animation:logoScroll 28s linear infinite}.logo-track-wrap:hover .logo-track{animation-play-state:paused}.logo-box{width:185px;height:105px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;place-items:center;padding:15px;flex:0 0 auto;box-shadow:0 8px 22px rgba(36,54,79,.06);transition:.3s}.logo-box:hover{transform:translateY(-5px);border-color:rgba(8,120,189,.3)}.logo-box img{max-height:70px;max-width:130px;object-fit:contain}.text-logo{font-family:Montserrat,sans-serif;font-weight:800;color:#69788a}

/* CTA + footer */
.contact-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--primary-2),var(--primary) 55%,#0a5e88);color:#fff}.contact-cta:before{content:"";position:absolute;right:-60px;top:-120px;width:360px;height:360px;border:70px solid rgba(255,255,255,.045);border-radius:50%;animation:spinSlow 24s linear infinite}.contact-cta:after{content:"";position:absolute;left:-20%;top:0;width:24%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:ctaSweep 8s linear infinite}.cta__inner{position:relative;z-index:1;min-height:290px;display:flex;align-items:center;justify-content:space-between;gap:50px}.cta__inner h2{font-family:Montserrat,sans-serif;font-size:clamp(32px,4vw,50px);line-height:1.08;margin:0 0 14px;max-width:850px}.cta__inner p:not(.eyebrow){color:#dce8f1}.light-green{color:#8fe1ad}.footer{background:#101f33;color:#c7d7e0;padding:74px 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:45px;padding-bottom:48px}.footer-brand img{width:205px;filter:brightness(0) invert(1);opacity:.96}.footer-brand p{font-size:13px;color:#98a9b8;max-width:440px}.footer h3{color:#fff;font-size:15px;margin:0 0 18px}.footer-grid>div:not(.footer-brand)>a{display:block;color:#9babb8;font-size:13px;margin:9px 0;transition:.2s}.footer-grid a:hover{color:#fff;transform:translateX(3px)}.footer-contact{display:flex;flex-direction:column;gap:5px;font-size:13px;margin-top:18px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#8295a5}.footer-bottom div{display:flex;gap:18px}

/* Floating actions */
.floating-actions{position:fixed;right:18px;bottom:90px;z-index:990;display:flex;flex-direction:column;gap:10px}.float{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.22);transition:.25s}.float:hover{transform:translateY(-4px) scale(1.04)}.call{background:var(--primary)}.whatsapp{background:#21a95b;font-size:11px}.to-top{position:fixed;right:21px;bottom:25px;width:42px;height:42px;border:1px solid var(--line);background:#fff;color:var(--primary);border-radius:50%;box-shadow:0 8px 22px rgba(0,0,0,.12);opacity:0;visibility:hidden;transition:.25s}.to-top.show{opacity:1;visibility:visible}.to-top:hover{transform:translateY(-3px)}

/* Reveal animations */
.reveal{opacity:0;transform:translateY(42px) scale(.985);filter:blur(2px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.reveal.in{opacity:1;transform:none;filter:none}.service-grid .reveal:nth-child(2),.area-grid .reveal:nth-child(2),.tech-grid .reveal:nth-child(2),.blog-grid .reveal:nth-child(2){transition-delay:.12s}.service-grid .reveal:nth-child(3),.area-grid .reveal:nth-child(3),.tech-grid .reveal:nth-child(3),.blog-grid .reveal:nth-child(3){transition-delay:.24s}.service-grid .reveal:nth-child(4){transition-delay:.36s}

/* Animations */
@keyframes topShine{to{transform:translateX(140%)}}
@keyframes heroZoom{from{transform:scale(1.03)}to{transform:scale(1.09)}}
@keyframes cardIn{from{opacity:0;transform:translateY(-45%) translateX(-42px) scale(.98)}to{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes floatOrb{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-28px) scale(1.05)}}
@keyframes spinSlow{to{transform:rotate(360deg)}}
@keyframes pulseRing{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.06);opacity:1}}
@keyframes driftDots{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,24px)}}
@keyframes gridMove{to{background-position:42px 42px}}
@keyframes statsSweep{to{transform:translateX(420%) rotate(20deg)}}
@keyframes morph{0%,100%{border-radius:46% 54% 62% 38% / 44% 46% 54% 56%;transform:rotate(0)}50%{border-radius:61% 39% 39% 61% / 55% 58% 42% 45%;transform:rotate(8deg)}}
@keyframes logoScroll{to{transform:translateX(-50%)}}
@keyframes ctaSweep{to{transform:translateX(600%)}}

@media(max-width:1120px){
  .menu-toggle{display:block}.header-cta{display:none}.nav{position:fixed;left:18px;right:18px;top:130px;background:#fff;box-shadow:var(--shadow);padding:12px;display:none;flex-direction:column;align-items:stretch;max-height:calc(100vh - 152px);overflow:auto;border-radius:12px}.nav.open{display:flex}.nav>a,.nav-item>button{width:100%;padding:11px;text-align:left}.nav>a:after,.nav-item>button:after{display:none}.dropdown,.mega{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:0;background:var(--soft-blue);border-radius:8px}.nav-item.open>.dropdown{display:block}.mega{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(even){transform:none}.service-card:nth-child(even):hover{transform:translateY(-8px)}.stats-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}
}
@media(max-width:800px){
  .container{width:min(calc(100% - 28px),var(--container))}.topbar p{display:none}.topbar__inner{justify-content:center}.header__inner{height:74px}.brand img{width:182px}.nav{top:116px;left:12px;right:12px}.hero{height:650px}.slide__content{width:calc(100% - 28px);margin-left:14px;padding:38px 30px 34px}.slide .kicker{font-size:30px}.slide h1,.slide h2{font-size:48px}.quality-strip{width:calc(100% - 28px);margin-top:-20px}.quality-strip__inner{grid-template-columns:auto 1fr;padding:20px}.quality-strip a{grid-column:2}.section{padding:78px 0}.about__grid,.vision__grid{grid-template-columns:1fr;gap:48px}.about__media img,.vision-image img{height:420px}.vision-card{right:15px}.service-grid,.area-grid,.tech-grid,.project-grid,.blog-grid{grid-template-columns:1fr 1fr}.tech-card.featured{transform:none}.tech-card.featured:hover{transform:translateY(-10px)}.stats-grid{grid-template-columns:1fr 1fr}.cta__inner{padding:50px 0;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{padding:18px 0;flex-direction:column;align-items:flex-start}.footer-bottom div{flex-wrap:wrap}
}
@media(max-width:560px){
  .hero{height:690px}.slide__content{padding:32px 24px 30px}.slide .kicker{font-size:27px}.slide h1,.slide h2{font-size:39px}.slide p:not(.kicker){font-size:14px}.actions .btn{width:100%}.quality-strip strong{font-size:16px}.quality-strip__inner{grid-template-columns:1fr;text-align:center}.quality-icon{margin:auto}.quality-strip a{grid-column:auto}.about__media img,.vision-image img{height:330px}.service-grid,.area-grid,.tech-grid,.project-grid,.blog-grid{grid-template-columns:1fr}.service-card{min-height:400px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div{min-height:125px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.filters{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.filters button{white-space:nowrap}.logo-box{width:150px}.floating-actions{right:12px}.to-top{right:15px}.vision-card{position:relative;right:auto;bottom:auto;margin:-45px 15px 0;width:auto}.about__media:after{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}.logo-track{animation:none}}

/* =========================================================
   V4 BRIGHT BRAND + CREATIVE MOTION LAYER
   ========================================================= */
:root{
  --primary:#24364f;
  --primary-2:#122b50;
  --brand-blue:#006ab7;
  --brand-blue-2:#00a5e5;
  --brand-cyan:#10c5f4;
  --brand-green:#33cf67;
  --brand-green-2:#78e24f;
  --soft-blue:#eefaff;
  --soft-green:#effff3;
  --line:#d6edf7;
  --shadow:0 26px 75px rgba(20,55,92,.18);
  --shadow-soft:0 18px 48px rgba(0,106,183,.14);
}
body{background:#fff}
::selection{background:var(--brand-blue-2);color:#fff}

/* brighter controls */
.topbar{background:linear-gradient(90deg,#24364f 0%,#0c4c83 48%,#006ab7 100%)}
.header-cta,.btn--green,.btn--dark{background:linear-gradient(135deg,var(--primary) 0%,var(--brand-blue) 58%,var(--brand-blue-2) 130%)}
.header-cta:hover,.btn--green:hover,.btn--dark:hover{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-2));box-shadow:0 15px 35px rgba(0,165,229,.28)}
.btn--outline{border-color:var(--brand-blue-2);color:var(--brand-blue);box-shadow:inset 0 0 0 0 var(--brand-blue-2)}
.btn--outline:hover{background:var(--brand-blue-2);border-color:var(--brand-blue-2)}
.hero-blue{background:linear-gradient(90deg,#006ab7,#00a5e5);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-green{background:linear-gradient(90deg,#20bd5d,#79e848);-webkit-background-clip:text;background-clip:text;color:transparent}
.slide__content:before{background:linear-gradient(180deg,#00a5e5,#10c5f4 45%,#33cf67 78%,#78e24f)}
.slide__content{border:1px solid rgba(0,165,229,.18);box-shadow:0 34px 90px rgba(18,43,80,.26),0 0 0 1px rgba(255,255,255,.8) inset}
.slide__content:after{border-color:rgba(0,165,229,.09);animation:pulseRing 5s ease-in-out infinite}

/* animated title treatment across sections */
.section-title h2,.copy h2{position:relative}
.section-title h2:after,.copy h2:after{content:"";display:block;width:72px;height:4px;margin-top:18px;border-radius:999px;background:linear-gradient(90deg,var(--brand-blue-2),var(--brand-green));box-shadow:0 0 18px rgba(0,165,229,.28);animation:titlePulse 3s ease-in-out infinite}
.section-title.centered h2:after{margin-left:auto;margin-right:auto}
.title-accent{background:linear-gradient(90deg,var(--brand-blue-2),var(--brand-green));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:var(--brand-blue);text-shadow:0 5px 20px rgba(0,165,229,.12)}
.section-title .eyebrow:before,.copy .eyebrow:before{background:linear-gradient(90deg,var(--brand-blue-2),var(--brand-green));box-shadow:0 0 12px rgba(0,165,229,.35);animation:lineGrow 2.8s ease-in-out infinite}

/* Make every major section feel alive */
.about{background:linear-gradient(135deg,#fff 0%,#f1fbff 50%,#f5fff4 100%)}
.about:after{content:"";position:absolute;right:-80px;bottom:30px;width:240px;height:240px;border-radius:38% 62% 55% 45%;background:linear-gradient(135deg,rgba(0,165,229,.13),rgba(51,207,103,.15));filter:blur(2px);animation:morph 9s ease-in-out infinite reverse}
.about__media{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.about__media:hover{transform:translateY(-8px) rotate(-.4deg)}
.about__media:before{content:"";position:absolute;inset:-10px 38% 46% -12px;border:2px solid rgba(0,165,229,.28);border-radius:20px;z-index:-1;animation:frameFloat 5s ease-in-out infinite}

.vision-section{background:linear-gradient(135deg,#f2fbff 0%,#ffffff 45%,#f1fff5 100%)}
.vision-section:before{background-image:radial-gradient(circle,rgba(0,165,229,.22) 1.7px,transparent 1.8px);background-size:18px 18px;animation:driftDots 8s ease-in-out infinite}
.vision-image:before{content:"";position:absolute;left:-24px;top:-24px;width:110px;height:110px;border-radius:50%;border:12px solid rgba(51,207,103,.14);box-shadow:0 0 0 18px rgba(0,165,229,.06);animation:pulseRing 4s ease-in-out infinite}
.vision-card{background:linear-gradient(135deg,#24364f,#006ab7);box-shadow:0 20px 50px rgba(0,106,183,.3)}

.solutions{background:linear-gradient(180deg,#ffffff 0%,#eefaff 52%,#ffffff 100%)}
.solutions:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(0,165,229,.055) 48%,transparent 62%);transform:translateX(-110%);animation:sectionSweep 12s linear infinite}
.service-card{border:1px solid rgba(0,165,229,.14);box-shadow:0 18px 50px rgba(18,43,80,.10)}
.service-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,rgba(0,165,229,.0),rgba(0,165,229,.85),rgba(51,207,103,.85),rgba(51,207,103,0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:.45s}
.service-card:hover:after{opacity:1}
.service-card:hover img{transform:scale(1.09) rotate(.6deg)}
.service-overlay>span{background:linear-gradient(135deg,var(--brand-blue-2),var(--brand-green));color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,165,229,.28)}

.technology{background:linear-gradient(135deg,#f2fbff 0%,#fff 46%,#effff3 100%)}
.technology:after{content:"";position:absolute;right:-140px;top:80px;width:420px;height:420px;border-radius:50%;background:conic-gradient(from 45deg,rgba(0,165,229,.10),transparent 35%,rgba(51,207,103,.12),transparent 70%,rgba(0,165,229,.10));animation:spinSlow 26s linear infinite}
.tech-card{overflow:hidden;border-color:rgba(0,165,229,.15);box-shadow:0 16px 44px rgba(18,43,80,.08)}
.tech-card:after{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-100px;border-radius:50%;background:linear-gradient(135deg,rgba(0,165,229,.16),rgba(51,207,103,.16));transition:.5s;z-index:-1}
.tech-card:hover:after{transform:scale(2.25)}
.tech-icon{background:linear-gradient(135deg,#006ab7,#00a5e5 55%,#33cf67);box-shadow:0 14px 30px rgba(0,165,229,.25);color:#fff}
.tech-card.featured{background:linear-gradient(145deg,#24364f,#006ab7 68%,#00a5e5);box-shadow:0 22px 60px rgba(0,106,183,.28)}

.stats{background:linear-gradient(115deg,#172b4b 0%,#006ab7 55%,#00a5e5 125%)}
.stats-grid strong{color:#7cf58a;text-shadow:0 0 24px rgba(124,245,138,.24)}
.stats-grid>div{position:relative;overflow:hidden}
.stats-grid>div:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;transform:scaleX(0);background:linear-gradient(90deg,#00d7ff,#7cf58a);transition:.4s;transform-origin:left}
.stats-grid>div:hover:after{transform:scaleX(1)}

.projects{background:linear-gradient(135deg,#fff 0%,#f3fbff 45%,#fff 72%,#f3fff5 100%)}
.filters button.active,.filters button:hover{background:linear-gradient(135deg,var(--primary),var(--brand-blue));border-color:transparent;box-shadow:0 10px 25px rgba(0,106,183,.2)}
.project-card{border-color:rgba(0,165,229,.16)}
.project-card:hover{box-shadow:0 24px 60px rgba(0,106,183,.18)}
.project-card:after{content:"↗";position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--brand-blue);box-shadow:0 10px 24px rgba(18,43,80,.14);opacity:0;transform:translateY(8px) rotate(-20deg);transition:.35s}
.project-card:hover:after{opacity:1;transform:none}
.project-card{position:relative}

.blogs{background:linear-gradient(135deg,#eaf9ff 0%,#fff 48%,#effff3 100%)}
.blogs:after{content:"";position:absolute;right:3%;top:12%;width:140px;height:140px;background-image:radial-gradient(rgba(0,165,229,.32) 2px,transparent 2px);background-size:17px 17px;animation:driftDots 7s ease-in-out infinite reverse}
.blog-card{border-color:rgba(0,165,229,.16)}
.blog-card:hover{box-shadow:0 25px 60px rgba(0,106,183,.18)}
.blog-body>span{color:var(--brand-blue)}
.blog-body a{display:inline-flex;gap:8px;align-items:center}
.blog-body a:after{content:"→";transition:.3s}
.blog-card:hover .blog-body a:after{transform:translateX(6px)}

.clients{background:linear-gradient(135deg,#ffffff 0%,#effbff 48%,#edfff2 100%)}
.clients:after{content:"";position:absolute;right:-80px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,165,229,.17),transparent 65%);animation:floatOrb 8s ease-in-out infinite}
.logo-box{border-color:rgba(0,165,229,.15);box-shadow:0 12px 32px rgba(18,43,80,.08)}
.logo-box:hover{transform:translateY(-7px) scale(1.025);box-shadow:0 20px 45px rgba(0,165,229,.18);border-color:rgba(0,165,229,.45)}

.contact-cta{background:linear-gradient(115deg,#24364f 0%,#006ab7 55%,#00a5e5 100%)}
.contact-cta:before{border-color:rgba(255,255,255,.08);box-shadow:0 0 0 50px rgba(51,207,103,.035),0 0 0 100px rgba(255,255,255,.025)}
.light-green{color:#7cf58a}

/* Completely redesigned service areas */
.service-areas{background:linear-gradient(135deg,#eefaff 0%,#ffffff 48%,#effff3 100%);color:var(--ink);isolation:isolate}
.service-areas:before,.service-areas:after{display:none}
.service-ecosystem{padding-top:115px;padding-bottom:120px}
.service-ecosystem .section-title{max-width:920px}
.service-ecosystem .section-title h2{color:var(--primary)}
.service-ecosystem .section-title>p:not(.eyebrow){max-width:760px;margin-left:auto;margin-right:auto}
.area-mesh{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(0,165,229,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,165,229,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);animation:gridMove 18s linear infinite}
.area-orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:-2;opacity:.78}
.area-orb--one{width:340px;height:340px;left:-170px;top:120px;background:radial-gradient(circle,rgba(0,165,229,.23),rgba(0,165,229,0) 68%);animation:floatOrb 9s ease-in-out infinite}
.area-orb--two{width:380px;height:380px;right:-170px;bottom:40px;background:radial-gradient(circle,rgba(51,207,103,.22),rgba(51,207,103,0) 68%);animation:floatOrb 11s ease-in-out infinite reverse}
.area-experience{display:grid;grid-template-columns:.88fr 1.35fr;gap:56px;align-items:center;position:relative;z-index:1}
.area-hub{min-height:560px;position:relative;display:grid;place-items:center;perspective:900px}
.hub-core{position:relative;z-index:5;width:280px;height:280px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px;background:linear-gradient(145deg,#24364f 0%,#006ab7 58%,#00a5e5 100%);color:#fff;box-shadow:0 35px 80px rgba(0,106,183,.32),inset 0 0 0 1px rgba(255,255,255,.18)}
.hub-core:before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(255,255,255,.32);animation:spinSlow 18s linear infinite}
.hub-core:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px solid rgba(51,207,103,.36);box-shadow:0 0 34px rgba(51,207,103,.16);animation:pulseRing 3.6s ease-in-out infinite}
.hub-kicker{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#7cf58a;font-weight:900}
.hub-core strong{position:relative;z-index:1;font-family:Montserrat,sans-serif;font-size:40px;line-height:.98;margin:10px 0 14px}
.hub-core small{position:relative;z-index:1;color:#dff7ff;font-size:11px;line-height:1.45}
.hub-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(0,106,183,.24);border-radius:50%;transform:translate(-50%,-50%);animation:spinSlow linear infinite}
.hub-orbit i{position:absolute;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#00d7ff,#7cf58a);box-shadow:0 0 0 7px rgba(0,165,229,.10),0 0 22px rgba(0,165,229,.48)}
.hub-orbit--one{width:370px;height:370px;animation-duration:18s}.hub-orbit--one i{left:38px;top:62px}
.hub-orbit--two{width:450px;height:450px;border-style:dashed;animation-duration:26s;animation-direction:reverse}.hub-orbit--two i{right:48px;bottom:72px;background:linear-gradient(135deg,#33cf67,#a3ff5c)}
.hub-orbit--three{width:520px;height:520px;opacity:.55;animation-duration:38s}.hub-orbit--three i{left:50%;top:-7px}
.hub-label{position:absolute;z-index:6;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(0,165,229,.18);box-shadow:0 12px 34px rgba(18,43,80,.12);font-size:11px;font-weight:900;color:var(--primary);backdrop-filter:blur(10px);animation:labelFloat 4.5s ease-in-out infinite}
.hub-label--a{top:15%;right:2%}.hub-label--b{left:1%;bottom:25%;animation-delay:-1.5s}.hub-label--c{right:5%;bottom:8%;animation-delay:-3s}
.area-stack{display:grid;gap:22px}
.area-card{position:relative;min-height:0;padding:27px 28px;border-radius:20px;background:rgba(255,255,255,.92);border:1px solid rgba(0,165,229,.17);box-shadow:0 18px 46px rgba(18,43,80,.09);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s;transform-style:preserve-3d}
.area-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;border-radius:20px 0 0 20px;background:linear-gradient(180deg,#006ab7,#00a5e5);transition:.4s}
.area-card:after{content:"";position:absolute;right:-80px;top:-100px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,165,229,.15),transparent 66%);transition:.5s}
.area-card--green:before{background:linear-gradient(180deg,#18b957,#7cf58a)}
.area-card--green:after{background:radial-gradient(circle,rgba(51,207,103,.18),transparent 66%)}
.area-card--cyan:before{background:linear-gradient(180deg,#00a5e5,#10d7f4)}
.area-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(0,106,183,.16);border-color:rgba(0,165,229,.42)}
.area-card:hover:before{width:9px}
.area-card:hover:after{transform:scale(1.35) translate(-18px,18px)}
.area-card__head{display:flex;align-items:center;gap:18px;position:relative;z-index:2}
.area-icon{width:62px;height:62px;flex:0 0 62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#eefaff,#dff7ff);color:var(--brand-blue);box-shadow:inset 0 0 0 1px rgba(0,165,229,.16),0 10px 24px rgba(0,165,229,.10);transition:.4s}
.area-card--green .area-icon{background:linear-gradient(135deg,#effff3,#dcffe5);color:#1bb956}
.area-card:hover .area-icon{transform:rotate(-5deg) scale(1.08);box-shadow:0 14px 32px rgba(0,165,229,.18)}
.area-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.area-no{font-size:10px;color:var(--brand-blue);text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.area-card--green .area-no{color:#1bb956}
.area-card h3{font-family:Montserrat,sans-serif;font-size:25px;color:var(--primary);margin:3px 0 0}
.area-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;position:relative;z-index:2}
.area-tags span{padding:8px 11px;border-radius:999px;background:#f3fbff;border:1px solid rgba(0,165,229,.12);color:#50667a;font-size:11px;font-weight:700;transition:.28s}
.area-card--green .area-tags span{background:#f2fff5;border-color:rgba(51,207,103,.16)}
.area-tags span:hover{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-2));border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,165,229,.18)}
.area-card--green .area-tags span:hover{background:linear-gradient(135deg,#18b957,#5be579)}

/* Animated footer */
.footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#152b49 0%,#0d3f70 52%,#006ab7 115%);color:#dff3ff;padding:0;isolation:isolate}
.footer:before{content:"";position:absolute;inset:0;z-index:-4;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;animation:gridMove 24s linear infinite}
.footer:after{content:"";position:absolute;left:-18%;bottom:-55%;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(0,213,255,.18),transparent 66%);z-index:-3;animation:floatOrb 12s ease-in-out infinite}
.footer-visual span{position:absolute;border-radius:50%;z-index:-2;filter:blur(.2px)}
.footer-visual span:nth-child(1){width:180px;height:180px;right:8%;top:18%;border:1px solid rgba(124,245,138,.20);box-shadow:0 0 0 38px rgba(255,255,255,.018),0 0 0 76px rgba(0,165,229,.022);animation:pulseRing 6s ease-in-out infinite}
.footer-visual span:nth-child(2){width:22px;height:22px;right:19%;top:14%;background:#7cf58a;box-shadow:0 0 26px rgba(124,245,138,.55);animation:footerParticle 7s ease-in-out infinite}
.footer-visual span:nth-child(3){width:15px;height:15px;left:7%;top:38%;background:#00d7ff;box-shadow:0 0 24px rgba(0,215,255,.65);animation:footerParticle 9s ease-in-out infinite reverse}
.footer-visual span:nth-child(4){width:120px;height:120px;right:-40px;bottom:14%;background:linear-gradient(135deg,rgba(0,165,229,.18),rgba(51,207,103,.12));filter:blur(1px);animation:morph 10s ease-in-out infinite}
.footer-flow{overflow:hidden;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);backdrop-filter:blur(8px)}
.footer-flow div{width:max-content;padding:13px 0;font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;color:rgba(255,255,255,.72);animation:footerTicker 24s linear infinite}
.footer-flow b{color:#7cf58a;margin:0 18px}
.footer-feature{position:relative;z-index:2;margin-top:70px;margin-bottom:70px;padding:36px 38px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:linear-gradient(115deg,rgba(255,255,255,.12),rgba(255,255,255,.065));border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 70px rgba(0,0,0,.14);backdrop-filter:blur(16px);overflow:hidden}
.footer-feature:before{content:"";position:absolute;left:-20%;top:0;width:20%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:ctaSweep 8s linear infinite}
.footer-feature:after{content:"";position:absolute;right:-50px;top:-90px;width:240px;height:240px;border-radius:50%;border:45px solid rgba(124,245,138,.07);animation:spinSlow 18s linear infinite}
.footer-feature__kicker{display:block;color:#7cf58a;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:900;margin-bottom:8px}
.footer-feature h2{position:relative;z-index:1;font-family:Montserrat,sans-serif;font-size:clamp(28px,3vw,44px);line-height:1.06;max-width:700px;margin:0;color:#fff}
.footer-feature h2 em{font-style:normal;background:linear-gradient(90deg,#00d7ff,#7cf58a);-webkit-background-clip:text;background-clip:text;color:transparent}
.footer-feature__button{position:relative;z-index:2;flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:9px 10px 9px 19px;border-radius:999px;background:#fff;color:var(--primary);font-size:12px;font-weight:900;box-shadow:0 16px 38px rgba(0,0,0,.18);transition:.35s}
.footer-feature__button b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-2));color:#fff;font-size:18px;transition:.35s}
.footer-feature__button:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.22)}
.footer-feature__button:hover b{transform:rotate(45deg);background:linear-gradient(135deg,#20bd5d,#7cf58a)}
.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:45px;padding-bottom:48px}
.footer-logo{display:inline-block;background:#fff;border-radius:14px;padding:9px 14px;box-shadow:0 15px 38px rgba(0,0,0,.16);transition:.35s}
.footer-logo:hover{transform:translateY(-5px) rotate(-1deg)}
.footer-brand img{width:205px;filter:none;opacity:1}
.footer-brand p{font-size:13px;color:#bed9e9;max-width:440px}
.footer h3{position:relative;color:#fff;font-size:15px;margin:0 0 22px;padding-bottom:12px}
.footer h3:after{content:"";position:absolute;left:0;bottom:0;width:38px;height:3px;border-radius:999px;background:linear-gradient(90deg,#00d7ff,#7cf58a);box-shadow:0 0 16px rgba(0,215,255,.34)}
.footer-col>a{position:relative;display:block;color:#c2deeb;font-size:13px;margin:10px 0;padding-left:0;transition:.28s}
.footer-col>a:before{content:"→";position:absolute;left:-18px;color:#7cf58a;opacity:0;transform:translateX(-5px);transition:.28s}
.footer-col>a:hover{color:#fff;transform:translateX(18px)}
.footer-col>a:hover:before{opacity:1;transform:none}
.footer-socials{display:flex;gap:9px;margin-top:22px}
.footer-socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font-size:11px;font-weight:900;transition:.35s}
.footer-socials a:hover{transform:translateY(-5px) rotate(8deg);background:linear-gradient(135deg,var(--brand-blue-2),var(--brand-green));border-color:transparent;box-shadow:0 12px 28px rgba(0,165,229,.25)}
.footer-contact-strip{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.2fr 1.4fr;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
.footer-contact-strip>a,.footer-contact-strip>div{padding:24px 26px;border-right:1px solid rgba(255,255,255,.12);transition:.3s}
.footer-contact-strip>*:last-child{border-right:0}
.footer-contact-strip>a:hover{background:rgba(255,255,255,.07)}
.footer-contact-strip span,.footer-contact-strip strong{display:block}
.footer-contact-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#7cf58a;font-weight:900;margin-bottom:5px}
.footer-contact-strip strong{font-size:13px;color:#fff;font-weight:700}
.footer-bottom{position:relative;z-index:2;min-height:76px;border-top:0;color:#a8c8d9}
.footer-bottom a{transition:.25s}.footer-bottom a:hover{color:#7cf58a}

/* 3D tilt helper */
.tilt-card{will-change:transform}

/* stronger reveal variations */
.reveal{transform:translateY(56px) scale(.97);filter:blur(5px);transition-duration:.9s}
.reveal.in{transform:none;filter:none}
.section-title.reveal.in .eyebrow{animation:fadeUp .55s both}
.section-title.reveal.in h2{animation:fadeUp .7s .08s both}
.section-title.reveal.in>p:not(.eyebrow){animation:fadeUp .7s .16s both}

@keyframes titlePulse{0%,100%{width:72px;opacity:1}50%{width:112px;opacity:.72}}
@keyframes lineGrow{0%,100%{width:28px}50%{width:42px}}
@keyframes frameFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-8px)}}
@keyframes sectionSweep{to{transform:translateX(220%)}}
@keyframes labelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes footerParticle{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-34px) scale(1.25)}}
@keyframes footerTicker{to{transform:translateX(-50%)}}

@media(max-width:1120px){
  .area-experience{grid-template-columns:1fr;gap:24px}.area-hub{min-height:500px}.area-stack{grid-template-columns:repeat(3,1fr);gap:16px}.area-card{padding:23px}.area-card__head{align-items:flex-start;flex-direction:column}.area-card h3{font-size:21px}.area-tags span{font-size:10px}.footer-feature{margin-top:55px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}
}
@media(max-width:800px){
  .area-hub{min-height:470px;transform:scale(.9);margin:-20px 0}.area-stack{grid-template-columns:1fr}.area-card__head{flex-direction:row;align-items:center}.footer-feature{flex-direction:column;align-items:flex-start;padding:30px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-contact-strip{grid-template-columns:1fr}.footer-contact-strip>a,.footer-contact-strip>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.footer-contact-strip>*:last-child{border-bottom:0}
}
@media(max-width:560px){
  .service-ecosystem{padding-top:86px;padding-bottom:90px}.area-hub{min-height:390px;transform:scale(.72);margin:-65px -60px -40px}.hub-label{font-size:10px}.area-card{padding:21px 18px}.area-icon{width:54px;height:54px;flex-basis:54px}.area-card h3{font-size:19px}.footer-feature{margin-top:42px;margin-bottom:45px;padding:25px 22px;border-radius:18px}.footer-feature__button{width:100%;justify-content:space-between}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-logo img{width:185px}.footer-bottom{padding:20px 0}
}

/* =========================================================
   V5 SECTION REDESIGN LAYER
   Approved V4 hero/service-areas/footer retained.
   ========================================================= */

/* About: layered editorial stage */
.about-v5{background:linear-gradient(120deg,#ffffff 0%,#ecf9ff 48%,#f0fff4 100%);isolation:isolate}
.about-v5:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,15%) var(--mouse-y,30%),rgba(0,165,229,.13),transparent 23%);pointer-events:none;transition:background .25s}
.about-v5:after{content:"";position:absolute;right:-6%;top:8%;width:340px;height:340px;border-radius:44% 56% 61% 39%;background:linear-gradient(135deg,rgba(0,165,229,.12),rgba(51,207,103,.18));filter:blur(2px);animation:morph 10s ease-in-out infinite;z-index:-1}
.about-v5__orbit{position:absolute;left:-170px;bottom:-180px;width:480px;height:480px;border-radius:50%;border:1px solid rgba(0,106,183,.12);animation:spinSlow 34s linear infinite;z-index:-1}
.about-v5__orbit span{position:absolute;border-radius:50%;border:1px dashed rgba(0,165,229,.18);inset:55px}.about-v5__orbit span:nth-child(2){inset:115px;border-color:rgba(51,207,103,.22)}.about-v5__orbit span:nth-child(3){inset:175px;background:rgba(0,165,229,.055);border:0}
.about-v5__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:90px;align-items:center;position:relative;z-index:1}
.about-v5__visual{position:relative;min-height:590px;transform-style:preserve-3d}
.about-v5__frame{position:absolute;inset:24px 55px 42px 28px;border-radius:42px 10px 42px 10px;overflow:hidden;box-shadow:0 35px 90px rgba(18,43,80,.20)}
.about-v5__frame:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,106,183,.05),transparent 48%,rgba(51,207,103,.10))}
.about-v5__frame img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.about-v5__visual:hover .about-v5__frame img{transform:scale(1.055)}
.about-v5__stamp{position:absolute;right:0;top:0;width:172px;height:172px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:conic-gradient(from 180deg,#24364f,#006ab7,#00a5e5,#33cf67,#24364f);box-shadow:0 25px 55px rgba(0,106,183,.30);animation:stampFloat 5s ease-in-out infinite}
.about-v5__stamp:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(255,255,255,.55);animation:spinSlow 18s linear infinite reverse}
.about-v5__stamp span,.about-v5__stamp strong{position:relative;z-index:1}.about-v5__stamp span{font-size:10px;text-transform:uppercase;letter-spacing:.22em;font-weight:900;color:#bfffd0}.about-v5__stamp strong{font-family:Montserrat,sans-serif;font-size:20px;line-height:1.05;margin-top:7px}
.about-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(0,165,229,.17);background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-radius:999px;box-shadow:0 14px 36px rgba(18,43,80,.12);font-size:11px;font-weight:900;color:var(--primary);animation:chipFloat 5s ease-in-out infinite}
.about-chip i{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#00a5e5,#33cf67);box-shadow:0 0 0 6px rgba(0,165,229,.09)}
.about-chip--one{left:0;top:96px}.about-chip--two{right:8px;bottom:95px;animation-delay:-1.8s}.about-chip--three{left:60px;bottom:6px;animation-delay:-3.2s}
.about-v5__content{position:relative;padding-left:14px}.about-v5__content:before{content:"ABOUT";position:absolute;right:-10px;top:-68px;font-family:Montserrat,sans-serif;font-size:92px;line-height:1;font-weight:900;letter-spacing:-.07em;color:rgba(0,106,183,.045);pointer-events:none}
.about-v5__points{display:grid;grid-template-columns:1fr;gap:10px;margin:27px 0 12px}
.about-v5__points span{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;background:rgba(255,255,255,.76);border:1px solid rgba(0,165,229,.12);font-size:12px;font-weight:800;transition:.3s}
.about-v5__points span:hover{transform:translateX(8px);background:#fff;box-shadow:0 12px 28px rgba(18,43,80,.08)}
.about-v5__points b{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#006ab7,#00a5e5);color:#fff;font-size:9px;box-shadow:0 8px 18px rgba(0,106,183,.22)}

/* Vision: manifesto + orbital scene */
.vision-v5{background:linear-gradient(125deg,#11294c 0%,#173a6a 52%,#0878bd 100%);color:#fff;isolation:isolate}
.vision-v5:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:58px 58px;animation:gridMove 24s linear infinite;opacity:.55}
.vision-v5:after{content:"";position:absolute;width:620px;height:620px;right:-310px;top:-270px;border-radius:50%;background:radial-gradient(circle,rgba(0,215,255,.2),transparent 64%);z-index:-1;animation:pulseSoft 8s ease-in-out infinite}
.vision-v5__beam{position:absolute;left:-20%;top:0;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,245,138,.07),transparent);transform:skewX(-18deg);animation:visionSweep 10s linear infinite}
.vision-v5__grid{position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}
.vision-v5__manifesto .eyebrow{color:#7cf58a}.vision-v5__manifesto .eyebrow:before{background:linear-gradient(90deg,#00d7ff,#7cf58a)}
.vision-v5__manifesto h2{font-family:Montserrat,sans-serif;font-size:clamp(38px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em;margin:0 0 27px;color:#fff}.vision-v5__manifesto h2 span{background:linear-gradient(90deg,#00d7ff,#7cf58a);-webkit-background-clip:text;background-clip:text;color:transparent}
.vision-v5__manifesto p{color:#d0e4ef}.vision-v5__quote{margin:28px 0;padding:18px 22px;border-left:4px solid #7cf58a;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);font-family:Montserrat,sans-serif;font-size:18px;line-height:1.5;color:#fff}
.vision-v5__values{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.vision-v5__values span{padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#dfffea;transition:.3s}.vision-v5__values span:hover{background:linear-gradient(135deg,#00a5e5,#33cf67);border-color:transparent;transform:translateY(-4px)}
.vision-v5__scene{position:relative;min-height:620px;display:grid;place-items:center;transform-style:preserve-3d}
.vision-v5__image{position:relative;width:76%;height:520px;border-radius:180px 180px 28px 28px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 80px rgba(0,0,0,.26)}
.vision-v5__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(18,43,80,.45))}
.vision-v5__image img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.vision-v5__scene:hover img{transform:scale(1.05)}
.vision-v5__rings{position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(0,215,255,.22);animation:spinSlow 24s linear infinite}.vision-v5__rings:before,.vision-v5__rings:after,.vision-v5__rings i{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(124,245,138,.22)}.vision-v5__rings:before{inset:52px}.vision-v5__rings:after{inset:105px}.vision-v5__rings i:nth-child(1){width:14px;height:14px;background:#00d7ff;border:0;top:48px;left:70px;box-shadow:0 0 26px #00d7ff}.vision-v5__rings i:nth-child(2){width:11px;height:11px;background:#7cf58a;border:0;right:74px;bottom:64px;box-shadow:0 0 24px #7cf58a}.vision-v5__rings i:nth-child(3){inset:155px;background:rgba(255,255,255,.035)}
.vision-v5__badge{position:absolute;right:-14px;bottom:42px;width:320px;padding:25px 28px;border-radius:20px;background:rgba(255,255,255,.96);color:var(--primary);box-shadow:0 25px 60px rgba(0,0,0,.24);border-top:5px solid #33cf67}
.vision-v5__badge small,.vision-v5__badge strong,.vision-v5__badge span{display:block}.vision-v5__badge small{color:#0878bd;font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:900}.vision-v5__badge strong{font-family:Montserrat,sans-serif;font-size:22px;line-height:1.15;margin:8px 0}.vision-v5__badge span{font-size:11px;color:#6d7a89}

/* What we do: central solution core + staggered cards */
.solutions-v5{background:linear-gradient(145deg,#f4fcff 0%,#ffffff 48%,#f1fff5 100%);isolation:isolate}
.solutions-v5:before{content:"";position:absolute;left:-150px;top:130px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(0,165,229,.13);box-shadow:0 0 0 55px rgba(0,165,229,.035),0 0 0 110px rgba(51,207,103,.025);animation:pulseRing 8s ease-in-out infinite}
.solutions-v5__mesh{position:absolute;right:3%;top:8%;width:240px;height:240px;background-image:radial-gradient(rgba(0,165,229,.28) 1.6px,transparent 1.8px);background-size:18px 18px;mask-image:linear-gradient(135deg,#000,transparent);animation:driftDots 10s ease-in-out infinite}
.solutions-v5__stage{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;position:relative;z-index:1;align-items:stretch}
.solutions-v5__core{position:sticky;top:130px;align-self:start;min-height:580px;padding:42px 34px;border-radius:28px;overflow:hidden;color:#fff;background:linear-gradient(150deg,#172b4b 0%,#006ab7 62%,#00a5e5 118%);box-shadow:0 30px 70px rgba(0,106,183,.24);display:flex;flex-direction:column;justify-content:flex-end}
.solutions-v5__core:before{content:"";position:absolute;inset:-30% -60% auto auto;width:360px;height:360px;border-radius:50%;border:70px solid rgba(255,255,255,.055);animation:spinSlow 18s linear infinite}
.solutions-v5__core:after{content:"";position:absolute;left:-60px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(124,245,138,.20),transparent 67%)}
.solutions-v5__pulse{position:absolute;left:34px;top:36px;width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.24);box-shadow:0 0 0 14px rgba(255,255,255,.04),0 0 0 28px rgba(255,255,255,.025);animation:pulseRing 4s ease-in-out infinite}.solutions-v5__pulse:after{content:"";position:absolute;inset:23px;border-radius:50%;background:#7cf58a;box-shadow:0 0 28px rgba(124,245,138,.65)}
.solutions-v5__core small,.solutions-v5__core strong,.solutions-v5__core p,.solutions-v5__core a{position:relative;z-index:1}.solutions-v5__core small{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#7cf58a;font-weight:900}.solutions-v5__core strong{font-family:Montserrat,sans-serif;font-size:42px;line-height:.98;letter-spacing:-.045em;margin:12px 0 20px}.solutions-v5__core p{font-size:12px;color:#d7ebf6}.solutions-v5__core a{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:13px 15px;border-radius:999px;background:#fff;color:var(--primary);font-size:11px;font-weight:900}.solutions-v5__core a b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,#00a5e5,#33cf67);color:#fff;transition:.3s}.solutions-v5__core a:hover b{transform:rotate(45deg)}
.solutions-v5__cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.solution-v5-card{display:grid;grid-template-columns:42% 58%;min-height:290px;background:#fff;border:1px solid rgba(0,165,229,.15);border-radius:22px;overflow:hidden;box-shadow:0 16px 44px rgba(18,43,80,.09);transition:.4s;transform-style:preserve-3d}
.solution-v5-card:nth-child(2),.solution-v5-card:nth-child(4){transform:translateY(34px)}
.solution-v5-card:hover{box-shadow:0 28px 70px rgba(0,106,183,.18)}
.solution-v5-card__image{position:relative;overflow:hidden}.solution-v5-card__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(18,43,80,.55))}.solution-v5-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.solution-v5-card:hover img{transform:scale(1.09)}
.solution-v5-card__image span{position:absolute;z-index:2;left:17px;top:17px;width:41px;height:41px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#006ab7;font-size:10px;font-weight:900;box-shadow:0 9px 25px rgba(0,0,0,.13)}
.solution-v5-card__body{padding:28px 24px;display:flex;flex-direction:column;justify-content:center;position:relative}.solution-v5-card__body:after{content:"";position:absolute;right:0;bottom:0;width:70px;height:70px;border-radius:70px 0 0 0;background:linear-gradient(135deg,rgba(0,165,229,.05),rgba(51,207,103,.12))}.solution-v5-card__body small{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#00a5e5;font-weight:900}.solution-v5-card__body h3{font-family:Montserrat,sans-serif;color:var(--primary);font-size:20px;line-height:1.15;margin:9px 0}.solution-v5-card__body p{font-size:11px;color:#6d7a89;margin:0 0 15px}.solution-v5-card__body a{font-size:10px;font-weight:900;color:#0878bd;display:inline-flex;align-items:center;gap:8px}.solution-v5-card__body a b{transition:.3s}.solution-v5-card:hover .solution-v5-card__body a b{transform:translateX(5px)}

/* Technology: bright engineering lab */
.technology-v5{background:linear-gradient(125deg,#0f2747 0%,#17385f 50%,#0c4f76 100%);color:#fff;isolation:isolate}
.technology-v5:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,75%) var(--mouse-y,30%),rgba(0,215,255,.18),transparent 22%);pointer-events:none}
.technology-v5:after{content:"";position:absolute;right:-170px;bottom:-230px;width:560px;height:560px;border-radius:50%;border:1px solid rgba(124,245,138,.12);box-shadow:0 0 0 75px rgba(0,215,255,.03),0 0 0 150px rgba(124,245,138,.025);animation:spinSlow 32s linear infinite}
.technology-v5__lines{position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 0 46%,rgba(255,255,255,.04) 46.2% 46.5%,transparent 46.7% 100%);background-size:125px 125px;animation:techLines 16s linear infinite;opacity:.7}
.technology-v5__heading{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:55px}.technology-v5__heading .section-title{margin:0}.technology-v5__heading .section-title h2{color:#fff}.technology-v5__heading .section-title h2 span{background:linear-gradient(90deg,#00d7ff,#7cf58a);-webkit-background-clip:text;background-clip:text;color:transparent}.technology-v5__heading>p{margin:0;color:#c7deea;font-size:14px;padding-bottom:10px}
.technology-v5__lab{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tech-v5-card{position:relative;min-height:475px;padding:34px 31px;border-radius:26px;overflow:hidden;background:rgba(255,255,255,.96);color:var(--primary);border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 70px rgba(0,0,0,.20);transition:.45s;transform-style:preserve-3d}
.tech-v5-card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(0,165,229,.0),rgba(0,165,229,.07) 52%,rgba(51,207,103,.12));opacity:0;transition:.45s}.tech-v5-card:hover:before{opacity:1}
.tech-v5-card--featured{transform:translateY(-26px);background:linear-gradient(150deg,#006ab7 0%,#00a5e5 70%,#15c874 130%);color:#fff}.tech-v5-card--featured h3,.tech-v5-card--featured p,.tech-v5-card--featured small{color:#fff}.tech-v5-card--featured .tech-v5-card__index{color:rgba(255,255,255,.12)}
.tech-v5-card__index{position:absolute;right:18px;top:3px;font-family:Montserrat,sans-serif;font-size:92px;line-height:1;font-weight:900;letter-spacing:-.08em;color:rgba(0,106,183,.07)}
.tech-v5-card__icon{position:relative;width:78px;height:78px;margin-bottom:75px}.tech-v5-card__icon span{position:relative;z-index:2;width:78px;height:78px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#006ab7,#00a5e5 60%,#33cf67);color:#fff;font-family:Montserrat,sans-serif;font-weight:900;box-shadow:0 17px 36px rgba(0,106,183,.27)}.tech-v5-card__icon i{position:absolute;inset:-10px;border:1px dashed rgba(0,165,229,.30);border-radius:28px;animation:spinSlow 11s linear infinite}.tech-v5-card--featured .tech-v5-card__icon span{background:#fff;color:#006ab7}.tech-v5-card--featured .tech-v5-card__icon i{border-color:rgba(255,255,255,.38)}
.tech-v5-card small{position:relative;z-index:1;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#00a5e5;font-weight:900}.tech-v5-card h3{position:relative;z-index:1;font-family:Montserrat,sans-serif;font-size:25px;line-height:1.08;margin:10px 0 16px;color:var(--primary)}.tech-v5-card p{position:relative;z-index:1;color:#66778a;font-size:12px}.tech-v5-card__line{position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#006ab7,#00d7ff,#7cf58a);transform:scaleX(.18);transform-origin:left;transition:.5s}.tech-v5-card:hover .tech-v5-card__line{transform:scaleX(1)}

/* Statistics: impact dashboard */
.stats-v5{padding:105px 0;position:relative;overflow:hidden;background:linear-gradient(118deg,#edfaff 0%,#ffffff 46%,#effff3 100%);color:var(--primary);isolation:isolate}
.stats-v5:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,165,229,.18) 1.3px,transparent 1.5px);background-size:20px 20px;mask-image:linear-gradient(90deg,#000 0%,transparent 36%,transparent 64%,#000 100%);animation:driftDots 13s ease-in-out infinite}
.stats-v5:after{content:"IMPACT";position:absolute;left:-20px;bottom:-52px;font-family:Montserrat,sans-serif;font-size:190px;line-height:1;font-weight:900;letter-spacing:-.08em;color:rgba(0,106,183,.035);z-index:-1}
.stats-v5__waves{position:absolute;right:-140px;top:-80px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(0,165,229,.12);animation:spinSlow 30s linear infinite}.stats-v5__waves i{position:absolute;border-radius:50%;border:1px dashed rgba(51,207,103,.18)}.stats-v5__waves i:nth-child(1){inset:60px}.stats-v5__waves i:nth-child(2){inset:125px}.stats-v5__waves i:nth-child(3){inset:190px;background:rgba(0,165,229,.05)}
.stats-v5__inner{position:relative;z-index:1;display:grid;grid-template-columns:350px minmax(0,1fr);gap:65px;align-items:center}
.stats-v5__intro .eyebrow{color:#0878bd}.stats-v5__intro h2{font-family:Montserrat,sans-serif;font-size:clamp(36px,4vw,54px);line-height:1.05;letter-spacing:-.04em;margin:0 0 20px}.stats-v5__intro h2 span{color:#00a5e5}.stats-v5__intro p{font-size:13px;color:#6d7a89}
.stats-v5__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stat-v5{position:relative;min-height:190px;padding:25px 20px;border-radius:20px;background:rgba(255,255,255,.88);border:1px solid rgba(0,165,229,.14);box-shadow:0 14px 38px rgba(18,43,80,.08);overflow:hidden;transition:.4s}
.stat-v5:before{content:"";position:absolute;right:-45px;bottom:-55px;width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,rgba(0,165,229,.10),rgba(51,207,103,.16));transition:.5s}.stat-v5:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(0,106,183,.15)}.stat-v5:hover:before{transform:scale(1.5)}
.stat-v5__no{position:absolute;right:17px;top:14px;font-size:9px;font-weight:900;color:#00a5e5;letter-spacing:.15em}.stat-v5 strong{position:relative;z-index:1;display:flex;align-items:flex-end;gap:4px;font-family:Montserrat,sans-serif;color:#006ab7;margin-top:35px}.stat-v5 strong b{font-size:43px;line-height:1;font-weight:900}.stat-v5 strong em{font-style:normal;font-size:17px;line-height:1.2;color:#33b866;font-weight:900}.stat-v5 p{position:relative;z-index:1;font-size:11px;line-height:1.35;font-weight:800;color:#5d7083;margin-top:13px}

/* Projects: dynamic bento portfolio */
.projects-v5{background:linear-gradient(135deg,#ffffff 0%,#effaff 46%,#f4fff6 100%);isolation:isolate}
.projects-v5:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,80%) var(--mouse-y,25%),rgba(0,165,229,.12),transparent 19%);pointer-events:none}
.projects-v5__orb{position:absolute;left:-170px;top:180px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(0,165,229,.11);box-shadow:0 0 0 58px rgba(51,207,103,.025),0 0 0 116px rgba(0,165,229,.02);animation:pulseRing 8s ease-in-out infinite}
.projects-v5__top{display:grid;grid-template-columns:1fr 330px;gap:70px;align-items:end}.projects-v5__top .section-title{margin-bottom:30px}.projects-v5__note{position:relative;margin-bottom:40px;padding:21px 22px 21px 26px;border-left:4px solid #33cf67;border-radius:0 16px 16px 0;background:rgba(255,255,255,.78);box-shadow:0 12px 32px rgba(18,43,80,.07)}.projects-v5__note span,.projects-v5__note strong{display:block}.projects-v5__note span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#00a5e5;font-weight:900;margin-bottom:6px}.projects-v5__note strong{font-size:12px;color:var(--primary)}
.projects-v5__filters{padding:8px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(0,165,229,.12);box-shadow:0 12px 30px rgba(18,43,80,.06);width:max-content;max-width:100%}.projects-v5__filters button{border:0;background:transparent}.projects-v5__filters button.active,.projects-v5__filters button:hover{background:linear-gradient(135deg,#24364f,#006ab7);box-shadow:0 9px 22px rgba(0,106,183,.18)}
.project-v5-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:315px;gap:20px}
.project-v5-card{position:relative;border:0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 15px 45px rgba(18,43,80,.10);min-height:0;transition:.45s;transform-style:preserve-3d}
.project-v5-card--feature{grid-column:span 2;grid-row:span 2}
.project-v5-visual{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-v5-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:30px 30px;opacity:.35;transition:.6s}.project-v5-card:hover .project-v5-visual:before{transform:scale(1.08) rotate(2deg)}
.project-v5-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,31,56,.02),rgba(10,31,56,.68))}.project-v5-visual>span{position:absolute;left:20px;top:18px;z-index:2;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.90);color:#24364f;font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.project-v5-visual>b{position:relative;z-index:1;font-family:Montserrat,sans-serif;font-size:clamp(36px,7vw,96px);line-height:1;font-weight:900;letter-spacing:-.07em;color:rgba(255,255,255,.24);transition:.55s}.project-v5-card:hover .project-v5-visual>b{transform:scale(1.08);color:rgba(255,255,255,.34)}.project-v5-visual i{position:absolute;right:10%;top:13%;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 22px rgba(255,255,255,.055);animation:pulseRing 5s ease-in-out infinite}
.project-v5-copy{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:24px 25px;display:grid;grid-template-columns:1fr auto;align-items:end;color:#fff;background:linear-gradient(180deg,transparent,rgba(14,35,60,.88))}.project-v5-copy span{grid-column:1;color:#7cf58a;font-size:9px;letter-spacing:.12em}.project-v5-copy h3{grid-column:1;font-size:21px;color:#fff;margin:5px 0 0}.project-v5-copy a{grid-column:2;grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#006ab7;font-size:18px;transition:.35s}.project-v5-card:hover .project-v5-copy a{transform:rotate(45deg);background:#7cf58a;color:#17385f}.project-v5-card--feature .project-v5-copy{padding:32px}.project-v5-card--feature .project-v5-copy h3{font-size:32px}.project-v5-card--feature .project-v5-copy a{width:54px;height:54px}
.project-v5-card.hidden-project{display:none}

/* Blog: editorial magazine layout */
.blogs-v5{background:linear-gradient(130deg,#11294c 0%,#17385f 58%,#0a4d73 100%);color:#fff;isolation:isolate;padding-top:135px}
.blogs-v5:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.3px);background-size:21px 21px;mask-image:linear-gradient(90deg,#000,transparent 58%)}
.blogs-v5:after{content:"";position:absolute;right:-170px;bottom:-210px;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(124,245,138,.13),transparent 66%);animation:pulseSoft 8s ease-in-out infinite}
.blogs-v5__ticker{position:absolute;left:0;right:0;top:0;height:52px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.10);border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.18);font-family:Montserrat,sans-serif;font-size:17px;font-weight:900;letter-spacing:.15em;white-space:nowrap}.blogs-v5__ticker span{display:block;min-width:max-content;animation:blogTicker 18s linear infinite}
.blogs-v5__head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:45px}.blogs-v5__head .section-title{margin-bottom:42px}.blogs-v5__head .section-title h2{color:#fff}.blogs-v5__head .section-title>p:not(.eyebrow){color:#c6dce8}.blogs-v5__head .eyebrow{color:#7cf58a}.blogs-v5__all{margin-bottom:50px;display:flex;align-items:center;gap:12px;padding:11px 12px 11px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);font-size:10px;font-weight:900;color:#fff;transition:.35s}.blogs-v5__all b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#00a5e5,#33cf67);transition:.35s}.blogs-v5__all:hover{background:#fff;color:var(--primary)}.blogs-v5__all:hover b{transform:rotate(45deg);color:#fff}
.blog-v5-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.blog-v5-stack{display:grid;grid-template-rows:1fr 1fr;gap:22px}
.blog-v5-card{position:relative;background:#fff;border:0;border-radius:24px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.20);transition:.45s;transform-style:preserve-3d}.blog-v5-card:hover{transform:translateY(-8px);box-shadow:0 34px 85px rgba(0,0,0,.28)}
.blog-v5-card--feature{display:grid;grid-template-rows:340px 1fr;min-height:690px}.blog-v5-card--side{display:grid;grid-template-columns:40% 60%;min-height:330px}
.blog-v5-card__media{position:relative;overflow:hidden}.blog-v5-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(18,43,80,.42))}.blog-v5-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.blog-v5-card:hover .blog-v5-card__media img{transform:scale(1.075)}.blog-v5-card__media>span{position:absolute;z-index:2;left:18px;top:18px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:#006ab7;font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.blog-v5-card__body{padding:29px;color:var(--primary);display:flex;flex-direction:column;justify-content:center}.blog-v5-meta{display:flex;align-items:center;gap:10px;color:#00a5e5;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.blog-v5-meta i{width:5px;height:5px;border-radius:50%;background:#33cf67}.blog-v5-meta time{color:#8a98a7}.blog-v5-card__body h3{font-family:Montserrat,sans-serif;font-size:27px;line-height:1.18;margin:14px 0;color:var(--primary)}.blog-v5-card--side .blog-v5-card__body{padding:22px}.blog-v5-card--side .blog-v5-card__body h3{font-size:18px;margin:10px 0}.blog-v5-card__body p{font-size:12px;color:#6d7a89}.blog-v5-card--side .blog-v5-card__body p{font-size:10px;margin:0 0 12px}.blog-v5-card__body a{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#0878bd;font-size:10px;font-weight:900}.blog-v5-card__body a b{transition:.3s}.blog-v5-card:hover .blog-v5-card__body a b{transform:translateX(6px)}

@keyframes stampFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes pulseSoft{0%,100%{transform:scale(.92);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes visionSweep{to{transform:translateX(560%) skewX(-18deg)}}
@keyframes techLines{to{background-position:250px 125px}}
@keyframes blogTicker{to{transform:translateX(-50%)}}

@media(max-width:1120px){
  .about-v5__grid,.vision-v5__grid{gap:55px}.about-v5__visual{min-height:540px}.about-v5__frame{inset:25px 35px 45px 10px}.about-v5__stamp{width:150px;height:150px}
  .solutions-v5__stage{grid-template-columns:285px minmax(0,1fr)}.solution-v5-card{grid-template-columns:1fr;grid-template-rows:165px 1fr}.solution-v5-card__body{padding:22px}.solutions-v5__core{min-height:650px}
  .technology-v5__lab{gap:15px}.tech-v5-card{padding:30px 24px}.tech-v5-card h3{font-size:22px}
  .stats-v5__inner{grid-template-columns:290px minmax(0,1fr);gap:38px}
  .project-v5-grid{grid-auto-rows:285px}.projects-v5__top{grid-template-columns:1fr 290px;gap:40px}
  .blog-v5-card--side{grid-template-columns:37% 63%}
}

@media(max-width:800px){
  .about-v5__grid,.vision-v5__grid{grid-template-columns:1fr}.about-v5__visual{min-height:520px}.about-v5__content{padding-left:0}.about-v5__content:before{font-size:70px;top:-45px}.about-v5__frame{inset:18px 45px 50px 18px}
  .vision-v5__grid{gap:50px}.vision-v5__scene{min-height:580px}.vision-v5__image{height:490px}.vision-v5__badge{right:10px}.vision-v5__rings{width:470px;height:470px}
  .solutions-v5__stage{grid-template-columns:1fr}.solutions-v5__core{position:relative;top:auto;min-height:390px}.solutions-v5__cards{grid-template-columns:1fr 1fr}.solution-v5-card:nth-child(2),.solution-v5-card:nth-child(4){transform:none}
  .technology-v5__heading{grid-template-columns:1fr;gap:15px}.technology-v5__lab{grid-template-columns:1fr}.tech-v5-card{min-height:360px}.tech-v5-card--featured{transform:none}.tech-v5-card__icon{margin-bottom:35px}
  .stats-v5__inner{grid-template-columns:1fr}.stats-v5__grid{grid-template-columns:repeat(3,1fr)}
  .projects-v5__top{grid-template-columns:1fr;gap:0}.projects-v5__note{max-width:520px}.project-v5-grid{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.project-v5-card--feature{grid-column:span 2;grid-row:span 1}
  .blogs-v5__head{align-items:flex-start}.blog-v5-grid{grid-template-columns:1fr}.blog-v5-card--feature{min-height:auto}.blog-v5-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.blog-v5-card--side{grid-template-columns:1fr;grid-template-rows:210px 1fr}
}

@media(max-width:560px){
  .about-v5__visual{min-height:460px}.about-v5__frame{inset:25px 18px 60px 0;border-radius:28px 8px 28px 8px}.about-v5__stamp{width:118px;height:118px}.about-v5__stamp strong{font-size:15px}.about-chip{padding:9px 11px;font-size:9px}.about-chip--one{top:80px}.about-chip--two{right:0;bottom:75px}.about-chip--three{left:10px;bottom:8px}.about-v5__content:before{display:none}
  .vision-v5__manifesto h2{font-size:38px}.vision-v5__scene{min-height:490px}.vision-v5__image{width:90%;height:410px}.vision-v5__rings{width:390px;height:390px}.vision-v5__badge{right:0;left:20px;bottom:15px;width:auto;padding:21px}.vision-v5__quote{font-size:15px}
  .solutions-v5__core{min-height:360px;padding:32px 26px}.solutions-v5__core strong{font-size:36px}.solutions-v5__cards{grid-template-columns:1fr}.solution-v5-card{grid-template-columns:40% 60%;grid-template-rows:none;min-height:265px}.solution-v5-card__body{padding:20px 17px}.solution-v5-card__body h3{font-size:17px}
  .technology-v5__heading .section-title h2{font-size:39px}.tech-v5-card{padding:27px 23px}.tech-v5-card__index{font-size:72px}.tech-v5-card__icon{width:68px;height:68px}.tech-v5-card__icon span{width:68px;height:68px}.tech-v5-card h3{font-size:22px}
  .stats-v5{padding:82px 0}.stats-v5__grid{grid-template-columns:1fr 1fr}.stat-v5{min-height:165px;padding:20px 16px}.stat-v5 strong b{font-size:35px}.stat-v5 strong em{font-size:13px}
  .projects-v5__filters{width:100%;border-radius:18px}.project-v5-grid{grid-template-columns:1fr;grid-auto-rows:290px}.project-v5-card--feature{grid-column:span 1}.project-v5-card--feature .project-v5-copy h3{font-size:24px}.projects-v5__note{margin-bottom:30px}
  .blogs-v5{padding-top:115px}.blogs-v5__head{flex-direction:column;gap:0}.blogs-v5__all{margin:-20px 0 40px}.blog-v5-card--feature{grid-template-rows:260px 1fr}.blog-v5-card__body h3{font-size:23px}.blog-v5-stack{grid-template-columns:1fr}.blog-v5-card--side{grid-template-rows:220px 1fr}
}

/* =========================================================
   V6 ORGANIC FOOTER — no grid graphics
   ========================================================= */
.footer-v6{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#122b50 0%,#0b4d82 52%,#006ab7 100%);color:#dff4ff;padding:0}
.footer-v6:before{content:"";position:absolute;left:-10%;right:-10%;top:-115px;height:210px;background:#fff;border-radius:0 0 50% 50% / 0 0 100% 100%;z-index:0}
.footer-organic{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.footer-blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}
.footer-blob--one{width:430px;height:430px;right:-150px;top:130px;background:radial-gradient(circle at 35% 35%,rgba(16,197,244,.48),rgba(0,165,229,.08) 66%,transparent 70%);animation:footerFloatOne 12s ease-in-out infinite}
.footer-blob--two{width:330px;height:330px;left:-130px;bottom:10px;background:radial-gradient(circle at 60% 45%,rgba(120,226,79,.28),rgba(51,207,103,.06) 68%,transparent 72%);animation:footerFloatTwo 15s ease-in-out infinite}
.footer-blob--three{width:150px;height:150px;left:50%;top:34%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);animation:footerPulse 8s ease-in-out infinite}
.footer-ribbons{position:absolute;left:0;right:0;bottom:-15px;width:100%;height:58%;opacity:.42}
.footer-ribbons path{fill:none;stroke-linecap:round;stroke-width:2.2;stroke-dasharray:18 14;animation:footerRibbonMove 18s linear infinite}
.footer-ribbons path:nth-child(1){stroke:rgba(16,197,244,.48)}
.footer-ribbons path:nth-child(2){stroke:rgba(120,226,79,.34);animation-duration:24s;animation-direction:reverse}
.footer-ribbons path:nth-child(3){stroke:rgba(255,255,255,.16);animation-duration:30s}

.footer-intro{position:relative;z-index:2;padding-top:125px;padding-bottom:64px;display:flex;align-items:flex-end;justify-content:space-between;gap:50px;border-bottom:1px solid rgba(255,255,255,.14)}
.footer-intro__copy{max-width:820px}
.footer-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:#8bf06a;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:900}
.footer-kicker:before{content:"";width:34px;height:3px;border-radius:99px;background:linear-gradient(90deg,#10c5f4,#78e24f);box-shadow:0 0 18px rgba(16,197,244,.35)}
.footer-intro h2{margin:0;font-family:Montserrat,sans-serif;font-size:clamp(34px,4vw,58px);line-height:1.03;letter-spacing:-.04em;color:#fff;max-width:900px}
.footer-intro h2 em{font-style:normal;background:linear-gradient(90deg,#10c5f4 0%,#79e848 86%);-webkit-background-clip:text;background-clip:text;color:transparent}
.footer-intro p{max-width:720px;margin:18px 0 0;color:#c8e2f0;font-size:14px}
.footer-orbit-cta{position:relative;flex:0 0 auto;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.96);color:var(--primary);font-weight:900;font-size:12px;box-shadow:0 22px 55px rgba(0,0,0,.22);transition:.4s}
.footer-orbit-cta:before,.footer-orbit-cta:after{content:"";position:absolute;border-radius:50%;inset:-12px;border:1px solid rgba(120,226,79,.48);animation:footerOrbit 7s linear infinite}
.footer-orbit-cta:after{inset:-24px;border-color:rgba(16,197,244,.28);animation-duration:11s;animation-direction:reverse}
.footer-orbit-cta span{max-width:70px;line-height:1.2}
.footer-orbit-cta b{position:absolute;right:25px;top:24px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#006ab7,#00a5e5);color:#fff;font-size:16px;transition:.35s}
.footer-orbit-cta:hover{transform:translateY(-7px) scale(1.025);box-shadow:0 30px 70px rgba(0,0,0,.28)}
.footer-orbit-cta:hover b{transform:rotate(45deg);background:linear-gradient(135deg,#33cf67,#78e24f)}

.footer-main{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr 2fr;gap:80px;padding:58px 0 48px}
.footer-brand--v6{max-width:430px}
.footer-logo-v6{display:inline-block;margin-bottom:20px;transition:.35s}
.footer-logo-v6 img{width:215px;filter:brightness(0) invert(1);opacity:.98}
.footer-logo-v6:hover{transform:translateY(-4px)}
.footer-brand--v6 p{margin:0;color:#bdd9e8;font-size:13px;line-height:1.85}
.footer-links-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.footer-col--v6 h3{margin:0 0 18px;color:#fff;font-size:14px;padding:0}
.footer-col--v6 h3:after{display:none}
.footer-col--v6 a{display:flex;align-items:center;gap:8px;margin:10px 0;color:#c5deeb;font-size:13px;transition:.28s}
.footer-col--v6 a:before{content:"";width:0;height:2px;border-radius:10px;background:linear-gradient(90deg,#10c5f4,#78e24f);transition:.28s}
.footer-col--v6 a:hover{color:#fff;transform:translateX(0)}
.footer-col--v6 a:hover:before{width:18px}
.footer-socials--v6{display:flex;gap:10px;margin-top:24px}
.footer-socials--v6 a{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:900;overflow:hidden;transition:.35s}
.footer-socials--v6 a:before{content:"";position:absolute;inset:100% 0 0;background:linear-gradient(180deg,#00a5e5,#33cf67);transition:.35s;z-index:-1}
.footer-socials--v6 a:hover{transform:translateY(-5px);border-color:transparent}
.footer-socials--v6 a:hover:before{inset:0}

.footer-contact-cards{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:42px}
.footer-contact-card{position:relative;min-height:92px;display:flex;align-items:center;gap:15px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.095);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);overflow:hidden;transition:.35s}
.footer-contact-card:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,#10c5f4,#78e24f);transition:.4s}
.footer-contact-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.13)}
.footer-contact-card:hover:after{width:100%}
.footer-contact-card__icon{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#00a5e5,#10c5f4);color:#fff;font-size:17px;font-weight:900;box-shadow:0 12px 28px rgba(0,165,229,.25);transition:.35s}
.footer-contact-card:hover .footer-contact-card__icon{transform:rotate(10deg) scale(1.06);background:linear-gradient(135deg,#33cf67,#78e24f)}
.footer-contact-card small,.footer-contact-card strong{display:block}
.footer-contact-card small{margin-bottom:4px;color:#8cecfb;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}
.footer-contact-card strong{color:#fff;font-size:13px;line-height:1.35}
.footer-bottom-wrap{position:relative;z-index:2;background:rgba(6,31,58,.28);border-top:1px solid rgba(255,255,255,.12)}
.footer-bottom--v6{min-height:76px;color:#a9c9da}
.footer-bottom--v6 a{color:#bdd9e8;transition:.25s}
.footer-bottom--v6 a:hover{color:#78e24f}

@keyframes footerRibbonMove{to{stroke-dashoffset:-320}}
@keyframes footerFloatOne{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-38px,28px) scale(1.08)}}
@keyframes footerFloatTwo{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(42px,-25px) scale(.92)}}
@keyframes footerPulse{0%,100%{transform:scale(.85);opacity:.28}50%{transform:scale(1.18);opacity:.62}}
@keyframes footerOrbit{to{transform:rotate(360deg)}}

@media(max-width:980px){
  .footer-intro{padding-top:110px;align-items:flex-start}.footer-orbit-cta{width:132px;height:132px}.footer-main{grid-template-columns:1fr;gap:42px}.footer-brand--v6{max-width:680px}.footer-links-panel{gap:28px}
}
@media(max-width:760px){
  .footer-v6:before{top:-85px;height:145px}.footer-intro{padding-top:92px;padding-bottom:48px;flex-direction:column}.footer-orbit-cta{width:118px;height:118px}.footer-main{padding-top:44px}.footer-links-panel{grid-template-columns:1fr 1fr}.footer-contact-cards{grid-template-columns:1fr}.footer-contact-card{min-height:82px}.footer-ribbons{height:42%}
}
@media(max-width:520px){
  .footer-v6:before{top:-65px;height:108px}.footer-intro{padding-top:72px}.footer-intro h2{font-size:34px}.footer-links-panel{grid-template-columns:1fr}.footer-logo-v6 img{width:190px}.footer-orbit-cta{margin-left:4px}.footer-main{gap:34px}.footer-contact-cards{padding-bottom:32px}.footer-bottom--v6{padding:20px 0}
}


/* V7 social and WhatsApp icon refinements */
.header-socials{display:flex;align-items:center;gap:8px}
.social{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(255,255,255,.38);border-radius:50%;transition:.25s}
.social svg{width:13px;height:13px;fill:currentColor}
.social:hover{background:#fff;color:var(--primary);transform:translateY(-2px)}
.footer-socials--v6 a svg{width:17px;height:17px;fill:currentColor;position:relative;z-index:1}
.float.whatsapp{background:#25D366;font-size:0}
.float.whatsapp svg{width:27px;height:27px;fill:#fff}
.float.whatsapp:hover{background:#20bd5a;box-shadow:0 14px 34px rgba(37,211,102,.34)}
@media (max-width:780px){.header-socials{gap:6px}.social{width:25px;height:25px}.social svg{width:12px;height:12px}}


/* ================= VULTURE INNOVATION: COMPLETE INNER-PAGE SYSTEM V3 ================= */
.inner-page{background:#fff;color:#15253c}.detail-hero{min-height:630px;position:relative;overflow:hidden;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(5,31,78,.16),rgba(5,31,78,.06)),var(--hero);background-size:cover;background-position:center}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(8,42,103,.22),transparent 54%,rgba(4,189,255,.09))}.detail-hero__inner{position:relative;z-index:2;width:100%}.detail-hero__panel{max-width:760px;background:rgba(255,255,255,.96);padding:58px 62px;border-radius:26px;box-shadow:0 38px 90px rgba(7,34,82,.25);position:relative;overflow:hidden}.detail-hero__panel:before{content:"";position:absolute;left:0;top:0;width:8px;height:100%;background:linear-gradient(#1677ff,#00c975)}.detail-hero__panel h1{font-size:clamp(42px,5vw,72px);line-height:1.02;color:#0c2f6b;margin:12px 0 22px;letter-spacing:-2.4px}.detail-hero__panel p{font-size:18px;line-height:1.8;color:#566579;max-width:650px}.detail-kicker{display:inline-flex;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:#0877f9}.detail-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.detail-hero .btn--ghost{border:1px solid rgba(12,47,107,.18);color:#0c2f6b;background:#f7fbff}.detail-hero__glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,220,130,.25),transparent 67%);right:-80px;top:-80px;animation:floatGlow 8s ease-in-out infinite}.detail-hero__orbit{position:absolute;border:1px solid rgba(255,255,255,.45);border-radius:50%;z-index:1;animation:spin 18s linear infinite}.detail-hero__orbit--1{width:260px;height:260px;right:8%;bottom:-90px}.detail-hero__orbit--2{width:420px;height:420px;right:-150px;bottom:-220px;animation-duration:28s}.detail-ticker{overflow:hidden;background:linear-gradient(90deg,#0c2f6b,#006dff,#00a9e8);color:#fff;font-weight:800;letter-spacing:1.8px;white-space:nowrap}.detail-ticker div{padding:14px 0;display:inline-block;min-width:200%;animation:tickerMove 24s linear infinite}.detail-section{padding:105px 0;position:relative;overflow:hidden}.detail-section:nth-of-type(even){background:#f8fbff}.detail-section--soft{background:linear-gradient(135deg,#f4f9ff 0%,#fff 50%,#f2fff9 100%)}.detail-section--blue{background:linear-gradient(135deg,#0867f2,#00a8e8);color:#fff}.detail-section--dark{background:linear-gradient(135deg,#08275e,#0d3f87);color:#fff}.detail-section--clients{background:#fff}.detail-heading{max-width:880px;margin-bottom:48px;position:relative;z-index:2}.detail-heading>span{display:inline-block;color:#00a55c;font-weight:850;text-transform:uppercase;letter-spacing:2px;font-size:12px;margin-bottom:12px}.detail-heading h2{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-1.8px;color:#0c2f6b;margin:0}.detail-section--blue .detail-heading h2,.detail-section--dark .detail-heading h2,.detail-section--blue .detail-heading>span,.detail-section--dark .detail-heading>span{color:#fff}.section-intro{font-size:18px;line-height:1.75;color:#617189;max-width:780px;margin-top:16px}.detail-section--blue .section-intro,.detail-section--dark .section-intro{color:rgba(255,255,255,.8)}.detail-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.14;pointer-events:none}.detail-orb--a{width:240px;height:240px;background:#00d87b;right:-80px;top:30px}.detail-orb--b{width:180px;height:180px;background:#00a9ff;left:-80px;bottom:-30px}.detail-split{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.detail-split--reverse .detail-split__copy{order:2}.detail-split__copy p,.detail-prose p{font-size:17px;line-height:1.88;color:#536379;margin:0 0 18px}.detail-split__media{position:relative;min-height:420px}.detail-split__media img{width:100%;height:100%;min-height:420px;max-height:590px;object-fit:cover;border-radius:30px;box-shadow:0 30px 65px rgba(12,47,107,.18)}.image-badge{position:absolute;left:-28px;bottom:30px;padding:15px 20px;border-radius:18px;background:#0c2f6b;color:#fff;font-size:12px;font-weight:850;letter-spacing:1.5px;box-shadow:0 18px 45px rgba(12,47,107,.3)}.image-ring{position:absolute;width:110px;height:110px;border:2px dashed #16c678;border-radius:50%;right:-24px;top:-24px;animation:spin 15s linear infinite}.detail-cards{display:grid;gap:20px;position:relative;z-index:2}.detail-cards--2{grid-template-columns:repeat(2,1fr)}.detail-cards--3{grid-template-columns:repeat(3,1fr)}.detail-cards--4{grid-template-columns:repeat(4,1fr)}.detail-cards--5{grid-template-columns:repeat(5,1fr)}.detail-card{background:#fff;border:1px solid rgba(17,84,165,.1);border-radius:24px;padding:30px;box-shadow:0 18px 48px rgba(12,47,107,.08);position:relative;overflow:hidden;transition:.35s transform,.35s box-shadow}.detail-card:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,rgba(0,124,255,.15),rgba(0,213,126,.18));right:-40px;top:-40px;transition:.4s}.detail-card:hover{transform:translateY(-9px);box-shadow:0 28px 64px rgba(12,47,107,.16)}.detail-card:hover:before{transform:scale(1.6)}.detail-card__icon{font-size:26px;color:#0877f9;display:block;margin-bottom:18px}.detail-card h3{font-size:21px;color:#0c2f6b;margin:0 0 12px}.detail-card p{line-height:1.7;color:#607087;margin:0}.card-num{position:absolute;right:18px;top:15px;font-size:38px;color:rgba(8,119,249,.08)}.detail-section--blue .detail-card,.detail-section--dark .detail-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);box-shadow:none;backdrop-filter:blur(8px)}.detail-section--blue .detail-card h3,.detail-section--dark .detail-card h3,.detail-section--blue .detail-card p,.detail-section--dark .detail-card p{color:#fff}.pill-cloud{display:flex;flex-wrap:wrap;gap:12px}.pill-cloud span{padding:14px 19px;border-radius:999px;background:#fff;color:#0c2f6b;font-weight:750;box-shadow:0 10px 28px rgba(12,47,107,.09);border:1px solid rgba(10,92,190,.09)}.detail-section--blue .pill-cloud span,.detail-section--dark .pill-cloud span{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.18);box-shadow:none}.process-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.process-step{padding:28px 24px;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(12,47,107,.1);position:relative;overflow:hidden}.process-step b{display:inline-flex;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,#0877f9,#00c975);color:#fff;margin-bottom:20px}.process-step h3{color:#0c2f6b;margin:0 0 10px}.process-step p{color:#5f6e82;line-height:1.65;margin:0}.detail-section--dark .process-step{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:none}.detail-section--dark .process-step h3,.detail-section--dark .process-step p{color:#fff}.spec-block{background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(12,47,107,.13);overflow:hidden;border:1px solid rgba(8,119,249,.1)}.spec-block__top{padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#f4f9ff,#effff7)}.spec-block__top h3{font-size:28px;color:#0c2f6b;margin:7px 0 0}.spec-live{font-size:11px;letter-spacing:1.6px;font-weight:850;color:#fff;background:#00b96a;padding:9px 12px;border-radius:999px}.spec-scroll{overflow:auto}.spec-block table{width:100%;border-collapse:collapse;min-width:720px}.spec-block th{background:#0c2f6b;color:#fff;text-align:left;padding:17px 20px;font-size:13px;letter-spacing:.4px}.spec-block td{padding:15px 20px;border-bottom:1px solid #e7eef8;color:#34465e}.spec-block tbody tr:nth-child(even){background:#f8fbff}.spec-block tbody tr:hover{background:#effff7}.spec-note{padding:18px 25px;color:#66758a;font-size:13px;margin:0}.warranty-panel{max-width:1120px;margin:70px auto;display:grid;grid-template-columns:1fr 280px;align-items:center;gap:40px;padding:42px;border-radius:30px;background:linear-gradient(135deg,#0c2f6b,#0877f9);color:#fff;box-shadow:0 34px 80px rgba(12,47,107,.25)}.warranty-panel h3{font-size:42px;margin:10px 0;color:#fff}.warranty-panel p{line-height:1.75;color:rgba(255,255,255,.82)}.warranty-panel img{width:220px;max-height:220px;object-fit:contain;justify-self:center;filter:drop-shadow(0 18px 28px rgba(0,0,0,.22))}.warranty-panel .detail-kicker,.warranty-panel .text-link{color:#9fffd1}.client-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.client-chip{min-height:130px;border-radius:20px;border:1px solid #e8eef7;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;box-shadow:0 12px 32px rgba(12,47,107,.06);transition:.3s}.client-chip:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(12,47,107,.13)}.client-chip img{width:76px;height:48px;object-fit:contain;filter:grayscale(1);opacity:.8}.client-chip span{font-size:12px;font-weight:800;color:#4c5e75}.faq-list{max-width:950px}.faq-item{background:#fff;border:1px solid #e5edf7;border-radius:18px;margin-bottom:12px;box-shadow:0 10px 28px rgba(12,47,107,.05)}.faq-item summary{cursor:pointer;padding:22px 24px;font-weight:800;color:#0c2f6b;display:flex;justify-content:space-between;gap:20px;list-style:none}.faq-item summary span{color:#0877f9}.faq-item p{padding:0 24px 22px;margin:0;color:#5d6c80;line-height:1.7}.detail-cta{padding:36px 0 100px}.detail-cta__box{border-radius:32px;padding:52px 58px;background:linear-gradient(120deg,#0c2f6b,#0877f9 65%,#00b96a);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.detail-cta__box:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-80px;top:-100px;box-shadow:0 0 0 40px rgba(255,255,255,.05),0 0 0 80px rgba(255,255,255,.025)}.detail-cta__box h2{font-size:clamp(32px,4vw,54px);margin:10px 0;color:#fff;max-width:760px}.detail-cta__box p{max-width:760px;color:rgba(255,255,255,.82);line-height:1.7}.detail-cta__box .btn{position:relative;z-index:2;flex:none}.team-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:25px}.team-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#08a1ff,#00d176);color:#fff;font-weight:900;margin-bottom:18px}.team-card h3{color:#fff;margin:0 0 6px}.team-card p{color:rgba(255,255,255,.7);margin:0}.product-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-feature{display:block;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 22px 60px rgba(12,47,107,.12);text-decoration:none;transition:.35s}.product-feature:hover{transform:translateY(-8px)}.product-feature img{width:100%;height:260px;object-fit:cover}.product-feature div{padding:26px}.product-feature span{font-size:12px;letter-spacing:1.5px;color:#00a55c;font-weight:900}.product-feature h3{color:#0c2f6b;font-size:24px;margin:8px 0}.product-feature p{color:#607087;line-height:1.6}.mini-linkbar{padding:30px 0;background:#0c2f6b}.mini-linkbar .container{display:flex;gap:20px;flex-wrap:wrap}.mini-linkbar a{color:#fff;font-weight:800;text-decoration:none;padding:14px 20px;border:1px solid rgba(255,255,255,.24);border-radius:999px}.tech-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.tech-panel{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:24px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.tech-panel img,.tech-symbol{width:180px;height:170px;object-fit:contain;border-radius:18px;background:#fff;padding:12px}.tech-symbol{display:grid;place-items:center;color:#0c2f6b;font-size:38px;font-weight:950;background:linear-gradient(135deg,#fff,#dff7ff)}.tech-panel span{font-size:12px;letter-spacing:1.6px;color:#70ffbd;font-weight:900}.tech-panel h3{font-size:26px;color:#fff;margin:8px 0}.tech-panel p{color:rgba(255,255,255,.75);line-height:1.65}.diagram-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.diagram-gallery figure{margin:0;background:#fff;padding:18px;border-radius:24px;box-shadow:0 18px 48px rgba(12,47,107,.08)}.diagram-gallery img{width:100%;border-radius:14px}.diagram-gallery figcaption{padding:14px 6px 4px;font-weight:750;color:#0c2f6b}.detail-form{background:#fff;padding:38px;border-radius:28px;box-shadow:0 26px 70px rgba(12,47,107,.12)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:24px}.detail-form label{font-size:13px;font-weight:800;color:#0c2f6b;display:flex;flex-direction:column;gap:8px}.detail-form input,.detail-form select,.detail-form textarea{width:100%;border:1px solid #dce6f2;border-radius:12px;padding:14px 15px;font:inherit;background:#fbfdff}.detail-form .full{grid-column:1/-1}.form-note{font-size:12px;color:#7b8798;margin-top:12px}.blog-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.blog-detail-card{padding:34px;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(12,47,107,.09);position:relative;overflow:hidden}.blog-detail-card>span{font-size:52px;color:rgba(8,119,249,.09);font-weight:950}.blog-detail-card h3{font-size:25px;color:#0c2f6b}.blog-detail-card a{color:#0877f9;font-weight:850;text-decoration:none}.detail-prose{max-width:960px}.text-link{font-weight:850;text-decoration:none}.inner-page .footer-v6{margin-top:0}
@keyframes tickerMove{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatGlow{50%{transform:translate(-35px,28px) scale(1.08)}}
@media(max-width:1100px){.detail-cards--5{grid-template-columns:repeat(3,1fr)}.detail-cards--4{grid-template-columns:repeat(2,1fr)}.client-wall{grid-template-columns:repeat(4,1fr)}.team-wall{grid-template-columns:repeat(3,1fr)}.product-showcase{grid-template-columns:1fr 1fr}.tech-panel{grid-template-columns:140px 1fr}.tech-panel img,.tech-symbol{width:140px}}
@media(max-width:820px){.detail-hero{min-height:560px}.detail-hero__panel{padding:38px 28px;margin:30px 0}.detail-hero__panel h1{letter-spacing:-1.2px}.detail-split{grid-template-columns:1fr;gap:34px}.detail-split--reverse .detail-split__copy{order:0}.detail-cards--5,.detail-cards--4,.detail-cards--3,.detail-cards--2{grid-template-columns:1fr 1fr}.team-wall{grid-template-columns:1fr 1fr}.client-wall{grid-template-columns:repeat(3,1fr)}.product-showcase{grid-template-columns:1fr}.tech-showcase,.diagram-gallery,.blog-detail-grid{grid-template-columns:1fr}.detail-cta__box{flex-direction:column;align-items:flex-start}.warranty-panel{grid-template-columns:1fr;text-align:center}.form-grid{grid-template-columns:1fr}.detail-form .full{grid-column:auto}}
@media(max-width:560px){.detail-section{padding:72px 0}.detail-cards--5,.detail-cards--4,.detail-cards--3,.detail-cards--2{grid-template-columns:1fr}.client-wall{grid-template-columns:repeat(2,1fr)}.team-wall{grid-template-columns:1fr}.detail-hero__actions{flex-direction:column}.detail-hero__actions .btn{width:100%;justify-content:center}.tech-panel{grid-template-columns:1fr}.tech-panel img,.tech-symbol{width:100%;height:190px}.detail-cta__box{padding:38px 28px}.warranty-panel{margin:50px 0;padding:30px 22px}.detail-heading h2{letter-spacing:-1px}.detail-hero__panel h1{font-size:42px}.spec-block__top{align-items:flex-start;flex-direction:column}}

/* Complete live portfolio archive */
.portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0 42px}.portfolio-filter{border:1px solid #d9e6f5;background:#fff;color:#0c2f6b;border-radius:999px;padding:12px 18px;font:inherit;font-size:13px;font-weight:850;cursor:pointer;transition:.25s}.portfolio-filter:hover,.portfolio-filter.active{background:linear-gradient(135deg,#0c2f6b,#0877f9);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,119,249,.22)}.portfolio-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portfolio-live-card{display:block;text-decoration:none;background:#fff;border:1px solid #e6edf7;border-radius:26px;overflow:hidden;box-shadow:0 18px 48px rgba(12,47,107,.08);transition:.35s}.portfolio-live-card[hidden]{display:none}.portfolio-live-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(12,47,107,.16)}.portfolio-live-card__media{height:220px;position:relative;overflow:hidden;background:#0c2f6b}.portfolio-live-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,27,62,.58))}.portfolio-live-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.portfolio-live-card:hover .portfolio-live-card__media img{transform:scale(1.06)}.portfolio-live-card__media span{position:absolute;z-index:2;right:18px;bottom:14px;color:#fff;font-size:42px;font-weight:950;opacity:.88}.portfolio-live-card__body{padding:24px}.portfolio-live-card__body small{display:block;color:#00a765;font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.portfolio-live-card__body h3{color:#0c2f6b;font-size:23px;line-height:1.15;margin:9px 0 20px}.portfolio-live-card__body b{color:#0877f9;font-size:13px}.portfolio-live-card__body b span{display:inline-block;transition:.25s}.portfolio-live-card:hover b span{transform:translate(3px,-3px)}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.project-meta div{padding:18px;border-radius:16px;background:#f3f8ff;border:1px solid #e3edf8}.project-meta span{display:block;color:#6b7b91;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;margin-bottom:7px}.project-meta strong{color:#0c2f6b}.portfolio-neighbours{padding:24px 0 70px}.portfolio-neighbours .container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.portfolio-neighbours a{display:flex;flex-direction:column;text-decoration:none;padding:24px;border-radius:20px;background:#f5f9ff;border:1px solid #e3edf8;transition:.3s}.portfolio-neighbours a:hover{transform:translateY(-4px);background:#fff;box-shadow:0 18px 44px rgba(12,47,107,.11)}.portfolio-neighbours a span{font-size:12px;color:#0877f9;font-weight:850;margin-bottom:7px}.portfolio-neighbours a strong{color:#0c2f6b}.portfolio-neighbours .next{text-align:right}.portfolio-neighbours__all{align-self:center!important;padding:14px 20px!important;border-radius:999px!important;background:#0c2f6b!important;color:#fff!important;font-weight:850}.portfolio-neighbours__all:hover{background:#0877f9!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.portfolio-live-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.portfolio-live-grid{grid-template-columns:1fr}.portfolio-neighbours .container{grid-template-columns:1fr}.portfolio-neighbours .next{text-align:left}.portfolio-neighbours__all{align-items:center!important}}

/* Detailed blog system matching the approved site */
.blog-reading-section{background:linear-gradient(180deg,#f7fbff,#fff)}.blog-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px;align-items:start}.blog-reading-card{background:#fff;border:1px solid #e5edf7;border-radius:30px;padding:clamp(30px,5vw,62px);box-shadow:0 28px 80px rgba(12,47,107,.10)}.blog-reading-card>p:first-child{font-size:20px;color:#334963;line-height:1.8}.blog-reading-card h2{font-size:clamp(28px,3.2vw,44px);line-height:1.08;color:#0c2f6b;margin:50px 0 18px;letter-spacing:-1px}.blog-reading-card h3{font-size:23px;line-height:1.2;color:#0877f9;margin:32px 0 12px}.blog-reading-card p{font-size:16px;color:#586a80;line-height:1.82;margin:0 0 18px}.article-list{margin:18px 0 28px;padding:0;list-style:none;display:grid;gap:10px}.article-list li{position:relative;padding:13px 16px 13px 44px;border-radius:14px;background:#f5f9ff;color:#40536c;line-height:1.55}.article-list li:before{content:"✓";position:absolute;left:16px;top:12px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dffbed;color:#00a866;font-size:12px;font-weight:950}.article-list--numbered{counter-reset:item}.article-list--numbered li{counter-increment:item}.article-list--numbered li:before{content:counter(item);background:#e7f2ff;color:#0877f9}.blog-sidecard{position:sticky;top:120px;padding:30px;border-radius:26px;background:linear-gradient(145deg,#0c2f6b,#0877f9);color:#fff;box-shadow:0 24px 65px rgba(12,47,107,.24)}.blog-sidecard h2{color:#fff;font-size:30px;line-height:1.08;margin:12px 0}.blog-sidecard p{color:rgba(255,255,255,.78);line-height:1.65}.blog-sidecard a{display:block;color:#fff;text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.18);font-weight:800}.blog-sidecard a:hover{padding-left:7px;color:#9fffd1}.blog-archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.blog-archive-card{display:grid;grid-template-columns:220px 1fr;min-height:245px;background:#fff;border:1px solid #e4edf7;border-radius:26px;overflow:hidden;box-shadow:0 20px 55px rgba(12,47,107,.08);transition:.35s}.blog-archive-card:hover{transform:translateY(-7px);box-shadow:0 30px 75px rgba(12,47,107,.15)}.blog-archive-card__image{position:relative;overflow:hidden}.blog-archive-card__image img{width:100%;height:100%;object-fit:cover;transition:.6s}.blog-archive-card:hover img{transform:scale(1.07)}.blog-archive-card__image span{position:absolute;left:14px;bottom:14px;background:#fff;color:#0c2f6b;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:900;letter-spacing:.8px}.blog-archive-card>div{padding:28px}.blog-archive-card small{color:#00a866;font-weight:900;font-size:10px;letter-spacing:1.2px}.blog-archive-card h2{font-size:24px;line-height:1.16;margin:10px 0 22px}.blog-archive-card h2 a{color:#0c2f6b;text-decoration:none}.blog-archive-card .text-link{color:#0877f9}.blog-hero .detail-hero__panel,.blog-index-hero .detail-hero__panel{max-width:920px}
@media(max-width:980px){.blog-reading-layout{grid-template-columns:1fr}.blog-sidecard{position:relative;top:auto}.blog-archive-grid{grid-template-columns:1fr}}@media(max-width:620px){.blog-archive-card{grid-template-columns:1fr}.blog-archive-card__image{height:220px}}

/* =========================================================
   INNER PAGE HERO – COMPACT V4 OVERRIDE
   Applied only to inner pages. Homepage hero is unchanged.
   ========================================================= */
.inner-page .detail-hero{
  min-height:440px;
  padding:48px 0;
  align-items:center;
  background-position:center;
  isolation:isolate;
}
.inner-page .detail-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(6,32,75,.12) 0%,rgba(6,32,75,.06) 42%,rgba(6,32,75,.20) 100%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(7,33,78,.10));
  pointer-events:none;
}
.inner-page .detail-hero:after{
  background:linear-gradient(90deg,rgba(8,42,103,.10),transparent 58%,rgba(0,169,232,.10));
  z-index:0;
}
.inner-page .detail-hero__inner{
  display:flex;
  align-items:center;
  min-height:344px;
}
.inner-page .detail-hero__panel{
  width:min(680px,62vw);
  max-width:none;
  padding:34px 40px 32px;
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 24px 60px rgba(7,34,82,.20);
  border:1px solid rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
}
.inner-page .detail-hero__panel:before{
  width:6px;
  background:linear-gradient(180deg,#0c2f6b 0%,#0877f9 52%,#00c975 100%);
}
.inner-page .detail-hero__panel:after{
  content:"";
  position:absolute;
  width:96px;
  height:5px;
  right:28px;
  top:0;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#0877f9,#00c975);
}
.inner-page .detail-kicker{
  font-size:11px;
  letter-spacing:1.8px;
}
.inner-page .detail-hero__panel h1{
  font-size:clamp(34px,4vw,54px);
  line-height:1.04;
  letter-spacing:-1.7px;
  margin:9px 0 14px;
}
.inner-page .detail-hero__panel p{
  font-size:16px;
  line-height:1.62;
  max-width:590px;
}
.inner-page .detail-hero__actions{
  gap:10px;
  margin-top:20px;
}
.inner-page .detail-hero__actions .btn{
  min-height:46px;
  padding:12px 18px;
}
.inner-page .detail-hero__glow{
  width:300px;
  height:300px;
  right:-60px;
  top:-100px;
  opacity:.8;
}
.inner-page .detail-hero__orbit--1{
  width:190px;
  height:190px;
  right:7%;
  bottom:-72px;
  opacity:.62;
}
.inner-page .detail-hero__orbit--2{
  width:300px;
  height:300px;
  right:-112px;
  bottom:-170px;
  opacity:.46;
}
.inner-page .detail-ticker div{
  padding:10px 0;
  font-size:12px;
}

/* Compact treatment for legacy inner/blog hero markup */
.inner-page .inner-hero-v2{
  min-height:440px;
  padding:48px 0;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  isolation:isolate;
}
.inner-page .inner-hero-v2__media,
.inner-page .inner-hero-v2__wash{
  position:absolute;
  inset:0;
}
.inner-page .inner-hero-v2__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.inner-page .inner-hero-v2__wash{
  background:linear-gradient(90deg,rgba(6,32,75,.10),rgba(6,32,75,.04) 55%,rgba(6,32,75,.20));
  z-index:1;
}
.inner-page .inner-hero-v2__wrap{
  position:relative;
  z-index:3;
  width:100%;
}
.inner-page .inner-hero-v2__panel{
  width:min(720px,66vw);
  padding:34px 40px 32px;
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 24px 60px rgba(7,34,82,.20);
  border-left:6px solid #0c2f6b;
  position:relative;
  overflow:hidden;
}
.inner-page .inner-hero-v2__panel:after{
  content:"";
  position:absolute;
  width:96px;
  height:5px;
  right:28px;
  top:0;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#0877f9,#00c975);
}
.inner-page .inner-hero-v2__panel h1{
  font-size:clamp(34px,4vw,54px);
  line-height:1.04;
  letter-spacing:-1.7px;
  color:#0c2f6b;
  margin:9px 0 14px;
}
.inner-page .inner-hero-v2__panel .hero-lead{
  font-size:16px;
  line-height:1.62;
  color:#566579;
  margin:0 0 16px;
}
.inner-page .inner-hero-v2 .breadcrumbs{
  font-size:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.inner-page .inner-hero-v2 .hero-side-word{
  display:none;
}
.inner-page .inner-hero-v2 .hero-wave{
  display:none;
}

@media(max-width:820px){
  .inner-page .detail-hero,
  .inner-page .inner-hero-v2{
    min-height:390px;
    padding:34px 0;
  }
  .inner-page .detail-hero__inner{
    min-height:322px;
  }
  .inner-page .detail-hero__panel,
  .inner-page .inner-hero-v2__panel{
    width:min(620px,88vw);
    padding:28px 28px 26px;
    margin:0;
  }
  .inner-page .detail-hero__panel h1,
  .inner-page .inner-hero-v2__panel h1{
    font-size:clamp(32px,7vw,46px);
  }
}
@media(max-width:560px){
  .inner-page .detail-hero,
  .inner-page .inner-hero-v2{
    min-height:auto;
    padding:26px 0;
  }
  .inner-page .detail-hero__inner{
    min-height:0;
  }
  .inner-page .detail-hero__panel,
  .inner-page .inner-hero-v2__panel{
    width:100%;
    padding:24px 22px 22px;
    border-radius:14px;
  }
  .inner-page .detail-hero__panel h1,
  .inner-page .inner-hero-v2__panel h1{
    font-size:34px;
    letter-spacing:-1px;
  }
  .inner-page .detail-hero__panel p,
  .inner-page .inner-hero-v2__panel .hero-lead{
    font-size:14px;
    line-height:1.55;
  }
  .inner-page .detail-hero__actions{
    margin-top:16px;
  }
  .inner-page .detail-hero__glow,
  .inner-page .detail-hero__orbit{
    opacity:.35;
  }
}

/* =========================================================
   INNER PAGE HERO – REDESIGNED COMPACT V5
   New concept: compact editorial banner, not a homepage-style card.
   Homepage hero remains unchanged.
   ========================================================= */
.inner-page .detail-hero{
  min-height:300px !important;
  height:auto;
  padding:0 !important;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  background-position:center 42%;
  isolation:isolate;
}
.inner-page .detail-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(5,29,72,.95) 0%,rgba(7,48,105,.88) 38%,rgba(5,49,102,.58) 68%,rgba(4,35,79,.42) 100%),
    linear-gradient(180deg,rgba(3,30,73,.16),rgba(3,30,73,.34));
}
.inner-page .detail-hero:after{
  content:"";
  position:absolute;
  z-index:1;
  left:-8%;
  bottom:-115px;
  width:58%;
  height:190px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,193,255,.22) 0%,rgba(0,193,255,.08) 46%,transparent 70%);
  transform:rotate(-5deg);
  pointer-events:none;
}
.inner-page .detail-hero__inner{
  min-height:300px !important;
  width:100%;
  display:flex;
  align-items:center;
  position:relative;
  z-index:3;
  padding:34px 0;
}
.inner-page .detail-hero__panel{
  width:min(830px,78vw) !important;
  max-width:830px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  overflow:visible;
  position:relative;
}
.inner-page .detail-hero__panel:before{
  content:"";
  display:block;
  position:relative;
  left:auto;
  top:auto;
  width:58px !important;
  height:4px !important;
  margin:0 0 14px;
  border-radius:999px;
  background:linear-gradient(90deg,#19a8ff,#31df74) !important;
}
.inner-page .detail-hero__panel:after{display:none !important}
.inner-page .detail-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
  color:#8fe9ff !important;
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:1.7px;
  text-transform:uppercase;
}
.inner-page .detail-hero__panel h1{
  max-width:820px;
  margin:0 0 11px !important;
  color:#fff !important;
  font-size:clamp(32px,3.45vw,50px) !important;
  line-height:1.03 !important;
  letter-spacing:-1.6px !important;
  text-wrap:balance;
  text-shadow:0 4px 22px rgba(0,25,68,.22);
}
.inner-page .detail-hero__panel p{
  max-width:700px;
  margin:0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:15px !important;
  line-height:1.58 !important;
}
.inner-page .detail-hero__actions{
  margin-top:17px !important;
  gap:10px;
}
.inner-page .detail-hero__actions .btn{
  min-height:40px !important;
  padding:9px 15px !important;
  border-radius:8px !important;
  font-size:12px !important;
}
.inner-page .detail-hero .btn--primary{
  background:linear-gradient(90deg,#0c8cff,#00c975) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 10px 26px rgba(0,145,255,.22);
}
.inner-page .detail-hero .btn--ghost{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.30) !important;
  backdrop-filter:blur(8px);
}
.inner-page .detail-hero__glow{
  display:block !important;
  width:260px !important;
  height:260px !important;
  right:8% !important;
  top:-150px !important;
  opacity:.55 !important;
  background:radial-gradient(circle,rgba(0,221,132,.38),transparent 66%) !important;
}
.inner-page .detail-hero__orbit{display:none !important}
.inner-page .detail-ticker{display:none !important}

/* Legacy / blog inner hero uses the same compact visual language */
.inner-page .inner-hero-v2{
  min-height:300px !important;
  height:auto;
  padding:0 !important;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.inner-page .inner-hero-v2__wash{
  z-index:1;
  background:linear-gradient(90deg,rgba(5,29,72,.95) 0%,rgba(7,48,105,.88) 38%,rgba(5,49,102,.58) 68%,rgba(4,35,79,.42) 100%) !important;
}
.inner-page .inner-hero-v2__wrap{
  min-height:300px;
  display:flex;
  align-items:center;
  position:relative;
  z-index:3;
  padding:34px 0;
}
.inner-page .inner-hero-v2__panel{
  width:min(830px,78vw) !important;
  max-width:830px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible;
}
.inner-page .inner-hero-v2__panel:before{
  content:"";
  display:block;
  width:58px;
  height:4px;
  margin:0 0 14px;
  border-radius:999px;
  background:linear-gradient(90deg,#19a8ff,#31df74);
}
.inner-page .inner-hero-v2__panel:after{display:none !important}
.inner-page .inner-hero-v2__panel h1{
  max-width:820px;
  margin:0 0 11px !important;
  color:#fff !important;
  font-size:clamp(32px,3.45vw,50px) !important;
  line-height:1.03 !important;
  letter-spacing:-1.6px !important;
  text-wrap:balance;
  text-shadow:0 4px 22px rgba(0,25,68,.22);
}
.inner-page .inner-hero-v2__panel .hero-lead{
  max-width:700px;
  margin:0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:15px !important;
  line-height:1.58 !important;
}
.inner-page .inner-hero-v2 .breadcrumbs{
  margin-bottom:10px;
  color:rgba(255,255,255,.72) !important;
  font-size:11px !important;
}
.inner-page .inner-hero-v2 .breadcrumbs a{color:#8fe9ff !important}
.inner-page .inner-hero-v2 .hero-side-word,
.inner-page .inner-hero-v2 .hero-wave{display:none !important}

@media(max-width:820px){
  .inner-page .detail-hero,
  .inner-page .inner-hero-v2{
    min-height:270px !important;
  }
  .inner-page .detail-hero__inner,
  .inner-page .inner-hero-v2__wrap{
    min-height:270px !important;
    padding:28px 0 !important;
  }
  .inner-page .detail-hero__panel,
  .inner-page .inner-hero-v2__panel{
    width:min(700px,92vw) !important;
  }
  .inner-page .detail-hero__panel h1,
  .inner-page .inner-hero-v2__panel h1{
    font-size:clamp(30px,6vw,43px) !important;
  }
}

@media(max-width:560px){
  .inner-page .detail-hero,
  .inner-page .inner-hero-v2{
    min-height:235px !important;
    background-position:center !important;
  }
  .inner-page .detail-hero__inner,
  .inner-page .inner-hero-v2__wrap{
    min-height:235px !important;
    padding:24px 0 !important;
  }
  .inner-page .detail-hero__panel,
  .inner-page .inner-hero-v2__panel{
    width:100% !important;
  }
  .inner-page .detail-hero__panel:before,
  .inner-page .inner-hero-v2__panel:before{
    width:44px !important;
    height:3px !important;
    margin-bottom:10px;
  }
  .inner-page .detail-kicker{font-size:9px !important;letter-spacing:1.3px !important;margin-bottom:6px !important}
  .inner-page .detail-hero__panel h1,
  .inner-page .inner-hero-v2__panel h1{
    font-size:clamp(27px,8vw,36px) !important;
    line-height:1.04 !important;
    letter-spacing:-1px !important;
    margin-bottom:8px !important;
  }
  .inner-page .detail-hero__panel p,
  .inner-page .inner-hero-v2__panel .hero-lead{
    font-size:13px !important;
    line-height:1.48 !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .inner-page .detail-hero__actions{margin-top:13px !important}
  .inner-page .detail-hero__actions .btn{min-height:36px !important;padding:7px 12px !important;font-size:11px !important}
  .inner-page .detail-hero__actions .btn--ghost{display:none !important}
}

/* =========================================================
   INNER PAGE HERO – COMPACT SPLIT BANNER V6
   Replaces the full-height gradient hero with a concise editorial banner.
   Homepage hero is unaffected.
   ========================================================= */
.inner-page .detail-hero{
  min-height:248px !important;
  height:248px !important;
  padding:0 !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  background:#f7fbff !important;
}
.inner-page .detail-hero:before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  width:43% !important;
  height:auto !important;
  border-radius:0 !important;
  background-image:
    linear-gradient(90deg,rgba(9,47,106,.08),rgba(9,47,106,.20)),
    var(--hero) !important;
  background-size:cover !important;
  background-position:center !important;
  clip-path:polygon(16% 0,100% 0,100% 100%,0 100%) !important;
  transform:none !important;
  pointer-events:none;
}
.inner-page .detail-hero:after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  top:0 !important;
  bottom:0 !important;
  left:56.5% !important;
  width:10px !important;
  height:auto !important;
  border-radius:0 !important;
  background:linear-gradient(180deg,#159cff 0%,#15d67a 100%) !important;
  transform:skewX(-15deg) !important;
  transform-origin:center !important;
  opacity:.92 !important;
  pointer-events:none;
}
.inner-page .detail-hero__inner{
  min-height:248px !important;
  height:248px !important;
  width:min(calc(100% - 40px),var(--container)) !important;
  display:flex !important;
  align-items:center !important;
  padding:0 !important;
  position:relative !important;
  z-index:3 !important;
}
.inner-page .detail-hero__inner:before{
  content:"VULTURE INNOVATION";
  position:absolute;
  left:-2px;
  bottom:7px;
  font-size:clamp(42px,6vw,86px);
  line-height:1;
  font-weight:950;
  letter-spacing:-4px;
  color:rgba(11,51,109,.035);
  white-space:nowrap;
  pointer-events:none;
}
.inner-page .detail-hero__panel{
  width:55% !important;
  max-width:760px !important;
  padding:0 38px 0 0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  overflow:visible !important;
  position:relative !important;
  z-index:2 !important;
}
.inner-page .detail-hero__panel:before{
  content:"" !important;
  display:block !important;
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:44px !important;
  height:4px !important;
  margin:0 0 10px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#158fff,#19d277) !important;
}
.inner-page .detail-hero__panel:after{display:none !important}
.inner-page .detail-kicker{
  display:block !important;
  margin:0 0 5px !important;
  color:#0aa766 !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:1.65px !important;
  text-transform:uppercase !important;
}
.inner-page .detail-hero__panel h1{
  max-width:740px !important;
  margin:0 0 8px !important;
  color:#0b326e !important;
  font-size:clamp(32px,3.25vw,46px) !important;
  line-height:1.02 !important;
  letter-spacing:-1.8px !important;
  text-shadow:none !important;
  text-wrap:balance;
}
.inner-page .detail-hero__panel p{
  max-width:660px !important;
  margin:0 !important;
  color:#607089 !important;
  font-size:14px !important;
  line-height:1.5 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.inner-page .detail-hero__actions{display:none !important}
.inner-page .detail-hero__glow,
.inner-page .detail-hero__orbit,
.inner-page .detail-ticker{display:none !important}

/* Legacy legal/blog hero: same compact split concept */
.inner-page .inner-hero-v2{
  min-height:248px !important;
  height:248px !important;
  padding:0 !important;
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  background:#f7fbff !important;
}
.inner-page .inner-hero-v2__media{
  position:absolute !important;
  z-index:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  width:43% !important;
  height:100% !important;
  clip-path:polygon(16% 0,100% 0,100% 100%,0 100%) !important;
  overflow:hidden !important;
}
.inner-page .inner-hero-v2__media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.inner-page .inner-hero-v2__wash{
  position:absolute !important;
  z-index:1 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  width:43% !important;
  background:linear-gradient(90deg,rgba(9,47,106,.06),rgba(9,47,106,.20)) !important;
  clip-path:polygon(16% 0,100% 0,100% 100%,0 100%) !important;
}
.inner-page .inner-hero-v2:after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  left:56.5%;
  width:10px;
  background:linear-gradient(180deg,#159cff,#15d67a);
  transform:skewX(-15deg);
  opacity:.92;
  pointer-events:none;
}
.inner-page .inner-hero-v2__wrap{
  min-height:248px !important;
  height:248px !important;
  display:flex !important;
  align-items:center !important;
  position:relative !important;
  z-index:3 !important;
  padding:0 !important;
}
.inner-page .inner-hero-v2__wrap:before{
  content:"VULTURE INNOVATION";
  position:absolute;
  left:-2px;
  bottom:7px;
  font-size:clamp(42px,6vw,86px);
  line-height:1;
  font-weight:950;
  letter-spacing:-4px;
  color:rgba(11,51,109,.035);
  white-space:nowrap;
  pointer-events:none;
}
.inner-page .inner-hero-v2__panel{
  width:55% !important;
  max-width:760px !important;
  padding:0 38px 0 0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  position:relative !important;
  z-index:2 !important;
}
.inner-page .inner-hero-v2__panel:before{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:4px !important;
  margin:0 0 10px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#158fff,#19d277) !important;
}
.inner-page .inner-hero-v2__panel:after{display:none !important}
.inner-page .inner-hero-v2__panel h1{
  max-width:740px !important;
  margin:0 0 8px !important;
  color:#0b326e !important;
  font-size:clamp(32px,3.25vw,46px) !important;
  line-height:1.02 !important;
  letter-spacing:-1.8px !important;
  text-shadow:none !important;
  text-wrap:balance;
}
.inner-page .inner-hero-v2__panel .hero-lead{
  max-width:660px !important;
  margin:0 !important;
  color:#607089 !important;
  font-size:14px !important;
  line-height:1.5 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.inner-page .inner-hero-v2 .breadcrumbs{
  margin:7px 0 0 !important;
  color:#6c7a90 !important;
  font-size:10px !important;
}
.inner-page .inner-hero-v2 .breadcrumbs a{color:#0b78e9 !important}
.inner-page .inner-hero-v2 .hero-side-word,
.inner-page .inner-hero-v2 .hero-wave,
.inner-page .inner-hero-v2 .orb{display:none !important}

@media(max-width:980px){
  .inner-page .detail-hero,
  .inner-page .inner-hero-v2,
  .inner-page .detail-hero__inner,
  .inner-page .inner-hero-v2__wrap{
    min-height:222px !important;
    height:222px !important;
  }
  .inner-page .detail-hero:before,
  .inner-page .inner-hero-v2__media,
  .inner-page .inner-hero-v2__wash{width:40% !important}
  .inner-page .detail-hero:after,
  .inner-page .inner-hero-v2:after{left:59.5% !important}
  .inner-page .detail-hero__panel,
  .inner-page .inner-hero-v2__panel{width:59% !important;padding-right:28px !important}
  .inner-page .detail-hero__panel h1,
  .inner-page .inner-hero-v2__panel h1{font-size:clamp(30px,4vw,40px) !important}
}

@media(max-width:680px){
  .inner-page .detail-hero,
  .inner-page .inner-hero-v2,
  .inner-page .detail-hero__inner,
  .inner-page .inner-hero-v2__wrap{
    min-height:198px !important;
    height:198px !important;
  }
  .inner-page .detail-hero:before,
  .inner-page .inner-hero-v2__media,
  .inner-page .inner-hero-v2__wash{
    width:34% !important;
    clip-path:polygon(25% 0,100% 0,100% 100%,0 100%) !important;
  }
  .inner-page .detail-hero:after,
  .inner-page .inner-hero-v2:after{left:65.5% !important;width:7px !important}
  .inner-page .detail-hero__inner,
  .inner-page .inner-hero-v2__wrap{width:min(calc(100% - 28px),var(--container)) !important}
  .inner-page .detail-hero__panel,
  .inner-page .inner-hero-v2__panel{width:66% !important;padding-right:16px !important}
  .inner-page .detail-hero__panel:before,
  .inner-page .inner-hero-v2__panel:before{width:34px !important;height:3px !important;margin-bottom:7px !important}
  .inner-page .detail-kicker{font-size:8px !important;letter-spacing:1.1px !important;margin-bottom:4px !important}
  .inner-page .detail-hero__panel h1,
  .inner-page .inner-hero-v2__panel h1{
    font-size:clamp(24px,6.7vw,33px) !important;
    line-height:1.03 !important;
    letter-spacing:-1px !important;
    margin-bottom:6px !important;
  }
  .inner-page .detail-hero__panel p,
  .inner-page .inner-hero-v2__panel .hero-lead{
    font-size:11.5px !important;
    line-height:1.4 !important;
    -webkit-line-clamp:2;
  }
  .inner-page .inner-hero-v2 .breadcrumbs{display:none !important}
  .inner-page .detail-hero__inner:before,
  .inner-page .inner-hero-v2__wrap:before{display:none !important}
}

/* =========================================================
   ABOUT PAGE V2 — bespoke live-content redesign
   Scoped to .about-page-v2 so the approved homepage and
   other inner pages remain untouched.
   ========================================================= */
.about-page-v2{overflow:hidden;background:#fff;color:#102a4e}.about-page-v2 *{box-sizing:border-box}.about-section-v2{position:relative;padding:92px 0}.about-section-head{max-width:820px;margin:0 0 42px}.about-section-head>span,.about-kicker-v2,.about-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#00a85a;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.about-section-head>span:before,.about-kicker-v2:before,.about-eyebrow:before{content:"";width:26px;height:3px;border-radius:999px;background:linear-gradient(90deg,#0a86df,#17d87a)}.about-section-head h2,.about-pioneers-v2 h2,.about-impact-v2 h2,.about-challenges-v2 h2,.about-video-v2 h2{margin:12px 0 0;color:#103568;font-size:clamp(34px,4.2vw,64px);line-height:1.02;letter-spacing:-.045em}.about-section-head--light>span{color:#6df4b5}.about-section-head--light h2{color:#fff}

.about-hero-v2{position:relative;min-height:252px;background:linear-gradient(115deg,#f8fcff 0%,#ecf8ff 56%,#effff7 100%);isolation:isolate;border-bottom:1px solid rgba(9,64,113,.08)}.about-hero-v2:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#103568 0 47%,#098adf 47% 76%,#13c86f 76%)}.about-hero-v2__inner{min-height:252px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.75fr);gap:36px;align-items:center}.about-hero-v2__copy{position:relative;z-index:2;padding:26px 0 30px}.about-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:16px;font-size:12px;font-weight:700;color:#54708f}.about-breadcrumb a{color:#0b75bd}.about-hero-v2 h1{max-width:830px;margin:8px 0 10px;color:#0d315f;font-size:clamp(35px,4.2vw,60px);line-height:.98;letter-spacing:-.052em}.about-hero-v2 h1 em{display:block;color:#0b8cdf;font-style:normal}.about-hero-v2__copy p{max-width:800px;margin:0;color:#526a84;font-size:15px;line-height:1.65}.about-hero-v2__visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:252px}.about-hero-v2__visual img{position:relative;z-index:2;width:min(100%,400px);max-height:230px;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(15,64,104,.17));animation:aboutFloat 5.5s ease-in-out infinite}.about-hero-v2__halo{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(24,174,235,.18) 54%,rgba(25,207,113,.13) 72%,transparent 73%);box-shadow:0 0 0 26px rgba(10,134,223,.035),0 0 0 52px rgba(19,200,111,.025)}.about-hero-v2__badge{position:absolute;right:0;bottom:24px;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(14,87,143,.1);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 14px 30px rgba(8,57,101,.12);backdrop-filter:blur(10px);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.about-hero-v2__badge strong{color:#0a79c6}.about-hero-v2__badge span{color:#10a7dc}.about-hero-v2__badge b{color:#11aa61}.about-hero-v2__shape{position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}.about-hero-v2__shape--one{width:220px;height:220px;right:19%;top:-130px;background:rgba(16,171,225,.11)}.about-hero-v2__shape--two{width:180px;height:180px;left:-90px;bottom:-120px;background:rgba(18,201,109,.09)}

.about-intro-v2{background:#fff}.about-intro-v2__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:56px;align-items:start}.about-intro-v2__lead{font-size:19px;line-height:1.82;color:#425d78}.about-intro-v2__lead p{margin:0 0 18px}.about-intro-v2__principles{display:grid;gap:10px}.about-intro-v2__principles div{display:grid;grid-template-columns:54px 1fr;align-items:center;min-height:72px;padding:10px 18px;border-radius:18px;background:linear-gradient(135deg,#f0f8ff,#f4fff9);border:1px solid rgba(11,112,180,.09);transition:.35s ease}.about-intro-v2__principles div:hover{transform:translateX(-7px);box-shadow:0 18px 35px rgba(12,72,120,.08)}.about-intro-v2__principles b{font-size:22px;color:#0c8fe3}.about-intro-v2__principles span{font-weight:700;color:#143e6f}

.about-pioneers-v2{background:linear-gradient(180deg,#f6fbff 0%,#effcf6 100%)}.about-pioneers-v2__grid{display:grid;grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr);gap:72px;align-items:center}.about-pioneers-v2__media{position:relative}.about-pioneers-v2__image-wrap{position:relative;min-height:470px;border-radius:32px;background:radial-gradient(circle at 42% 40%,#fff 0 24%,#e9f7ff 55%,#dff8eb 100%);overflow:hidden;border:1px solid rgba(12,112,180,.08);box-shadow:0 30px 70px rgba(14,74,115,.1)}.about-pioneers-v2__image-wrap:before,.about-pioneers-v2__image-wrap:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(10,141,223,.17)}.about-pioneers-v2__image-wrap:before{width:330px;height:330px;right:-90px;top:-70px}.about-pioneers-v2__image-wrap:after{width:220px;height:220px;left:-70px;bottom:-60px;border-color:rgba(17,196,107,.2)}.about-pioneers-v2__image-wrap img{position:absolute;inset:50% auto auto 50%;width:86%;max-height:390px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 32px 30px rgba(13,72,110,.18));animation:aboutFloat 6.2s ease-in-out infinite}.about-pioneers-v2__caption{display:flex;gap:8px;flex-wrap:wrap;margin:-24px 22px 0;position:relative;z-index:2}.about-pioneers-v2__caption span{padding:10px 14px;border-radius:999px;background:#fff;color:#0e4e80;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(12,68,108,.12)}.about-pioneers-v2__copy p{font-size:17px;line-height:1.8;color:#526b83;margin:18px 0 0}

.about-expertise-v2{background:radial-gradient(circle at 12% 20%,rgba(14,153,224,.24),transparent 26%),radial-gradient(circle at 88% 85%,rgba(20,209,112,.18),transparent 24%),linear-gradient(135deg,#0d315f,#0c4f85 58%,#0b6ea6);color:#fff}.about-expertise-v2__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:56px;align-items:start}.about-expertise-v2__statement{font-size:18px;line-height:1.85;color:rgba(255,255,255,.82)}.about-expertise-v2__statement p{margin:0 0 18px}.about-expertise-v2__statement a{color:#78f2bc;font-weight:700}.about-expertise-v2__cards{display:grid;gap:14px}.about-mini-card{position:relative;padding:22px 24px 22px 86px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px);transition:.35s ease}.about-mini-card:hover{transform:translateX(-8px);background:rgba(255,255,255,.14)}.about-mini-card>span{position:absolute;left:22px;top:22px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0aa7ee,#22d77b);font-size:12px;font-weight:900;letter-spacing:.08em}.about-mini-card h3{margin:0 0 6px;color:#fff;font-size:20px}.about-mini-card p{margin:0;color:rgba(255,255,255,.72);line-height:1.6}

.about-impact-v2{background:#fff}.about-impact-v2__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.65fr);gap:72px;align-items:center}.about-impact-v2__copy p{font-size:17px;line-height:1.82;color:#536d86}.about-impact-v2__quote{position:relative;padding:42px;border-radius:30px;background:linear-gradient(145deg,#f1f9ff,#ecfff5);border:1px solid rgba(10,113,183,.09);box-shadow:0 28px 60px rgba(15,74,116,.08)}.about-impact-v2__quote:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-28px;bottom:-30px;border:20px solid rgba(16,201,108,.09)}.about-impact-v2__quote span{display:block;color:#0ba45b;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.about-impact-v2__quote strong{display:block;color:#123d6e;font-size:42px;line-height:1.02;letter-spacing:-.04em}.about-impact-v2__quote strong:nth-of-type(2){color:#0a8fe3}.about-impact-v2__quote strong:nth-of-type(3){color:#0baa61}.about-impact-v2__quote p{margin:18px 0 0;color:#60758a}

.about-choose-v2{background:linear-gradient(180deg,#f8fbff,#f2fbf7)}.about-choose-v2__list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.about-choose-v2__item{min-height:200px;padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(13,96,159,.08);box-shadow:0 16px 38px rgba(11,69,109,.06);transition:.35s ease}.about-choose-v2__item:hover{transform:translateY(-9px);box-shadow:0 26px 48px rgba(11,69,109,.12)}.about-choose-v2__item b{display:grid;place-items:center;width:44px;height:44px;margin-bottom:28px;border-radius:14px;background:linear-gradient(135deg,#0b8fe3,#16ca71);color:#fff}.about-choose-v2__item p{margin:0;color:#425e79;line-height:1.65;font-weight:600}.about-choose-v2__closing{margin:28px 0 0;text-align:center;color:#0c8a4e;font-size:20px;font-weight:800}

.about-stats-v2{position:relative;padding:32px 0;background:linear-gradient(90deg,#0e3565 0%,#0b75b9 58%,#0ba968 100%);overflow:hidden}.about-stats-v2:before{content:"";position:absolute;inset:-60% -10%;background:radial-gradient(circle,rgba(255,255,255,.16) 0 1px,transparent 1.5px);background-size:24px 24px;opacity:.25;transform:rotate(-7deg)}.about-stats-v2__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-stat-v2{text-align:center;padding:22px 18px;border-right:1px solid rgba(255,255,255,.22)}.about-stat-v2:last-child{border-right:0}.about-stat-v2 strong{display:block;color:#fff;font-size:58px;line-height:.9;letter-spacing:-.05em}.about-stat-v2 strong span{color:#6ff5b6;font-size:.55em}.about-stat-v2 p{margin:10px 0 0;color:rgba(255,255,255,.75);font-weight:700}

.about-best-v2{background:#fff}.about-best-v2__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-best-card{position:relative;min-height:280px;padding:30px;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#f8fcff,#f3fff8);border:1px solid rgba(10,100,163,.08);transition:.38s ease}.about-best-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-60px;bottom:-60px;background:linear-gradient(135deg,rgba(10,142,227,.12),rgba(18,199,109,.17));transition:.4s ease}.about-best-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(12,72,114,.11)}.about-best-card:hover:after{transform:scale(1.45)}.about-best-card b{display:inline-flex;color:#0b8fe3;font-size:13px;letter-spacing:.15em}.about-best-card h3{margin:28px 0 12px;color:#113b6c;font-size:25px}.about-best-card p{margin:0;color:#587088;line-height:1.72}

.about-challenges-v2{background:linear-gradient(180deg,#f3f9ff,#edf9f3)}.about-challenges-v2__panel{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);border-radius:34px;background:#0e3869;overflow:hidden;box-shadow:0 32px 70px rgba(11,62,102,.17)}.about-challenges-v2__label{padding:52px;background:radial-gradient(circle at 10% 10%,rgba(21,201,113,.3),transparent 38%),linear-gradient(145deg,#0e3a6e,#0a699f)}.about-challenges-v2__label span{color:#6bf0b1;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.about-challenges-v2__label h2{color:#fff;font-size:clamp(34px,4vw,56px)}.about-challenges-v2__content{padding:52px;color:rgba(255,255,255,.8)}.about-challenges-v2__content p{font-size:16px;line-height:1.82;margin:0 0 20px}.about-challenges-v2__content p:last-child{margin-bottom:0}

.about-video-v2{background:#fff}.about-video-v2__grid{display:grid;grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr);gap:58px;align-items:center}.about-video-v2__copy p{color:#60778f;line-height:1.75}.about-video-v2__frame{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 32px 70px rgba(10,64,102,.16);background:#0c315d;aspect-ratio:16/9}.about-video-v2__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.about-team-v2{background:linear-gradient(180deg,#f5fbff,#fff)}.about-directors-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:820px;margin:0 auto 46px}.about-director-card{position:relative;min-height:380px;border-radius:30px;overflow:hidden;background:#0c3767;box-shadow:0 28px 60px rgba(10,62,102,.15)}.about-director-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s ease}.about-director-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,29,54,.9))}.about-director-card:hover img{transform:scale(1.045)}.about-director-card div{position:absolute;z-index:2;left:26px;right:26px;bottom:24px}.about-director-card span{color:#73f2b8;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.about-director-card h3{margin:6px 0 0;color:#fff;font-size:32px}.about-team-v2__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.about-team-card{min-height:160px;padding:22px;border-radius:20px;background:#fff;border:1px solid rgba(10,96,157,.09);box-shadow:0 14px 34px rgba(10,66,106,.055);transition:.32s ease}.about-team-card:hover{transform:translateY(-7px);box-shadow:0 22px 44px rgba(10,66,106,.1)}.about-team-card b{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0d8fe0,#13c66f);color:#fff;font-size:12px}.about-team-card h3{margin:18px 0 5px;color:#123c6d;font-size:18px}.about-team-card p{margin:0;color:#6a7d90;font-size:13px;line-height:1.45}

.about-clients-v2{background:#fff}.about-clients-v2__track-wrap{position:relative;padding:22px;border-radius:30px;background:linear-gradient(145deg,#f4faff,#f2fff8);border:1px solid rgba(10,104,168,.08)}.about-clients-v2__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.about-client-logo{height:106px;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:18px;background:#fff;border:1px solid rgba(10,91,151,.07);transition:.32s ease}.about-client-logo:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(10,66,105,.09)}.about-client-logo img{max-width:100%;max-height:72px;object-fit:contain}

.about-cta-v2{padding:0 0 90px;background:#fff}.about-cta-v2__box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:44px 48px;border-radius:30px;background:radial-gradient(circle at 88% 20%,rgba(40,230,142,.26),transparent 26%),linear-gradient(115deg,#0e3567,#0a76b8);box-shadow:0 32px 70px rgba(8,60,101,.18)}.about-cta-v2__box:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:12%;top:-170px}.about-cta-v2__box span{color:#70f5b8;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.about-cta-v2__box h2{max-width:720px;margin:8px 0 0;color:#fff;font-size:clamp(30px,3.3vw,48px);line-height:1.04;letter-spacing:-.035em}.about-cta-v2__box .btn{position:relative;z-index:2;flex:0 0 auto}

@keyframes aboutFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (max-width:1100px){.about-hero-v2__inner{grid-template-columns:1.35fr .65fr}.about-choose-v2__list{grid-template-columns:repeat(3,1fr)}.about-best-v2__grid{grid-template-columns:repeat(2,1fr)}.about-team-v2__grid{grid-template-columns:repeat(3,1fr)}.about-clients-v2__grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:820px){.about-section-v2{padding:72px 0}.about-hero-v2{min-height:230px}.about-hero-v2__inner{min-height:230px;grid-template-columns:1fr 250px;gap:16px}.about-hero-v2__copy{padding:22px 0}.about-hero-v2 h1{font-size:40px}.about-hero-v2__visual{min-height:230px}.about-hero-v2__visual img{max-height:190px}.about-hero-v2__badge{display:none}.about-intro-v2__grid,.about-pioneers-v2__grid,.about-expertise-v2__layout,.about-impact-v2__grid,.about-video-v2__grid{grid-template-columns:1fr}.about-pioneers-v2__grid{gap:44px}.about-pioneers-v2__image-wrap{min-height:390px}.about-expertise-v2__layout{gap:34px}.about-choose-v2__list{grid-template-columns:repeat(2,1fr)}.about-challenges-v2__panel{grid-template-columns:1fr}.about-challenges-v2__label,.about-challenges-v2__content{padding:38px}.about-team-v2__grid{grid-template-columns:repeat(2,1fr)}.about-clients-v2__grid{grid-template-columns:repeat(3,1fr)}.about-cta-v2__box{align-items:flex-start;flex-direction:column}}
@media (max-width:560px){.about-section-v2{padding:58px 0}.about-section-head{margin-bottom:30px}.about-section-head h2,.about-pioneers-v2 h2,.about-impact-v2 h2,.about-challenges-v2 h2,.about-video-v2 h2{font-size:34px}.about-hero-v2{min-height:0}.about-hero-v2__inner{min-height:0;display:block;padding-top:22px;padding-bottom:18px}.about-hero-v2__copy{padding:0}.about-breadcrumb{margin-bottom:10px}.about-hero-v2 h1{font-size:34px;line-height:1.02;margin:7px 0 9px}.about-hero-v2__copy p{font-size:13px;line-height:1.55}.about-hero-v2__visual{display:none}.about-intro-v2__lead{font-size:17px}.about-pioneers-v2__image-wrap{min-height:310px;border-radius:24px}.about-pioneers-v2__caption{margin:-18px 12px 0}.about-pioneers-v2__caption span{font-size:10px}.about-impact-v2__quote{padding:30px}.about-impact-v2__quote strong{font-size:34px}.about-choose-v2__list,.about-best-v2__grid,.about-directors-v2,.about-team-v2__grid,.about-clients-v2__grid,.about-stats-v2__grid{grid-template-columns:1fr}.about-choose-v2__item{min-height:0}.about-stat-v2{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.about-stat-v2:last-child{border-bottom:0}.about-best-card{min-height:0}.about-challenges-v2__label,.about-challenges-v2__content{padding:28px}.about-director-card{min-height:360px}.about-client-logo{height:92px}.about-cta-v2{padding-bottom:58px}.about-cta-v2__box{padding:32px 26px;border-radius:24px}.about-cta-v2__box h2{font-size:32px}}

/* =========================================================
   ABOUT PAGE V3 — professional bright-brand refinement
   Keeps all live content/images. Scoped only to About page.
   ========================================================= */
.about-page-v2{
  --vi-navy:#24364f;
  --vi-deep:#0b2f57;
  --vi-blue:#006ab7;
  --vi-cyan:#00a5e5;
  --vi-sky:#8adcf6;
  --vi-green:#13c86f;
  --vi-green-dark:#078c4b;
  --vi-ink:#17324f;
  --vi-copy:#445f79;
  --vi-soft-blue:#eff9ff;
  --vi-soft-green:#effdf6;
  color:var(--vi-ink);
  background:#fff;
}
.about-page-v2 p{color:var(--vi-copy)}
.about-page-v2 h1,.about-page-v2 h2,.about-page-v2 h3,.about-page-v2 h4{color:var(--vi-deep)}
.about-page-v2 a{color:var(--vi-blue)}
.about-section-v2{padding:86px 0}
.about-section-head{position:relative;max-width:880px;margin-bottom:46px}
.about-section-head>span,.about-kicker-v2,.about-eyebrow{
  color:var(--vi-blue);
  background:#eaf7ff;
  border:1px solid rgba(0,106,183,.12);
  border-radius:999px;
  padding:8px 13px;
  letter-spacing:.13em;
}
.about-section-head>span:before,.about-kicker-v2:before,.about-eyebrow:before{
  width:8px;height:8px;border-radius:50%;background:var(--vi-green);box-shadow:0 0 0 5px rgba(19,200,111,.12)
}
.about-section-head h2,.about-pioneers-v2 h2,.about-impact-v2 h2,.about-challenges-v2 h2,.about-video-v2 h2{
  color:var(--vi-deep);font-size:clamp(36px,4vw,60px);line-height:1.04;letter-spacing:-.042em
}

/* Compact, premium About hero */
.about-hero-v2{
  min-height:306px;
  background:
    radial-gradient(circle at 12% 12%,rgba(0,165,229,.25),transparent 27%),
    radial-gradient(circle at 77% 118%,rgba(19,200,111,.20),transparent 31%),
    linear-gradient(112deg,#092b50 0%,#0d477d 56%,#0079be 100%);
  border-bottom:0;
  overflow:hidden;
}
.about-hero-v2:before{
  content:"";position:absolute;z-index:0;left:-6%;bottom:-105px;width:440px;height:220px;border-radius:50%;
  border:1px solid rgba(138,220,246,.22);box-shadow:0 0 0 34px rgba(138,220,246,.045),0 0 0 70px rgba(19,200,111,.035)
}
.about-hero-v2:after{height:6px;background:linear-gradient(90deg,var(--vi-cyan),var(--vi-blue) 58%,var(--vi-green))}
.about-hero-v2__inner{min-height:306px;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);gap:54px}
.about-hero-v2__copy{padding:34px 0 38px}
.about-breadcrumb{margin-bottom:13px;color:#d8efff}
.about-breadcrumb a{color:#fff}.about-breadcrumb span{color:#c6e9fb}
.about-hero-v2 .about-eyebrow{color:#052b4a;background:#72efb4;border-color:transparent;box-shadow:0 9px 22px rgba(0,0,0,.12)}
.about-hero-v2 .about-eyebrow:before{background:#006ab7;box-shadow:none}
.about-hero-v2 h1{max-width:800px;margin:12px 0 12px;color:#fff;font-size:clamp(40px,4.35vw,62px);line-height:.98;text-shadow:0 8px 28px rgba(0,0,0,.15)}
.about-hero-v2 h1 em{display:inline;color:#8eeec1;font-style:normal}
.about-hero-v2__copy p{max-width:760px;color:#e8f7ff;font-size:15.5px;line-height:1.68}
.about-hero-v2__visual{min-height:306px;isolation:isolate}
.about-hero-v2__visual:before{
  content:"";position:absolute;z-index:0;width:90%;height:78%;border-radius:36px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,251,255,.94));
  box-shadow:0 24px 50px rgba(2,24,50,.26);transform:rotate(-2.5deg)
}
.about-hero-v2__visual:after{
  content:"";position:absolute;z-index:1;width:70px;height:70px;right:8%;top:13%;border-radius:22px;
  background:linear-gradient(145deg,var(--vi-cyan),var(--vi-green));opacity:.95;transform:rotate(12deg);animation:aboutAccentFloat 5s ease-in-out infinite
}
.about-hero-v2__visual img{z-index:2;width:min(94%,420px);max-height:245px;filter:drop-shadow(0 20px 22px rgba(11,55,92,.19));animation:aboutFloat 5.5s ease-in-out infinite}
.about-hero-v2__halo{width:235px;height:235px;background:radial-gradient(circle,rgba(0,165,229,.20),rgba(19,200,111,.10) 54%,transparent 72%);box-shadow:none;z-index:1}
.about-hero-v2__badge{right:1%;bottom:22px;background:#fff;border:0;box-shadow:0 16px 34px rgba(4,30,59,.22);font-weight:800}
.about-hero-v2__shape--one{background:rgba(138,220,246,.14)}
.about-hero-v2__shape--two{background:rgba(19,200,111,.12)}

/* Intro: clean editorial layout */
.about-intro-v2{background:#fff}
.about-intro-v2:before{content:"";position:absolute;right:-140px;top:90px;width:310px;height:310px;border-radius:50%;background:rgba(138,220,246,.11)}
.about-intro-v2__lead{font-size:19px;color:#385873}
.about-intro-v2__principles{gap:14px}
.about-intro-v2__principles div{position:relative;overflow:hidden;min-height:80px;background:#fff;border:1px solid rgba(0,106,183,.13);box-shadow:0 14px 35px rgba(15,72,110,.07)}
.about-intro-v2__principles div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--vi-cyan),var(--vi-green))}
.about-intro-v2__principles b{color:var(--vi-blue)}
.about-intro-v2__principles span{color:var(--vi-deep)}

/* Pioneers */
.about-pioneers-v2{
  background:
   radial-gradient(circle at 92% 12%,rgba(0,165,229,.13),transparent 24%),
   radial-gradient(circle at 8% 90%,rgba(19,200,111,.12),transparent 25%),
   linear-gradient(180deg,#f3fbff,#f8fffb)
}
.about-pioneers-v2__image-wrap{background:linear-gradient(145deg,#fff,#eaf8ff 58%,#ecfff6);border:1px solid rgba(0,106,183,.14);box-shadow:0 32px 72px rgba(12,64,101,.13)}
.about-pioneers-v2__image-wrap:before{border-width:2px;border-color:rgba(0,165,229,.24)}
.about-pioneers-v2__image-wrap:after{border-width:2px;border-color:rgba(19,200,111,.26)}
.about-pioneers-v2__caption span{color:#fff;background:var(--vi-deep);box-shadow:0 12px 25px rgba(11,47,87,.18)}
.about-pioneers-v2__caption span:nth-child(2){background:var(--vi-blue)}
.about-pioneers-v2__caption span:nth-child(3){background:var(--vi-green-dark)}
.about-pioneers-v2__copy p{color:#45627d}

/* Dark expertise section with guaranteed contrast */
.about-expertise-v2{
  background:
    radial-gradient(circle at 8% 15%,rgba(0,165,229,.30),transparent 24%),
    radial-gradient(circle at 90% 88%,rgba(19,200,111,.24),transparent 23%),
    linear-gradient(128deg,#082948,#0b3d6c 55%,#075d91);
}
.about-expertise-v2 .about-section-head--light>span{color:#062d4f;background:#7ff0ba;border-color:transparent}
.about-expertise-v2 .about-section-head--light h2{color:#fff}
.about-expertise-v2__statement,.about-expertise-v2__statement p{color:#e9f6ff}
.about-expertise-v2__statement a{color:#91f5c6;text-decoration:underline;text-decoration-color:rgba(145,245,198,.45);text-underline-offset:4px}
.about-mini-card{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.about-mini-card:hover{background:#fff;transform:translateX(-8px) translateY(-2px);box-shadow:0 20px 42px rgba(0,0,0,.18)}
.about-mini-card h3{color:#fff}.about-mini-card p{color:#dcecf8}
.about-mini-card:hover h3{color:var(--vi-deep)}.about-mini-card:hover p{color:#49647d}
.about-mini-card>span{color:#fff;background:linear-gradient(135deg,var(--vi-cyan),var(--vi-green))}

/* Impact */
.about-impact-v2{background:#fff}
.about-impact-v2__copy p{color:#45627d}
.about-impact-v2__quote{overflow:hidden;background:linear-gradient(140deg,#092f58,#006db8);border:0;box-shadow:0 30px 65px rgba(8,59,101,.20)}
.about-impact-v2__quote:before{content:"";position:absolute;right:-44px;top:-55px;width:175px;height:175px;border-radius:50%;background:rgba(19,200,111,.19)}
.about-impact-v2__quote:after{border-color:rgba(138,220,246,.16)}
.about-impact-v2__quote span{position:relative;color:#8cf2c2}
.about-impact-v2__quote strong{position:relative;color:#fff}.about-impact-v2__quote strong:nth-of-type(2){color:#8adcf6}.about-impact-v2__quote strong:nth-of-type(3){color:#8cf2c2}
.about-impact-v2__quote p{position:relative;color:#e9f6ff}

/* Why choose */
.about-choose-v2{background:linear-gradient(180deg,#eef9ff,#fff)}
.about-choose-v2__item{position:relative;overflow:hidden;border:1px solid rgba(0,106,183,.13);box-shadow:0 18px 42px rgba(9,63,101,.08)}
.about-choose-v2__item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--vi-cyan),var(--vi-green));transform:scaleX(.25);transform-origin:left;transition:.35s ease}
.about-choose-v2__item:hover:after{transform:scaleX(1)}
.about-choose-v2__item b{background:linear-gradient(135deg,var(--vi-blue),var(--vi-cyan));color:#fff}
.about-choose-v2__item p{color:#354f69}
.about-choose-v2__closing{color:var(--vi-green-dark)}

/* Statistics: brighter and cleaner, no low-contrast copy */
.about-stats-v2{padding:40px 0;background:linear-gradient(100deg,#092f58,#0078c4 61%,#0ba866)}
.about-stats-v2:before{display:none}
.about-stat-v2{position:relative;padding:26px 18px}
.about-stat-v2 strong{color:#fff;text-shadow:0 5px 20px rgba(0,0,0,.12)}
.about-stat-v2 strong span{color:#a8ffd2}
.about-stat-v2 p{color:#f0fbff}

/* Best cards: stronger hierarchy and brighter accents */
.about-best-v2{background:linear-gradient(180deg,#fff,#f5fbff)}
.about-best-card{min-height:268px;background:#fff;border:1px solid rgba(0,106,183,.12);box-shadow:0 18px 42px rgba(10,66,105,.07)}
.about-best-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--vi-cyan),var(--vi-green))}
.about-best-card:after{background:linear-gradient(135deg,rgba(0,165,229,.16),rgba(19,200,111,.17))}
.about-best-card b{color:var(--vi-blue)}
.about-best-card h3{color:var(--vi-deep)}
.about-best-card p{color:#48647e}

/* Experience/challenges */
.about-challenges-v2{background:linear-gradient(180deg,#f5fbff,#effcf6)}
.about-challenges-v2__panel{background:#fff;box-shadow:0 32px 74px rgba(10,61,99,.16);border:1px solid rgba(0,106,183,.10)}
.about-challenges-v2__label{background:radial-gradient(circle at 15% 15%,rgba(19,200,111,.28),transparent 34%),linear-gradient(145deg,#082c51,#006daF)}
.about-challenges-v2__label span{color:#9dffd0}
.about-challenges-v2__label h2{color:#fff}
.about-challenges-v2__content{background:#fff;color:var(--vi-copy)}
.about-challenges-v2__content p{color:#425e78}

/* Video */
.about-video-v2{background:#fff}
.about-video-v2__copy p{color:#46627d}
.about-video-v2__frame{border:6px solid #fff;outline:1px solid rgba(0,106,183,.10);box-shadow:0 32px 74px rgba(8,61,101,.19)}

/* Team */
.about-team-v2{background:linear-gradient(180deg,#f0f9ff,#fff 48%,#f7fffb)}
.about-director-card{background:var(--vi-deep);box-shadow:0 28px 60px rgba(8,52,89,.18)}
.about-director-card:after{background:linear-gradient(transparent,rgba(5,31,58,.95))}
.about-director-card span{color:#92f4c4}.about-director-card h3{color:#fff}
.about-team-card{background:#fff;border-color:rgba(0,106,183,.12);box-shadow:0 15px 36px rgba(9,63,101,.07)}
.about-team-card b{background:linear-gradient(135deg,var(--vi-cyan),var(--vi-green));color:#fff}
.about-team-card h3{color:var(--vi-deep)}.about-team-card p{color:#536c84}

/* Client wall */
.about-clients-v2{background:#fff}
.about-clients-v2__track-wrap{background:linear-gradient(145deg,#edf9ff,#f1fff8);border-color:rgba(0,106,183,.12);box-shadow:0 22px 50px rgba(10,66,105,.07)}
.about-client-logo{background:#fff;border-color:rgba(0,106,183,.10);box-shadow:0 8px 22px rgba(9,63,101,.045)}

/* CTA: strong contrast */
.about-cta-v2{background:#fff}
.about-cta-v2__box{background:radial-gradient(circle at 87% 20%,rgba(19,200,111,.30),transparent 24%),linear-gradient(112deg,#082c51,#006fba);box-shadow:0 32px 70px rgba(8,57,96,.22)}
.about-cta-v2__box span{color:#9cffcf}.about-cta-v2__box h2{color:#fff}
.about-cta-v2__box .btn{background:#fff!important;color:var(--vi-deep)!important;border-color:#fff!important;box-shadow:0 14px 30px rgba(0,0,0,.16)}
.about-cta-v2__box .btn:hover{background:#9cffcf!important;color:#062c4e!important;border-color:#9cffcf!important}

/* Hard contrast safety net for this page */
.about-page-v2 section:not(.about-expertise-v2):not(.about-stats-v2) p{opacity:1}
.about-expertise-v2 p,.about-stats-v2 p,.about-challenges-v2__label p,.about-hero-v2 p{opacity:1}
.about-page-v2 [style*="color"]{text-shadow:none}

@keyframes aboutAccentFloat{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(17deg) translateY(-9px)}}

@media (max-width:1100px){
 .about-hero-v2__inner{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:34px}
}
@media (max-width:820px){
 .about-section-v2{padding:70px 0}
 .about-hero-v2,.about-hero-v2__inner,.about-hero-v2__visual{min-height:286px}
 .about-hero-v2__inner{grid-template-columns:1fr 265px;gap:20px}
 .about-hero-v2 h1{font-size:42px}
 .about-hero-v2__visual:before{height:70%;border-radius:28px}
 .about-hero-v2__visual img{max-height:205px}
}
@media (max-width:560px){
 .about-section-v2{padding:56px 0}
 .about-hero-v2{min-height:auto}
 .about-hero-v2__inner{display:block;min-height:auto;padding-top:26px;padding-bottom:28px}
 .about-hero-v2__copy{padding:0}
 .about-hero-v2 h1{font-size:35px;line-height:1.02;margin:10px 0 10px}
 .about-hero-v2 h1 em{display:inline}
 .about-hero-v2__copy p{font-size:14px;color:#edf9ff}
 .about-hero-v2__visual{display:none}
 .about-section-head>span,.about-kicker-v2,.about-eyebrow{font-size:10px;padding:7px 10px}
 .about-section-head h2,.about-pioneers-v2 h2,.about-impact-v2 h2,.about-challenges-v2 h2,.about-video-v2 h2{font-size:34px}
 .about-intro-v2__lead{font-size:17px}
 .about-stats-v2{padding:20px 0}
}

/* =========================================================
   ABOUT PAGE V4 — homepage-aligned refinement
   Removes pill/blob AI-style decoration and follows the
   approved homepage language: clean surfaces, strong brand
   typography, real imagery, controlled blue/green accents.
   ========================================================= */

/* Section labels now match the homepage eyebrow treatment */
.about-page-v2 .about-section-head>span,
.about-page-v2 .about-kicker-v2,
.about-page-v2 .about-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--vi-green-dark);
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.about-page-v2 .about-section-head>span:before,
.about-page-v2 .about-kicker-v2:before,
.about-page-v2 .about-eyebrow:before{
  content:"";
  width:28px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--vi-blue),var(--vi-green));
  box-shadow:none;
}

/* Compact hero: clean dark-blue surface, no radial blobs or decorative rings */
.about-page-v2 .about-hero-v2{
  min-height:292px;
  background:linear-gradient(108deg,#0a2f56 0%,#0b4f83 58%,#087ab5 100%);
  overflow:hidden;
  border-bottom:0;
}
.about-page-v2 .about-hero-v2:before{display:none!important}
.about-page-v2 .about-hero-v2:after{
  height:5px;
  background:linear-gradient(90deg,var(--vi-blue),var(--vi-cyan) 58%,var(--vi-green));
}
.about-page-v2 .about-hero-v2__shape,
.about-page-v2 .about-hero-v2__halo{display:none!important}
.about-page-v2 .about-hero-v2__inner{
  min-height:292px;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
  gap:46px;
}
.about-page-v2 .about-hero-v2__copy{padding:30px 0 34px}
.about-page-v2 .about-breadcrumb{margin-bottom:14px;color:#d7ecfb}
.about-page-v2 .about-breadcrumb a{color:#fff}
.about-page-v2 .about-breadcrumb span{color:#bcdcf0}
.about-page-v2 .about-hero-v2 .about-eyebrow{
  color:#8ff0bc;
  background:transparent;
  border:0;
  padding:0;
  box-shadow:none;
}
.about-page-v2 .about-hero-v2 .about-eyebrow:before{
  width:30px;
  height:3px;
  background:linear-gradient(90deg,#63d3ff,#7af0ae);
}
.about-page-v2 .about-hero-v2 h1{
  max-width:790px;
  margin:12px 0 11px;
  color:#fff;
  font-size:clamp(39px,4.1vw,59px);
  line-height:.99;
  letter-spacing:-.048em;
  text-shadow:none;
}
.about-page-v2 .about-hero-v2 h1 em{color:#82efb5;font-style:normal}
.about-page-v2 .about-hero-v2__copy p{
  max-width:735px;
  margin:0;
  color:#e5f3fb;
  font-size:15px;
  line-height:1.66;
}

/* The live About-page illustration is presented cleanly, not inside an artificial blob */
.about-page-v2 .about-hero-v2__visual{
  min-height:292px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.about-page-v2 .about-hero-v2__visual:before{
  content:"";
  position:absolute;
  width:92%;
  height:76%;
  border-radius:22px;
  background:#fff;
  box-shadow:0 22px 46px rgba(2,25,51,.24);
  transform:none;
}
.about-page-v2 .about-hero-v2__visual:after{display:none!important}
.about-page-v2 .about-hero-v2__visual img{
  z-index:2;
  width:min(92%,420px);
  max-height:232px;
  object-fit:contain;
  filter:none;
  animation:none;
}
.about-page-v2 .about-hero-v2__badge{
  right:4%;
  bottom:18px;
  padding:9px 12px;
  border-radius:8px;
  background:#fff;
  border:1px solid rgba(9,67,111,.10);
  box-shadow:0 10px 24px rgba(4,31,61,.14);
  backdrop-filter:none;
}

/* Remove decorative background circles and blob-style gradients from About sections */
.about-page-v2 .about-intro-v2:before{display:none!important}
.about-page-v2 .about-intro-v2{background:#fff}
.about-page-v2 .about-pioneers-v2{background:#f3f9fd}
.about-page-v2 .about-expertise-v2{background:linear-gradient(112deg,#082c51,#0a4f83)}
.about-page-v2 .about-impact-v2{background:#fff}
.about-page-v2 .about-impact-v2__quote:before,
.about-page-v2 .about-impact-v2__quote:after{display:none!important}
.about-page-v2 .about-choose-v2{background:#f5fbff}
.about-page-v2 .about-best-v2{background:#fff}
.about-page-v2 .about-challenges-v2{background:#f3f9fd}
.about-page-v2 .about-challenges-v2__label{background:linear-gradient(145deg,#0a3159,#0877b5)}
.about-page-v2 .about-team-v2{background:#f5fbff}
.about-page-v2 .about-clients-v2{background:#fff}
.about-page-v2 .about-cta-v2__box{background:linear-gradient(112deg,#082f57,#0878b8)}

/* Homepage-style section headings: clean, strong and readable */
.about-page-v2 .about-section-head h2,
.about-page-v2 .about-pioneers-v2 h2,
.about-page-v2 .about-impact-v2 h2,
.about-page-v2 .about-challenges-v2 h2,
.about-page-v2 .about-video-v2 h2{
  color:var(--vi-deep);
}
.about-page-v2 .about-expertise-v2 .about-section-head>span,
.about-page-v2 .about-expertise-v2 .about-kicker-v2{
  color:#8df0ba;
}
.about-page-v2 .about-expertise-v2 .about-section-head>span:before,
.about-page-v2 .about-expertise-v2 .about-kicker-v2:before{
  background:linear-gradient(90deg,#7edcff,#82efb5);
}
.about-page-v2 .about-expertise-v2 .about-section-head h2{color:#fff}

/* Contrast hardening */
.about-page-v2 .about-expertise-v2 p,
.about-page-v2 .about-expertise-v2 h3,
.about-page-v2 .about-stats-v2 p,
.about-page-v2 .about-stats-v2 strong,
.about-page-v2 .about-challenges-v2__label h2,
.about-page-v2 .about-challenges-v2__label span,
.about-page-v2 .about-cta-v2__box h2,
.about-page-v2 .about-cta-v2__box span{opacity:1}
.about-page-v2 .about-expertise-v2 p{color:#e8f4fb}
.about-page-v2 .about-expertise-v2 h3{color:#fff}
.about-page-v2 .about-challenges-v2__label h2{color:#fff}
.about-page-v2 .about-challenges-v2__label span{color:#91f2be}

/* Motion comes from content, not fake background graphics */
.about-page-v2 .about-pioneers-v2__image-wrap,
.about-page-v2 .about-best-card,
.about-page-v2 .about-choose-v2__item,
.about-page-v2 .about-team-card,
.about-page-v2 .about-client-logo{
  transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}
.about-page-v2 .about-pioneers-v2__image-wrap:hover,
.about-page-v2 .about-best-card:hover,
.about-page-v2 .about-choose-v2__item:hover,
.about-page-v2 .about-team-card:hover,
.about-page-v2 .about-client-logo:hover{
  transform:translateY(-6px);
}

@media (max-width:820px){
  .about-page-v2 .about-hero-v2,
  .about-page-v2 .about-hero-v2__inner,
  .about-page-v2 .about-hero-v2__visual{min-height:268px}
  .about-page-v2 .about-hero-v2__inner{grid-template-columns:1fr 250px;gap:20px}
  .about-page-v2 .about-hero-v2 h1{font-size:40px}
  .about-page-v2 .about-hero-v2__visual:before{height:72%;border-radius:18px}
  .about-page-v2 .about-hero-v2__visual img{max-height:198px}
}
@media (max-width:560px){
  .about-page-v2 .about-hero-v2{min-height:auto}
  .about-page-v2 .about-hero-v2__inner{display:block;min-height:auto;padding:24px 0 26px}
  .about-page-v2 .about-hero-v2__copy{padding:0}
  .about-page-v2 .about-hero-v2 h1{font-size:34px;line-height:1.02}
  .about-page-v2 .about-hero-v2__copy p{font-size:13.5px;line-height:1.58}
  .about-page-v2 .about-hero-v2__visual{display:none}
}


/* About page V4: preserve live content hierarchy + show the Pioneers image in full */
.about-page-v2 .about-pioneers-v2__image-wrap{
  min-height:0;
  aspect-ratio:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px 30px;
  background:#fff;
  border:1px solid rgba(8,64,110,.12);
  border-radius:26px;
  overflow:visible;
  box-shadow:0 22px 54px rgba(9,55,92,.10);
}
.about-page-v2 .about-pioneers-v2__image-wrap:before,
.about-page-v2 .about-pioneers-v2__image-wrap:after{display:none!important}
.about-page-v2 .about-pioneers-v2__image-wrap img{
  position:static!important;
  inset:auto!important;
  display:block;
  width:100%!important;
  max-width:547px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
.about-page-v2 .about-pioneers-v2__image-wrap:hover img{transform:none!important}
.about-page-v2 .about-section-subtitle-v2{
  max-width:760px;
  margin:12px 0 0;
  color:#557086;
  font-size:16px;
  line-height:1.7;
  font-weight:500;
}
.about-page-v2 .about-expertise-v2 .about-section-subtitle-v2,
.about-page-v2 .about-stats-v2 .about-section-subtitle-v2{color:#dceef8}
.about-page-v2 .about-pioneers-v2__copy .about-section-subtitle-v2,
.about-page-v2 .about-impact-v2__copy .about-section-subtitle-v2{margin-bottom:6px}
@media (max-width:820px){
  .about-page-v2 .about-pioneers-v2__image-wrap{padding:26px 22px;border-radius:22px}
}
@media (max-width:560px){
  .about-page-v2 .about-pioneers-v2__image-wrap{min-height:0;padding:20px 16px;border-radius:18px}
  .about-page-v2 .about-section-subtitle-v2{font-size:14px;line-height:1.6}
}


/* About page V5 fixes: Engineering Excellence contrast + cleaner team cards */
.about-page-v2 .about-expertise-v2 .about-mini-card{
  background:#ffffff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 16px 34px rgba(0,24,52,.16)!important;
  backdrop-filter:none!important;
}
.about-page-v2 .about-expertise-v2 .about-mini-card h3{
  color:#0b315b!important;
  opacity:1!important;
}
.about-page-v2 .about-expertise-v2 .about-mini-card p{
  color:#49657d!important;
  opacity:1!important;
}
.about-page-v2 .about-expertise-v2 .about-mini-card>span{
  color:#ffffff!important;
  background:linear-gradient(135deg,#008ee8,#15c96f)!important;
  box-shadow:0 8px 18px rgba(0,125,198,.2)!important;
}
.about-page-v2 .about-expertise-v2 .about-mini-card:hover{
  background:#ffffff!important;
  transform:translateY(-5px)!important;
  box-shadow:0 22px 46px rgba(0,24,52,.23)!important;
}
.about-page-v2 .about-team-card{
  position:relative;
  min-height:132px;
  padding:24px 22px 22px;
  overflow:hidden;
}
.about-page-v2 .about-team-card:before{
  content:"";
  position:absolute;
  left:22px;
  top:0;
  width:42px;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#008ee8,#15c96f);
}
.about-page-v2 .about-team-card>b{display:none!important}
.about-page-v2 .about-team-card h3{
  margin:4px 0 7px!important;
  font-size:19px;
}
.about-page-v2 .about-team-card p{
  font-size:13.5px;
  line-height:1.5;
}


/* Live homepage asset sync: image support only; layout/design unchanged. */
.project-v5-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.project-v5-card:hover .project-v5-visual>img{transform:scale(1.06)}

/* Homepage project sync: preserve complete live portfolio imagery without cropping logo-style artwork */
.project-v5-card--contain .project-v5-visual{background:#fff}
.project-v5-card--contain .project-v5-visual>img{object-fit:contain;padding:38px;background:#fff}
.project-v5-card--contain .project-v5-visual:after{background:linear-gradient(180deg,rgba(10,31,56,0),rgba(10,31,56,.72))}

/* =========================================================
   V13 — verified impact data + compact Featured Projects
   ========================================================= */
.stat-v5--wide strong b{font-size:36px;letter-spacing:-.045em;white-space:nowrap}
.stat-v5 strong em{margin-left:2px}
.projects-v5__toggle-wrap{position:relative;z-index:3;display:flex;justify-content:center;margin:34px 0 18px}
.projects-v5__toggle{appearance:none;border:1px solid rgba(0,106,183,.22);border-radius:999px;padding:14px 26px;background:#fff;color:#17385f;font-family:Montserrat,sans-serif;font-size:11px;font-weight:900;letter-spacing:.035em;cursor:pointer;box-shadow:0 12px 28px rgba(18,43,80,.09);transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease}
.projects-v5__toggle:hover,.projects-v5__toggle:focus-visible{background:linear-gradient(135deg,#17385f,#006ab7);color:#fff;transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,106,183,.20);outline:none}
.projects-v5__toggle[hidden]{display:none!important}
@media(max-width:760px){.stat-v5--wide strong b{font-size:30px}.projects-v5__toggle{width:min(100%,300px)}}

/* V17 water-treatment SEO cluster: reuse existing detail-card design safely on homepage. */
.water-seo-home .detail-cards{margin-top:34px}
.water-seo-card{display:block;text-decoration:none;color:inherit}
.water-seo-card b{display:inline-block;margin-top:18px;color:#0877f9;font-size:13px}
.water-seo-card:hover b{text-decoration:underline}

/* =========================================================
   V18 HEADER LOGO + HERO IMAGE FIT FIX
   ========================================================= */
.header .brand{display:flex;align-items:center;flex:0 0 auto;line-height:0}
.header .brand img{width:172px !important;height:auto !important;max-height:60px !important;object-fit:contain !important;display:block}
.slide-bg{background:linear-gradient(135deg,#eef7fb 0%,#f7fbfd 55%,#eefaf3 100%)}
.slide-bg img{width:100%;height:100%;object-fit:contain;transform:none !important;animation:none !important}
.slide.active .slide-bg img{transform:none !important;animation:none !important}
.slide-bg--compost img{object-position:88% 50%}
.slide-bg--stp img{object-position:88% 50%}
@media(max-width:1120px){.header .brand img{width:160px !important;max-height:56px !important}}
@media(max-width:800px){.header .brand img{width:150px !important;max-height:52px !important}.slide-bg--compost img,.slide-bg--stp img{object-position:center center}}

/* =========================================================
   V19 — live-menu wording, live hero image, clickable QA CTA,
   and two-line vision heading
   ========================================================= */
.header .brand img{width:158px !important;max-height:56px !important;height:auto !important;object-fit:contain !important}

/* Keep the original live-site hero image fully visible instead of zoom/crop. */
.slide-bg--live-hero{background:linear-gradient(90deg,#eef6f8 0%,#f7fbfc 48%,#eef8f2 100%)}
.slide-bg--live-hero:before{content:"";position:absolute;inset:-24px;background:url("../images/live-home/hero-main.webp") center/cover no-repeat;filter:blur(24px);opacity:.10;transform:scale(1.04)}
.slide-bg--live-hero img,.slide-bg--stp img{position:relative;z-index:1;width:50% !important;height:100% !important;margin-left:auto;object-fit:contain !important;object-position:center center !important;transform:none !important;animation:none !important}
.slide-bg--live-hero:after,.slide-bg--stp:after{z-index:2;pointer-events:none}

/* The decorative border must never sit above the real Quality Assurance link. */
.quality-strip:before{pointer-events:none !important}
.quality-strip__inner{position:relative;z-index:2}
.quality-strip a{position:relative;z-index:3;pointer-events:auto}

/* Exactly two desktop lines for the Vision title. */
.vision-v5__manifesto h2{font-size:clamp(36px,3.45vw,50px)}
.vision-v5__manifesto h2 .vision-title-line{display:block;white-space:nowrap;background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:#fff !important}
.vision-v5__manifesto h2 .vision-title-accent{background:linear-gradient(90deg,#00d7ff,#7cf58a) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}

@media(max-width:1120px){
  .header .brand img{width:150px !important;max-height:52px !important}
  .slide-bg--live-hero img,.slide-bg--stp img{width:58% !important}
}
@media(max-width:800px){
  .header .brand img{width:142px !important;max-height:50px !important}
  .slide-bg--live-hero img,.slide-bg--stp img{width:100% !important;opacity:.32;object-position:center center !important}
  .vision-v5__manifesto h2 .vision-title-line{white-space:normal}
}