/* ============================================
   Perfect Solution — Shared CSS v4.0
   ============================================ */
:root{
  /* Primary = deep professional green (brand-led) */
  --purple:#0B6B3F;--purple-dark:#073D24;--purple-light:#2FA968;
  /* Accents = gold (from logo wordmark) + purple (from logo ring), used sparingly */
  --gold:#C9A84C;--green:#2FA968;
  --accent-purple:#8B00CC;--accent-purple-dark:#5C0088;
  --bg:#F7FAF8;--bg2:#FFFFFF;--bg3:#E9F3EC;
  --text:#122019;--muted:#52625A;
  --border:rgba(11,107,63,0.15);--shadow:rgba(11,107,63,0.10);
  --topbar-h:38px;--nav-h:72px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Raleway',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;}

/* ── CUSTOM PURPLE CURSOR ── */
@media(pointer:fine){
  body,a,button,.hamburger,.svc-card,.nav-links a{cursor:none;}
  .ps-cursor{position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;border:2px solid var(--accent-purple);background:radial-gradient(circle,rgba(139,0,204,.45),rgba(139,0,204,0) 70%);pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .16s ease,height .16s ease,background .16s ease,border-color .16s ease;}
  .ps-cursor.hover{width:40px;height:40px;background:radial-gradient(circle,rgba(139,0,204,.7),rgba(139,0,204,0) 70%);border-color:var(--gold);}
  .ps-cursor.click{width:14px;height:14px;}
}

/* ── PLACEHOLDER ── */
.ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#E3F3E8,#C9E8D3);color:var(--purple);font-size:12px;font-weight:600;text-align:center;padding:16px;}
.ph .phi{font-size:32px;opacity:.5;}

/* ── TOP SOCIAL BAR ── */
.ps-topbar{position:fixed;top:0;left:0;right:0;z-index:2001;height:var(--topbar-h);padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(90deg,var(--purple-dark),var(--purple));color:#fff;font-size:11.5px;letter-spacing:.3px;transition:transform .3s ease;}
.ps-topbar-tag{opacity:.92;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ps-topbar-social{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.ps-topbar-social a{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff;transition:.25s;text-decoration:none;}
.ps-topbar-social a:hover{background:var(--gold);color:var(--purple-dark);transform:translateY(-2px);}
.ps-topbar-social svg{width:13px;height:13px;fill:currentColor;}

/* ── NAVBAR ── */
nav{position:fixed;top:var(--topbar-h);left:0;right:0;z-index:2000;height:72px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.97);border-bottom:2px solid var(--purple);backdrop-filter:blur(16px);box-shadow:0 2px 24px var(--shadow);transition:height .3s,top .3s;}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.nav-logo-img-wrap{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.nav-logo-img{width:100%;height:100%;object-fit:contain;display:block;}
.nav-logo-fallback{font-family:'Cinzel',serif;font-size:20px;font-weight:900;color:var(--purple-dark);display:none;}
.nav-logo-text{display:flex;align-items:baseline;gap:6px;white-space:nowrap;}
.nav-logo-text .t1{font-family:'Cinzel',serif;font-size:20px;font-weight:900;color:var(--purple-dark);letter-spacing:2px;text-transform:uppercase;}
.nav-logo-text .t2{font-family:'Cinzel',serif;font-size:20px;font-weight:900;color:var(--purple-dark);letter-spacing:2px;text-transform:uppercase;}
.nav-links{display:flex;gap:2px;list-style:none;align-items:center;}
.nav-links>li{position:relative;}
.nav-links a{color:var(--text);text-decoration:none;font-size:11.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:7px 11px;border-radius:4px;transition:.25s;position:relative;display:flex;align-items:center;gap:4px;}
.nav-links a::after{content:'';position:absolute;bottom:2px;left:50%;right:50%;height:2px;background:var(--purple);border-radius:2px;transition:.25s;}
.nav-links a:hover{color:var(--purple);}
.nav-links a:hover::after{left:11px;right:11px;}
.btn-cta{background:linear-gradient(135deg,var(--purple),var(--purple-light))!important;color:#fff!important;border-radius:6px!important;padding:9px 18px!important;font-weight:700!important;box-shadow:0 4px 14px rgba(11,107,63,.35)!important;}
.btn-cta::after{display:none!important;}
.btn-cta:hover{transform:translateY(-1px);}

/* Services dropdown arrow */
.nav-links .has-dd>a::before{content:'▾';font-size:10px;margin-left:2px;}

/* ── SERVICES DROPDOWN ── */
.nav-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 50px rgba(11,107,63,.15);min-width:260px;max-height:calc(100vh - var(--topbar-h) - var(--nav-h) - 24px);overflow-y:auto;padding:8px 0;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s,transform .22s;z-index:3000;}
.nav-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0);}
.nav-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 18px;color:var(--text);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.3px;text-transform:none;border-radius:0;transition:.2s;}
.nav-dropdown a::after{display:none!important;}
.nav-dropdown a:hover{background:rgba(11,107,63,.06);color:var(--purple);padding-left:24px;}
.nav-dropdown a .dd-ico{font-size:15px;width:20px;text-align:center;}
.nav-dd-header{padding:8px 18px 6px;font-size:10px;font-weight:700;color:var(--purple);letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:4px;}

.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px;background:none;border:none;}
.hamburger span{display:block;width:24px;height:2px;background:var(--purple-dark);border-radius:2px;transition:.3s;}

