:root{--blue:#00AEEF;--green:#9BB83C;--orange:#F7921E;--dark:#0b1220;--ink:#172033;--muted:#64748b;--soft:#f5f8fb;--line:#e5edf4;--white:#fff;--shadow:0 18px 55px rgba(15,23,42,.12);--radius:22px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1180px,92vw);margin:auto}.topbar{background:linear-gradient(90deg,var(--dark),#172033);color:#dbeafe;font-size:.86rem}.topbar .container{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,237,244,.85)}.navwrap{display:flex;align-items:center;justify-content:space-between;padding:.62rem 0;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem}.brand img{width:192px;max-height:88px;object-fit:contain;background:transparent}.nav{display:flex;align-items:center;gap:1.1rem;font-weight:700;font-size:.94rem}.nav a{position:relative;color:#263447}.nav a::after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:999px;transition:.25s}.nav a:hover::after,.nav a.active::after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:none;border-radius:999px;padding:.86rem 1.25rem;background:var(--blue);color:white;font-weight:800;box-shadow:0 12px 30px rgba(0,174,239,.25);transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,174,239,.35)}.btn.alt{background:var(--orange);box-shadow:0 12px 30px rgba(247,146,30,.25)}.btn.ghost{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hamb{display:none;background:transparent;border:0;font-size:2rem;color:var(--ink)}.hero{position:relative;min-height:78vh;display:grid;align-items:center;overflow:hidden;background:#08111f;color:white}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(0,174,239,.45),transparent 30%),linear-gradient(90deg,rgba(8,17,31,.92),rgba(8,17,31,.72),rgba(8,17,31,.25));z-index:2}.slides{position:absolute;inset:0;z-index:1}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:slideShow 30s infinite;transform:scale(1.04)}.slide:nth-child(2){animation-delay:6s}.slide:nth-child(3){animation-delay:12s}.slide:nth-child(4){animation-delay:18s}.slide:nth-child(5){animation-delay:24s}@keyframes slideShow{0%,16%{opacity:1;transform:scale(1)}20%,100%{opacity:0;transform:scale(1.04)}}.hero-content{position:relative;z-index:3;width:min(760px,92vw);padding:6rem 0}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900;color:var(--orange);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:.4rem .8rem;border-radius:999px}h1,h2,h3{line-height:1.1;margin:0 0 1rem}h1{font-size:clamp(2.5rem,6vw,5.4rem);letter-spacing:-.05em}h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;color:var(--dark)}h3{font-size:1.35rem;color:var(--dark)}.lead{font-size:1.14rem;color:#dbeafe;max-width:690px}.section{padding:5.7rem 0}.section.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.section-head{max-width:820px;margin:0 auto 2.8rem;text-align:center}.section-head p{color:var(--muted);font-size:1.05rem}.grid{display:grid;gap:1.35rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:.25s;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,174,239,.12),rgba(155,184,60,.15));font-size:1.55rem;margin-bottom:1rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:linear-gradient(135deg,#06101f,#12233f);border-radius:32px;padding:1.2rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.stats::after{content:"";position:absolute;right:-120px;top:-120px;width:300px;height:300px;background:radial-gradient(circle,rgba(247,146,30,.32),transparent 70%)}.stat{position:relative;z-index:1;padding:1.5rem;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:white}.stat strong{font-size:clamp(2rem,4vw,3.2rem);display:block;color:white;line-height:1}.stat span{color:#cbd5e1;font-weight:700}.media-card{position:relative;border-radius:30px;overflow:hidden;min-height:420px;box-shadow:var(--shadow);background:#dbeafe}.media-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.media-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,17,31,.62),transparent 55%)}.badge{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;background:rgba(0,174,239,.1);color:#007eaa;font-weight:900;font-size:.78rem}.project-card{padding:0}.project-card .thumb{height:255px;object-fit:cover;width:100%;background:#eaf0f7}.project-card .body{padding:1.3rem}.count{color:var(--muted);font-weight:800;font-size:.9rem}.logo-carousel{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:white;padding:1rem}.logo-track{display:flex;gap:3rem;align-items:center;animation:marquee 24s linear infinite;width:max-content}.logo-track img{height:76px;width:220px;object-fit:contain;filter:saturate(1.05);background:transparent}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.branch-card{display:flex;gap:1rem;align-items:flex-start}.branch-card b{display:block;color:var(--dark)}.footer{background:#07111f;color:#cbd5e1;padding:4rem 0 1.5rem}.footer h4{color:white;margin:0 0 1rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem}.footer-logo{width:230px;max-height:115px;object-fit:contain;margin-bottom:1rem;background:transparent}.footer a{display:block;margin:.45rem 0;color:#cbd5e1}.footer a:hover{color:white}.socials{display:flex;gap:.65rem;flex-wrap:wrap}.socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:900}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1rem;font-size:.88rem;color:#94a3b8}.page-hero{padding:6rem 0;background:linear-gradient(135deg,#07111f,#123454);color:white;position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;right:-90px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(0,174,239,.35),transparent 70%)}.page-hero h1{font-size:clamp(2.4rem,5vw,4.6rem)}.page-hero p{max-width:780px;color:#dbeafe;font-size:1.1rem}.timeline{counter-reset:step;display:grid;gap:1rem;max-width:900px;margin:auto}.step{counter-increment:step;display:grid;grid-template-columns:70px 1fr;gap:1rem;align-items:start}.step::before{content:counter(step);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--green));color:white;font-size:1.35rem;font-weight:900;box-shadow:0 12px 28px rgba(0,174,239,.22)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery img{border-radius:18px;height:250px;width:100%;object-fit:cover;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.08)}.lightbox{display:none;position:fixed;inset:0;background:rgba(5,10,18,.92);z-index:3000;align-items:center;justify-content:center;padding:2rem}.lightbox.open{display:flex}.lightbox img{max-height:82vh;max-width:92vw;border-radius:16px}.lightbox button{position:absolute;top:1rem;right:1rem;border:0;background:white;border-radius:50%;width:45px;height:45px;font-size:1.5rem}.contact-panel{background:white;border-radius:30px;box-shadow:var(--shadow);padding:2rem;border:1px solid var(--line)}input,textarea,select{width:100%;padding:1rem;border:1px solid var(--line);border-radius:14px;font:inherit;margin-bottom:1rem}textarea{min-height:150px}.cta-band{background:linear-gradient(135deg,var(--blue),#087fa8 55%,var(--green));border-radius:34px;color:white;padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:var(--shadow)}.cta-band h2{color:white}.cta-band p{color:#ecfeff}.check-list{padding-left:0;list-style:none}.check-list li{margin:.7rem 0;padding-left:1.9rem;position:relative}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}@media(max-width:940px){.hamb{display:block}.nav{position:fixed;inset:84px 0 auto 0;background:white;flex-direction:column;align-items:flex-start;padding:1.2rem 4vw;border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none}.nav.open{display:flex}.nav .btn{width:100%}.split,.footer-grid{grid-template-columns:1fr}.grid-3,.grid-4,.stats,.gallery{grid-template-columns:1fr 1fr}.cta-band{flex-direction:column;align-items:flex-start}}@media(max-width:620px){.topbar{display:none}.hero{min-height:76vh}.grid-3,.grid-4,.stats,.gallery{grid-template-columns:1fr}.brand img{width:162px;max-height:76px}.logo-track img{height:64px;width:190px}.footer-logo{width:210px}.section{padding:4rem 0}.stat{padding:1.2rem}.footer-grid{gap:1rem}.gallery img{height:220px}}

.brand img,.footer-logo,.logo-track img{mix-blend-mode:normal;}

/* Dedicated Brands page */
.dark-eyebrow{background:rgba(0,174,239,.08);border-color:rgba(0,174,239,.18);color:#007eaa}.brand-page-hero{background:linear-gradient(135deg,#06101f,#0f3553 55%,#0d5f75)}.branches-page-hero{background:linear-gradient(135deg,#06101f,#17385a 55%,#0f4f45)}.brand-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.brand-feature{display:grid;grid-template-columns:190px 1fr;gap:1.4rem;align-items:center;background:white;border:1px solid var(--line);border-radius:28px;padding:1.4rem;box-shadow:0 10px 30px rgba(15,23,42,.06);transition:.25s}.brand-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.brand-feature.primary-brand{grid-column:1/-1;background:linear-gradient(135deg,#fff,#f4fbff)}.brand-logo-wrap{height:145px;border-radius:22px;background:linear-gradient(135deg,rgba(0,174,239,.08),rgba(155,184,60,.09));display:grid;place-items:center;padding:1rem;border:1px solid rgba(229,237,244,.9)}.brand-logo-wrap img{max-height:105px;max-width:100%;object-fit:contain;background:transparent}.mini-list{margin:1rem 0 0;padding-left:1.1rem;color:var(--muted);font-weight:700}.mini-list li{margin:.35rem 0}.solution-map{max-width:850px;margin:auto;background:white;border:1px solid var(--line);border-radius:30px;padding:.8rem;box-shadow:var(--shadow)}.solution-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.solution-row:last-child{border-bottom:0}.solution-row b{color:var(--blue);font-size:1.05rem}

/* Dedicated Branches page */
.branch-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.branch-detail-card{display:grid;grid-template-columns:62px 1fr;gap:1rem;background:white;border:1px solid var(--line);border-radius:26px;padding:1.35rem;box-shadow:0 10px 28px rgba(15,23,42,.06);transition:.25s}.branch-detail-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.branch-detail-card.main-branch{grid-column:1/-1;background:linear-gradient(135deg,#fff,#f5fbff)}.branch-pin{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--green));color:white;font-weight:900;box-shadow:0 12px 28px rgba(0,174,239,.22)}.branch-tag{display:inline-flex;margin-top:.4rem;padding:.35rem .7rem;border-radius:999px;background:rgba(155,184,60,.12);color:#657b17;font-weight:900;font-size:.78rem}.branch-contact-panel a:not(.btn){color:var(--blue);font-weight:800}

/* Project gallery access */
.clickable-card{cursor:pointer}.clickable-card:focus-visible{outline:4px solid rgba(0,174,239,.35);outline-offset:5px}.clickable-card .btn{position:relative;z-index:2}

@media(max-width:940px){.brand-feature-grid,.branch-directory{grid-template-columns:1fr}.brand-feature{grid-template-columns:1fr}.brand-feature.primary-brand,.branch-detail-card.main-branch{grid-column:auto}.brand-logo-wrap{height:130px}.solution-row{align-items:flex-start;flex-direction:column}}