/* ==========================================================================
   Cybersoft Tech Labs — Design Tokens
   Palette: deep navy + electric blue/cyan | MNC / enterprise engineering feel
   Display: Syne | Body: DM Sans | Labels/data: Space Grotesk
   ========================================================================== */
:root{
  --navy-950:#050B18;
  --navy-900:#0A1F44;
  --navy-850:#0D2A5C;
  --navy-800:#123268;
  --blue-500:#2F6FED;
  --blue-400:#5A8CFF;
  --cyan-400:#17D6D6;
  --cyan-300:#5FEAEA;
  --ink:#0A1220;
  --slate-600:#48546B;
  --slate-500:#5B6B85;
  --slate-300:#B9C3D6;
  --mist-50:#F4F7FC;
  --mist-100:#E9EFF9;
  --white:#FFFFFF;
  --line:#E3E9F4;
  --radius:14px;
  --radius-sm:8px;
  --shadow-sm:0 2px 10px rgba(10,31,68,.06);
  --shadow-md:0 12px 32px rgba(10,31,68,.10);
  --shadow-lg:0 24px 64px rgba(10,31,68,.16);
  --ff-display:'Syne', sans-serif;
  --ff-body:'DM Sans', sans-serif;
  --ff-label:'Space Grotesk', monospace;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--ff-body);
  color:var(--ink);
  background:var(--white);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;transition:.2s ease;}
img{max-width:100%;display:block;}
h1,h2,h3,h4,h5,h6{font-family:var(--ff-display);font-weight:700;color:var(--navy-900);line-height:1.15;margin:0 0 .5em;}
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;}
.container-narrow{width:100%;max-width:900px;margin:0 auto;padding:0 24px;}

/* utility */
.eyebrow{
  font-family:var(--ff-label);
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--blue-500);
  display:inline-flex;align-items:center;gap:8px;
  font-weight:600;
  margin-bottom:14px;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--cyan-400);display:inline-block;}
.section{padding:96px 0;}
.section-tight{padding:64px 0;}
.section-dark{background:var(--navy-900);color:var(--slate-300);}
.section-dark h2,.section-dark h3{color:var(--white);}
.section-mist{background:var(--mist-50);}
.text-center{text-align:center;}
.max-w-680{max-width:680px;}
.mx-auto{margin-left:auto;margin-right:auto;}
.mb-56{margin-bottom:56px;}
.grid{display:grid;gap:28px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
@media(max-width:991px){.grid-4{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}}

/* buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--ff-label);font-weight:600;font-size:.92rem;letter-spacing:.02em;
  padding:14px 28px;border-radius:100px;border:1px solid transparent;cursor:pointer;
  transition:.25s ease;
}
.btn-primary{background:var(--blue-500);color:#fff;}
.btn-primary:hover{background:var(--navy-850);color:#fff;transform:translateY(-2px);}
.btn-outline{border-color:rgba(255,255,255,.35);color:#fff;}
.btn-outline:hover{background:#fff;color:var(--navy-900);}
.btn-outline-dark{border-color:var(--navy-900);color:var(--navy-900);}
.btn-outline-dark:hover{background:var(--navy-900);color:#fff;}
.btn-cyan{background:var(--cyan-400);color:var(--navy-950);}
.btn-cyan:hover{background:var(--cyan-300);transform:translateY(-2px);}
.btn-sm{padding:10px 20px;font-size:.82rem;}
.btn-block{width:100%;}

/* ===== Header / mega menu ===== */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:84px;}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--ff-display);font-weight:700;font-size:1.3rem;color:var(--navy-900);}
.brand img{height:40px;width:auto;}
.brand .dot{color:var(--cyan-400);}
.main-nav{display:flex;align-items:center;gap:4px;}
.main-nav>ul{display:flex;list-style:none;margin:0;padding:0;gap:6px;}
.main-nav>ul>li{position:relative;}
.main-nav>ul>li>a{display:flex;align-items:center;gap:5px;padding:14px 16px;font-weight:600;font-size:.95rem;color:var(--navy-900);border-radius:8px;}
.main-nav>ul>li>a:hover,.main-nav>ul>li.active>a{color:var(--blue-500);}
.main-nav>ul>li>a i{font-size:.7rem;transition:.2s;}
.main-nav>ul>li:hover>a i{transform:rotate(180deg);}