/* ── BROADCAST BANNER ── */
#ps-broadcast{animation:slideDown .4s ease;}
@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}

/* ── HERO ── */
#home{min-height:100vh;display:flex;align-items:center;padding:calc(var(--topbar-h) + var(--nav-h)) 5% 0;position:relative;overflow:hidden;}
.hero-img-bg{position:absolute;inset:0;background:url('images/branding/hero-bg.jpg') center/cover no-repeat;animation:heroZoom 18s ease-in-out infinite alternate;filter:brightness(1) saturate(1.2);}
.hero-img-bg-fallback{position:absolute;inset:0;background:linear-gradient(135deg,#02120a,#052414 40%,#0a1a00);}

/* ── HERO YOUTUBE / VIDEO BACKGROUND ── */
/* YouTube video ID set korle ei box automatic full-screen background video hoye jabe */
.hero-video-bg{position:absolute;inset:0;overflow:hidden;z-index:0;background:#02120a;}
.hero-video-bg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none;}
.hero-video-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(2,18,10,.42),rgba(5,36,20,.32) 45%,rgba(10,26,0,.44));}
#home.has-hero-video .hero-img-bg,
#home.has-hero-video .hero-img-bg-fallback{display:none;}
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat 8s ease-in-out infinite alternate;pointer-events:none;}
.hero-orb1{width:500px;height:500px;background:rgba(11,107,63,.18);right:-100px;top:-100px;}
.hero-orb2{width:350px;height:350px;background:rgba(26,138,42,.12);left:-80px;bottom:-80px;animation-delay:-3s;}
.hero-orb3{width:250px;height:250px;background:rgba(201,168,76,.1);right:30%;top:60%;animation-delay:-5s;}
@keyframes heroZoom{0%{transform:scale(1) translateX(0)}100%{transform:scale(1.08) translateX(-18px)}}
@keyframes orbFloat{0%{transform:translate(0,0) scale(1)}100%{transform:translate(30px,20px) scale(1.08)}}
.hero-content{position:relative;z-index:3;max-width:700px;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:30px;padding:7px 20px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:28px;animation:fadeUp .9s ease both;}
.hero-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:#4fffb0;box-shadow:0 0 10px #4fffb0;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero-title{font-family:'Cinzel',serif;font-size:clamp(38px,6.5vw,80px);font-weight:900;line-height:1.04;margin-bottom:24px;animation:fadeUp .9s .15s ease both;color:#fff;}
.hero-title .grad{background:linear-gradient(90deg,#FFD700,#C9A84C,#FFD700);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;}
@keyframes shimmer{0%{background-position:0%}100%{background-position:200%}}
.hero-sub{font-size:16px;color:rgba(255,255,255,.72);line-height:1.85;max-width:560px;margin-bottom:40px;animation:fadeUp .9s .3s ease both;}
.hero-sub strong{color:#FFD700;font-weight:700;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp .9s .45s ease both;}
.btn-p{background:linear-gradient(135deg,var(--purple),var(--purple-light));color:#fff;padding:15px 34px;border-radius:7px;font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 8px 28px rgba(11,107,63,.45);transition:.3s;border:none;cursor:pointer;display:inline-block;text-decoration:none;}
.btn-p:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(11,107,63,.65);}
.btn-o{background:rgba(255,255,255,.08);color:#fff;padding:14px 34px;border-radius:7px;font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;border:2px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);transition:.3s;cursor:pointer;text-decoration:none;display:inline-block;}
.btn-o:hover{background:rgba(255,255,255,.18);border-color:#fff;transform:translateY(-3px);}
.hero-stats{position:absolute;right:5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:3;animation:fadeRight 1s .6s ease both;}
.stat-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(14px);border-radius:14px;padding:18px 22px;text-align:center;min-width:122px;transition:.3s;}
.stat-card:hover{background:rgba(255,255,255,.14);transform:translateX(-5px);}
.stat-num{font-family:'Cinzel',serif;font-size:30px;font-weight:900;color:#FFD700;}
.stat-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:3px;}
.hero-scroll{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:rgba(255,255,255,.45);font-size:10px;letter-spacing:2px;text-transform:uppercase;animation:fadeUp 1s 1.1s ease both;z-index:3;}
.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5));animation:scrollAnim 2.2s infinite;}
@keyframes scrollAnim{0%{height:0;opacity:1}100%{height:50px;opacity:0}}

/* ── SECTION COMMONS ── */
section{padding:96px 5%;}
.sec-hd{text-align:center;margin-bottom:60px;}
.sec-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--green);margin-bottom:11px;}
.sec-title{font-family:'Cinzel',serif;font-size:clamp(26px,4vw,44px);font-weight:700;color:var(--text);line-height:1.2;margin-bottom:13px;}
.sec-title span{background:linear-gradient(135deg,var(--accent-purple),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.sec-desc{font-size:15px;color:var(--muted);max-width:540px;margin:0 auto;line-height:1.8;}

/* ── SERVICE CARDS (click-only, no hover popup) ── */
#services{background:var(--bg2);}
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;}
.svc-card{background:var(--bg);border:1px solid var(--border);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:.4s;box-shadow:0 2px 16px var(--shadow);display:flex;flex-direction:column;position:relative;cursor:pointer;}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-purple),var(--gold));transform:scaleX(0);transition:.4s;transform-origin:left;z-index:1;}
.svc-card:hover{transform:translateY(-8px);border-color:var(--purple);box-shadow:0 20px 50px rgba(11,107,63,.15);}
.svc-card:hover::before{transform:scaleX(1);}
.svc-img-wrap{overflow:hidden;height:190px;flex-shrink:0;position:relative;}
.svc-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.svc-card:hover .svc-img{transform:scale(1.07);}
.svc-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--accent-purple-dark),var(--accent-purple));color:#fff;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:20px;z-index:2;}
.svc-body{padding:22px;flex:1;display:flex;flex-direction:column;}
.svc-icon{font-size:26px;margin-bottom:10px;}
.svc-name{font-family:'Cinzel',serif;font-size:18.5px;font-weight:700;color:var(--accent-purple-dark);margin-bottom:8px;line-height:1.3;}
.svc-desc{font-size:13px;color:var(--muted);line-height:1.75;flex:1;margin-bottom:16px;}
.svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}
.svc-tag{background:rgba(11,107,63,.07);border:1px solid rgba(11,107,63,.18);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;color:var(--purple);}
.svc-link-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--purple);transition:.25s;}
.svc-card:hover .svc-link-btn{gap:10px;}

/* ── WHY US ── */
#why-us{background:var(--bg3);}
.why-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.why-circle-wrap{display:flex;justify-content:center;}
.why-circle{width:400px;height:400px;border-radius:50%;border:2px solid rgba(11,107,63,.18);display:flex;align-items:center;justify-content:center;position:relative;}
.why-circle::before{content:'';position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(11,107,63,.15);animation:rotateSlow 22s linear infinite;}
@keyframes rotateSlow{to{transform:rotate(360deg)}}
.why-center{width:175px;height:175px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple-dark),var(--accent-purple));border:3px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 50px rgba(139,0,204,.28);z-index:2;}
.why-center-num{font-family:'Cinzel',serif;font-size:42px;font-weight:900;color:#fff;}
.why-center-lbl{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.8);}
.orbit{position:absolute;width:80px;height:80px;border-radius:50%;background:var(--bg2);border:2px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;transition:.3s;box-shadow:0 4px 14px var(--shadow);}
.orbit span{font-size:9px;color:var(--muted);font-weight:600;margin-top:3px;}
.orbit:hover{border-color:var(--purple);transform:scale(1.1);}
.o1{top:-16px;left:50%;transform:translateX(-50%);}
.o2{right:-16px;top:50%;transform:translateY(-50%);}
.o3{bottom:-16px;left:50%;transform:translateX(-50%);}
.o4{left:-16px;top:50%;transform:translateY(-50%);}
.why-list{display:flex;flex-direction:column;gap:18px;}
.why-item{display:flex;gap:18px;padding:18px;border-radius:12px;border:1px solid transparent;transition:.3s;}
.why-item:hover{background:rgba(11,107,63,.04);border-color:var(--border);}
.why-num{font-family:'Cinzel',serif;font-size:32px;font-weight:900;background:linear-gradient(135deg,var(--accent-purple),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:46px;line-height:1;}
.why-cnt h4{font-family:'Cinzel',serif;font-size:15px;font-weight:700;color:var(--accent-purple-dark);margin-bottom:5px;}
.why-cnt p{font-size:14px;color:var(--muted);line-height:1.7;}

/* ── COUNTRIES ── */
#countries{background:var(--bg2);}
.countries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.country-card{background:var(--bg);border:1px solid var(--border);border-radius:18px;overflow:hidden;text-align:center;transition:.35s;box-shadow:0 2px 16px var(--shadow);}
.country-card:hover{border-color:var(--purple);transform:translateY(-6px);box-shadow:0 16px 44px rgba(11,107,63,.14);}
.country-img-wrap{height:160px;overflow:hidden;}
.country-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.country-card:hover .country-img{transform:scale(1.07);}
.country-body{padding:20px 16px;}
.country-flag{font-size:36px;margin-bottom:8px;display:block;}
.country-name{font-family:'Cinzel',serif;font-size:17px;font-weight:700;color:var(--accent-purple-dark);margin-bottom:5px;}
.country-desc{font-size:12px;color:var(--muted);line-height:1.6;}

/* ── DISTRIBUTORS ── */
#distributors{background:var(--bg3);}
.dist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.dist-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-align:center;transition:.35s;box-shadow:0 2px 16px var(--shadow);}
.dist-card:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 16px 44px rgba(11,107,63,.12);}
.dist-img-wrap{height:120px;display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid var(--border);}
.dist-img{max-width:100%;max-height:80px;object-fit:contain;display:block;filter:grayscale(30%);transition:filter .3s;}
.dist-card:hover .dist-img{filter:grayscale(0%);}
.dist-body{padding:16px 14px;}
.dist-name{font-family:'Cinzel',serif;font-size:14px;font-weight:700;color:var(--accent-purple-dark);margin-bottom:4px;}
.dist-origin{font-size:11px;color:var(--muted);font-weight:600;}
.dist-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-purple-dark),var(--accent-purple));color:#fff;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-top:8px;}