.mega{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
  width:760px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);
  padding:32px;opacity:0;visibility:hidden;transition:.25s ease;border:1px solid var(--line);
  display:grid;grid-template-columns:1.5fr 1fr;gap:32px;
}
.main-nav>ul>li:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.mega-col-title{font-family:var(--ff-label);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-500);margin-bottom:14px;}
.mega-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.mega-list li a{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:8px;color:var(--navy-900);font-size:.9rem;font-weight:500;}
.mega-list li a:hover{background:var(--mist-50);color:var(--blue-500);}
.mega-list li a i{color:var(--cyan-400);margin-top:3px;font-size:.85rem;}
.mega-highlight{background:linear-gradient(155deg,var(--navy-900),var(--navy-850));border-radius:var(--radius-sm);padding:22px;color:#fff;}
.mega-highlight h4{color:#fff;font-size:1.05rem;margin-bottom:8px;}
.mega-highlight p{font-size:.85rem;color:var(--slate-300);margin-bottom:16px;}

.header-cta{display:flex;align-items:center;gap:16px;}
.header-phone{display:flex;align-items:center;gap:8px;font-family:var(--ff-label);font-weight:600;font-size:.88rem;color:var(--navy-900);}
.header-phone i{color:var(--cyan-400);}
.nav-toggle{display:none;background:none;border:none;font-size:1.6rem;color:var(--navy-900);cursor:pointer;}

@media(max-width:1199px){
  .main-nav{position:fixed;inset:0 0 0 auto;width:340px;max-width:88%;background:var(--navy-900);height:100vh;flex-direction:column;padding:90px 24px 24px;transform:translateX(100%);transition:.3s ease;overflow-y:auto;}
  .main-nav.open{transform:translateX(0);}
  .main-nav>ul{flex-direction:column;width:100%;gap:0;}
  .main-nav>ul>li>a{color:#fff;padding:14px 6px;border-bottom:1px solid rgba(255,255,255,.08);}
  .mega{position:static;transform:none;opacity:1;visibility:visible;width:100%;box-shadow:none;border:none;background:transparent;padding:12px 0 12px 14px;display:none;grid-template-columns:1fr;}
  .main-nav>ul>li.open .mega{display:grid;}
  .mega-list{grid-template-columns:1fr;}
  .mega-list li a{color:var(--slate-300);}
  .mega-highlight{display:none;}
  .nav-toggle{display:block;}
  .header-phone{display:none;}
}

/* ===== Hero Slider ===== */
.hero-slider{position:relative;background:var(--navy-950);overflow:hidden;}
.hero-slide{
  position:relative;min-height:640px;display:flex;align-items:center;
  background:linear-gradient(120deg,var(--navy-950) 0%,var(--navy-900) 55%,var(--navy-850) 100%);
}
.hero-slide.has-image{background-size:cover;background-position:center;}
.hero-slide.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,11,24,.94) 30%,rgba(5,11,24,.55) 100%);}
.hero-content{position:relative;z-index:2;max-width:640px;}
.hero-content .eyebrow{color:var(--cyan-300);}
.hero-content .eyebrow::before{background:var(--cyan-300);}
.hero-content h1{color:#fff;font-size:clamp(2.2rem,4.4vw,3.6rem);margin-bottom:20px;}
.hero-content p{color:var(--slate-300);font-size:1.08rem;margin-bottom:32px;max-width:560px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.hero-circuit{position:absolute;right:-6%;top:0;bottom:0;width:60%;opacity:.55;pointer-events:none;z-index:1;}
.hero-nav{position:absolute;bottom:32px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:10px;}
.hero-nav button{width:34px;height:4px;border-radius:2px;background:rgba(255,255,255,.25);border:none;cursor:pointer;padding:0;transition:.3s;}
.hero-nav button.active{background:var(--cyan-400);width:52px;}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;}
.hero-arrow:hover{background:var(--cyan-400);color:var(--navy-950);}
.hero-arrow.prev{left:28px;}
.hero-arrow.next{right:28px;}
@media(max-width:767px){.hero-arrow{display:none;}.hero-slide{min-height:560px;}}

/* stat strip */
.stat-strip{background:var(--navy-900);padding:0;position:relative;margin-top:-1px;}
.stat-strip .grid-4{gap:0;}
.stat-item{padding:32px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.08);}
.stat-item:last-child{border-right:none;}
.stat-item .num{font-family:var(--ff-label);font-size:2.1rem;font-weight:700;color:var(--cyan-400);}
.stat-item .lbl{font-size:.85rem;color:var(--slate-300);margin-top:4px;}
@media(max-width:640px){.stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);}}