/* ── PROJECTS ── */
#projects{background:var(--bg);}
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.proj-card{border-radius:14px;overflow:hidden;position:relative;cursor:pointer;}
.proj-card.big{grid-column:span 2;grid-row:span 2;}
.proj-img-wrap{width:100%;height:100%;min-height:200px;overflow:hidden;}
.proj-card.big .proj-img-wrap{min-height:440px;}
.proj-img{width:100%;height:100%;object-fit:cover;min-height:200px;transition:transform .5s;}
.proj-card.big .proj-img{min-height:440px;}
.proj-card:hover .proj-img{transform:scale(1.05);}
.proj-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,0,28,.93) 0%,rgba(10,0,28,.3) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;}
.proj-cat{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#7effa0;margin-bottom:5px;}
.proj-name{font-family:'Cinzel',serif;font-size:16px;font-weight:700;color:#fff;}
.proj-info{font-size:12px;color:rgba(255,255,255,.6);margin-top:5px;opacity:0;transform:translateY(8px);transition:.35s;}
.proj-card:hover .proj-info{opacity:1;transform:translateY(0);}

/* ── CLIENTS MARQUEE ── */
#clients{background:var(--bg2);}
/* ── BEFORE/AFTER COMPARISON SLIDER ── */
.ba-slider{position:relative;width:100%;height:420px;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 24px var(--shadow);margin:10px 0 8px;background:var(--bg3);}
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;}
.ba-tag{position:absolute;top:14px;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;color:#fff;z-index:2;pointer-events:none;}
.ba-tag-before{left:14px;background:rgba(0,0,0,.72);}
.ba-tag-after{right:14px;background:#0B6B3F;}
.ba-handle{position:absolute;top:0;bottom:0;left:50%;width:0;pointer-events:none;z-index:2;}
.ba-handle::before{content:'';position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.45);}
.ba-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--purple-dark);box-shadow:0 4px 16px rgba(0,0,0,.32);}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;z-index:3;}
@media(max-width:640px){.ba-slider{height:280px;}}