/* section header */
.section-head{max-width:640px;margin-bottom:56px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.section-head p{color:var(--slate-500);font-size:1.02rem;}
.section-dark .section-head p{color:var(--slate-300);}

/* cards: services / solutions */
.card-service{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;
  transition:.3s ease;height:100%;position:relative;overflow:hidden;
}
.card-service:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:transparent;}
.card-service .icon-box{width:56px;height:56px;border-radius:14px;background:var(--mist-100);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--blue-500);margin-bottom:22px;}
.card-service:hover .icon-box{background:var(--navy-900);color:var(--cyan-400);}
.card-service h3{font-size:1.15rem;margin-bottom:10px;}
.card-service p{color:var(--slate-500);font-size:.94rem;margin-bottom:18px;}
.card-link{font-family:var(--ff-label);font-size:.85rem;font-weight:600;color:var(--blue-500);display:inline-flex;align-items:center;gap:6px;}
.card-link i{transition:.2s;}
.card-service:hover .card-link i{transform:translateX(4px);}

/* portfolio */
.card-project{border-radius:var(--radius);overflow:hidden;position:relative;background:var(--navy-900);box-shadow:var(--shadow-sm);}
.card-project .thumb{aspect-ratio:4/3;background:linear-gradient(145deg,var(--navy-850),var(--navy-950));position:relative;overflow:hidden;}
.card-project .thumb img{width:100%;height:100%;object-fit:cover;}
.card-project .body{padding:24px;}
.card-project .tag{font-family:var(--ff-label);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-400);}
.card-project h3{color:#fff;font-size:1.1rem;margin:8px 0 0;}
.card-project a.stretched{position:absolute;inset:0;z-index:2;}

/* industries */
.card-industry{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-sm);transition:.25s;background:#fff;}
.card-industry:hover{border-color:var(--blue-500);box-shadow:var(--shadow-sm);}
.card-industry .icon-box{width:48px;height:48px;flex:none;border-radius:10px;background:var(--mist-100);display:flex;align-items:center;justify-content:center;color:var(--blue-500);font-size:1.3rem;}
.card-industry h4{margin:0;font-size:1rem;}

/* placeholder image block (used when no image uploaded) */
.ph-block{width:100%;height:100%;min-height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--navy-850),var(--navy-950));color:rgba(255,255,255,.55);}
.ph-block i{font-size:2rem;}
.ph-block.light{background:linear-gradient(145deg,var(--mist-100),var(--mist-50));color:var(--slate-500);}