.clients-grid-wrap{max-width:1200px;margin:0 auto;padding:8px 5px 18px;}
.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;}
.client-card{background:linear-gradient(155deg,var(--bg2) 0%,var(--bg3) 100%);border:1px solid var(--border);border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;opacity:0;transform:translateY(16px);animation:ctCardIn .55s ease forwards;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;}
@keyframes ctCardIn{to{opacity:1;transform:translateY(0);}}
.client-card:hover{transform:translateY(-5px) scale(1.03);border-color:var(--purple-light);box-shadow:0 14px 32px rgba(11,107,63,.16);}
.client-card .cc-logo-wrap{width:100%;height:72px;display:flex;align-items:center;justify-content:center;}
.client-logo-img{max-width:100%;max-height:64px;object-fit:contain;display:inline-block;filter:grayscale(55%) contrast(1.02);transition:filter .3s;}
.client-card:hover .client-logo-img{filter:grayscale(0%) contrast(1.05);}
.client-logo-txt{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--purple);color:#fff;font-family:'Cinzel',serif;font-weight:700;font-size:20px;}
.cc-name{font-weight:700;font-size:15px;color:var(--accent-purple-dark);line-height:1.35;transition:color .25s;}
.client-card:hover .cc-name{color:var(--purple);}
@media(max-width:640px){
  .clients-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;}
  .client-card{padding:14px 10px;}
  .client-card .cc-logo-wrap{height:56px;}
  .client-logo-img{max-height:48px;}
  .cc-name{font-size:13px;}
}

/* ── BROADCAST ── */
#broadcast{background:var(--bg3);}
.broadcast-inner{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}
.broadcast-card{background:linear-gradient(135deg,var(--accent-purple-dark),var(--accent-purple));color:#fff;border-radius:16px;padding:24px 32px;text-align:center;flex:1;min-width:220px;box-shadow:0 8px 30px rgba(139,0,204,.3);position:relative;overflow:hidden;}
.broadcast-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);}
.broadcast-ico{font-size:32px;margin-bottom:8px;}
.broadcast-title{font-family:'Cinzel',serif;font-size:18px;font-weight:700;margin-bottom:6px;}
.broadcast-text{font-size:13px;opacity:.85;line-height:1.6;}

/* ── TESTIMONIALS ── */
#testimonials{background:var(--bg3);overflow:hidden;}
.testi-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none;}
.testi-scroll::-webkit-scrollbar{display:none;}
.testi-card{min-width:305px;background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:26px;flex-shrink:0;transition:.3s;box-shadow:0 2px 14px var(--shadow);}
.testi-card:hover{border-color:var(--purple);transform:translateY(-5px);}
.testi-stars{color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:14px;}
.testi-text{font-size:13.5px;color:var(--muted);line-height:1.8;margin-bottom:18px;font-style:italic;}
.testi-author{display:flex;align-items:center;gap:11px;}
.testi-ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--gold));display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:15px;font-weight:700;color:#fff;border:2px solid var(--gold);}
.testi-name{font-family:'Cinzel',serif;font-size:12.5px;font-weight:700;color:var(--accent-purple-dark);}
.testi-role{font-size:11px;color:var(--muted);margin-top:2px;}

/* ── CONTACT ── */
#contact{background:var(--bg);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;}
.contact-info h3{font-family:'Cinzel',serif;font-size:28px;font-weight:700;color:var(--text);margin-bottom:12px;}
.contact-info h3 span{background:linear-gradient(135deg,var(--accent-purple),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.contact-info p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:32px;}
.cinfo-items{display:flex;flex-direction:column;gap:13px;}
.cinfo-item{display:flex;gap:13px;align-items:center;padding:14px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:11px;transition:.3s;}
.cinfo-item:hover{border-color:var(--purple);}
.cinfo-ico{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--accent-purple-dark),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.cinfo-lbl{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);margin-bottom:2px;}
.cinfo-val{font-size:13.5px;font-weight:600;color:var(--text);}
.cform{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 4px 24px var(--shadow);}
.cform h4{font-family:'Cinzel',serif;font-size:18px;font-weight:700;color:var(--accent-purple-dark);margin-bottom:22px;}
.fg{margin-bottom:15px;}
.fg label{display:block;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);margin-bottom:6px;}
.fg input,.fg textarea,.fg select{width:100%;background:var(--bg);border:1px solid rgba(11,107,63,.18);border-radius:8px;padding:12px 14px;font-family:'Raleway',sans-serif;font-size:14px;color:var(--text);outline:none;transition:.3s;}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--purple);background:var(--bg2);box-shadow:0 0 0 3px rgba(11,107,63,.07);}
.fg textarea{resize:vertical;min-height:105px;}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.btn-submit{width:100%;background:linear-gradient(135deg,var(--purple),var(--purple-light));color:#fff;border:none;padding:14px;border-radius:8px;font-family:'Raleway',sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 28px rgba(11,107,63,.35);transition:.3s;}
.btn-submit:hover{transform:translateY(-2px);}

/* ── FOOTER ── */
footer{background:linear-gradient(160deg,var(--purple-dark) 55%,var(--accent-purple-dark) 130%);padding:56px 5% 28px;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:40px;}
.footer-brand p{font-size:13.5px;color:#FFFFFF;line-height:1.8;margin:14px 0 20px;max-width:260px;}
.footer-logo-img{height:92px;object-fit:contain;display:block;margin-bottom:8px;}
.footer-social{display:flex;gap:9px;}
.soc-btn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none;transition:.3s;color:#fff;}
.soc-btn:hover{border-color:var(--gold);background:rgba(201,168,76,.12);transform:translateY(-3px);}
.soc-btn svg{width:16px;height:16px;fill:currentColor;}
.footer-col h5{font-family:'Cinzel',serif;font-size:12.5px;font-weight:700;color:#FFD700;margin-bottom:16px;letter-spacing:1px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-col ul li a{text-decoration:none;font-size:14.5px;font-weight:600;color:#FFFFFF;transition:.3s;display:flex;align-items:center;gap:7px;}
.footer-col ul li a::before{content:'→';color:rgba(180,110,240,.75);font-size:10px;transition:.2s;}
.footer-col ul li a:hover{color:#FFD700;}
.footer-col ul li a:hover::before{transform:translateX(4px);}

/* ── FOOTER CONTACT BLOCK ── */
.footer-contact-list{list-style:none;display:flex;flex-direction:column;gap:16px;}
.footer-contact-item{display:flex;align-items:flex-start;gap:11px;}
.footer-contact-item .fci-ico{font-size:15px;line-height:1.5;flex-shrink:0;margin-top:1px;width:18px;text-align:center;}
.footer-contact-item .fci-text{display:flex;flex-direction:column;font-size:13px;color:#FFFFFF;line-height:1.55;}
.footer-contact-item .fci-text strong{color:#FFD700;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px;}
.footer-contact-item .fci-text a{color:#FFFFFF;text-decoration:none;transition:.2s;}
.footer-contact-item .fci-text a:hover{color:#FFD700;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-bottom p{font-size:12px;color:#FFFFFF;}
.footer-bottom span{color:var(--gold);}

/* ── WHATSAPP BUTTON ── */
.wa-btn{position:fixed;bottom:26px;right:26px;z-index:2500;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 28px rgba(37,211,102,.45);text-decoration:none;transition:transform .3s;animation:waBounce 3s infinite,waGlow 2s ease-in-out infinite;}
.wa-btn svg{width:30px;height:30px;fill:#fff;}
.wa-btn:hover{transform:scale(1.15);}
@keyframes waBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes waGlow{0%,100%{box-shadow:0 8px 28px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.55);}50%{box-shadow:0 8px 28px rgba(37,211,102,.65),0 0 0 12px rgba(37,211,102,0);}}

/* ── BLOG PAGE ── */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;}
.blog-card{background:var(--bg2);border:1px solid var(--border);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:.4s;box-shadow:0 2px 16px var(--shadow);}
.blog-card:hover{transform:translateY(-8px);border-color:var(--purple);box-shadow:0 20px 50px rgba(11,107,63,.15);}
.blog-img-wrap{overflow:hidden;height:200px;}
.blog-img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.blog-card:hover .blog-img{transform:scale(1.07);}
.blog-body{padding:24px;}
.blog-meta{display:flex;gap:12px;font-size:11px;color:var(--muted);margin-bottom:12px;}
.blog-tag{background:rgba(11,107,63,.07);border:1px solid rgba(11,107,63,.18);border-radius:20px;padding:2px 10px;font-size:10px;font-weight:700;color:var(--purple);margin-right:6px;}
.blog-title{font-family:'Cinzel',serif;font-size:17px;font-weight:700;color:var(--accent-purple-dark);line-height:1.4;margin-bottom:10px;}
.blog-excerpt{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:16px;}
.blog-link{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--purple);}

/* ── SERVICE DETAIL PAGE ── */
.svc-detail-hero{padding:140px 5% 80px;background:linear-gradient(135deg,var(--purple-dark),var(--purple));color:#fff;position:relative;overflow:hidden;}
.svc-detail-hero::before{content:'';position:absolute;inset:0;background:url('images/branding/hero-bg.jpg') center/cover;opacity:.15;}
.svc-detail-content{position:relative;z-index:2;max-width:700px;}
.svc-breadcrumb{font-size:12px;color:rgba(255,255,255,.6);margin-bottom:16px;}
.svc-breadcrumb a{color:rgba(255,255,255,.8);text-decoration:none;}
.svc-breadcrumb a:hover{color:#FFD700;}
.svc-detail-title{font-family:'Cinzel',serif;font-size:clamp(32px,5vw,58px);font-weight:900;line-height:1.1;margin-bottom:18px;}
.svc-detail-title .grad{background:linear-gradient(90deg,#FFD700,#C9A84C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.svc-detail-desc{font-size:16px;opacity:.85;line-height:1.8;max-width:560px;margin-bottom:30px;}
.svc-detail-body{padding:80px 5%;}
.svc-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start;}
.svc-detail-main h2{font-family:'Cinzel',serif;font-size:26px;font-weight:700;color:var(--accent-purple-dark);margin:32px 0 14px;}
.svc-detail-main h2:first-child{margin-top:0;}
.svc-detail-main p{font-size:14.5px;color:var(--muted);line-height:1.9;margin-bottom:16px;}
.svc-detail-main ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;}
.svc-detail-main ul li{display:flex;gap:10px;font-size:14px;color:var(--muted);line-height:1.7;}
.svc-detail-main ul li::before{content:'✦';color:var(--purple);font-size:10px;margin-top:4px;flex-shrink:0;}
.svc-sidebar{position:sticky;top:90px;}
.svc-quote-box{background:linear-gradient(135deg,var(--accent-purple-dark),var(--accent-purple));color:#fff;border-radius:18px;padding:28px;margin-bottom:20px;box-shadow:0 12px 40px rgba(139,0,204,.3);}
.svc-quote-box h4{font-family:'Cinzel',serif;font-size:18px;font-weight:700;margin-bottom:8px;}
.svc-quote-box p{font-size:13px;opacity:.8;line-height:1.7;margin-bottom:20px;}
.svc-price-box{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:16px;}
.svc-price-box h5{font-family:'Cinzel',serif;font-size:14px;font-weight:700;color:var(--accent-purple-dark);margin-bottom:14px;}
.price-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px;}
.price-row:last-child{border-bottom:none;}
.price-row .label{color:var(--muted);}
.price-row .value{font-weight:700;color:var(--accent-purple-dark);}

/* ── REVEAL ANIMATION ── */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeRight{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .countries-grid,.dist-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:960px){
  :root{--topbar-h:32px;}
  .ps-topbar-tag{display:none;}
  .ps-topbar{justify-content:center;}
  .nav-links{display:none;flex-direction:column;position:fixed;top:calc(var(--topbar-h) + var(--nav-h));left:0;right:0;background:rgba(255,255,255,.99);padding:22px 5%;gap:2px;border-bottom:2px solid var(--purple);box-shadow:0 10px 30px rgba(11,107,63,.1);max-height:calc(100vh - var(--topbar-h) - var(--nav-h));overflow-y:auto;}
  .nav-links.open{display:flex;}
  .nav-links a{font-size:14px;padding:12px 0;border-bottom:1px solid rgba(11,107,63,.1);}
  .nav-dropdown{position:static;opacity:1;pointer-events:all;transform:none;box-shadow:none;border:none;border-radius:0;padding:0 0 0 16px;background:transparent;display:none;max-height:none;overflow-y:visible;}
  .nav-dropdown.open{display:block;}
  .nav-dropdown a{font-size:14.5px;padding:10px 0;border-bottom:none;color:var(--muted);}
  .hamburger{display:flex;}
  .hero-stats{display:none;}
  .why-inner{grid-template-columns:1fr;}
  .why-circle{width:280px;height:280px;}
  .why-center{width:130px;height:130px;}
  .why-center-num{font-size:32px;}
  .proj-grid{grid-template-columns:1fr 1fr;}
  .proj-card.big{grid-column:span 2;}
  .contact-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr 1fr;gap:26px;}
  .svc-detail-grid{grid-template-columns:1fr;}
  .svc-sidebar{position:static;}
}
@media(max-width:600px){
  .services-grid{grid-template-columns:1fr;}
  .proj-grid{grid-template-columns:1fr;}
  .proj-card.big{grid-column:auto;}
  .countries-grid,.dist-grid{grid-template-columns:1fr 1fr;}
  .fg-row{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .blog-grid{grid-template-columns:1fr;}
}

/* ── TOPBAR SCROLL-HIDE STATE ── */
.ps-topbar.hide{transform:translateY(-100%);}

/* ── NAV SEARCH ── */
.nav-search{position:relative;display:flex;align-items:center;margin-left:6px;}
.nav-search-btn{background:rgba(11,107,63,.06);border:1px solid var(--border);font-size:19px;cursor:pointer;color:var(--purple-dark);padding:11px 20px;display:flex;align-items:center;gap:8px;justify-content:center;border-radius:24px;transition:.25s;font-family:'Raleway',sans-serif;font-size:14px;font-weight:700;letter-spacing:.3px;}
.nav-search-btn svg{width:19px;height:19px;}
.nav-search-btn:hover{background:rgba(11,107,63,.14);border-color:var(--purple);color:var(--purple);}
.nav-search-btn-txt{white-space:nowrap;}
@media(max-width:1180px){.nav-search-btn-txt{display:none;}.nav-search-btn{padding:11px;border-radius:50%;}}
.nav-search-box{position:absolute;top:calc(100% + 12px);right:0;width:420px;max-width:90vw;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 50px rgba(11,107,63,.18);padding:16px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s,transform .22s;z-index:3000;}
.nav-search-box.open{opacity:1;pointer-events:all;transform:translateY(0);}
.nav-search-box input{width:100%;padding:15px 18px;border:1px solid var(--border);border-radius:10px;font-family:'Raleway',sans-serif;font-size:15.5px;outline:none;color:var(--text);}
.nav-search-box input:focus{border-color:var(--purple);}
.nav-search-results{margin-top:10px;max-height:320px;overflow-y:auto;}
.nav-search-results:empty{margin-top:0;}
.nsr-item{display:block;padding:12px 14px;font-size:14px;font-weight:600;color:var(--text);text-decoration:none;border-radius:8px;transition:.2s;}
.nsr-item:hover{background:rgba(11,107,63,.08);color:var(--purple);padding-left:18px;}
.nsr-empty{padding:12px 14px;font-size:14px;color:var(--muted);}
@media(max-width:960px){
  .nav-search-box{position:fixed;top:calc(var(--topbar-h) + var(--nav-h) + 8px);left:5%;right:5%;width:auto;}
}