/* insight cards */
.card-insight{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:.25s;}
.card-insight:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
.card-insight .thumb{aspect-ratio:16/10;overflow:hidden;}
.card-insight .thumb img{width:100%;height:100%;object-fit:cover;}
.card-insight .body{padding:24px;}
.card-insight .meta{font-family:var(--ff-label);font-size:.75rem;color:var(--blue-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.card-insight h3{font-size:1.08rem;}
.card-insight p{color:var(--slate-500);font-size:.9rem;}

/* clients / logo slider */
.clients-track{display:flex;align-items:center;gap:56px;overflow:hidden;position:relative;}
.clients-track .logo-wrap{flex:none;height:48px;display:flex;align-items:center;filter:grayscale(1);opacity:.6;transition:.25s;}
.clients-track .logo-wrap:hover{filter:none;opacity:1;}
.clients-track .logo-wrap span{font-family:var(--ff-label);font-weight:700;color:var(--navy-900);font-size:1.1rem;}

/* testimonials */
.testi-card{background:#fff;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--line);height:100%;}
.testi-card .stars{color:var(--cyan-400);margin-bottom:14px;letter-spacing:2px;}
.testi-card p.msg{font-size:1rem;color:var(--navy-900);margin-bottom:20px;}
.testi-who{display:flex;align-items:center;gap:12px;}
.testi-who .avatar{width:44px;height:44px;border-radius:50%;background:var(--mist-100);display:flex;align-items:center;justify-content:center;font-family:var(--ff-label);font-weight:700;color:var(--blue-500);flex:none;overflow:hidden;}
.testi-who .avatar img{width:100%;height:100%;object-fit:cover;}
.testi-who h5{margin:0;font-size:.95rem;}
.testi-who span{font-size:.82rem;color:var(--slate-500);}

/* CTA band */
.cta-band{background:linear-gradient(120deg,var(--navy-950),var(--navy-900));position:relative;overflow:hidden;padding:80px 0;}
.cta-band h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);max-width:640px;}
.cta-band p{color:var(--slate-300);max-width:520px;}

/* page banner (interior pages) */
.page-banner{background:linear-gradient(120deg,var(--navy-950),var(--navy-900));padding:90px 0 60px;position:relative;overflow:hidden;}
.page-banner h1{color:#fff;font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:10px;}
.breadcrumb{font-family:var(--ff-label);font-size:.82rem;color:var(--slate-300);}
.breadcrumb a{color:var(--slate-300);}
.breadcrumb a:hover{color:var(--cyan-400);}
.breadcrumb i{margin:0 8px;font-size:.65rem;}

/* footer */
.site-footer{background:var(--navy-950);color:var(--slate-300);padding:80px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.08);}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr;}}
.footer-brand{font-family:var(--ff-display);font-size:1.3rem;color:#fff;margin-bottom:14px;}
.footer-col h5{font-family:var(--ff-label);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:18px;}
.footer-col ul{list-style:none;margin:0;padding:0;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{font-size:.9rem;color:var(--slate-300);}
.footer-col ul li a:hover{color:var(--cyan-400);}
.footer-social{display:flex;gap:10px;margin-top:18px;}
.footer-social a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;}
.footer-social a:hover{background:var(--cyan-400);color:var(--navy-950);border-color:var(--cyan-400);}
.footer-bottom{padding:24px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.82rem;color:var(--slate-500);}

/* forms */
.form-control,.form-select,textarea.form-control{
  width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);
  font-family:var(--ff-body);font-size:.95rem;background:#fff;color:var(--ink);transition:.2s;
}
.form-control:focus,.form-select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(47,111,237,.12);}
.form-label{font-family:var(--ff-label);font-size:.8rem;font-weight:600;color:var(--navy-900);margin-bottom:6px;display:block;}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-sm);}

/* office card */
.office-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;}
.office-card .map{height:260px;}
.office-card .map iframe{width:100%;height:100%;border:0;}
.office-card .body{padding:24px;}
.office-badge{display:inline-block;font-family:var(--ff-label);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:var(--mist-100);color:var(--blue-500);padding:4px 12px;border-radius:100px;margin-bottom:12px;}

/* ===== Sticky enquire-now vertical tab ===== */
.enquire-tab{
  position:fixed;right:0;top:55%;transform:translateY(-50%) rotate(-90deg) translateX(50%);
  transform-origin:right center;background:var(--blue-500);color:#fff;font-family:var(--ff-label);
  font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;
  padding:13px 26px;border-radius:8px 8px 0 0;cursor:pointer;z-index:1050;box-shadow:var(--shadow-md);
  border:none;display:flex;align-items:center;gap:8px;
}
.enquire-tab:hover{background:var(--navy-900);}
@media(max-width:767px){.enquire-tab{font-size:.75rem;padding:11px 18px;}}

.enquire-panel-backdrop{position:fixed;inset:0;background:rgba(5,11,24,.55);z-index:1100;opacity:0;visibility:hidden;transition:.25s;}
.enquire-panel-backdrop.open{opacity:1;visibility:visible;}
.enquire-panel{
  position:fixed;top:0;right:0;height:100vh;width:420px;max-width:92vw;background:#fff;z-index:1101;
  transform:translateX(100%);transition:.3s ease;overflow-y:auto;box-shadow:var(--shadow-lg);
}
.enquire-panel.open{transform:translateX(0);}
.enquire-panel-head{background:var(--navy-900);color:#fff;padding:28px 28px 24px;position:relative;}
.enquire-panel-head h3{color:#fff;margin-bottom:6px;}
.enquire-panel-head p{color:var(--slate-300);font-size:.88rem;margin:0;}
.enquire-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.1);border:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1rem;}
.enquire-panel-body{padding:28px;}
.enquire-panel-body .form-group{margin-bottom:16px;}

/* ===== WhatsApp widget ===== */
.wa-fab{
  position:fixed;left:26px;bottom:26px;z-index:1050;width:58px;height:58px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;
  box-shadow:0 8px 24px rgba(37,211,102,.4);cursor:pointer;border:none;animation:wa-pulse 2.4s infinite;
}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45);}70%{box-shadow:0 0 0 14px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}
.wa-chat-box{position:fixed;left:26px;bottom:96px;z-index:1051;width:320px;max-width:88vw;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(16px) scale(.96);opacity:0;visibility:hidden;transition:.22s ease;}
.wa-chat-box.open{transform:translateY(0) scale(1);opacity:1;visibility:visible;}
.wa-chat-head{background:#075E54;color:#fff;padding:16px 18px;display:flex;align-items:center;gap:10px;}
.wa-chat-head .av{width:38px;height:38px;border-radius:50%;background:#fff;color:#075E54;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--ff-label);}
.wa-chat-head strong{display:block;font-size:.92rem;}
.wa-chat-head span{font-size:.76rem;opacity:.85;}
.wa-chat-body{background:#ECE5DD;padding:16px;}
.wa-bubble{background:#fff;border-radius:10px;padding:12px 14px;font-size:.88rem;color:#111;box-shadow:0 1px 2px rgba(0,0,0,.08);margin-bottom:10px;}
.wa-chat-footer{padding:14px 16px;background:#fff;}
.wa-chat-footer a{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;padding:12px;border-radius:10px;font-weight:600;font-size:.9rem;}

/* misc */
.list-check{list-style:none;margin:0;padding:0;}
.list-check li{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:.95rem;color:var(--slate-600);}
.list-check li i{color:var(--cyan-400);margin-top:4px;}
.tab-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;}
.tab-pills a{padding:9px 18px;border-radius:100px;border:1px solid var(--line);font-size:.85rem;font-weight:600;color:var(--navy-900);}
.tab-pills a.active,.tab-pills a:hover{background:var(--navy-900);color:#fff;border-color:var(--navy-900);}
.pagination{display:flex;gap:8px;list-style:none;padding:0;margin-top:40px;justify-content:center;}
.pagination li a,.pagination li span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;border:1px solid var(--line);font-size:.88rem;color:var(--navy-900);}
.pagination li.active span{background:var(--navy-900);color:#fff;border-color:var(--navy-900);}
.alert{padding:14px 20px;border-radius:10px;margin-bottom:20px;font-size:.9rem;}
.alert-success{background:#E6F8F0;color:#0F7B4F;border:1px solid #BFEBD8;}
.alert-error{background:#FDEBEC;color:#B3261E;border:1px solid #F6C6C8;}

/* ===== Desktop header layout fix ===== */

/* The consultation CTA inside the navigation is intended for mobile only */
.main-nav > ul > li:last-child {
    display: none;
}

/* Keep important navigation labels on one line */
.main-nav > ul > li > a {
    white-space: nowrap;
}

/* Keep the brand from wrapping */
.brand {
    white-space: nowrap;
    flex-shrink: 0;
}

/* Keep phone number together */
.header-phone {
    white-space: nowrap;
    flex-shrink: 0;
}

/* Keep the right-side CTA together */
.header-cta {
    flex-shrink: 0;
    white-space: nowrap;
}

/* Slightly tighter desktop navigation */
@media (min-width: 1200px) and (max-width: 1399px) {
    .main-nav > ul {
        gap: 2px;
    }

    .main-nav > ul > li > a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: .9rem;
    }

    .header-cta {
        gap: 10px;
    }
}

/* Mobile/tablet: show the consultation CTA inside the slide-out menu */
@media (max-width: 1199px) {
    .main-nav > ul > li:last-child {
        display: block;
    }

    .main-nav > ul > li:last-child a {
        white-space: normal;
    }
}


/* =========================================================
   FINAL RESPONSIVE HEADER FIX
   ========================================================= */

/* Desktop header */
@media (min-width: 1200px) {

    .site-header {
        width: 100%;
        overflow: visible;
    }

    .header-inner {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box;
        gap: 12px;
    }

    .brand {
        flex: 0 0 auto;
        white-space: nowrap;
        font-size: 1.25rem;
    }

    .main-nav {
        flex: 1 1 auto;
        min-width: 0;
    }

    .main-nav > ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .main-nav > ul > li {
        flex: 0 0 auto;
    }

    .main-nav > ul > li > a {
        white-space: nowrap;
        padding-left: 8px;
        padding-right: 8px;
        font-size: .84rem;
    }

    .header-cta {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
    }

    .header-phone {
        white-space: nowrap;
        font-size: .78rem;
        gap: 5px;
    }

    .header-cta .btn {
        white-space: nowrap;
        padding-left: 18px;
        padding-right: 18px;
    }

    /* Consultation button inside mobile navigation
       must not appear on desktop */
    .main-nav > ul > li:last-child {
        display: none;
    }
}


/* ---------------------------------------------------------
   Smaller desktop / laptop
   --------------------------------------------------------- */

@media (min-width: 1200px) and (max-width: 1350px) {

    .header-inner {
        padding-left: 18px;
        padding-right: 18px;
        gap: 8px;
    }

    .brand {
        font-size: 1.15rem;
    }

    .main-nav > ul > li > a {
        padding-left: 6px;
        padding-right: 6px;
        font-size: .78rem;
    }

    .header-phone {
        font-size: .72rem;
    }

    .header-cta .btn {
        padding-left: 14px;
        padding-right: 14px;
    }
}


/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1199px) {

    .header-inner {
        min-height: 76px;
        height: auto;
        padding-top: 12px;
        padding-bottom: 12px;
        box-sizing: border-box;
    }

    .brand {
        white-space: nowrap;
        font-size: 1.15rem;
    }

    .header-cta {
        white-space: nowrap;
    }

    .header-phone {
        white-space: nowrap;
    }

    .main-nav > ul > li > a {
        white-space: nowrap;
    }
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .site-header {
        overflow: visible;
    }

    .header-inner {
        width: 100%;
        min-height: 68px;
        height: auto;
        padding: 10px 16px;
        box-sizing: border-box;
    }

    .brand {
        max-width: calc(100% - 60px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.05rem;
    }

    .header-cta {
        display: none;
    }

    .main-nav {
        max-width: 100%;
    }

    /* Keep mobile navigation links readable */
    .main-nav > ul > li > a {
        white-space: normal;
    }

    /* Mobile consultation button */
    .main-nav > ul > li:last-child {
        display: block;
    }

    .main-nav > ul > li:last-child a {
        white-space: normal;
    }
}


/* ---------------------------------------------------------
   Prevent horizontal page overflow
   --------------------------------------------------------- */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}


/* =========================================================
   ADMIN CONTROLLED LOGO SIZE
   ========================================================= */

.brand .site-logo {
    width: var(--logo-width, 180px);
    height: var(--logo-height, 50px);
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
    display: block;
}

/* Desktop */
@media (min-width: 1200px) {
    .brand .site-logo {
        max-width: var(--logo-width, 180px);
        max-height: var(--logo-height, 50px);
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .brand .site-logo {
        width: auto;
        height: auto;
        max-width: 180px;
        max-height: 48px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .brand .site-logo {
        width: auto;
        height: auto;
        max-width: 145px;
        max-height: 42px;
    }

    .brand {
        max-width: calc(100% - 55px);
        overflow: hidden;
    }
}

/* Small mobile */
@media (max-width: 400px) {
    .brand .site-logo {
        max-width: 125px;
        max-height: 38px;
    }
}