/* =========================================================
   WEBNEXA DIGITAL SOLUTIONS — main stylesheet
   ========================================================= */

:root{
  --bg-dark:      #0a2216;
  --bg-darker:    #071a10;
  --panel:        #0f2c1c;
  --panel-2:      #123420;
  --border-soft:  rgba(245,197,24,0.16);
  --gold:         #f5c518;
  --gold-soft:    #ffe07a;
  --text-light:   #f4f7f4;
  --text-muted:   #b7c9bd;
  --font-display: 'Sora', sans-serif;
  --font-body:    'Inter', sans-serif;
  --radius-lg:    20px;
  --radius-md:    14px;
  --transition:   .35s cubic-bezier(.4,0,.2,1);
}

*{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  background:var(--bg-dark);
  color:var(--text-light);
  font-family:var(--font-body);
  overflow-x:hidden;
  line-height:1.6;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-display);
  color:var(--text-light);
  margin:0;
}

p{ color:var(--text-muted); }

a{ text-decoration:none; color:inherit; }
ul{ list-style:none; padding:0; margin:0; }

.text-accent{ color:var(--gold); }
.text-muted-light{ color:var(--text-muted); }

section{ position:relative; }

img{ max-width:100%; height:auto; display:block; }

::selection{ background:var(--gold); color:#0a2216; }

/* Scrollbar */
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:var(--bg-darker); }
::-webkit-scrollbar-thumb{ background:var(--gold); border-radius:10px; }

/* =========================================================
   PRELOADER
   ========================================================= */
#preloader{
  position:fixed; inset:0; z-index:9999;
  background:var(--bg-darker);
  display:none;
  transition:opacity .2s ease, visibility 0s;
}
#preloader.hidden{ opacity:0; visibility:hidden; }
.loader-rocket{
  font-size:3rem; color:var(--gold);
  animation:loaderPulse 1s ease-in-out infinite alternate;
}
@keyframes loaderPulse{
  from{ transform:translateY(0) scale(1); opacity:.6; }
  to{ transform:translateY(-14px) scale(1.1); opacity:1; }
}

/* =========================================================
   BUTTONS
   ========================================================= */
.btn-quote{
  background:var(--gold);
  color:#12220f !important;
  font-weight:700;
  border-radius:5px;
  padding:.75rem 1.6rem;
  display:inline-flex; align-items:center; gap:.5rem;
  border:2px solid var(--gold);
  transition:var(--transition);
  white-space:nowrap;
}
.btn-quote:hover{
  background:transparent;
  color:var(--gold) !important;
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(245,197,24,.25);
}
.btn-outline-glow{
  border:2px solid var(--border-soft);
  color:var(--text-light);
  border-radius:5px;
  padding:.75rem 1.6rem;
  display:inline-flex; align-items:center; gap:.5rem;
  font-weight:600;
  transition:var(--transition);
  background:rgba(255,255,255,0.02);
}
.btn-outline-glow:hover{
  border-color:var(--gold);
  color:var(--gold);
  transform:translateY(-3px);
}
.btn-cta-dark{
  background:#0a2216;
  color:var(--gold) !important;
  font-weight:700;
  border-radius:50px;
  padding:.9rem 2rem;
  display:inline-flex; align-items:center; gap:.5rem;
  transition:var(--transition);
}
.btn-cta-dark:hover{
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 12px 26px rgba(0,0,0,.35);
}

/* =========================================================
   HEADER / NAV
   ========================================================= */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:linear-gradient(100deg,#071a10,#0a2216 55%,#102e1d);
  border-top:3px solid var(--gold);
  border-bottom:1px solid rgba(255,255,255,.1);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  transition:box-shadow var(--transition);
}
.site-header.scrolled{ box-shadow:0 16px 40px rgba(0,0,0,.32); }
.site-header .navbar{ min-height:86px; padding:.65rem 0; }
.site-header .navbar > .container{ gap:1.25rem; }
.site-header .navbar-brand{
  display:flex;
  align-items:center;
  gap:.75rem;
  flex-shrink:0;
  margin:0;
}
.site-header .navbar-brand img{
  width:48px;
  height:48px;
  border:1px solid rgba(245,197,24,.35);
  border-radius:12px;
  box-shadow:0 5px 16px rgba(0,0,0,.22);
}
.site-header .brand-text{
  display:flex;
  flex-direction:column;
  color:var(--text-light);
  font-family:var(--font-display);
  font-size:.94rem;
  font-weight:800;
  letter-spacing:.025em;
  line-height:1.2;
}
.site-header .brand-text small{
  margin-top:.28rem;
  color:var(--gold);
  font-family:var(--font-body);
  font-size:.46rem;
  font-weight:600;
  letter-spacing:.105em;
}
.site-header .navbar-drawer{
  display:flex;
  align-items:center;
  flex:1;
}
.site-header .navbar-drawer .nav-drawer-header{ display:none; }
.site-header .navbar-drawer .nav-drawer-body{
  display:flex;
  align-items:center;
  margin-left:auto;
  padding:0;
  overflow:visible;
}
.nav-drawer-backdrop{ display:none; }
.site-header .main-menu{
  align-items:center;
  gap:.2rem;
  margin:0 0 0 auto;
  padding:0 1rem;
  border-right:1px solid rgba(255,255,255,.14);
}
.site-header .main-menu .nav-link{
  position:relative;
  min-height:44px;
  display:flex;
  align-items:center;
  padding:.7rem .75rem !important;
  color:rgba(244,247,244,.78);
  font-size:.82rem;
  font-weight:600;
  transition:color .2s ease;
}
.site-header .main-menu .nav-link::after{
  content:"";
  position:absolute;
  right:.75rem;
  bottom:.32rem;
  left:.75rem;
  height:2px;
  transform:scaleX(0);
  transform-origin:left;
  background:var(--gold);
  transition:transform .2s ease;
}
.site-header .main-menu .nav-link:hover,
.site-header .main-menu .nav-link.active{ color:var(--gold-soft); }
.site-header .main-menu .nav-link:hover::after,
.site-header .main-menu .nav-link.active::after{ transform:scaleX(1); }
.site-header .main-menu .nav-link:focus-visible,
.site-header .phone-pill:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
}
.site-header .nav-actions{
  display:flex;
  align-items:center;
  gap:.8rem;
  margin-left:1rem;
}
.site-header .phone-pill{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:#e5eee7;
  font-size:.78rem;
  font-weight:600;
  white-space:nowrap;
  transition:color .2s ease;
}
.site-header .phone-pill i{ color:var(--gold); font-size:1rem; }
.site-header .phone-pill:hover{ color:var(--gold-soft); }
.site-header .nav-actions .btn-quote{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  min-height:48px;
  padding:.75rem 1.15rem;
  border:1px solid var(--gold);
  border-radius:7px;
  color:#0a2216 !important;
  background:var(--gold);
  font-size:.82rem;
  box-shadow:0 8px 20px rgba(245,197,24,.14);
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.site-header .nav-actions .btn-quote:hover{
  transform:translateY(-2px);
  color:var(--gold) !important;
  background:transparent;
  box-shadow:0 10px 24px rgba(245,197,24,.1);
}
.site-header .nav-actions .btn-quote i{ transition:transform .2s ease; }
.site-header .nav-actions .btn-quote:hover i{ transform:translate(2px,-2px); }
.site-header .navbar-toggler{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:.65rem;
  border:1px solid rgba(245,197,24,.3);
  border-radius:8px;
  background:rgba(255,255,255,.04);
}
@media (min-width:1200px){
  .site-header .navbar-toggler{ display:none; }
}
.site-header .navbar-toggler:focus{ box-shadow:0 0 0 .2rem rgba(245,197,24,.16); }
.site-header .nav-drawer-header .btn-close{
  width:44px;
  height:44px;
  background-size:1rem;
}
.site-header .navbar-toggler-icon{
  width:1.2em;
  height:1.2em;
  position:relative;
  background-image:none;
}
.site-header .navbar-toggler-icon::before,
.site-header .navbar-toggler-icon::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  border-radius:2px;
  background:var(--gold);
}
.site-header .navbar-toggler-icon::before{ top:3px; box-shadow:0 6px var(--gold); }
.site-header .navbar-toggler-icon::after{ top:15px; }

@media (max-width:1199.98px){
  .site-header .navbar{ min-height:74px; }
  .site-header .navbar-toggler{ display:grid; }
  .site-header #navMenu.navbar-drawer{
    position:fixed;
    z-index:1040;
    top:0;
    bottom:0;
    left:0;
    display:flex;
    flex-direction:column;
    width:min(88vw,390px);
    max-width:100%;
    height:100vh;
    height:100dvh;
    overflow-y:auto;
    visibility:hidden;
    border:0;
    border-right:1px solid rgba(245,197,24,.22);
    background:
      radial-gradient(ellipse at 0 0,rgba(245,197,24,.1),transparent 42%),
      linear-gradient(160deg,#0f2c1c,#071a10 72%);
    box-shadow:18px 0 50px rgba(0,0,0,.3);
    transform:translateX(-105%);
    transition:transform .35s cubic-bezier(.2,.75,.25,1),visibility .35s;
  }
  .site-header #navMenu.navbar-drawer.is-open{
    visibility:visible;
    transform:translateX(0);
  }
  .site-header #navMenu .nav-drawer-header{
    display:flex;
    min-height:74px;
    padding:1.1rem 1.25rem;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .site-header #navMenu .nav-drawer-title{
    color:var(--text-light);
    font-family:var(--font-display);
    font-size:1rem;
    font-weight:700;
  }
  .site-header #navMenu .nav-drawer-body{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:stretch;
    margin-left:0;
    padding:1.25rem;
    overflow-y:auto;
  }
  .site-header .nav-drawer-backdrop{
    position:fixed;
    z-index:1035;
    inset:0;
    display:block;
    background:rgba(0,0,0,.62);
    opacity:0;
    visibility:hidden;
    transition:opacity .3s ease,visibility .3s ease;
  }
  .site-header .nav-drawer-backdrop.is-visible{
    opacity:1;
    visibility:visible;
  }
  body.nav-drawer-open{ overflow:hidden; }
  .site-header .main-menu{
    align-items:stretch;
    gap:.1rem;
    margin:0 0 .75rem;
    padding:0 0 .75rem;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .site-header .main-menu .nav-link{ padding:.72rem .8rem !important; }
  .site-header .main-menu .nav-link::after{ display:none; }
  .site-header .nav-actions{
    flex-direction:column;
    align-items:stretch;
    gap:.75rem;
    margin:0;
  }
  .site-header .phone-pill,
  .site-header .nav-actions .btn-quote{
    justify-content:center;
    min-height:46px;
  }
}
@media (max-width:575.98px){
  .site-header .navbar{ min-height:68px; padding:.5rem 0; }
  .site-header .navbar > .container{ gap:.55rem; }
  .site-header .navbar-brand{ gap:.5rem; }
  .site-header .navbar-brand img{ width:40px; height:40px; border-radius:10px; }
  .site-header .brand-text{ font-size:.76rem; }
  .site-header .brand-text small{ font-size:.36rem; letter-spacing:.07em; }
  .site-header .navbar-toggler{ width:44px; height:44px; margin-left:auto; }
}

/* =========================================================
   HERO
   ========================================================= */
.hero-section{
  padding:5.5rem 0 3rem;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(60% 60% at 80% 10%, rgba(245,197,24,.08), transparent 60%),
    linear-gradient(180deg, var(--bg-dark), var(--bg-darker));
}
.hero-bg-fx{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.blob{
  position:absolute; border-radius:50%; filter:blur(80px); opacity:.35;
}
.blob-1{ width:420px; height:420px; background:var(--gold); top:-120px; right:-120px; animation:blobMove 12s ease-in-out infinite; }
.blob-2{ width:320px; height:320px; background:#1c6b3d; bottom:0; left:-100px; animation:blobMove 14s ease-in-out infinite reverse; }
@keyframes blobMove{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(30px,-20px) scale(1.1); }
}

.hero-copy{ position:relative; z-index:1; }
.hero-blog-art{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-blog-art img{
  border-radius:30px;
  box-shadow:0 38px 88px rgba(0,0,0,.42);
  transform:translateY(0);
  transition:transform .8s ease;
}
.hero-blog-art:hover img{
  transform:translateY(-8px) scale(1.01);
}
.hero-pill{
  position:absolute;
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.8rem 1.1rem;
  border-radius:999px;
  background:rgba(10,34,22,.95);
  border:1px solid rgba(245,197,24,.16);
  color:var(--text-light);
  font-weight:700;
  box-shadow:0 16px 40px rgba(0,0,0,.3);
  animation:floatY 5s ease-in-out infinite both;
}
.hero-pill i{ color:var(--gold); font-size:1rem; }
.hero-pill-1{ top:-1.5rem; left:0; animation-delay:0s; }
.hero-pill-2{ top:46%; right:0; animation-delay:.5s; }
.hero-pill-3{ bottom:-1.5rem; left:10%; animation-delay:1s; }
@keyframes floatY{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}

.eyebrow-badge{
  display:inline-flex; align-items:center; gap:.5rem;
  border:1px solid var(--border-soft);
  border-radius:50px; padding:.45rem 1rem;
  font-size:.78rem; font-weight:600; color:var(--gold-soft);
  margin-bottom:1.3rem; background:rgba(245,197,24,.06);
}
.hero-title{
  font-size:clamp(2.1rem, 4.2vw, 3.4rem);
  font-weight:800;
  line-height:1.12;
  letter-spacing:.5px;
  margin-bottom:1.1rem;
}
.hero-sub{
  /*max-width:480px;*/
  font-size:1.02rem;
  margin-bottom:1.8rem;
}
.hero-cta{ display:flex; flex-wrap:wrap; gap:1rem; margin-bottom:2.4rem; }

.hero-slider{
  position:relative;
  overflow:visible;
  padding-bottom:1.2rem;
}
.trusted-brands-card{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:-1.35rem;
  width:min(720px, calc(100% - 2rem));
  max-width:100%;
  opacity:0;
  transform:translate(-50%, 18px);
  pointer-events:none;
  animation:trustedBrandsSlideIn .75s cubic-bezier(.2,.75,.3,1) .2s forwards;
}
.trusted-brands-card img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
  box-shadow:0 12px 32px rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.08);
}
@keyframes trustedBrandsSlideIn{
  from{ opacity:0; transform:translate(-50%, 20px); }
  to{ opacity:1; transform:translate(-50%, 0); }
}
.hero-slide{
  display:none;
  position:relative;
  animation:heroSlideFade .65s ease;
}
.hero-slide.is-active{
  display:block;
}
@keyframes heroSlideFade{
  from{ opacity:0; transform:translateX(20px); }
  to{ opacity:1; transform:translateX(0); }
}
.hero-slider-controls{
  display:flex; align-items:center; justify-content:center; gap:1rem;
  margin-top:2.7rem;
  position:relative; z-index:2;
}
@media (max-width:767.98px){
  .hero-slider{ padding-bottom:.6rem; }
  .trusted-brands-card{
    bottom:-1.15rem;
    width:min(480px, calc(100% - 1rem));
    opacity:1;
    animation:none;
    transform:translateX(-50%);
  }
  .hero-slider-controls{ margin-top:2.8rem; }
}
.hero-slider-btn{
  width:42px; height:42px; border-radius:50%;
  border:1px solid var(--border-soft); background:rgba(255,255,255,0.03);
  color:var(--text-light); display:inline-flex; align-items:center; justify-content:center;
  transition:var(--transition);
}
.hero-slider-btn:hover{
  background:var(--gold); color:#071b12; border-color:var(--gold);
}
.hero-slider-dots{
  display:flex; align-items:center; gap:.55rem;
}
.hero-slider-dot{
  width:10px; height:10px; border-radius:50%;
  border:none; background:rgba(255,255,255,0.25); padding:0;
  transition:var(--transition);
}
.hero-slider-dot.is-active{
  width:28px; border-radius:999px; background:var(--gold);
}

.hero-art{ position:relative; z-index:1; }
.float-card{
  position:absolute;
  display:flex; align-items:center; gap:.5rem;
  min-height:44px;
  background:rgba(15,44,28,.85);
  border:1px solid var(--border-soft);
  backdrop-filter:blur(6px);
  border-radius:12px;
  padding:.6rem 1rem;
  font-size:.82rem; font-weight:700;
  box-shadow:0 10px 24px rgba(0,0,0,.3);
  animation:cardFloat 4s ease-in-out infinite;
}
.float-card i{ color:var(--gold); font-size:1.05rem; }
.fc-1{ top:14%; left:0%; animation-delay:0s; }
.fc-2{ top:18%; right:0%; animation-delay:.6s; }
.fc-3{ bottom:16%; left:2%; animation-delay:1.2s; }
.fc-4{ bottom:12%; right:2%; animation-delay:1.8s; }
@keyframes cardFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-12px); }
}
.ring-spin{ transform-origin:320px 210px; animation:spin 20s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }
.rocket-float{ animation:rocketFloat 3s ease-in-out infinite; transform-origin:320px 260px; }
@keyframes rocketFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}
.flame-flicker{ animation:flicker 0.4s ease-in-out infinite alternate; transform-origin:320px 300px; }
@keyframes flicker{
  from{ transform:scaleY(1); opacity:1; }
  to{ transform:scaleY(1.15); opacity:.75; }
}

/* Stats strip */
.stats-strip{
  margin-top:3.5rem;
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:1.6rem 2rem;
  display:flex; flex-wrap:wrap; gap:1.5rem;
  justify-content:space-between;
  position:relative; z-index:1;
}
.stat-item{ display:flex; align-items:center; gap:.8rem; flex:1 1 160px; }
.stat-item i{ font-size:1.6rem; color:var(--gold); }
.stat-item strong{ display:block; font-size:1.4rem; font-weight:800; font-family:var(--font-display); }
.stat-item span{ font-size:.78rem; color:var(--text-muted); font-weight:600; }

/* =========================================================
   SECTION HEADERS (shared)
   ========================================================= */
.eyebrow{
  display:inline-flex; align-items:center; gap:.4rem;
  color:var(--gold); font-weight:700; font-size:.78rem;
  letter-spacing:1.5px; margin-bottom:.9rem;
}
.section-title{
  font-size:clamp(1.7rem, 3vw, 2.4rem);
  font-weight:800; line-height:1.2;
}

.services-section, .process-section, .portfolio-section,
.why-section, .blog-section{ padding:5.5rem 0; }

.slider-arrows{ gap:.6rem; }
.arrow-btn{
  width:44px; height:44px; border-radius:50%;
  border:1px solid var(--border-soft);
  background:transparent; color:var(--text-light);
  display:inline-flex; align-items:center; justify-content:center;
  transition:var(--transition);
}
.arrow-btn:hover{ background:var(--gold); color:#0a2216; border-color:var(--gold); }

/* =========================================================
   SERVICES
   ========================================================= */
.services-section{ background:radial-gradient(circle at top left, rgba(245,197,24,.08), transparent 30%), var(--bg-dark); }
.services-section > .container > .row:first-child{
  row-gap:1.25rem;
}
.services-section > .container > .row:first-child .text-muted-light{
  max-width:34rem;
  line-height:1.8;
}
.services-section #servicesTrack > [class*="col-"]{
  display:flex;
}
.services-section .service-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
  min-height:260px;
  padding:1.75rem;
  overflow:hidden;
  background:linear-gradient(145deg, rgba(18,52,32,.94), rgba(15,44,28,.88));
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}
.services-section .service-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(180px 140px at 0 0, rgba(245,197,24,.12), transparent 75%);
  opacity:0;
  pointer-events:none;
  transition:opacity var(--transition);
}
.services-section .service-card:hover{
  transform:translateY(-6px);
  border-color:rgba(245,197,24,.55);
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}
.services-section .service-card:hover::before{ opacity:1; }
.services-section .service-icon{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 56px;
  width:56px;
  height:56px;
  margin-bottom:1.25rem;
  border:1px solid rgba(245,197,24,.32);
  border-radius:var(--radius-md);
  background:rgba(245,197,24,.1);
  color:var(--gold);
  font-size:1.45rem;
}
.services-section .service-card h3{
  position:relative;
  margin-bottom:.65rem;
  font-size:1.12rem;
  font-weight:700;
  line-height:1.4;
}
.services-section .service-card p{
  position:relative;
  margin-bottom:1.25rem;
  font-size:.92rem;
  line-height:1.7;
}
.services-section .service-arrow{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-top:auto;
  border:1px solid rgba(245,197,24,.35);
  border-radius:50%;
  color:var(--gold);
  transition:background var(--transition), color var(--transition), transform var(--transition);
}
.services-section .service-arrow:hover{
  transform:translateX(3px);
  background:var(--gold);
  color:var(--bg-darker);
}

/* =========================================================
   HOME PAGE SERVICES REVAMP
   ========================================================= */
.home-growth-feature .growth-services{
  position:relative;
  padding:5.5rem 0 4.5rem;
  background:radial-gradient(circle at top left, rgba(245,197,24,.09), transparent 28%),
             linear-gradient(180deg, rgba(7,26,16,.96), rgba(10,34,22,.94));
}
.home-growth-feature .growth-services-layout{
  display:grid;
  grid-template-columns:0.95fr 1.65fr;
  gap:1.75rem;
  align-items:stretch;
}
.home-growth-feature .growth-services-intro{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1.1rem;
  padding:2.2rem 1.9rem;
  border:1px solid rgba(245,197,24,.2);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(14,39,27,.9), rgba(9,27,18,.9));
  box-shadow:0 22px 40px rgba(0,0,0,.18);
  overflow:hidden;
}
.home-growth-feature .growth-services-intro::before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-90px;
  top:-60px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245,197,24,.2), transparent 65%);
}
.home-growth-feature .growth-services-intro > *{ position:relative; z-index:1; }
.home-growth-feature .growth-section-kicker,
.home-growth-feature .growth-why-kicker,
.home-growth-feature .growth-kicker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  width:max-content;
  padding:.6rem .9rem;
  border-radius:999px;
  border:1px solid rgba(245,197,24,.18);
  background:rgba(245,197,24,.06);
  color:var(--gold);
  letter-spacing:.12rem;
  font-size:.7rem;
  font-weight:800;
  text-transform:uppercase;
}
.home-growth-feature .growth-section-kicker i,
.home-growth-feature .growth-why-kicker i,
.home-growth-feature .growth-kicker i{ color:var(--gold-soft); }
.home-growth-feature .growth-services-intro h2{
  margin:0;
  color:var(--text-light);
  font-size:clamp(2rem, 3vw, 3rem);
  line-height:1.08;
  letter-spacing:-.04em;
}
.home-growth-feature .growth-services-intro h2 span{ color:#7fe0aa; }
.home-growth-feature .growth-services-intro p{
  margin:0;
  color:var(--text-muted);
  font-size:1rem;
  line-height:1.8;
  max-width:32rem;
}
.home-growth-feature .growth-primary-link,
.home-growth-feature .growth-work-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  width:max-content;
  padding:.8rem 1.2rem;
  border-radius:12px;
  font-weight:700;
  transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition);
}
.home-growth-feature .growth-primary-link{
  background:linear-gradient(135deg, var(--gold), #ffe07a);
  color:#0e1d12;
  box-shadow:0 16px 32px rgba(245,197,24,.22);
}
.home-growth-feature .growth-primary-link:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(245,197,24,.3);
  color:#0e1d12 !important;
}
.home-growth-feature .growth-work-link{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.02);
  color:var(--text-light);
}
.home-growth-feature .growth-work-link:hover{
  border-color:rgba(245,197,24,.44);
  color:var(--gold);
  transform:translateY(-2px);
}
.home-growth-feature .growth-service-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}
.home-growth-feature .growth-service-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.8rem;
  min-height:180px;
  padding:1.15rem 1.15rem 1rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(16,45,30,.9), rgba(12,30,21,.9));
  color:var(--text-light);
  text-decoration:none;
  transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition), background var(--transition);
  overflow:hidden;
}
.home-growth-feature .growth-service-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(245,197,24,.18), transparent 52%);
  opacity:0;
  transition:opacity var(--transition);
}
.home-growth-feature .growth-service-card > *{ position:relative; z-index:1; }
.home-growth-feature .growth-service-card:hover{
  transform:translateY(-5px);
  border-color:rgba(245,197,24,.45);
  box-shadow:0 18px 35px rgba(0,0,0,.2);
  background:linear-gradient(180deg, rgba(20,54,36,.96), rgba(12,32,22,.96));
}
.home-growth-feature .growth-service-card:hover::before{ opacity:1; }
.home-growth-feature .growth-service-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:16px;
  font-size:1.35rem;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.home-growth-feature .growth-icon-green{ background:rgba(58,169,108,.18); color:#7fe0aa; }
.home-growth-feature .growth-icon-blue{ background:rgba(94,165,255,.18); color:#8ebcff; }
.home-growth-feature .growth-icon-pink{ background:rgba(255,142,198,.18); color:#ffb6d6; }
.home-growth-feature .growth-icon-cyan{ background:rgba(71,214,214,.18); color:#8deaef; }
.home-growth-feature .growth-icon-violet{ background:rgba(162,137,255,.18); color:#c9bdff; }
.home-growth-feature .growth-icon-orange{ background:rgba(255,172,89,.18); color:#ffd295; }
.home-growth-feature .growth-service-card > strong{
  display:block;
  color:var(--text-light);
  font-size:1.05rem;
  font-weight:800;
  line-height:1.35;
}
.home-growth-feature .growth-service-card > span:not(.growth-service-icon){
  color:var(--text-muted);
  font-size:.9rem;
  line-height:1.6;
}
.home-growth-feature .growth-service-arrow{
  margin-top:auto;
  color:var(--gold);
  font-size:1.15rem;
  transition:transform var(--transition);
}
.home-growth-feature .growth-service-card:hover .growth-service-arrow{ transform:translateX(4px); }

.home-growth-feature .growth-why{
  position:relative;
  padding:5rem 0 4.5rem;
  background:linear-gradient(180deg, rgba(7,26,16,.92), rgba(9,24,17,1));
}
.home-growth-feature .growth-why .row{ align-items:center; }
.home-growth-feature .growth-performance-card{
  position:relative;
  overflow:hidden;
  max-width:520px;
  margin:0 auto;
  padding:1.25rem;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(17,45,31,.96), rgba(11,30,21,.95));
  border:1px solid rgba(245,197,24,.18);
  box-shadow:0 28px 50px rgba(0,0,0,.24);
}
.home-growth-feature .growth-performance-card::before{
  content:"";
  position:absolute;
  inset:auto -10% -28% auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245,197,24,.22), transparent 62%);
}
.home-growth-feature .growth-performance-header,
.home-growth-feature .growth-performance-summary,
.home-growth-feature .growth-performance-footer{
  position:relative;
  z-index:1;
}
.home-growth-feature .growth-performance-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding-bottom:.8rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:var(--text-muted);
  font-size:.72rem;
  letter-spacing:.12rem;
  text-transform:uppercase;
  font-weight:700;
}
.home-growth-feature .growth-performance-header span{ display:flex; align-items:center; gap:.5rem; }
.home-growth-feature .growth-performance-header i:first-child{ color:var(--gold); font-size:.65rem; }
.home-growth-feature .growth-performance-header .bi-three-dots{ color:var(--gold); font-size:1.1rem; }
.home-growth-feature .growth-performance-summary{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  padding:1.1rem 0 .8rem;
}
.home-growth-feature .growth-performance-summary > div{
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.home-growth-feature .growth-performance-summary > div span{
  color:var(--text-muted);
  font-size:.7rem;
  letter-spacing:.08rem;
  text-transform:uppercase;
}
.home-growth-feature .growth-performance-summary > div strong{
  color:var(--text-light);
  font-size:1.8rem;
  font-weight:800;
  letter-spacing:-.04em;
}
.home-growth-feature .growth-performance-trend{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border:1px solid rgba(127,224,170,.3);
  background:rgba(127,224,170,.08);
  color:#9fe5b8;
  border-radius:999px;
  padding:.55rem .8rem;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08rem;
  text-transform:uppercase;
}
.home-growth-feature .growth-performance-chart{
  position:relative;
  z-index:1;
  height:210px;
  padding:1rem 0 0;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(245,197,24,.02));
  border:1px solid rgba(255,255,255,.06);
}
.home-growth-feature .growth-chart-axis{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:0.5rem;
  padding:0 .7rem;
  color:var(--text-muted);
  font-size:.58rem;
  letter-spacing:.12rem;
  text-transform:uppercase;
}
.home-growth-feature .growth-chart-bars{
  position:absolute;
  left:.9rem;
  right:.9rem;
  bottom:1.1rem;
  top:2.5rem;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.45rem;
}
.home-growth-feature .growth-chart-bars i{
  display:block;
  width:100%;
  border-radius:10px 10px 0 0;
  background:linear-gradient(180deg, rgba(245,197,24,.9), rgba(127,224,170,.68));
  box-shadow:0 12px 22px rgba(245,197,24,.18);
  animation:chartRise 1.8s ease-in-out infinite alternate;
}
.home-growth-feature .growth-chart-bars i:nth-child(1){ height:38%; animation-delay:.1s; }
.home-growth-feature .growth-chart-bars i:nth-child(2){ height:55%; animation-delay:.2s; }
.home-growth-feature .growth-chart-bars i:nth-child(3){ height:44%; animation-delay:.3s; }
.home-growth-feature .growth-chart-bars i:nth-child(4){ height:72%; animation-delay:.4s; }
.home-growth-feature .growth-chart-bars i:nth-child(5){ height:62%; animation-delay:.5s; }
.home-growth-feature .growth-chart-bars i:nth-child(6){ height:84%; animation-delay:.6s; }
.home-growth-feature .growth-chart-bars i:nth-child(7){ height:70%; animation-delay:.7s; }
.home-growth-feature .growth-chart-bars i:nth-child(8){ height:96%; animation-delay:.8s; }
.home-growth-feature .growth-chart-bars i:nth-child(9){ height:74%; animation-delay:.9s; }
.home-growth-feature .growth-chart-bars i:nth-child(10){ height:88%; animation-delay:1s; }
.home-growth-feature .growth-chart-bars i:nth-child(11){ height:80%; animation-delay:1.1s; }
.home-growth-feature .growth-chart-bars i:nth-child(12){ height:100%; animation-delay:1.2s; }
@keyframes chartRise{
  0%{ filter:brightness(.95) saturate(.9); }
  100%{ filter:brightness(1.16) saturate(1.1); }
}
.home-growth-feature .growth-chart-baseline{
  position:absolute;
  left:.9rem;
  right:.9rem;
  bottom:1rem;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,.02), rgba(245,197,24,.4), rgba(255,255,255,.02));
}
.home-growth-feature .growth-performance-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  margin-top:1rem;
  padding-top:.9rem;
  border-top:1px solid rgba(255,255,255,.08);
  color:var(--text-light);
  font-size:.72rem;
  font-weight:700;
}
.home-growth-feature .growth-performance-footer span{ display:inline-flex; align-items:center; gap:.4rem; }
.home-growth-feature .growth-performance-footer i{ color:var(--gold); }
.home-growth-feature .growth-performance-badge{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-top:1rem;
  padding:.7rem 1rem;
  border-radius:999px;
  background:rgba(245,197,24,.1);
  border:1px solid rgba(245,197,24,.22);
  color:var(--gold-soft);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08rem;
  text-transform:uppercase;
}
.home-growth-feature .growth-why h2{
  margin:.85rem 0 .8rem;
  color:var(--text-light);
  font-size:clamp(2.2rem, 3vw, 3.4rem);
  line-height:1.06;
  letter-spacing:-.05em;
}
.home-growth-feature .growth-why h2 span{ color:#7fe0aa; }
.home-growth-feature .growth-why-description{
  margin:0 0 1.4rem;
  color:var(--text-muted);
  font-size:1.02rem;
  line-height:1.8;
  max-width:42rem;
}
.home-growth-feature .growth-reasons{
  display:grid;
  gap:.8rem;
  margin-bottom:1.4rem;
}
.home-growth-feature .growth-reasons > div{
  display:flex;
  align-items:flex-start;
  gap:.9rem;
  padding:.9rem 1rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.02);
}
.home-growth-feature .growth-reason-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:rgba(245,197,24,.1);
  border:1px solid rgba(245,197,24,.2);
  color:var(--gold);
  font-size:1.05rem;
  flex-shrink:0;
}
.home-growth-feature .growth-reasons > div > span:last-child{
  display:flex;
  flex-direction:column;
  gap:.2rem;
}
.home-growth-feature .growth-reasons strong{
  color:var(--text-light);
  font-size:1rem;
  line-height:1.35;
}
.home-growth-feature .growth-reasons small{
  color:var(--text-muted);
  font-size:.82rem;
  line-height:1.6;
}
.home-growth-feature .growth-proof-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:.8rem;
  margin-bottom:1.6rem;
}
.home-growth-feature .growth-proof-grid > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.35rem;
  padding:1rem .85rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
}
.home-growth-feature .growth-proof-grid i{
  color:var(--gold);
  font-size:1rem;
}
.home-growth-feature .growth-proof-grid strong{
  color:var(--text-light);
  font-family:var(--font-display);
  font-size:1.8rem;
  line-height:1;
  letter-spacing:-.04em;
}
.home-growth-feature .growth-proof-grid span{
  color:var(--text-muted);
  font-size:.72rem;
  line-height:1.4;
}
.home-growth-feature .growth-why .growth-primary-link{
  margin-top:.35rem;
}

@media (max-width: 991.98px){
  .home-growth-feature .growth-services{ padding:4rem 0 3rem; }
  .home-growth-feature .growth-services-layout{ grid-template-columns:1fr; }
  .home-growth-feature .growth-services-intro{ text-align:center; align-items:center; }
  .home-growth-feature .growth-services-intro h2,
  .home-growth-feature .growth-services-intro p{ max-width:none; }
  .home-growth-feature .growth-service-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .home-growth-feature .growth-why{ padding:4rem 0 3.2rem; }
  .home-growth-feature .growth-why h2,
  .home-growth-feature .growth-why-description{ text-align:center; }
  .home-growth-feature .growth-proof-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px){
  .home-growth-feature .growth-services-intro{ padding:1.5rem 1.1rem; }
  .home-growth-feature .growth-section-kicker{ letter-spacing:.08rem; }
  .home-growth-feature .growth-service-grid{ grid-template-columns:1fr; }
  .home-growth-feature .growth-primary-link,
  .home-growth-feature .growth-work-link{ width:100%; }
  .home-growth-feature .growth-services-intro .growth-primary-link,
  .home-growth-feature .growth-services-intro .growth-work-link{ width:100%; }
  .home-growth-feature .growth-why .growth-primary-link{ width:100%; }
  .home-growth-feature .growth-proof-grid{ grid-template-columns:1fr 1fr; }
  .home-growth-feature .growth-reasons > div{ padding:.75rem .85rem; }
}

.services-showcase{
  padding:5.5rem 0;
  position:relative;
  overflow:clip;
}
.services-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(245,197,24,.02), transparent 20%, transparent 80%, rgba(245,197,24,.02));
  pointer-events:none;
}
.services-container{ position:relative; z-index:1; max-width:1460px; }
.services-header-row{ margin-bottom:2rem; }

.service-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  margin-bottom:30px;
  overflow-x:auto;
  border-bottom:1px solid rgba(255,255,255,.14);
  scrollbar-width:thin;
  scrollbar-color:var(--gold) transparent;
}
.service-tabs .nav-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:14px 18px;
  border:1px solid rgba(255,255,255,.14);
  border-bottom:0;
  border-radius:8px 8px 0 0;
  background:rgba(255,255,255,.025);
  color:var(--text-muted);
  font-weight:700;
  white-space:nowrap;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.service-tabs .nav-link:hover,
.service-tabs .nav-link:focus-visible{
  border-color:rgba(245,197,24,.6);
  color:var(--text-light);
}
.service-tabs .nav-link.active{
  border-color:var(--gold);
  background:var(--gold);
  color:#0e2014;
}
.service-tab-content{ padding-top:18px; }
.service-feature-item{
  display:grid;
  grid-template-columns: 120px minmax(180px, 320px) minmax(0, 1fr) auto;
  align-items:center;
  gap:28px;
  width:100%;
  padding:28px 28px 24px 26px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  color:var(--text-light);
  transition:border-color .28s ease, box-shadow .28s ease;
}

.service-feature-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:92px;
  height:92px;
  border:2px solid #f5c518;
  border-radius:18px;
  background:transparent;
  position:relative;
}
.service-feature-icon::before{
  content:"";
  position:absolute;
  width:52px;
  height:52px;
  /*border:2px solid #f5c518;*/
  border-radius:12px;
  opacity:.75;
}
.service-feature-mark{
  position:relative;
  z-index:1;
  font-size:2.2rem;
  color:#f5c518;
  display:flex;
  align-items:center;
  justify-content:center;
}
.service-feature-photo{position:relative;z-index:1;width:100%;height:100%;border-radius:14px;object-fit:cover}
.public-service-categories{display:grid;gap:30px}
.public-service-category{display:grid;gap:14px}
.public-service-category-heading{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14)}
.public-service-category-heading>span{color:var(--gold);font-size:.75rem;font-weight:700;white-space:nowrap}
.public-service-category-heading h3{margin:0;color:var(--text-light);font-size:1.35rem;font-weight:800}
.public-service-list{display:grid;gap:14px}
.public-service-list .service-feature-item{position:sticky;top:100px;z-index:var(--service-stack-index);background:var(--bg-dark);box-shadow:0 -10px 18px rgba(0,0,0,.24)}
.public-service-description{margin-top:10px!important}
.public-service-faqs{margin-top:12px;color:var(--text-muted);font-size:.9rem;line-height:1.6}
.public-service-faqs summary{width:max-content;color:var(--gold);font-weight:700;cursor:pointer}
.public-service-faqs dl{margin:10px 0 0}
.public-service-faqs dt{margin-top:8px;color:var(--text-light);font-weight:700}
.public-service-faqs dd{margin:3px 0 0;color:var(--text-muted)}
.public-services-empty{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--text-muted);text-align:center}

.service-feature-title-wrap h3{
  margin:0;
  color:var(--text-light);
  font-size:30px;
  line-height:1.5;
  font-weight:600;
  letter-spacing:-0.04em;
}

.service-feature-copy{ max-width:780px; }
.service-feature-copy p{
  margin:0;
  color:var(--text-muted);
  font-size:1rem;
  line-height:1.7;
}

.service-feature-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border:1px solid var(--gold);
  border-radius:50%;
  color:var(--gold);
  text-decoration:none;
  transition:background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.service-feature-link i{
  font-size:1.15rem;
  line-height:1;
  transition:transform .2s ease;
}
.service-feature-link:hover,
.service-feature-link:focus-visible{
  background:var(--gold);
  color:#0e2014;
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 6px 16px rgba(245,197,24,.28);
}
.service-feature-link:hover i,
.service-feature-link:focus-visible i{
  transform:translateX(2px);
}
.service-feature-link:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
}

@media (max-width: 991.98px){
  .service-feature-item{
    grid-template-columns: 100px minmax(0, 1fr) auto;
  }
  .service-feature-copy{
    grid-column: 2 / -1;
    max-width:none;
  }
}

@media (max-width: 767.98px){
  .service-feature-item{
    grid-template-columns: 1fr;
    gap:16px;
    padding:22px 18px;
  }
  .service-feature-icon{
    width:74px;
    height:74px;
  }
  .service-feature-copy,
  .service-feature-link{
    grid-column:auto;
  }
  .service-feature-link{
    justify-self:start;
  }
}

@media (prefers-reduced-motion: reduce){
  .service-tabs .nav-link,
  .service-feature-item,
  .service-feature-link,
  .service-feature-link i{ transition:none; }
  .service-feature-link:hover,
  .service-feature-link:focus-visible,
  .service-feature-link:hover i,
  .service-feature-link:focus-visible i{ transform:none; }
}

@media (max-width: 767.98px){
  .services-showcase{ padding:4.2rem 0; }
  .services-section .service-card{ min-height:230px; }
}

/* =========================================================
   PROCESS
   ========================================================= */
.process-section{
  position:relative;
  background:linear-gradient(180deg, rgba(7,26,16,.96), rgba(9,24,17,1));
  padding:5.5rem 0;
  overflow:hidden;
}
.process-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top left, rgba(245,197,24,.09), transparent 30%);
  pointer-events:none;
}
.process-section .eyebrow,
.process-section .section-title,
.process-section .text-muted-light,
.process-section .btn-quote,
.process-section .process-path{ position:relative; z-index:1; }
.process-intro{ align-items:flex-end; }
.process-section .section-title{
  margin-bottom:1rem;
  font-size:clamp(2.2rem, 3vw, 3.1rem);
  line-height:1.05;
  letter-spacing:-.05em;
}
.process-section .text-muted-light{
  max-width:38rem;
  font-size:1rem;
  line-height:1.8;
}
.process-path{ position:relative; }
.process-grid{ position:relative; }
.process-step{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.8rem;
  height:100%;
  padding:1.5rem 1.2rem 1.4rem;
  background:linear-gradient(180deg, rgba(17,42,31,.96), rgba(10,27,18,.96));
  border:1px solid rgba(245,197,24,.18);
  border-radius:22px;
  text-align:left;
  box-shadow:0 18px 32px rgba(0,0,0,.18);
  transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}
.process-step::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(245,197,24,.12), transparent 50%);
  opacity:0;
  transition:opacity var(--transition);
}
.process-step > *{ position:relative; z-index:1; }
.process-step:hover{
  transform:translateY(-6px);
  border-color:rgba(245,197,24,.48);
  box-shadow:0 22px 40px rgba(0,0,0,.22);
}
.process-step:hover::before{ opacity:1; }
.step-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:62px;
  height:62px;
  margin-bottom:.2rem;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(245,197,24,.18), rgba(245,197,24,.08));
  border:1px solid rgba(245,197,24,.28);
  color:var(--gold);
  font-size:1.5rem;
}
.step-num{
  position:absolute;
  top:14px;
  right:16px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:.8rem;
  letter-spacing:.08rem;
  color:rgba(255,255,255,.46);
}
.process-step h4{
  margin:0;
  font-size:1.15rem;
  font-weight:800;
  color:var(--text-light);
}
.process-step p{
  margin:0;
  font-size:.9rem;
  line-height:1.7;
  color:var(--text-muted);
}

@media (max-width:991.98px){
  .process-section{ padding:4rem 0; }
  .process-intro{ text-align:center; }
  .process-section .text-muted-light{ margin:0 auto; }
  .process-step{ padding:1.4rem 1.1rem; }
}
@media (max-width:767.98px){
  .process-section .section-title{ font-size:2rem; }
  .process-step{ min-height:180px; }
}

.services-process-section .container{
  position:relative;
  z-index:1;
}
.services-process-layout{
  display:grid;
  grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:start;
}
.services-process-heading{
  position:sticky;
  top:120px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.services-process-heading .eyebrow{ margin-bottom:1.2rem; }
.services-process-heading .section-title{
  margin:0 0 1.2rem;
  font-size:clamp(2.3rem,4.2vw,3.7rem);
  line-height:1.04;
}
.services-process-heading > p{
  max-width:25rem;
  margin:0 0 1.8rem;
  color:var(--text-muted);
  font-size:.98rem;
  line-height:1.8;
}
.services-process-cta{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  padding:.9rem 1.1rem;
  border:1px solid var(--gold);
  border-radius:6px;
  background:var(--gold);
  color:#102117;
  font-size:.88rem;
  font-weight:800;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.services-process-cta:hover{
  transform:translateY(-2px);
  background:transparent;
  color:var(--gold);
}
.services-process-caption{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-top:1rem;
  color:#9daf9f;
  font-size:.78rem;
  font-weight:600;
}
.services-process-caption i{ color:var(--gold); }
.services-process-timeline{
  position:relative;
  margin:0;
  padding:0;
  list-style:none;
}
.services-process-timeline::before{
  position:absolute;
  top:1.65rem;
  bottom:1.65rem;
  left:25px;
  width:1px;
  background:linear-gradient(to bottom,rgba(245,197,24,.85),rgba(245,197,24,.12));
  content:"";
}
.services-process-step{
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 42px;
  align-items:center;
  gap:1.15rem;
  min-height:112px;
  padding:1.15rem .25rem;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.services-process-step:first-child{ padding-top:.25rem; }
.services-process-step:last-child{ border-bottom:0; }
.services-process-number{
  position:relative;
  z-index:1;
  display:flex;
  width:52px;
  height:52px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,197,24,.48);
  border-radius:50%;
  background:#0a2216;
  color:var(--gold);
  font-family:var(--font-display);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.services-process-step:hover .services-process-number{
  transform:scale(1.06);
  background:var(--gold);
  color:#102117;
}
.services-process-copy h3{
  margin:0 0 .35rem;
  color:var(--text-light);
  font-size:1.16rem;
  font-weight:800;
}
.services-process-copy p{
  max-width:38rem;
  margin:0;
  color:var(--text-muted);
  font-size:.88rem;
  line-height:1.7;
}
.services-process-icon{
  display:flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(245,197,24,.08);
  color:var(--gold);
  font-size:1rem;
  transition:transform .25s ease,background .25s ease;
}
.services-process-step:hover .services-process-icon{
  transform:translateX(3px);
  background:rgba(245,197,24,.17);
}
@media (max-width:575.98px){
  .services-process-layout{ grid-template-columns:1fr; gap:2rem; }
  .services-process-heading{ position:static; }
  .services-process-heading .section-title{ font-size:clamp(2.3rem,11vw,3.2rem); }
  .services-process-step{ grid-template-columns:44px minmax(0,1fr) 30px; gap:.85rem; min-height:104px; }
  .services-process-timeline::before{ left:21px; }
  .services-process-number{ width:44px; height:44px; font-size:.72rem; }
  .services-process-copy h3{ font-size:1.05rem; }
  .services-process-copy p{ font-size:.82rem; }
  .services-process-icon{ width:30px; height:30px; font-size:.9rem; }
}
@media (prefers-reduced-motion:reduce){
  .services-process-cta,
  .services-process-number,
  .services-process-icon{ transition:none; }
  .services-process-step:hover .services-process-number,
  .services-process-step:hover .services-process-icon{ transform:none; }
}

/* =========================================================
   PORTFOLIO
   ========================================================= */
.portfolio-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 90% 15%,rgba(161,233,189,.1),transparent 32%),
    linear-gradient(145deg,#071a12,#0a2419 58%,#071a12);
  padding:clamp(4.5rem,8vw,7rem) 0;
}
.portfolio-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.025) 50%,transparent 82%);
  pointer-events:none;
}
.portfolio-section > .container{ position:relative; z-index:1; }
.portfolio-header{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  gap:1.5rem 3rem;
  align-items:end;
  margin-bottom:2.2rem;
}
.portfolio-intro,
.portfolio-summary,
.portfolio-metrics{
  position:relative;
  z-index:1;
}
.portfolio-intro .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:1rem;
  padding:.5rem .75rem;
  border:1px solid rgba(245,197,24,.22);
  border-radius:999px;
  background:rgba(245,197,24,.055);
  color:#ffe07a;
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.12em;
}
.portfolio-intro .section-title{
  max-width:700px;
  margin:0;
  color:#f4f7f4;
  font-size:clamp(2.5rem,5vw,4.35rem);
  line-height:1.04;
  letter-spacing:-.06em;
}
.portfolio-intro .text-accent{ color:#a1e9bd; }
.portfolio-summary{
  align-self:end;
  max-width:440px;
  justify-self:end;
  padding:0 0 .3rem 1.2rem;
  border-left:1px solid rgba(161,233,189,.32);
}
.portfolio-summary-label{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:.75rem;
  color:#a1e9bd;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.1em;
}
.portfolio-summary p{
  margin:0;
  color:#bdcdc4;
  font-size:.9rem;
  line-height:1.8;
}
.portfolio-all-link{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top:.75rem;
  color:#a1e9bd;
  font-size:.75rem;
  font-weight:800;
  transition:color .2s ease,gap .2s ease;
}
.portfolio-all-link:hover{ gap:.7rem; color:#ffe07a; }
.portfolio-metrics{
  display:flex;
  grid-column:1/-1;
  align-items:stretch;
  gap:0;
  padding:1.1rem 0;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.metric-item{
  display:flex;
  min-width:150px;
  flex-direction:row;
  align-items:baseline;
  gap:.55rem;
  padding:.2rem 1.6rem;
  border-right:1px solid rgba(255,255,255,.12);
  text-align:left;
}
.metric-item:first-child{ padding-left:0; }
.metric-item:last-child{ border-right:0; }
.metric-item strong{
  color:#ffe07a;
  font-family:var(--font-display);
  font-size:1.35rem;
  font-weight:800;
  line-height:1.1;
}
.metric-item span{
  color:#aebeb5;
  font-size:.7rem;
  line-height:1.4;
}
.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:minmax(280px,auto);
  gap:1rem;
}
.portfolio-grid > [data-reveal]{ min-width:0; }
.portfolio-grid > [data-reveal]:nth-child(1),
.portfolio-grid > [data-reveal]:nth-child(4){ grid-column:span 7; }
.portfolio-grid > [data-reveal]:nth-child(2),
.portfolio-grid > [data-reveal]:nth-child(3){ grid-column:span 5; }
.portfolio-card{
  position:relative;
  display:block;
  height:100%;
  min-height:280px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:#10251a;
  box-shadow:0 18px 42px rgba(0,0,0,.2);
  isolation:isolate;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.portfolio-card:hover{
  transform:translateY(-5px);
  border-color:rgba(161,233,189,.48);
  box-shadow:0 26px 52px rgba(0,0,0,.32);
}
.portfolio-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,15,10,.04) 18%,rgba(4,15,10,.08) 42%,rgba(4,15,10,.88) 100%);
  z-index:1;
}
.portfolio-card img{
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease;
  width:100%;
  height:100%;
  min-height:280px;
  object-fit:cover;
  display:block;
}
.portfolio-card:hover img{
  transform:scale(1.045);
  filter:saturate(1.08) contrast(1.03);
}
.portfolio-badge{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  padding:.48rem .7rem;
  border-radius:999px;
  background:rgba(7,25,16,.76);
  border:1px solid rgba(255,255,255,.22);
  color:#f4f7f4;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.ext-icon{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgba(7,25,16,.72);
  border:1px solid rgba(255,255,255,.26);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:.85;
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.portfolio-card:hover .ext-icon{
  transform:rotate(45deg);
  background:var(--gold);
  color:#102116;
}
.portfolio-info{
  position:absolute;
  inset:auto 0 0;
  z-index:2;
  padding:1.5rem 1.5rem 1.35rem;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.3rem;
}
.portfolio-info strong{
  color:#fff;
  font-family:var(--font-display);
  font-size:clamp(1.2rem,2vw,1.65rem);
  font-weight:800;
  letter-spacing:-.035em;
  line-height:1.2;
}
.portfolio-info small{
  color:rgba(244,247,244,.78);
  font-size:.78rem;
}
.portfolio-open{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top:.6rem;
  color:#a1e9bd;
  font-size:.7rem;
  font-weight:800;
  transition:gap .2s ease,color .2s ease;
}
.portfolio-card:hover .portfolio-open{ gap:.7rem; color:#ffe07a; }

@media (max-width:1199.98px){
  .portfolio-header{ grid-template-columns:minmax(0,1fr) minmax(240px,.8fr); }
  .portfolio-intro .section-title{ font-size:clamp(2.35rem,5vw,3.6rem); }
}
@media (max-width:991.98px){
  .portfolio-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(260px,auto); }
  .portfolio-grid > [data-reveal]:nth-child(n){ grid-column:span 1; }
  .portfolio-card,.portfolio-card img{ min-height:260px; }
  .portfolio-section{ padding:4rem 0; }
  .portfolio-header{ grid-template-columns:1fr; gap:1.2rem; }
  .portfolio-summary{ justify-self:start; max-width:600px; }
  .portfolio-metrics{ grid-column:auto; }
}
@media (max-width:575.98px){
  .portfolio-section{ padding:3.5rem 0; }
  .portfolio-intro .section-title{ font-size:clamp(2.35rem,11vw,3.2rem); }
  .portfolio-grid{ grid-template-columns:minmax(0,1fr); grid-auto-rows:260px; gap:.8rem; }
  .portfolio-grid > [data-reveal]:nth-child(n){ grid-column:1; }
  .portfolio-card,.portfolio-card img{ min-height:260px; }
  .portfolio-card{ border-radius:17px; }
  .portfolio-info{ padding:1.2rem; }
  .portfolio-badge{ top:13px; left:13px; }
  .ext-icon{ top:13px; right:13px; }
  .portfolio-metrics{ gap:0; padding:.85rem 0; }
  .metric-item{ min-width:0; flex:1; align-items:flex-start; flex-direction:column; gap:.25rem; padding:.15rem .65rem; }
  .metric-item:first-child{ padding-left:0; }
  .metric-item strong{ font-size:1.1rem; }
  .metric-item span{ font-size:.6rem; }
}
@media(prefers-reduced-motion:reduce){
  .portfolio-card,
  .portfolio-card img,
  .ext-icon,
  .portfolio-open{ transition:none; }
  .portfolio-card:hover{ transform:none; }
}

.portfolio-preview-modal .modal-content{
  background:rgba(7,26,16,.98);
  border:1px solid rgba(245,197,24,.22);
  border-radius:22px;
  overflow:hidden;
}
.portfolio-preview-modal .modal-header{
  padding:1rem 1.25rem 0.75rem;
  background:rgba(255,255,255,.02);
}
.portfolio-preview-modal .modal-title{
  font-size:1.2rem;
  font-weight:800;
  color:var(--text-light);
}
.portfolio-preview-modal .modal-body{
  min-height:72vh;
  background:#08160f;
}
.portfolio-preview-modal iframe{
  width:100%;
  height:72vh;
  border:0;
  background:#fff;
}

/* =========================================================
   WHY CHOOSE US
   ========================================================= */
.why-section{ background:var(--bg-darker); }
.why-card{
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:2.2rem;
  height:100%;
}
.why-card h3{ font-size:1.5rem; font-weight:800; margin-bottom:1.4rem; }
.why-list{ display:flex; flex-direction:column; gap:.9rem; margin-bottom:1.6rem; }
.why-list li{ display:flex; align-items:center; gap:.8rem; font-weight:600; font-size:.95rem; }
.why-ico{
  width:34px; height:34px; border-radius:8px;
  background:rgba(245,197,24,.14); color:var(--gold);
  display:flex; align-items:center; justify-content:center; font-size:.95rem;
  flex-shrink:0;
}
.why-photo{ position:relative; border-radius:var(--radius-md); overflow:hidden; }
.team-sign{
  position:absolute; right:14px; bottom:12px;
  font-family:'Sora',cursive; font-style:italic; font-weight:600;
  color:var(--gold-soft); font-size:.95rem;
  text-shadow:0 2px 6px rgba(0,0,0,.5);
}

.rating-card{
  background:radial-gradient(circle at 80% 20%, rgba(245,197,24,.18), transparent 60%), var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:2.4rem;
  height:100%;
  position:relative;
  overflow:hidden;
}
.rating-big{ font-family:var(--font-display); font-size:3.2rem; font-weight:800; color:var(--gold); }
.rating-label{ font-weight:700; font-size:1.1rem; color:var(--text-light); margin-bottom:.6rem; }
.stars{ color:var(--gold); font-size:1.1rem; margin-bottom:1.2rem; letter-spacing:.2rem; }
.rating-quote{ font-style:italic; max-width:420px; margin-bottom:.8rem; }
.rating-author{ font-weight:700; color:var(--text-light); font-size:.9rem; }
.bulb-icon{
  position:absolute; right:24px; bottom:20px;
  font-size:5rem; color:rgba(245,197,24,.25);
  animation:bulbGlow 2.4s ease-in-out infinite alternate;
}
@keyframes bulbGlow{
  from{ filter:drop-shadow(0 0 4px rgba(245,197,24,.2)); }
  to{ filter:drop-shadow(0 0 22px rgba(245,197,24,.55)); }
}

/* =========================================================
   BLOG
   ========================================================= */
.blog-section{
  position:relative;
  background:radial-gradient(circle at top left, rgba(245,197,24,.08), transparent 35%), var(--bg-dark);
  padding:5.5rem 0;
}
.blog-header{
  display:grid;
  grid-template-columns:1.2fr .9fr;
  gap:1.25rem;
  align-items:end;
  margin-bottom:2rem;
}
.blog-intro,
.blog-summary{
  position:relative;
  z-index:1;
}
.blog-intro .section-title{
  margin:0;
  font-size:clamp(2.2rem, 3vw, 3.1rem);
  line-height:1.04;
  letter-spacing:-.05em;
}
.blog-summary{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1rem;
  padding:1.35rem 1.4rem;
  border:1px solid rgba(245,197,24,.16);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(17,42,31,.9), rgba(10,27,18,.9));
  box-shadow:0 18px 32px rgba(0,0,0,.12);
}
.blog-summary p{
  margin:0;
  color:var(--text-muted);
  line-height:1.8;
}
.blog-summary .view-all-link{
  align-self:flex-start;
}
.blog-grid .col-lg-3,
.blog-grid .blog-featured-column,
.blog-grid .col-sm-6{ display:flex; }
.blog-grid .blog-featured-column:only-child{ flex:0 0 100%; max-width:100%; }
.blog-toolbar{
  background:rgba(15,44,28,.9);
  border:1px solid rgba(245,197,24,.12);
  border-radius:28px;
  padding:1.2rem 1.4rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  margin-bottom:1.5rem;
}
.blog-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  overflow-x:auto;
  padding-bottom:.1rem;
}
.blog-tabs::-webkit-scrollbar{ height:7px; }
.blog-tabs::-webkit-scrollbar-thumb{ background:rgba(245,197,24,.4); border-radius:999px; }
.blog-tab{
  min-height:44px;
  background:rgba(255,255,255,.03);
  color:var(--text-light);
  border:1px solid transparent;
  border-radius:999px;
  padding:.75rem 1.2rem;
  font-weight:700;
  transition:var(--transition);
  white-space:nowrap;
}
.blog-tab:hover,
.blog-tab.active{
  background:rgba(245,197,24,.12);
  border-color:rgba(245,197,24,.24);
  color:var(--gold);
}
.blog-search{
  display:grid;
  grid-template-columns:1fr auto;
  gap:.75rem;
  max-width:500px;
}
.blog-search input{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--text-light);
  border-radius:999px;
  padding:.9rem 1.2rem;
  transition:var(--transition);
}
.blog-search input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 0.15rem rgba(245,197,24,.14);
}
.blog-search .btn-cta-dark{
  border-radius:999px;
  min-width:64px;
}
.blog-label{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  background:rgba(245,197,24,.08);
  color:var(--gold);
  border-radius:999px;
  padding:.55rem .9rem;
  font-size:.78rem;
  font-weight:700;
  margin-bottom:.75rem;
}
.blog-card{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  background:linear-gradient(180deg, rgba(17,42,31,.96), rgba(10,27,18,.96));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  overflow:hidden;
  height:100%;
  transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}
.blog-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(245,197,24,.06), transparent 40%);
  opacity:0;
  transition:opacity var(--transition);
}
.blog-card > *{ position:relative; z-index:1; }
.blog-card:hover{
  transform:translateY(-8px);
  border-color:rgba(245,197,24,.42);
  box-shadow:0 28px 52px rgba(0,0,0,.3);
}
.blog-card:hover::before{ opacity:1; }
.blog-card img{ aspect-ratio:4/3; object-fit:cover; width:100%; }
.blog-card-media{
  position:relative;
  overflow:hidden;
  aspect-ratio:4/3;
  background:
    radial-gradient(circle at 72% 28%,rgba(245,197,24,.18),transparent 28%),
    linear-gradient(135deg,#163d2a,#0a2216);
}
.blog-card-media img{ height:100%; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.blog-card:hover .blog-card-media img{ transform:scale(1.045); }
.blog-card-image-placeholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:rgba(245,197,24,.7);
  font-size:3rem;
}
.blog-card-image-placeholder::before,
.blog-card-image-placeholder::after{
  content:"";
  position:absolute;
  width:140px;
  height:140px;
  border:1px solid rgba(245,197,24,.16);
  border-radius:50%;
}
.blog-card-image-placeholder::after{ width:210px; height:210px; border-color:rgba(255,255,255,.08); }
.blog-card-image-placeholder i{ position:relative; z-index:1; }
.blog-card-featured{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  min-height:365px;
  border-color:rgba(245,197,24,.24);
  background:linear-gradient(135deg,rgba(18,52,32,.98),rgba(8,30,19,.98));
}
.blog-card-featured .blog-card-media{ min-height:100%; height:100%; aspect-ratio:auto; }
.blog-card-featured .blog-card-media img{ position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; }
.blog-featured-tag{
  position:absolute;
  top:1rem;
  left:1rem;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.42rem .65rem;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#17220d;
  background:var(--gold);
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.08em;
}
.blog-card-featured .blog-body{ display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:1.5rem; }
.blog-card-featured h4{ min-height:0; font-size:clamp(1.15rem,1.65vw,1.45rem); line-height:1.35; }
.blog-card-featured .blog-summary-content{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.blog-card-featured .read-more{ margin-top:auto; padding-top:1rem; }
.blog-card:not(.blog-card-featured) .blog-summary-content{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.blog-card:not(.blog-card-featured) .blog-body{ display:flex; flex:1; flex-direction:column; align-items:flex-start; }
.blog-card:not(.blog-card-featured) .read-more{ margin-top:auto; padding-top:1rem; }
.blog-card-large img{ aspect-ratio:4/3; }
.blog-card-small{ border-radius:22px; }
.blog-card-highlight{ background:linear-gradient(180deg, rgba(245,197,24,.08), rgba(15,44,28,.95)); border-color:rgba(245,197,24,.24); }
.blog-card-small .blog-body{ padding:1.35rem 1.4rem 1.5rem; }
.blog-body{ padding:1.3rem 1.35rem 1.5rem; }
.blog-date{ font-size:.78rem; color:var(--text-muted); display:flex; align-items:center; gap:.45rem; margin-bottom:.75rem; }
.blog-card h4{ font-size:1.08rem; font-weight:700; line-height:1.45; margin-bottom:1rem; min-height:3.2em; color:var(--text-light); }
.blog-summary-content{ color:var(--text-muted); font-size:.9rem; line-height:1.7; }
.blog-summary-content p{ margin-bottom:0; }
.read-more{ min-height:44px; margin-top:1rem; padding:.35rem 0; font-size:.88rem; font-weight:700; color:var(--gold); display:inline-flex; align-items:center; gap:.45rem; transition:var(--transition); }
.blog-card:hover .read-more{ gap:.8rem; }
.blog-pagination .page-link{
  color:var(--text-light);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:.2rem;
}
.blog-pagination .page-item.active .page-link{
  background:var(--gold);
  border-color:var(--gold);
  color:#12220f;
}
.blog-pagination .page-item.disabled .page-link{
  opacity:.45;
  cursor:not-allowed;
}
.blog-cta-section{
  padding:2.5rem 0 4rem;
}
.blog-cta-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:1.4rem;
}
.cta-card{
  background:linear-gradient(135deg, rgba(245,197,24,.18), rgba(245,197,24,.08));
  border:1px solid rgba(245,197,24,.28);
  border-radius:28px;
  padding:2rem 2.2rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:220px;
}
.cta-card span{
  text-transform:uppercase;
  letter-spacing:1.8px;
  font-size:.78rem;
  color:#12220f;
  font-weight:800;
  margin-bottom:.8rem;
}
.cta-card h2{
  font-size:clamp(1.7rem, 2.4vw, 2.5rem);
  margin-bottom:1.6rem;
  line-height:1.1;
  color:#12220f;
}
.cta-card .btn-quote,
.cta-card .btn-outline-glow{
  width:max-content;
}
.cta-card-help{
  background:linear-gradient(135deg, #12220f, #224e2f);
  border-color:rgba(255,255,255,.08);
}
.cta-card-help span,
.cta-card-help h2{
  color:var(--text-light);
}
.cta-card-help .btn-outline-glow{
  background:rgba(255,255,255,.08);
  color:var(--text-light);
  border-color:rgba(255,255,255,.12);
}

@media (max-width:991.98px){
  .blog-section{ padding:4rem 0; }
  .blog-header{ grid-template-columns:1fr; }
  .blog-summary{ padding:1.2rem 1.1rem; }
  .blog-card-featured{ grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); min-height:340px; }
  .blog-card-featured .blog-body{ padding:1.2rem; }
}
@media (max-width:767.98px){
  .blog-card h4{ min-height:auto; }
  .blog-summary .view-all-link{ align-self:flex-start; }
}
@media (max-width:575.98px){
  .blog-card-featured{ display:flex; min-height:0; }
  .blog-card-featured .blog-card-media{ width:100%; height:auto; min-height:0; aspect-ratio:16/10; }
  .blog-card-featured .blog-card-media img{ position:static; height:100%; aspect-ratio:16/10; }
  .blog-card-featured .blog-body{ padding:1.2rem; }
}

/* =========================================================
   BLOG DETAILS
   ========================================================= */
.blog-details-hero{
  padding:5.5rem 0 3rem;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(60% 60% at 85% 10%, rgba(245,197,24,.08), transparent 55%),
    linear-gradient(180deg, var(--bg-dark), var(--bg-darker));
}
.blog-details-hero .hero-bg-fx{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.blog-details-hero .blob{ opacity:.18; }
.blog-details-hero .hero-card{
  background:rgba(15,44,28,.92);
  border:1px solid rgba(245,197,24,.16);
  border-radius:var(--radius-lg);
  padding:2rem;
  position:relative;
  overflow:hidden;
  box-shadow:0 26px 60px rgba(0,0,0,.4);
}
.blog-details-hero .hero-card::before{
  content:"";
  position:absolute; inset:-40px;
  background:radial-gradient(circle, rgba(245,197,24,.08), transparent 45%);
  filter:blur(40px);
  z-index:0;
}
.blog-details-hero .hero-card > *{ position:relative; z-index:1; }
.breadcrumb-line{
  display:inline-flex; align-items:center; gap:.65rem;
  background:rgba(245,197,24,.06);
  border:1px solid rgba(245,197,24,.16);
  padding:.55rem 1rem; border-radius:50px;
  color:var(--gold-soft); font-weight:700; font-size:.82rem;
  margin-bottom:1.5rem;
}
.breadcrumb-line a{ color:var(--gold); }
.blog-details-hero .hero-title{ font-size:clamp(2.4rem, 4.5vw, 3.6rem); line-height:1.05; margin-bottom:1rem; }
.blog-details-hero .hero-copy{ max-width:680px; }
.blog-details-hero .hero-lead{ max-width:640px; color:var(--text-muted); font-size:1.02rem; margin-bottom:1.7rem; }
.blog-details-hero .post-meta{
  display:grid; gap:1rem; grid-template-columns:repeat(3,minmax(140px,1fr));
  margin-bottom:1rem;
}
.blog-details-hero .post-meta span{
  display:flex; align-items:center; gap:.55rem;
  font-size:.92rem; color:var(--text-muted-light); font-weight:600;
}
.hero-details-tags{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }
.hero-details-tags a{
  background:rgba(245,197,24,.08); border:1px solid rgba(245,197,24,.14);
  color:var(--gold); padding:.65rem 1rem; border-radius:999px;
  font-size:.85rem;
}
.hero-detail-art{
  position:relative; display:grid; place-items:center;
}
.hero-detail-art img{ border-radius:var(--radius-lg); border:1px solid rgba(255,255,255,.06); box-shadow:0 24px 48px rgba(0,0,0,.28); }
.hero-detail-art .detail-badge{
  position:absolute; top:1.2rem; left:1.2rem;
  background:rgba(0,0,0,.55); border:1px solid rgba(245,197,24,.18);
  padding:.8rem 1rem; border-radius:14px;
  display:inline-flex; align-items:center; gap:.55rem;
  color:var(--text-light); font-weight:700; backdrop-filter:blur(10px);
  animation:fadeInUp .8s ease .2s both;
}
.hero-detail-art .detail-badge i{ color:var(--gold); }
.blog-details-layout{ padding:3.5rem 0; }
.table-of-contents{
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:1.5rem 1.35rem;
  position:sticky; top:110px;
}
.table-of-contents h4{ font-size:1rem; margin-bottom:1rem; color:var(--text-light); }
.table-of-contents ul{ display:grid; gap:.8rem; }
.table-of-contents li{ font-size:.9rem; }
.table-of-contents a{
  color:var(--text-muted); transition:var(--transition);
}
.table-of-contents a:hover{ color:var(--gold); }
.article-card{
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:2rem;
  overflow:hidden;
}
.article-card h2, .article-card h3{ color:var(--text-light); }
.article-card h3{ margin-top:2rem; margin-bottom:1rem; }
.article-card p{ color:var(--text-muted); }
.article-card blockquote{
  border-left:3px solid var(--gold);
  padding-left:1rem;
  color:var(--text-light);
  font-style:italic;
  margin:1.5rem 0;
}
.section-highlight{
  display:flex; align-items:flex-start; gap:1rem;
  background:rgba(245,197,24,.06);
  border:1px solid rgba(245,197,24,.14);
  border-radius:18px;
  padding:1.2rem 1.25rem;
  margin:2rem 0;
}
.section-highlight i{
  color:var(--gold);
  font-size:1.3rem;
  margin-top:.2rem;
}
.section-pill{
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(245,197,24,.08);
  color:var(--gold); border-radius:999px;
  padding:.45rem .95rem; font-size:.82rem; font-weight:700;
  margin-bottom:1rem;
}
.author-card{
  display:flex; gap:1rem; align-items:center;
  background:rgba(15,44,28,.9);
  border:1px solid rgba(245,197,24,.14);
  padding:1.35rem 1.4rem;
  border-radius:var(--radius-lg);
  margin-top:2.5rem;
}
.author-card img{ width:80px; height:80px; object-fit:cover; border-radius:24px; border:1px solid rgba(245,197,24,.14); }
.author-info h5{ margin-bottom:.35rem; color:var(--text-light); }
.author-info p{ margin-bottom:.35rem; color:var(--text-muted); }
.author-info .author-role{ color:var(--gold); font-weight:700; font-size:.92rem; }
.article-tags{ margin-top:1.5rem; display:flex; flex-wrap:wrap; gap:.7rem;}
.article-tags a{ color:var(--gold); background:rgba(245,197,24,.08); border:1px solid rgba(245,197,24,.14); border-radius:999px; padding:.5rem .9rem; font-size:.82rem; }
.sidebar-panel{ background:var(--panel); border:1px solid var(--border-soft); border-radius:var(--radius-lg); padding:1.6rem; }
.sidebar-panel + .sidebar-panel{ margin-top:1.4rem; }
.sidebar-panel h5{ font-size:1rem; margin-bottom:1.1rem; color:var(--text-light); }
.sidebar-search{ display:grid; grid-template-columns:1fr auto; gap:.75rem; }
.sidebar-search input{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); color:var(--text-light); padding:.9rem 1rem; border-radius:14px; }
.sidebar-search button{ border:none; border-radius:14px; padding:.9rem 1.2rem; background:var(--gold); color:#12220f; }
.popular-post{ display:grid; grid-template-columns:72px 1fr; gap:1rem; align-items:center; margin-bottom:1rem; }
.popular-post:last-child{ margin-bottom:0; }
.popular-post img{ width:72px; border-radius:16px; object-fit:cover; }
.popular-post a{ display:block; color:var(--text-light); font-weight:700; margin-bottom:.35rem; }
.popular-post small{ color:var(--text-muted); font-size:.82rem; }
.category-list{ display:grid; gap:.75rem; }
.category-list li{ display:flex; justify-content:space-between; align-items:center; gap:.75rem; color:var(--text-muted); font-size:.95rem; }
.category-list li strong{ color:var(--gold); }
.subscribe-form input{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); color:var(--text-light); border-radius:14px; padding:.95rem 1rem; width:100%; }
.subscribe-form button{ width:100%; margin-top:1rem; }
.cta-sidebar{
  background:linear-gradient(180deg, rgba(245,197,24,.18), rgba(245,197,24,.04));
  border:1px solid rgba(245,197,24,.16);
  color:var(--text-light);
  padding:1.8rem 1.5rem; border-radius:var(--radius-lg);
  display:flex; flex-direction:column; gap:1rem;
}
.cta-sidebar h4{ font-size:1.1rem; margin-bottom:.4rem; }
.cta-sidebar p{ color:var(--text-muted); }
.cta-sidebar .btn-quote{ width:100%; justify-content:center; }
@media (max-width:1199.98px){
  .post-meta{ grid-template-columns:repeat(2,minmax(140px,1fr)); }
  .table-of-contents{ position:relative; top:auto; }
}
@media (max-width:991.98px){
  .blog-details-hero{ padding:4rem 0 2rem; }
  .blog-details-layout{ padding:2.5rem 0; }
  .blog-details-hero .hero-card{ padding:1.7rem; }
  .post-meta{ grid-template-columns:1fr; }
  .table-of-contents{ margin-bottom:1.4rem; }
  .author-card{ flex-direction:column; text-align:center; }
  .author-card img{ margin:0 auto; }
  .sidebar-panel{ padding:1.3rem; }
}
@media (max-width:767.98px){
  .blog-details-hero .hero-title{ font-size:2.2rem; }
  .hero-detail-art{ order:-1; }
  .hero-detail-art img{ max-height:320px; }
  .blog-details-layout .row{ gap:1.75rem; }
  .article-card{ padding:1.6rem; }
  .sidebar-search{ grid-template-columns:1fr; }
  .sidebar-search button{ width:100%; }
  .table-of-contents{ padding:1.3rem; }
  .cta-sidebar{ padding:1.5rem; }
}

/* Editorial article detail layout */
.blog-detail-page{ background:var(--bg-darker); }
.blog-detail-page .site-header{ position:sticky; }
.blog-detail-page .blog-details-hero{
  padding:4.5rem 0 0;
  background:
    radial-gradient(ellipse at 50% 8%,rgba(245,197,24,.09),transparent 45%),
    linear-gradient(180deg,#0a2417 0%,var(--bg-darker) 100%);
}
.blog-article-heading{ max-width:920px; margin:0 auto; text-align:center; }
.blog-article-heading .breadcrumb-line{
  display:flex;
  width:max-content;
  max-width:100%;
  margin:0 auto 1.6rem;
  padding:.45rem .85rem;
  border-radius:999px;
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.09);
  color:var(--text-muted);
  font-size:.74rem;
}
.blog-article-heading .breadcrumb-line a{ color:#d9e6dc; transition:color .2s ease; }
.blog-article-heading .breadcrumb-line a:hover{ color:var(--gold); }
.blog-article-heading .breadcrumb-line i{ color:rgba(245,197,24,.75); font-size:.65rem; }
.blog-article-category{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:1rem;
  color:var(--gold);
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.blog-article-title{
  max-width:900px;
  margin:0 auto;
  color:var(--text-light);
  font-family:var(--font-display);
  font-size:clamp(2.25rem,5vw,4.4rem);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.blog-article-lead{
  max-width:760px;
  margin:1.2rem auto 0;
  color:#bdcfc3;
  font-size:clamp(1rem,1.5vw,1.18rem);
  line-height:1.8;
}
.blog-article-lead p{ margin:0; color:inherit; }
.blog-article-meta{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
  margin:1.8rem 0 2.5rem;
  color:#cad8ce;
  font-size:.8rem;
}
.blog-article-meta > span:not(.blog-author-mark):not(.blog-article-author):not(.blog-meta-divider){
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}
.blog-article-meta > span i{ color:var(--gold); }
.blog-author-mark{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(245,197,24,.38);
  border-radius:50%;
  color:#102416;
  background:var(--gold);
  font-family:var(--font-display);
  font-size:.95rem;
  font-weight:800;
}
.blog-article-author{ display:grid; gap:.08rem; text-align:left; }
.blog-article-author small{ color:#90a497; font-size:.67rem; }
.blog-article-author strong{ color:var(--text-light); font-size:.81rem; }
.blog-meta-divider{ width:1px; height:24px; background:rgba(255,255,255,.14); }
.blog-article-cover{
  position:relative;
  overflow:hidden;
  width:100%;
  max-height:560px;
  margin:0;
  border:1px solid rgba(245,197,24,.2);
  border-bottom:0;
  border-radius:24px 24px 0 0;
  background:
    radial-gradient(circle at 50% 40%,rgba(245,197,24,.17),transparent 35%),
    linear-gradient(135deg,#163d2a,#0a2216);
  box-shadow:0 -12px 80px rgba(245,197,24,.04);
}
.blog-article-cover img{
  display:block;
  width:100%;
  max-height:560px;
  aspect-ratio:2.15/1;
  object-fit:cover;
  object-position:center;
}
.blog-cover-glow{
  position:absolute;
  inset:auto 0 0;
  height:32%;
  background:linear-gradient(180deg,transparent,rgba(7,26,16,.32));
  pointer-events:none;
}
.blog-details-layout{
  padding:0 0 5rem;
  background:linear-gradient(180deg,var(--bg-darker),#091f14);
}
.blog-article-reading{ max-width:860px; margin:0 auto; }
.blog-article-reading .article-card{
  padding:clamp(1.5rem,4vw,3.25rem);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:linear-gradient(155deg,rgba(15,44,28,.9),rgba(10,34,22,.94));
  box-shadow:0 24px 65px rgba(0,0,0,.18);
  color:#c4d3c9;
  font-size:1.02rem;
  line-height:1.9;
}
.blog-article-reading.has-cover .article-card{ border-top:0; border-radius:0 0 22px 22px; }
.blog-post-content > *:first-child{ margin-top:0; }
.blog-post-content p{ margin:0 0 1.35rem; color:#c4d3c9; }
.blog-post-content h2,
.blog-post-content h3,
.blog-post-content h4{
  margin:2.5rem 0 1rem;
  color:var(--text-light);
  font-family:var(--font-display);
  font-weight:750;
  line-height:1.3;
}
.blog-post-content h2{ font-size:clamp(1.55rem,3vw,2.05rem); }
.blog-post-content h3{ font-size:clamp(1.25rem,2.4vw,1.55rem); }
.blog-post-content ul,
.blog-post-content ol{ margin:0 0 1.5rem; padding-left:1.35rem; color:#c4d3c9; }
.blog-post-content ul{ list-style:disc; }
.blog-post-content ol{ list-style:decimal; }
.blog-post-content li{ margin:.45rem 0; padding-left:.25rem; }
.blog-post-content li::marker{ color:var(--gold); }
.blog-post-content a{ color:var(--gold); text-decoration:underline; text-decoration-color:rgba(245,197,24,.35); text-underline-offset:3px; }
.blog-post-content a:hover{ color:var(--gold-soft); }
.blog-post-content blockquote{
  margin:2rem 0;
  padding:1.25rem 1.5rem;
  border:1px solid rgba(245,197,24,.18);
  border-left:3px solid var(--gold);
  border-radius:0 14px 14px 0;
  color:#f0e6be;
  background:rgba(245,197,24,.055);
  font-size:1.08rem;
  font-style:normal;
}
.blog-post-content img{ max-width:100%; height:auto; margin:1.5rem auto; border-radius:14px; }
.blog-article-end{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:1.1rem;
  padding:1.15rem 1.35rem;
  border:1px solid rgba(245,197,24,.15);
  border-radius:14px;
  background:rgba(15,44,28,.62);
}
.blog-article-end > span{ display:inline-flex; align-items:center; gap:.5rem; color:#cad8ce; font-size:.85rem; }
.blog-article-end > span i{ color:var(--gold); }
.blog-article-end a{ display:inline-flex; align-items:center; gap:.5rem; color:var(--gold); font-size:.86rem; font-weight:700; }
.blog-article-end a:hover{ color:var(--gold-soft); }
.blog-comments{
  margin-top:1.4rem;
  padding:clamp(1.25rem,3vw,2rem);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(15,44,28,.86),rgba(10,34,22,.9));
}
.blog-comments-heading{ display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.4rem; }
.blog-comments-kicker{ display:inline-flex; align-items:center; gap:.4rem; margin-bottom:.5rem; color:var(--gold); font-size:.68rem; font-weight:800; letter-spacing:.12em; }
.blog-comments-heading h2{ margin:0 0 .35rem; font-family:var(--font-display); font-size:clamp(1.35rem,2.5vw,1.8rem); font-weight:750; }
.blog-comments-heading p{ margin:0; color:var(--text-muted); font-size:.88rem; }
.blog-comment-count{ padding:.42rem .7rem; border:1px solid rgba(245,197,24,.19); border-radius:999px; color:var(--gold); background:rgba(245,197,24,.06); font-size:.72rem; font-weight:700; white-space:nowrap; }
.blog-comment-list{ display:grid; gap:1rem; margin:0 0 1.5rem; }
.blog-comment{ display:flex; align-items:flex-start; gap:.85rem; padding:1rem; border:1px solid rgba(255,255,255,.075); border-radius:13px; background:rgba(255,255,255,.025); }
.blog-comment-avatar{ flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#102416; background:var(--gold); font-weight:800; }
.blog-comment-main{ min-width:0; flex:1; }
.blog-comment-meta{ display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; margin-bottom:.45rem; }
.blog-comment-meta strong{ color:var(--text-light); font-size:.88rem; }
.blog-comment-meta time{ color:#91a699; font-size:.72rem; }
.blog-comment-main > p{ margin:0; color:#c4d3c9; font-size:.9rem; line-height:1.7; overflow-wrap:anywhere; }
.blog-admin-reply{ margin-top:.85rem; padding:.8rem .9rem; border-left:2px solid var(--gold); border-radius:0 9px 9px 0; background:rgba(245,197,24,.055); }
.blog-admin-reply > strong{ display:block; margin-bottom:.35rem; color:var(--gold); font-size:.77rem; }
.blog-admin-reply > p{ margin:0; color:#d0dbd2; font-size:.84rem; line-height:1.65; overflow-wrap:anywhere; }
.blog-comments-empty{ margin:0 0 1.4rem; padding:1rem; border:1px dashed rgba(255,255,255,.13); border-radius:11px; color:var(--text-muted); font-size:.86rem; }
.blog-comment-form{ padding-top:1.35rem; border-top:1px solid rgba(255,255,255,.08); }
.blog-comment-fields,.blog-comment-verify{ min-width:0; margin:0; padding:0; border:0; }
.blog-comment-fields legend,.blog-comment-verify legend{ float:none; width:auto; margin:0 0 .95rem; padding:0; color:var(--text-light); font-family:var(--font-display); font-size:1rem; font-weight:700; }
.blog-comment-guidance{ margin:-.45rem 0 1rem; color:#9db0a2; font-size:.8rem; line-height:1.55; }
.blog-comment-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.blog-comment-form-grid label,.blog-comment-verify > label{ display:grid; gap:.4rem; color:#d7e2d9; font-size:.78rem; font-weight:700; }
.blog-comment-form-grid input,.blog-comment-form-grid textarea,.blog-comment-verify input{
  width:100%;
  min-width:0;
  padding:.75rem .85rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  outline:0;
  color:var(--text-light);
  background:rgba(0,0,0,.17);
  font:400 .88rem var(--font-body);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.blog-comment-form-grid input:focus,.blog-comment-form-grid textarea:focus,.blog-comment-verify input:focus{ border-color:var(--gold); box-shadow:0 0 0 3px rgba(245,197,24,.1); }
.blog-comment-form-grid textarea{ resize:vertical; line-height:1.6; }
.blog-comment-message{ grid-column:1/-1; }
.blog-comment-message small{ color:#92a79a; font-size:.68rem; font-weight:500; }
.blog-comment-submit{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; margin-top:1rem; padding:.78rem 1rem; border:1px solid var(--gold); border-radius:8px; color:#12220f; background:var(--gold); font-size:.82rem; font-weight:800; cursor:pointer; transition:var(--transition); }
.blog-comment-submit:hover{ color:var(--gold); background:transparent; }
.blog-comment-submit:disabled,.blog-comment-text-button:disabled{ opacity:.55; cursor:wait; }
.blog-comment-verify > p{ color:var(--text-muted); font-size:.85rem; line-height:1.6; }
.blog-comment-verify > p strong{ color:var(--text-light); overflow-wrap:anywhere; }
.blog-comment-verify > label{ max-width:320px; }
.blog-comment-verify input{ letter-spacing:.25em; font-size:1.05rem; }
.blog-comment-verify-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:.45rem 1rem; }
.blog-comment-verify-actions .blog-comment-submit{ margin-right:.4rem; }
.blog-comment-text-button{ min-height:44px; padding:.5rem .25rem; border:0; color:var(--gold); background:transparent; font-size:.78rem; font-weight:700; cursor:pointer; }
.blog-comment-text-button:hover{ color:var(--gold-soft); text-decoration:underline; }
.blog-comment-status{ min-height:1.2em; margin:.8rem 0 0; color:#a9e6bb; font-size:.82rem; line-height:1.5; }
.blog-comment-status.is-error{ color:#ffaaa1; }
.blog-comment-status.is-success{ color:#a9e6bb; }
.blog-comment-honeypot{ position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.blog-comment-noscript{ color:#ffaaa1; font-size:.82rem; }
@media (max-width:767.98px){
  .blog-detail-page .blog-details-hero{ padding:3rem 0 0; }
  .blog-article-heading .breadcrumb-line{ margin-bottom:1.3rem; font-size:.69rem; }
  .blog-article-title{ font-size:clamp(2rem,9vw,3rem); letter-spacing:-.04em; }
  .blog-article-lead{ margin-top:.9rem; font-size:.98rem; line-height:1.7; }
  .blog-article-meta{ gap:.7rem; margin:1.35rem 0 1.7rem; font-size:.73rem; }
  .blog-meta-divider{ height:20px; }
  .blog-article-cover{ border-radius:16px 16px 0 0; }
  .blog-article-cover img{ aspect-ratio:1.35/1; }
  .blog-article-reading .article-card{ font-size:.96rem; line-height:1.85; }
  .blog-article-end{ align-items:flex-start; flex-direction:column; }
  .blog-comment-form-grid{ grid-template-columns:1fr; }
  .blog-comments-heading{ flex-direction:column; }
}
@media (prefers-reduced-motion:reduce){
  .blog-article-heading,.blog-article-cover,.blog-article-reading{ transition:none; transform:none; }
}

@keyframes fadeInUp{
  from{ opacity:0; transform:translateY(18px); }
  to{ opacity:1; transform:translateY(0); }
}
@keyframes glowFloat{
  0%,100%{ transform: translateY(0); filter:drop-shadow(0 0 0 rgba(245,197,24,0)); }
  50%{ transform: translateY(-6px); filter:drop-shadow(0 0 24px rgba(245,197,24,.22)); }
}

[data-reveal]{ opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease; }
[data-reveal].in-view{ opacity:1; transform:translateY(0); }

@media (max-width:1199.98px){
  .blog-card-large img{ aspect-ratio:4/3; }
}
@media (max-width:991.98px){
  .blog-hero{ padding:4rem 0 3rem; }
  .hero-blog-art{ min-height:360px; }
  .hero-pill-1{ top:-2%; left:0; }
  .hero-pill-2{ top:50%; right:1%; }
  .hero-pill-3{ bottom:-2%; left:10%; }
  .blog-tabs{ justify-content:center; }
  .blog-search{ grid-template-columns:1fr; }
  .blog-search .btn-cta-dark{ width:100%; }
  .popular-post{ grid-template-columns:1fr; }
  .sidebar-panel{ padding:1.4rem; }
}
@media (max-width:767.98px){
  .hero-title{ font-size:2.4rem; }
  .blog-toolbar{ padding-top:1rem; }
  .blog-card h4{ min-height:auto; }
  .blog-pagination .page-link{ margin:.25rem; }
}

/* =========================================================
   SEO & VISIBILITY
   ========================================================= */
.seo-section{
  overflow:hidden;
  padding:6.25rem 0;
  background:
    radial-gradient(ellipse at 84% 48%,rgba(245,197,24,.075),transparent 38%),
    linear-gradient(180deg,var(--bg-dark),#0b2719);
}
.seo-layout{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:clamp(2.5rem,7vw,7rem);
}
.seo-copy{ max-width:560px; }
.seo-copy .section-title{ max-width:540px; font-size:clamp(2.1rem,4vw,3.45rem); }
.seo-lead{ margin:1.2rem 0 1.7rem; max-width:520px; font-size:1rem; line-height:1.8; }
.seo-benefits{ display:grid; gap:1.1rem; margin:0 0 1.8rem; }
.seo-benefits li{ display:flex; align-items:flex-start; gap:.9rem; }
.seo-benefit-icon{
  flex:0 0 40px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(245,197,24,.25);
  border-radius:12px;
  color:var(--gold);
  background:rgba(245,197,24,.07);
  font-size:1.05rem;
}
.seo-benefits strong,.seo-benefits small{ display:block; }
.seo-benefits strong{ margin:.05rem 0 .2rem; color:var(--text-light); font-size:.95rem; }
.seo-benefits small{ color:var(--text-muted); font-size:.86rem; line-height:1.6; }
.seo-cta{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.82rem 1.15rem;
  border:1px solid var(--gold);
  border-radius:6px;
  color:#0a2216;
  background:var(--gold);
  font-size:.9rem;
  font-weight:700;
  transition:var(--transition);
}
.seo-cta:hover{ color:var(--gold); background:transparent; transform:translateY(-2px); }
.seo-visual{
  position:relative;
  max-width:600px;
  margin-left:auto;
  padding:clamp(1.15rem,3vw,2rem);
  border:1px solid rgba(245,197,24,.22);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(18,52,32,.97),rgba(8,34,21,.95));
  box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);
}
.seo-visual::before{
  content:"";
  position:absolute;
  top:-42px;
  right:-28px;
  width:130px;
  height:130px;
  border:1px solid rgba(245,197,24,.13);
  border-radius:50%;
  pointer-events:none;
}
.seo-visual-heading{ position:relative; display:flex; align-items:center; gap:.8rem; margin-bottom:1.45rem; }
.seo-orbit-icon{
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#102416;
  background:var(--gold);
  font-size:1.25rem;
}
.seo-visual-heading > span:nth-child(2){ display:grid; gap:.12rem; }
.seo-visual-heading small{ color:var(--text-muted); font-size:.64rem; font-weight:700; letter-spacing:.13em; }
.seo-visual-heading strong{ color:var(--text-light); font-family:var(--font-display); font-size:.96rem; }
.seo-status{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  margin-left:auto;
  padding:.38rem .6rem;
  border:1px solid rgba(130,218,160,.2);
  border-radius:30px;
  color:#a9e6bb;
  background:rgba(83,177,111,.08);
  font-size:.68rem;
  font-weight:700;
  white-space:nowrap;
}
.seo-search-preview{
  padding:1rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:#f7f9f6;
  box-shadow:0 16px 32px rgba(0,0,0,.16);
}
.seo-search-bar{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-height:42px;
  padding:0 .85rem;
  border:1px solid #e3e9e4;
  border-radius:24px;
  color:#68766d;
  background:#fff;
  font-size:.76rem;
}
.seo-search-bar > span{ flex:1; }
.seo-result{ padding:1rem .25rem .25rem; color:#263b2d; }
.seo-result-url{ display:flex; align-items:center; gap:.38rem; margin-bottom:.42rem; color:#536b5b; font-size:.68rem; }
.seo-result-url i{ color:#408653; }
.seo-result-url span{ color:#8a998e; }
.seo-result > strong{ display:block; color:#185abd; font-size:1rem; font-weight:600; line-height:1.45; }
.seo-result > p{ margin:.4rem 0 .55rem; color:#58675d; font-size:.75rem; line-height:1.6; }
.seo-result-link{ color:#43784f; font-size:.68rem; font-weight:700; }
.seo-result-link i{ margin-left:.18rem; }
.seo-pillars{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem; }
.seo-pillars span{
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  padding:.45rem .65rem;
  border:1px solid rgba(255,255,255,.09);
  border-radius:30px;
  color:#d8e6dc;
  background:rgba(255,255,255,.035);
  font-size:.69rem;
  font-weight:600;
}
.seo-pillars i{ color:var(--gold); }
.seo-visual-note{ display:flex; align-items:center; gap:.4rem; margin:.9rem 0 0; color:#94aa9a; font-size:.72rem; }
.seo-visual-note i{ color:var(--gold); }

@media (max-width:991.98px){
  .seo-layout{ grid-template-columns:1fr; gap:3rem; }
  .seo-copy{ max-width:680px; }
  .seo-visual{ width:100%; max-width:680px; margin:0; }
}
.industries-section{
  position:relative;
  overflow:hidden;
  padding:5.5rem 0 4.5rem;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(245,197,24,.08), transparent 38%),
    linear-gradient(180deg,var(--bg-dark),var(--bg-darker));
}
.industries-section .container{
  position:relative;
}
.industries-header{
  max-width:760px;
  margin:0 auto 2.75rem;
  text-align:center;
}
.industries-header .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:.8rem;
  color:var(--gold);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.13em;
}
.industries-header .section-title{
  margin-bottom:.85rem;
  font-size:clamp(2rem,4vw,3.15rem);
  line-height:1.15;
}
.industries-header > p{
  max-width:680px;
  margin:0 auto;
  color:var(--text-muted);
  font-size:1rem;
  line-height:1.8;
}
.industries-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-right:1px solid rgba(245,197,24,.14);
  border-bottom:1px solid rgba(245,197,24,.14);
}
.industry-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:200px;
  padding:1.5rem 1.25rem;
  border-top:1px solid rgba(245,197,24,.14);
  border-left:1px solid rgba(245,197,24,.14);
  background:linear-gradient(110deg,rgba(15,44,28,.55),rgba(10,34,22,.72));
  text-align:left;
  transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);
}
.industry-heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1rem;
  width:100%;
  transition:gap .35s ease;
}
.industry-item:hover,
.industry-item:focus-visible{
  background:
    radial-gradient(ellipse at 100% 100%,rgba(245,197,24,.12),transparent 54%),
    linear-gradient(110deg,rgba(18,52,32,.98),rgba(10,34,22,.98));
  border-bottom-color:var(--gold);
  box-shadow:inset 0 -2px var(--gold),0 16px 36px rgba(0,0,0,.16);
}
.industry-item:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:-3px;
}
.industry-item:hover .industry-heading,
.industry-item:focus-visible .industry-heading{
  flex-direction:row;
  justify-content:flex-start;
  gap:1.1rem;
}
.industry-icon{
  flex:0 0 62px;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  margin:0;
  border:1px solid rgba(245,197,24,.16);
  border-radius:50%;
  background:rgba(245,197,24,.06);
  color:var(--gold);
  font-size:1.55rem;
  line-height:1;
  transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition);
}
.industry-item:hover .industry-icon,
.industry-item:focus-visible .industry-icon{
  border-color:rgba(245,197,24,.36);
  background:rgba(245,197,24,.12);
  color:var(--gold-soft);
  transform:scale(1.04);
}
.industry-item h3{
  margin:0;
  color:var(--text-light);
  font-size:clamp(1rem,1.45vw,1.25rem);
  font-weight:600;
  letter-spacing:-.03em;
  transition:font-size var(--transition),color var(--transition);
}
.industry-item:hover h3,
.industry-item:focus-visible h3{
  color:var(--gold-soft);
}
.industry-item p{
  width:100%;
  max-width:460px;
  max-height:0;
  margin:0;
  overflow:hidden;
  color:var(--text-muted);
  font-size:.95rem;
  line-height:1.5;
  opacity:0;
  transform:translateY(8px);
  transition:max-height var(--transition),opacity .25s ease,transform var(--transition),margin var(--transition);
}
.industry-item:hover p,
.industry-item:focus-visible p{
  max-height:5em;
  margin-top:.85rem;
  opacity:1;
  transform:translateY(0);
}
.industries-cta{
  display:flex;
  justify-content:center;
  margin-top:2.5rem;
}
.portfolio-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  min-height:58px;
  padding:.9rem 1.5rem;
  border:0;
  border-radius:32px;
  background:linear-gradient(180deg,var(--gold-soft),var(--gold));
  color:#0a2216;
  font-size:1.05rem;
  font-weight:700;
  box-shadow:0 14px 30px rgba(245,197,24,.2);
  transition:transform var(--transition),box-shadow var(--transition),background var(--transition);
}
.portfolio-btn:hover{
  transform:translateY(-2px);
  background:var(--gold);
  box-shadow:0 18px 36px rgba(245,197,24,.3);
}
@media (max-width:991.98px){
  .industries-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:575.98px){
  .seo-section{ padding:4.5rem 0; }
  .seo-copy .section-title{ font-size:2.15rem; }
  .seo-visual{ padding:1rem; border-radius:18px; }
  .seo-visual-heading{ gap:.6rem; }
  .seo-status{ padding:.32rem .48rem; font-size:.62rem; }
  .seo-search-preview{ padding:.8rem; }
  .seo-search-bar{ gap:.45rem; padding:0 .65rem; font-size:.68rem; }
  .industries-section{ padding:4.5rem 0; }
  .industries-header{ margin-bottom:2rem; }
  .industries-header .section-title{ font-size:2rem; }
  .industries-header > p{ font-size:.92rem; }
  .industries-grid{ grid-template-columns:1fr; }
  .industry-item{ min-height:180px; }
  .industry-item:hover p,
  .industry-item:focus-visible p{ max-height:7em; }
  .portfolio-btn{ min-width:180px; }
}

/* =========================================================
   FAQ
   ========================================================= */
.faq-section{
  padding:6rem 0;
  background:radial-gradient(ellipse at 12% 48%, rgba(245,197,24,.07), transparent 34%), var(--bg-darker);
}
.faq-layout{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:start;
  gap:clamp(2.5rem,6vw,6rem);
}
.faq-intro{ max-width:470px; }
.faq-intro .section-title{ max-width:440px; font-size:clamp(2rem,3.6vw,3.1rem); }
.faq-intro-copy{ margin:1.2rem 0 2rem; max-width:420px; font-size:1rem; line-height:1.8; }
.faq-contact-card{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding:1.25rem;
  border:1px solid var(--border-soft);
  border-radius:var(--radius-md);
  background:linear-gradient(135deg,rgba(18,52,32,.92),rgba(15,44,28,.72));
}
.faq-contact-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#0a2216;
  background:var(--gold);
  font-size:1.2rem;
}
.faq-contact-card h3{ margin:.1rem 0 .35rem; font-size:1rem; font-weight:700; }
.faq-contact-card p{ margin:0 0 .7rem; font-size:.88rem; line-height:1.6; }
.faq-contact-card a{ color:var(--gold); font-size:.88rem; font-weight:700; }
.faq-contact-card a i{ margin-left:.2rem; transition:transform .2s ease; }
.faq-contact-card a:hover i{ transform:translate(2px,-2px); }
.faq-accordion{ display:grid; gap:.8rem; border:0; }
.faq-accordion .accordion-item{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-md);
  background:linear-gradient(135deg,rgba(18,52,32,.76),rgba(15,44,28,.68));
  transition:border-color .25s ease,background .25s ease,transform .25s ease;
}
.faq-accordion .accordion-item:hover{ border-color:rgba(245,197,24,.42); transform:translateY(-2px); }
.faq-accordion .accordion-item:has(.accordion-button:not(.collapsed)){
  border-color:rgba(245,197,24,.54);
  background:linear-gradient(135deg,rgba(18,52,32,.98),rgba(15,44,28,.9));
}
.faq-accordion .accordion-button{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr) 2.25rem;
  align-items:center;
  gap:1rem;
  padding:1.25rem 1.35rem;
  color:var(--text-light);
  background:transparent;
  box-shadow:none;
  font-weight:700;
  font-size:1rem;
  text-align:left;
}
.faq-accordion .accordion-button:not(.collapsed){ color:var(--text-light); background:transparent; }
.faq-accordion .accordion-button::after{ display:none; }
.faq-accordion .accordion-button:focus-visible{ outline:2px solid var(--gold); outline-offset:-4px; }
.faq-number{ color:var(--gold); font-family:var(--font-display); font-size:.78rem; letter-spacing:.06em; }
.faq-question{ line-height:1.5; }
.faq-toggle{
  position:relative;
  width:2.25rem;
  height:2.25rem;
  display:grid;
  place-items:center;
  border:1px solid rgba(245,197,24,.34);
  border-radius:50%;
  color:var(--gold);
  transition:background .2s ease,border-color .2s ease;
}
.faq-toggle::before,.faq-toggle::after{
  content:"";
  position:absolute;
  width:10px;
  height:1.5px;
  border-radius:2px;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease;
}
.faq-toggle::after{ transform:rotate(90deg); }
.accordion-button:not(.collapsed) .faq-toggle{ color:#0a2216; background:var(--gold); border-color:var(--gold); }
.accordion-button:not(.collapsed) .faq-toggle::after{ transform:rotate(0); opacity:0; }
.faq-accordion .accordion-body{
  padding:0 1.35rem 1.4rem 4.85rem;
  color:var(--text-muted);
  font-size:.94rem;
  line-height:1.8;
}

@media (max-width:991.98px){
  .faq-layout{ grid-template-columns:1fr; gap:2.5rem; }
  .faq-intro{ max-width:640px; }
  .faq-intro .section-title{ max-width:560px; }
}
@media (max-width:575.98px){
  .faq-section{ padding:4.5rem 0; }
  .faq-intro .section-title{ font-size:2rem; }
  .faq-accordion .accordion-button{ grid-template-columns:1.9rem minmax(0,1fr) 2rem; gap:.7rem; padding:1.05rem .95rem; font-size:.93rem; }
  .faq-toggle{ width:2rem; height:2rem; }
  .faq-accordion .accordion-body{ padding:0 .95rem 1.2rem 3.55rem; font-size:.9rem; }
  .faq-contact-card{ padding:1rem; }
}

/* =========================================================
   CTA BANNER
   ========================================================= */
.cta-banner{
  background:linear-gradient(120deg, var(--gold), #ffe07a);
  border-radius:var(--radius-lg);
  padding:2.4rem 2.6rem;
  display:flex; align-items:center; justify-content:space-between; gap:1.6rem;
  flex-wrap:wrap;
  position:relative; overflow:hidden;
}
.cta-rocket{
  font-size:2.6rem; color:#12220f;
  animation:cardFloat 3s ease-in-out infinite;
}
.cta-text h3{ color:#12220f; font-size:1.5rem; font-weight:800; margin-bottom:.3rem; }
.cta-text p{ color:#3b3005; margin-bottom:0; font-weight:600; }

/* =========================================================
   FOOTER
   ========================================================= */
.site-footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 90% 10%, rgba(50,113,75,.12), transparent 32%),
    #07130e;
  border-top:1px solid rgba(255,255,255,.07);
  padding:4.5rem 0 1.5rem;
}
.site-footer::after{
  content:"";
  position:absolute;
  top:-210px;
  right:-140px;
  width:420px;
  height:420px;
  border:1px solid rgba(245,197,24,.06);
  border-radius:50%;
  box-shadow:0 0 0 46px rgba(245,197,24,.014), 0 0 0 92px rgba(245,197,24,.01);
  pointer-events:none;
}
.site-footer > .container{ position:relative; z-index:1; }

/* =========================================================
   MODAL
   ========================================================= */
.modal-quote-content{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  min-height:610px;
  overflow:hidden;
  border:0;
  border-radius:4px;
  color:#171717;
  background:#fff;
  box-shadow:0 28px 90px rgba(0,0,0,.2);
}
.quote-modal .quote-modal-dialog{
  width:min(1280px, calc(100% - 48px));
  max-width:none;
  margin:1.5rem auto;
}
.quote-modal .quote-modal-close{
  position:absolute;
  z-index:2;
  top:24px;
  right:24px;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
}
.quote-modal .quote-modal-close::before,
.quote-modal .quote-modal-close::after{
  position:absolute;
  top:21px;
  left:8px;
  width:27px;
  height:1px;
  content:"";
  background:#171717;
}
.quote-modal .quote-modal-close::before{ transform:rotate(45deg); }
.quote-modal .quote-modal-close::after{ transform:rotate(-45deg); }
.quote-modal .quote-modal-close:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:4px;
}
.quote-modal .quote-modal-intro,
.quote-modal .quote-modal-form-panel{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
}
.quote-modal .quote-modal-intro{
  position:relative;
  overflow:hidden;
  padding:64px clamp(36px, 5vw, 80px);
  background:linear-gradient(145deg,#fff 54%,#fff9e5);
}
.quote-modal .quote-modal-copy{ position:relative; z-index:1; }
.quote-modal .quote-modal-kicker{
  display:block;
  margin-bottom:18px;
  color:#887019;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
}
.quote-modal .quote-modal-copy h2{
  max-width:470px;
  color:#111;
  font-size:clamp(2.2rem, 4vw, 3.2rem);
  font-weight:600;
  letter-spacing:-.055em;
  line-height:1.08;
}
.quote-modal .quote-modal-copy p{
  max-width:390px;
  margin:18px 0 0;
  color:#686868;
  font-size:1rem;
  line-height:1.55;
}
.quote-modal .quote-modal-art{
  position:absolute;
  right:14%;
  bottom:-82px;
  width:250px;
  height:250px;
  border-radius:50%;
  background:radial-gradient(circle at 45% 40%,#fff 0 18%,#fff7d5 19% 48%,rgba(245,197,24,.1) 49% 68%,transparent 69%);
}
.quote-modal .quote-art-orbit{
  position:absolute;
  display:block;
  border:1px solid rgba(10,34,22,.18);
  border-radius:50%;
}
.quote-modal .quote-art-orbit-one{ inset:38px; transform:rotate(-24deg) scaleY(.52); }
.quote-modal .quote-art-orbit-two{ inset:58px 22px; transform:rotate(30deg) scaleY(.56); }
.quote-modal .quote-art-icon{
  position:absolute;
  top:80px;
  left:90px;
  display:grid;
  width:72px;
  height:72px;
  place-items:center;
  border-radius:22px;
  color:#14291a;
  background:var(--gold);
  box-shadow:0 14px 35px rgba(245,197,24,.28);
  font-size:2rem;
  transform:rotate(-8deg);
}
.quote-modal .quote-art-spark{
  position:absolute;
  display:block;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#173c27;
}
.quote-modal .quote-art-spark-one{ top:58px; right:58px; }
.quote-modal .quote-art-spark-two{ bottom:66px; left:46px; width:7px; height:7px; background:var(--gold); }
.quote-modal .quote-modal-form-panel{
  padding:58px clamp(34px, 5vw, 82px) 42px;
  background:#fff;
}
.quote-modal .quote-form-fields{
  display:grid;
  gap:20px;
}
.quote-modal .quote-form-fields input,
.quote-modal .quote-form-fields textarea{
  width:100%;
  min-height:40px;
  padding:6px 0 9px;
  border:0;
  border-bottom:1px solid #777;
  border-radius:0;
  outline:0;
  color:#171717;
  background:transparent;
  font:inherit;
  font-size:.96rem;
  resize:vertical;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.quote-modal .quote-form-fields input::placeholder,
.quote-modal .quote-form-fields textarea::placeholder{ color:#666; opacity:1; }
.quote-modal .quote-form-fields input:focus,
.quote-modal .quote-form-fields textarea:focus{
  border-color:#b48a00;
  box-shadow:0 1px 0 #b48a00;
}
.quote-modal .quote-services{
  min-width:0;
  margin:18px 0 0;
  padding:0;
  border:0;
}
.quote-modal .quote-services legend{
  margin-bottom:8px;
  color:#555;
  font-size:.95rem;
}
.quote-modal .quote-service-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 22px;
}
.quote-modal .quote-service-options label{
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:#555;
  font-size:.86rem;
  line-height:1.45;
  cursor:pointer;
}
.quote-modal .quote-service-options input{
  flex:0 0 16px;
  width:16px;
  height:16px;
  margin:2px 0 0;
  accent-color:#173c27;
}
.quote-modal .quote-form-submit{
  display:flex;
  justify-content:flex-end;
  margin-top:38px;
}
.quote-modal .quote-form-submit .btn-quote{
  min-width:138px;
  min-height:46px;
  justify-content:center;
  border:1px solid #e92228;
  border-radius:999px;
  color:#fff !important;
  background:#e92228;
  font-size:.88rem;
  font-weight:600;
  text-transform:uppercase;
}
.quote-modal .quote-form-submit .btn-quote:hover{
  transform:translateY(-2px);
  border-color:#c91b21;
  color:#fff !important;
  background:#c91b21;
  box-shadow:0 8px 20px rgba(233,34,40,.2);
}
.form-control-dark,
.form-select-dark{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:var(--text-light);
}
.form-control-dark:focus,
.form-select-dark:focus{
  background:rgba(255,255,255,.06);
  color:var(--text-light);
  border-color:var(--gold);
  box-shadow:0 0 0 0.25rem rgba(245,197,24,.12);
}
@media (max-width:767.98px){
  .quote-modal .quote-modal-dialog{
    width:calc(100% - 24px);
    margin:12px auto;
  }
  .modal-quote-content{
    grid-template-columns:1fr;
    min-height:0;
  }
  .quote-modal .quote-modal-intro{
    min-height:220px;
    justify-content:flex-start;
    padding:42px 28px 34px;
  }
  .quote-modal .quote-modal-kicker{ margin-bottom:10px; font-size:.65rem; }
  .quote-modal .quote-modal-copy h2{ max-width:360px; font-size:2rem; }
  .quote-modal .quote-modal-copy p{ max-width:340px; margin-top:10px; font-size:.9rem; }
  .quote-modal .quote-modal-art{
    right:-58px;
    bottom:-155px;
    width:220px;
    height:220px;
    opacity:.75;
  }
  .quote-modal .quote-art-icon{ top:72px; left:76px; width:62px; height:62px; font-size:1.7rem; }
  .quote-modal .quote-modal-form-panel{ padding:30px 28px 28px; }
  .quote-modal .quote-form-fields{ gap:14px; }
  .quote-modal .quote-services{ margin-top:16px; }
  .quote-modal .quote-service-options{ gap:10px 12px; }
  .quote-modal .quote-service-options label{ gap:8px; font-size:.8rem; }
  .quote-modal .quote-form-submit{ margin-top:24px; }
}
@media (max-width:420px){
  .quote-modal .quote-modal-intro{ min-height:200px; }
  .quote-modal .quote-modal-copy h2{ max-width:280px; font-size:1.75rem; }
  .quote-modal .quote-modal-copy p{ max-width:275px; font-size:.82rem; }
  .quote-modal .quote-service-options{ grid-template-columns:1fr; }
  .quote-modal .quote-modal-form-panel{ padding-right:22px; padding-left:22px; }
}
.footer-main{
  display:grid;
  grid-template-columns:1.1fr 1.35fr 1fr;
  gap:3rem;
  align-items:start;
  padding-bottom:3rem;
}
.footer-nav-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1.5rem;
}
.footer-brand-column .navbar-brand{ margin-bottom:.35rem; }
.footer-about{ font-size:.9rem; line-height:1.8; margin:1rem 0 1.4rem; max-width:340px; }
.footer-presence{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top:1.15rem;
  color:rgba(244,247,244,.55);
  font-size:.76rem;
}
.footer-presence i{ color:var(--gold); }
.social-row{ display:flex; gap:.65rem; }
.social-row a{
  width:38px; height:38px; border-radius:12px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.025);
  color:var(--text-muted);
  display:flex; align-items:center; justify-content:center;
  transition:var(--transition);
}
.social-row a:hover{ background:var(--gold); color:#0a2216; border-color:var(--gold); transform:translateY(-3px); }
.site-footer h5{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin:.35rem 0 1.35rem;
  color:var(--text-light);
}
.site-footer h5::before{ content:""; width:6px; height:6px; background:var(--gold); border-radius:50%; box-shadow:0 0 12px rgba(245,197,24,.45); }
.footer-links{ display:flex; flex-direction:column; gap:.85rem; }
.footer-links a{ display:inline-flex; align-items:center; min-height:44px; width:max-content; font-size:.88rem; color:var(--text-muted); transition:color var(--transition), transform var(--transition); }
.footer-links a:hover{ color:var(--gold); transform:translateX(4px); }
.footer-contact-card{
  padding:1.35rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
}
.footer-contact-kicker{
  display:block;
  margin-bottom:.65rem;
  color:var(--gold);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.14em;
}
.footer-contact-card h5{
  display:block;
  margin:.1rem 0 1.1rem;
  font-size:1.05rem;
  line-height:1.45;
  letter-spacing:-.02em;
  text-transform:none;
}
.footer-contact-card h5::before{ display:none; }
.footer-contact{ display:flex; flex-direction:column; gap:1rem; }
.footer-contact li{ display:flex; align-items:flex-start; gap:.7rem; font-size:.86rem; line-height:1.65; color:var(--text-muted); }
.footer-contact i{ color:var(--gold); margin-top:2px; }
.footer-contact li > i{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  margin-top:0;
  border:1px solid rgba(245,197,24,.16);
  border-radius:9px;
  background:rgba(245,197,24,.06);
  font-size:.78rem;
}
.footer-contact a{ color:inherit; transition:color var(--transition); }
.footer-contact a:hover{ color:var(--gold); }
.footer-bottom{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:.5rem 1.5rem;
  padding-top:1.25rem;
  border-top:1px solid rgba(255,255,255,.09);
  font-size:.8rem;
  color:var(--text-muted);
}
.footer-credit{ color:rgba(244,247,244,.64); }
.analytics-disclosure{
  grid-column:1 / -1;
  max-width:900px;
  margin:.35rem 0 0;
  font-size:.72rem;
  line-height:1.6;
  color:var(--text-muted);
}
.analytics-disclosure a{ color:var(--gold); text-decoration:underline; text-underline-offset:2px; }
@media (prefers-reduced-motion:reduce){
  .footer-links a,
  .social-row a{ transition:none; }
}

/* =========================================================
   FLOATING BUTTONS
   ========================================================= */
.whatsapp-fab{
  position:fixed; right:24px; bottom:24px; z-index:900;
  width:56px; height:56px; border-radius:50%;
  background:#25D366; color:#fff; font-size:1.6rem;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  animation:pulseWA 2.2s ease-in-out infinite;
}
@keyframes pulseWA{
  0%,100%{ box-shadow:0 0 0 0 rgba(37,211,102,.5); }
  50%{ box-shadow:0 0 0 12px rgba(37,211,102,0); }
}
.back-to-top{
  position:fixed; right:24px; bottom:90px; z-index:900;
  width:44px; height:44px; border-radius:50%;
  background:var(--gold); color:#0a2216; border:none; font-size:1.1rem;
  display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:var(--transition);
}
.back-to-top.show{ opacity:1; visibility:visible; transform:translateY(0); }

/* =========================================================
   SCROLL REVEAL
   ========================================================= */
[data-reveal]{
  opacity:0; transform:translateY(28px);
  transition:opacity .7s ease, transform .7s ease;
}
[data-reveal].in-view{ opacity:1; transform:translateY(0); }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1199.98px){
  .stats-strip{ justify-content:flex-start; }
  .fc-1,.fc-2,.fc-3,.fc-4{ font-size:.72rem; padding:.5rem .8rem; }
  .blog-cta-grid{ grid-template-columns:1fr; }
}

@media (max-width:991.98px){
  .hero-section, .blog-hero{ padding-top:3rem; text-align:center; }
  .hero-copy{ display:flex; flex-direction:column; align-items:center; text-align:center; }
  .hero-cta{ justify-content:center; }
  .hero-blog-art{ min-height:380px; }
  .hero-pill-1,.hero-pill-2,.hero-pill-3{ position:absolute; left:auto; right:auto; transform:translateX(0); }
  .hero-pill-1{ top:-1rem; left:50%; transform:translateX(-50%); }
  .hero-pill-2{ top:54%; right:auto; left:50%; transform:translateX(-50%); }
  .hero-pill-3{ bottom:-1rem; left:50%; transform:translateX(-50%); }
  .blog-toolbar{ padding:1rem 1rem 1.2rem; }
  .blog-search{ width:100%; max-width:none; }
  .blog-pagination .page-link{ min-width:44px; height:44px; }
  .blog-card h4{ min-height:auto; }
  .sidebar-panel{ padding:1.4rem; }
  .blog-cta-section{ padding:2rem 0 3rem; }
}

@media (max-width:767.98px){
  .hero-title{ font-size:2.4rem; }
  .blog-toolbar{ flex-direction:column; align-items:flex-start; }
  .blog-tabs{ width:100%; }
  .blog-search{ grid-template-columns:1fr; }
  .blog-search .btn-cta-dark{ width:100%; }
  .blog-card-large img{ height:auto; }
  .blog-card-small{ border-radius:20px; }
  .blog-card-highlight{ padding:.05rem; }
  .blog-card-highlight .blog-body{ padding:1.4rem 1.35rem 1.5rem; }
  .blog-pagination .pagination{ justify-content:flex-start; }
  .sidebar-panel{ padding:1.3rem; }
  .blog-cta-grid{ gap:1rem; }
}

@media (max-width:575.98px){
  .hero-title{ font-size:2rem; }
  .hero-blog-art{ min-height:320px; }
  .blog-toolbar{ padding:1rem; }
  .blog-tabs{ gap:.6rem; }
  .blog-search input{ padding:.85rem 1rem; }
  .blog-pagination .page-link{ min-width:44px; height:44px; }
  .cta-card{ padding:1.6rem 1.5rem; }
  .cta-card h2{ font-size:1.4rem; }
}

@media (prefers-reduced-motion: reduce){
  .trusted-brands-card{ opacity:1; animation:none; transform:translateX(-50%); }
  .hero-section{ padding-top:2rem; text-align:center; }
  .hero-copy{ display:flex; flex-direction:column; align-items:center; }
  .hero-cta{ justify-content:center; }
  .stats-strip{ justify-content:center; text-align:left; }
  .services-section,.process-section,.portfolio-section,.why-section,.blog-section{ padding:4rem 0; }
  .cta-banner{ justify-content:center; text-align:center; }
  .cta-text{ text-align:center; }
}

@media (max-width:767.98px){
  .float-card{ position:static; display:inline-flex; margin:.3rem; animation:none; }
  .hero-art{ display:flex; flex-direction:column; align-items:center; }
  .hero-art .float-card{ order:2; }
  .stat-item{ flex:1 1 45%; }
  .rating-big{ font-size:2.4rem; }
  .bulb-icon{ font-size:3.4rem; }
}

@media (max-width:575.98px){
  .hero-title{ font-size:2rem; }
  .stats-strip{ padding:1.2rem; }
  .stat-item{ flex:1 1 100%; justify-content:center; text-align:center; flex-direction:column; gap:.3rem; }
  .cta-banner{ padding:2rem 1.4rem; }
  .why-card, .rating-card{ padding:1.6rem; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important; }
}



/* =========================================================
   WEBNEXA — About Us page styles (extends style.css)
   ========================================================= */

/* ---------- Breadcrumb ---------- */
.breadcrumb-bar{ padding:1.6rem 0 0; }
.crumb-pill{
  display:inline-flex; align-items:center; gap:.6rem;
  border:1px solid var(--border-soft);
  border-radius:50px; padding:.5rem 1.2rem;
  font-size:.82rem; font-weight:600; color:var(--text-muted);
}
.crumb-pill i{ color:var(--gold); font-size:.85rem; }
.crumb-pill a{ color:var(--text-muted); transition:var(--transition); }
.crumb-pill a:hover{ color:var(--gold); }
.crumb-pill span{ color:var(--text-light); }

/* ---------- About hero ---------- */
.about-hero{
  padding:2.2rem 0 3rem;
  background:
    radial-gradient(55% 55% at 85% 0%, rgba(245,197,24,.08), transparent 60%),
    linear-gradient(180deg, var(--bg-dark), var(--bg-darker));
}
.about-hero .hero-title{ font-size:clamp(2rem, 3.6vw, 2.9rem); margin-bottom:1.1rem; }
.about-hero .hero-sub{ max-width:520px; margin-bottom:1.8rem; }

.about-hero-art{ position:relative; }
.about-hero-art img{
  border-radius:var(--radius-lg);
  border:1px solid var(--border-soft);
}
.hero-frame-accent{
  position:absolute; top:-14px; left:-14px;
  width:70px; height:70px;
  border-top:4px solid var(--gold);
  border-left:4px solid var(--gold);
  border-top-left-radius:var(--radius-lg);
  pointer-events:none;
}
.hex-badge{
  position:absolute; right:-14px; bottom:-14px;
  width:120px; height:120px;
  clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  background:linear-gradient(135deg, var(--gold), #d9a815);
  color:#12220f;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center;
  font-family:var(--font-display); font-weight:800;
  box-shadow:0 12px 26px rgba(0,0,0,.4);
  animation:cardFloat 4s ease-in-out infinite;
}
.hex-badge strong{ font-size:1.7rem; line-height:1; }
.hex-badge small{ font-size:.62rem; font-weight:700; line-height:1.2; margin-top:.2rem; letter-spacing:.3px; }

/* ---------- Our story ---------- */
.story-section{ background:var(--bg-darker); padding:5.5rem 0; }
.story-art{ position:relative; }
.story-art img{ border-radius:var(--radius-lg); border:1px solid var(--border-soft); }
.est-card{
  position:absolute; left:-10px; bottom:24px;
  background:var(--panel);
  border:1px solid var(--gold);
  border-radius:var(--radius-md);
  padding:1.1rem 1.4rem;
  display:flex; flex-direction:column;
  box-shadow:0 14px 30px rgba(0,0,0,.4);
  min-width:190px;
}
.est-icon{ color:var(--gold); font-size:.9rem; margin-bottom:.3rem; }
.est-card strong{ font-family:var(--font-display); font-size:1.7rem; font-weight:800; color:var(--text-light); }
.est-card span{ font-size:.78rem; color:var(--text-muted); margin-top:.2rem; }
.dot-pattern{
  position:absolute; top:-30px; right:-30px; width:140px; height:140px;
  background-image:radial-gradient(var(--gold) 1.5px, transparent 1.5px);
  background-size:14px 14px;
  opacity:.35; z-index:-1;
  display:block;
}
.signature{
  display:inline-block; margin-top:.6rem;
  font-family:'Sora', cursive; font-style:italic; font-weight:700;
}

/* =========================================================
   SERVICE DETAILS PAGE
   ========================================================= */
.service-hero-section{
  padding:4.5rem 0 3rem;
  background:
    radial-gradient(52% 85% at 78% 30%, rgba(7,91,93,.3), transparent 72%),
    radial-gradient(42% 70% at 5% 100%, rgba(245,197,24,.09), transparent 72%),
    linear-gradient(112deg, #030807 0%, #07150f 52%, #041013 100%);
  position:relative;
  overflow:hidden;
}
.service-hero-section::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.2), transparent 58%),
    radial-gradient(circle at 78% 35%, rgba(245,197,24,.1), transparent 32%);
  pointer-events:none;
}
.service-hero-section > .container{ position:relative; z-index:1; }
.service-hero-section .hero-title{
  max-width:760px;
  font-size:clamp(2.45rem, 4.5vw, 4.15rem);
  line-height:1.04;
  letter-spacing:-.035em;
  margin-bottom:1.15rem;
}
.service-hero-section .hero-sub{
  max-width:570px;
  color:rgba(255,255,255,.78);
  font-size:1rem;
  line-height:1.65;
}
.service-hero-section .hero-cta{ flex-direction:row; }
.service-hero-section .hero-feature-row{
  max-width:650px;
  gap:.65rem;
  margin-top:1.2rem;
}
.service-hero-section .hero-feature-card{
  min-height:48px;
  padding:.65rem .8rem;
  border-color:rgba(245,197,24,.14);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  font-size:.76rem;
}
.hero-sub{ /*max-width:540px;*/ margin-bottom:2rem; }
.hero-cta{ gap:1rem; margin-bottom:2rem; }
.hero-feature-row{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:1rem;
  margin-top:1rem;
}
.hero-feature-card{
  display:flex; align-items:center; gap:.75rem;
  background:rgba(245,197,24,.08);
  border:1px solid rgba(245,197,24,.18);
  border-radius:2px;
  padding:.85rem 1rem;
  font-weight:600;
  color:var(--text-light);
  transition:var(--transition);
  font-size: 12px;
}
.hero-feature-card i{ color:var(--gold); font-size:1rem; }
.hero-feature-card:hover{ background:rgba(245,197,24,.15); }
.hero-art-wrap{
  position:relative;
  min-height:420px;
  display:flex; align-items:center; justify-content:center;
}
.service-hero-section .hero-art-wrap{
  min-height:440px;
  isolation:isolate;
}
.service-hero-section .hero-art-wrap::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(92%, 520px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245,197,24,.16), rgba(5,99,89,.16) 42%, transparent 72%);
  filter:blur(8px);
}
.service-hero-section .hero-art-img{
  width:min(100%, 520px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  box-shadow:0 28px 70px rgba(0,0,0,.48), 0 0 45px rgba(7,91,93,.14);
}
.service-hero-section .hero-chip{
  z-index:2;
  max-width:190px;
  padding:.75rem .9rem;
  border-color:rgba(8,22,14,.08);
  border-radius:13px;
  background:rgba(255,255,255,.97);
  color:#101913;
  font-size:.78rem;
  box-shadow:0 16px 36px rgba(0,0,0,.3);
}
.service-hero-section .hero-chip i{ color:#13834a; }
.hero-ring{
  position:absolute; inset:12px auto auto 12px;
  width:240px; height:240px;
  border:2px solid rgba(245,197,24,.18);
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(245,197,24,.08);
  animation:spin 18s linear infinite;
}
.hero-art-img{
  position:relative;
  border-radius:var(--radius-lg);
  border:1px solid var(--border-soft);
  box-shadow:0 24px 60px rgba(0,0,0,.4);
  max-width:100%;
  z-index:1;
}
.hero-chip{
  position:absolute;
  display:flex; align-items:center; gap:.5rem;
  border:1px solid rgba(245,197,24,.18);
  background:rgba(15,44,28,.92);
  border-radius:999px;
  padding:.8rem 1rem;
  font-size:.88rem;
  font-weight:700;
  color:var(--text-light);
  box-shadow:0 18px 40px rgba(0,0,0,.32);
  animation:floatChip 4.5s ease-in-out infinite;
}
.hero-chip i{ color:var(--gold); font-size:1.1rem; }
.chip-1{ top:14%; left:0; animation-delay:0s; }
.chip-2{ top:8%; right:8%; animation-delay:.4s; }
.chip-3{ bottom:22%; left:10%; animation-delay:.8s; }
.chip-4{ bottom:10%; right:0; animation-delay:1.2s; }
@keyframes floatChip{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}
.hero-stats{ margin-top:3rem; }
.service-trust-strip{
  position:relative;
  z-index:2;
  width:min(707px, 100%);
  margin:1.3rem auto 0;
  overflow:hidden;
  border:1px solid rgba(9,20,15,.08);
  border-radius:13px;
  background:#fff;
  box-shadow:0 16px 42px rgba(0,0,0,.28);
}
.service-trust-strip img{
  display:block;
  width:100%;
  height:auto;
}

.service-detail-content{ padding:4.5rem 0 3rem; }
.about-service p{ /*max-width:680px;*/ margin-bottom:2rem; }
.service-detail-about-row{ align-items:stretch; }
.service-detail-contact-column{ align-self:stretch; }
.contact-panel.service-detail-contact-panel{
  position:sticky;
  top:90px;
  align-self:start;
  width:100%;
  height:max-content;
  max-height:none;
  overflow:visible;
}
.about-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.3rem;
  margin-top:2rem;
}
.service-details-page .about-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.detail-card{
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:1.8rem;
  transition:var(--transition);
}
.detail-card:hover{ transform:translateY(-6px); border-color:var(--gold); }
.detail-icon{
  width:52px; height:52px;
  border-radius:18px;
  background:rgba(245,197,24,.12);
  color:var(--gold);
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem;
  margin-bottom:1.1rem;
}
.detail-card h3{ margin-bottom:.75rem; }
.detail-card p{ margin-bottom:0; color:var(--text-muted); }

.journey-section{ margin-top:4rem; }
.journey-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.2rem;
  margin-top:2rem;
}
.journey-step{
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:2rem 1.6rem;
  position:relative;
  overflow:hidden;
  transition:var(--transition);
}
.journey-step:hover{ transform:translateY(-6px); border-color:var(--gold); }
.step-number{
  position:absolute; top:18px; right:18px;
  font-family:var(--font-display);
  color:var(--text-muted);
  font-weight:800;
}
.journey-step h4{ margin-bottom:.9rem; }
.journey-step p{ margin-bottom:0; color:var(--text-muted); }
.service-process-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1rem;
}
.service-process-grid .journey-step{
  min-height:220px;
  padding:1.8rem 1.25rem;
  border-top:2px solid rgba(245,197,24,.55);
}
.service-process-grid .journey-step:hover{ border-top-color:var(--gold); }
.service-process-grid .step-number{
  color:var(--gold);
  font-size:.85rem;
}
.service-process-grid .journey-step h4{
  padding-right:1.5rem;
  font-size:1.1rem;
}
.service-process-grid .journey-step p{ font-size:.92rem; }

.why-choose-section{ margin-top:4rem; }
.why-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:2rem;
  align-items:start;
  margin-top:2rem;
}
.choose-list{
  display:grid; gap:.9rem;
  padding:0; margin:0; list-style:none;
}
.choose-list li{
  display:flex; align-items:flex-start; gap:.9rem;
  color:var(--text-light);
  font-weight:600;
}
.choose-list li i{
  margin-top:4px;
  color:var(--gold);
}
.why-hub-panel{
  position:relative;
  min-height:420px;
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:2.5rem;
  overflow:hidden;
}
.hub-center{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
}
.hub-core{
  width:120px; height:120px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(245,197,24,.2), rgba(245,197,24,.08));
  border:2px solid rgba(245,197,24,.35);
  color:var(--gold);
  font-family:var(--font-display);
  font-size:2.4rem;
  font-weight:800;
  display:flex; align-items:center; justify-content:center;
  text-shadow:0 2px 10px rgba(0,0,0,.2);
}
.hub-point{
  position:absolute;
  display:flex; align-items:center; gap:.55rem;
  background:rgba(15,44,28,.9);
  border:1px solid rgba(245,197,24,.16);
  border-radius:999px;
  padding:.8rem 1rem;
  color:var(--text-light);
  font-size:.85rem;
  line-height:1.2;
}
.hub-point i{ color:var(--gold); font-size:1rem; }
.hp-1{ top:18%; left:8%; }
.hp-2{ top:10%; right:10%; width:170px; }
.hp-3{ left:50%; top:6%; transform:translateX(-50%); width:175px; }
.hp-4{ bottom:20%; left:8%; width:150px; }
.hp-5{ bottom:10%; right:12%; width:170px; }
.hp-6{ bottom:24%; left:50%; transform:translateX(-50%); width:150px; }

.recent-work-section{ margin-top:4rem; }
.recent-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.25rem;
  margin-top:2rem;
}
.work-card{
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:var(--transition);
}
.work-card:hover{ transform:translateY(-6px); border-color:var(--gold); box-shadow:0 18px 38px rgba(0,0,0,.28); }
.work-card img{ width:100%; aspect-ratio:4/3; object-fit:cover; }
.work-card-body{ padding:1rem 1.1rem 1.2rem; }
.work-card-body strong{ display:block; margin-bottom:.35rem; }
.work-card-body small{ color:var(--text-muted); }

.tech-section{ margin-top:4rem; }
.tech-strip{
  display:flex; flex-wrap:wrap; gap:.9rem;
  align-items:center;
  padding:1.1rem 1rem;
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:999px;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}
.tech-chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.75rem 1rem;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:var(--text-light);
  font-size:.9rem;
  font-weight:700;
  border:1px solid transparent;
}

.contact-panel{
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:2rem;
  position:sticky;
  top:90px;
}
.panel-header{ margin-bottom:2rem; }
.panel-header h3{ font-size:2rem; margin-top:.5rem; margin-bottom:.7rem; }
.contact-form .form-field{
  position:relative;
  margin-bottom:1rem;
}
.contact-form .form-field i{
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  color:var(--gold);
  font-size:1rem;
}
.contact-form .form-control,
.contact-form .form-select{
  width:100%; padding:.95rem 1.2rem .95rem 3rem;
  border-radius:5px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:var(--text-light);
}
.contact-form .form-select{ appearance:none; background-image:none; }
.contact-form .form-control:focus,
.contact-form .form-select:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 0.2rem rgba(245,197,24,.16);
}
.form-field-textarea textarea{ min-height:140px; padding-top:1.1rem; }
.budget-group{ margin-bottom:1.5rem; }
.budget-title{ display:block; color:var(--text-muted); margin-bottom:.8rem; font-weight:700; }
.budget-grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem;
}
.budget-option{
  display:inline-flex; align-items:center; gap:.75rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:4px;
  padding:.85rem 1rem;
  background:rgba(255,255,255,.03);
  color:var(--text-light);
  cursor:pointer;
  transition:var(--transition);
  font-size: 12px;
}
.budget-option input{ accent-color:var(--gold); }
.budget-option:hover{ border-color:var(--gold); }
.form-note{ margin-top:1rem; font-size:.88rem; color:var(--text-muted); }
.contact-direct{ margin-top:2rem; }
.contact-direct h4{ margin-bottom:1rem; }
.contact-list{ list-style:none; padding:0; margin:0; display:grid; gap:.85rem; }
.contact-list li{ display:flex; align-items:flex-start; gap:.8rem; color:var(--text-muted); }
.contact-list li i{ color:var(--gold); margin-top:3px; }

.service-cta-section{ padding-bottom:5.5rem; }
.cta-hero{ background:linear-gradient(120deg, var(--gold), #ffe07a); color:#12220f; }
.cta-hero h3{ margin-bottom:.35rem; }
.cta-hero p{ margin-bottom:0; }

/* =========================================================
   SERVICE DETAILS PAGE RESPONSIVE
   ========================================================= */
.service-details-page h1,
.service-details-page h3,
.service-details-page h4,
.service-details-page h5,
.service-details-page h6,
.service-details-page .accordion-button{ color:var(--gold); }
.service-details-page h2{ color:var(--text-light); }
.service-details-page .contact-form .form-control::placeholder{ color:#fff; opacity:1; }
.service-details-page .service-checklist-field>i{ top:1rem; transform:none; }
.service-details-page .service-checklist{
  min-width:0;
  margin:0;
  padding:1rem 1rem 1rem 3rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.04);
}
.service-details-page .service-checklist legend{
  float:none;
  width:auto;
  margin:0 0 .65rem;
  color:var(--text-light);
  font-size:.9rem;
  font-weight:700;
}
.service-details-page .service-current-option{
  display:grid;
  gap:.45rem;
  margin-bottom:.75rem;
  color:var(--text-light);
  font-size:.8rem;
  font-weight:600;
}
.service-details-page .service-current-option input[readonly]{
  color:var(--text-light);
  opacity:1;
  cursor:default;
}
.service-details-page .service-checklist-option{
  display:flex;
  align-items:center;
  gap:.65rem;
  margin-top:.55rem;
  color:var(--text-muted);
  cursor:pointer;
}
.service-details-page .service-checklist-option input{
  width:1rem;
  height:1rem;
  margin:0;
  accent-color:var(--gold);
  flex:0 0 auto;
}
.service-details-page .service-checklist-option:has(input:checked){ color:var(--text-light); }

@media (max-width:1199.98px){
  .hero-feature-row{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .journey-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-process-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .why-grid{ grid-template-columns:1fr 1fr; }
  .recent-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .budget-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:991.98px){
  .service-hero-section{ padding-top:3rem; }
  .hero-art-wrap{ min-height:320px; }
  .service-hero-section .hero-art-wrap{ min-height:360px; }
  .service-hero-section .hero-feature-row{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-detail-contact-column{ align-self:auto; }
  .contact-panel.service-detail-contact-panel{ position:static; top:auto; }
  .service-details-page .about-grid{
    grid-auto-flow:column;
    grid-auto-columns:minmax(240px,1fr);
    grid-template-columns:none;
    overflow-x:auto;
    padding-bottom:.75rem;
  }
  .about-grid{ grid-template-columns:1fr; }
  .journey-grid{ grid-template-columns:1fr; }
  .service-process-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .why-grid{ grid-template-columns:1fr; }
  .why-hub-panel{ min-height:360px; }
  .hero-art-wrap .hero-ring{ display:none; }
  .hero-chip{ position:static; margin:.75rem auto 0; }
  .panel-header h3{ font-size:1.75rem; }
}
@media (max-width:767.98px){
  .service-hero-section .hero-feature-row{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero-art-wrap{ padding:1.5rem 0 0; }
  .hero-art-img{ width:100%; }
  .hero-stats{ display:grid; gap:1rem; }
  .service-trust-strip{ margin-top:1rem; }
  .stats-strip{ flex-direction:column; }
  .stats-strip .stat-item{ justify-content:center; }
  .contact-panel{ position:relative; top:0; }
  .recent-grid{ grid-template-columns:1fr; }
  .tech-strip{ justify-content:center; }
}
@media (max-width:575.98px){
  .service-hero-section{ padding:3rem 0 2rem; }
  .service-hero-section .hero-title{ font-size:2rem; }
  .service-hero-section .hero-feature-row{ grid-template-columns:1fr; }
  .service-hero-section .hero-art-wrap{ min-height:320px; }
  .service-trust-strip{ border-radius:9px; }
  .panel-header h3{ font-size:1.6rem; }
  .budget-grid{ grid-template-columns:1fr; }
  .service-process-grid{ grid-template-columns:1fr; }
  .hero-feature-card{ padding:.85rem .9rem; }
  .cta-hero{ padding:1.8rem 1rem; }
}
@media (prefers-reduced-motion: reduce){
  .hero-ring, .hero-chip, .work-card, .detail-card, .journey-step, .hub-core{ animation:none; }
}

  font-size:1.3rem; color:var(--gold-soft);
}

/* ---------- Mission & Values ---------- */
.mission-section{ background:var(--bg-dark); padding:0 0 5.5rem; }
.mission-panel{
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:2.6rem;
}
.mission-left{ display:flex; gap:1.2rem; align-items:flex-start; }
.mission-left h3{ font-size:1.25rem; font-weight:800; margin:.4rem 0 .7rem; }
.mission-left p{ font-size:.9rem; margin-bottom:0; }
.target-icon{
  flex-shrink:0;
  width:64px; height:64px; border-radius:50%;
  border:2px solid var(--gold);
  color:var(--gold); font-size:1.7rem;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle, rgba(245,197,24,.15), transparent 70%);
}
.values-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:1.4rem;
  border-left:1px solid var(--border-soft);
  padding-left:2rem;
}
@media (max-width:991.98px){
  .values-grid{ border-left:none; padding-left:0; margin-top:1.6rem; }
}
.value-item i{ font-size:1.5rem; color:var(--gold); margin-bottom:.6rem; display:block; }
.value-item h5{ font-size:1rem; font-weight:700; margin-bottom:.4rem; }
.value-item p{ font-size:.82rem; margin-bottom:0; }

/* ---------- Team ---------- */
.team-section{ background:var(--bg-darker); padding:5.5rem 0; }
.team-row-wrap{ position:relative; }
.team-arrows{ justify-content:center; margin-top:2rem; }
.team-card{
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:.9rem;
  text-align:center;
  transition:var(--transition);
  height:100%;
}
.team-card:hover{ transform:translateY(-8px); border-color:var(--gold); box-shadow:0 16px 30px rgba(0,0,0,.35); }
.team-photo{
  border-radius:var(--radius-md); overflow:hidden; margin-bottom:1rem;
  aspect-ratio:3/3.6;
}
.team-photo img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.team-card:hover .team-photo img{ transform:scale(1.06); }
.team-card h5{ font-size:1.02rem; font-weight:700; margin-bottom:.2rem; }
.team-card span{ display:block; font-size:.8rem; color:var(--text-muted); margin-bottom:.9rem; }
.team-social{ display:flex; justify-content:center; gap:.5rem; padding-bottom:.4rem; }
.team-social a{
  width:44px; height:44px; border-radius:50%;
  border:1px solid var(--border-soft);
  display:flex; align-items:center; justify-content:center;
  font-size:.85rem;
  transition:var(--transition);
}
.team-social a:hover{ background:var(--gold); border-color:var(--gold); color:#0a2216; }

/* ---------- Process (hexagon variant) ---------- */
.about-process-section{ background:var(--bg-dark); padding:5.5rem 0; position:relative; overflow:hidden; }
.hex-process{ position:relative; }
.hex-line{ position:absolute; top:34px; left:0; width:100%; height:40px; z-index:0; }
.hex-steps{
  display:grid; grid-template-columns:repeat(5, 1fr); gap:1rem;
  position:relative; z-index:1;
}
@media (max-width:991.98px){
  .hex-steps{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:575.98px){
  .hex-steps{ grid-template-columns:1fr; }
}
.hex-step{ text-align:center; position:relative; }
.hex-icon{
  width:68px; height:68px; margin:0 auto .9rem;
  clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  background:var(--panel);
  border:2px solid var(--gold);
  color:var(--gold); font-size:1.4rem;
  display:flex; align-items:center; justify-content:center;
  transition:var(--transition);
}

/* ---------- Homepage growth feature ---------- */
.home-growth-feature{
  --growth-ink:#091316;
  --growth-deep:#031a1b;
  --growth-gold:#ffca05;
  --growth-green:#10894b;
  color:#101521;
  font-family:var(--font-body);
}
.home-growth-feature h1,
.home-growth-feature h2,
.home-growth-feature h3,
.home-growth-feature p{ margin-top:0; }
.growth-intro{
  min-height:385px;
  padding:5.5rem 0 5.5rem;
  color:#fff;
  background:
    radial-gradient(ellipse at 75% 10%, rgba(29,87,101,.5), transparent 42%),
    linear-gradient(105deg,#041211 0%,#071618 56%,#101519 100%);
  overflow:hidden;
}
.growth-intro.has-slide-background{
  background-image: linear-gradient(105deg,rgba(4,18,17,.4) 0%,rgba(7,22,24,.4) 54%,rgba(16,21,25,.4) 100%),
    var(--growth-slide-image);
  background-position:center;
  background-size:cover;
}
.growth-intro-slider{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
}
.growth-intro-slide{
  grid-area:1 / 1;
  visibility:hidden;
}
.growth-intro-slide.is-active{ visibility:visible; animation:none; }
.growth-intro-slider.is-animated .growth-intro-slide.is-active{ animation:growthIntroSlideIn .45s ease both; }
@keyframes growthIntroSlideIn{
  from{ opacity:0; transform:translateY(12px); }
  to{ opacity:1; transform:translateY(0); }
}
.growth-intro-slider-controls{
  grid-area:2 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.8rem;
  margin:1.35rem auto 0;
}
.growth-intro-slider-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  background:rgba(255,255,255,.04);
  color:#fff;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.growth-intro-slider-arrow:hover{
  border-color:var(--growth-gold);
  background:var(--growth-gold);
  color:#101521;
}
.growth-intro-slider-dots{ display:flex; align-items:center; gap:0; }
.growth-intro-slider-dot{
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
}
.growth-intro-slider-dot::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:99px;
  background:rgba(255,255,255,.4);
  transition:width .2s ease,background .2s ease;
}
.growth-intro-slider-dot.is-active::before{ width:22px; background:var(--growth-gold); }
.growth-intro-slider-dot:focus-visible{ outline:2px solid var(--growth-gold); outline-offset:-4px; }
@media (prefers-reduced-motion:reduce){
  .growth-intro-slide.is-active{ animation:none; }
}
.growth-intro .container{ position:relative; z-index:1; }
.growth-intro-copy{ padding-top:.3rem; }
.growth-kicker,
.growth-section-kicker,
.growth-why-kicker{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.08em;
}
.growth-kicker{
  border:1px solid rgba(255,255,255,.4);
  border-radius:99px;
  padding:.22rem .55rem;
  color:#fff;
}
.growth-intro h1{
  max-width:560px;
  margin:.75rem 0 .55rem;
  color:#fff;
  font-size:clamp(2rem,4vw,3.15rem);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.04em;
}
.growth-intro h1 span{ color:var(--growth-gold); }
.growth-intro-copy > p{
  max-width:470px;
  margin-bottom:1rem;
  color:#e0e5e3;
  font-size:.9rem;
  line-height:1.55;
}
.growth-intro-actions{ display:flex; flex-wrap:wrap; gap:.6rem; }
.growth-primary-link,
.growth-work-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:39px;
  padding:.58rem 1rem;
  border-radius:99px;
  font-size:.72rem;
  font-weight:800;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.growth-primary-link{
  color:#111 !important;
  background:var(--growth-gold);
}
.growth-primary-link:hover{ color:#111 !important; background:#ffe05b; transform:translateY(-2px); }
.growth-work-link{ border:1px solid rgba(255,255,255,.75); color:#fff !important; }
.growth-work-link:hover{ color:var(--growth-gold) !important; border-color:var(--growth-gold); }
.growth-client-proof{ display:flex; align-items:center; gap:.65rem; margin-top:1rem; }
.growth-avatar-stack{ display:flex; padding-left:3px; }
.growth-avatar-stack span{
  display:grid;
  width:29px;
  height:29px;
  margin-left:-3px;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  color:#152323;
  background:linear-gradient(145deg,#ffd4ae,#f1f2e9 54%,#4c8079);
  font-size:.78rem;
}
.growth-client-proof p{ margin-bottom:0; color:#e1e8e5; font-size:.62rem; line-height:1.55; }
.growth-client-proof strong{ color:#fff; font-size:.68rem; }
.growth-trusted-bar{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.35rem;
  width:min(1000px, calc(100% - 2rem));
  height:80px;
  box-sizing:border-box;
  margin:-40px auto;
  padding:.45rem 1.15rem;
  border:1px solid rgba(16,33,22,.08);
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.trusted-label{
  flex:0 0 auto;
  margin:0;
  color:#171d1a;
  font-size:.61rem;
  font-weight:800;
  white-space:nowrap;
}
.trusted-label span{ display:inline; margin:0; color:inherit; font-size:inherit; font-weight:inherit; }
.trusted-logos{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(.55rem, 1.2vw, 1rem);
  flex:1 1 auto;
}
.trusted-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  color:#333b37;
  font-family:Arial, sans-serif;
  font-size:clamp(.62rem, .85vw, .78rem);
  font-weight:700;
  white-space:nowrap;
}
.trusted-google{ font-size:.9rem; font-weight:600; letter-spacing:-.06em; }
.google-rest{ color:#4285f4; }
.google-rest i,
.google-rest b,
.google-rest em,
.google-rest strong{ font:inherit; }
.google-rest i:first-child{ color:#ea4335; }
.google-rest b{ color:#fbbc05; }
.google-rest em{ color:#4285f4; }
.google-rest i:last-of-type{ color:#34a853; }
.google-rest strong{ color:#ea4335; }
.google-g{
  background:conic-gradient(from -45deg, #4285f4 0 25%, #34a853 25% 48%, #fbbc05 48% 70%, #ea4335 70% 84%, #4285f4 84%);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  font-size:1.2rem;
  font-weight:800;
}
.trusted-meta{ color:#242c38; font-size:.84rem; font-weight:600; }
.meta-mark{ color:#0866ff; font-size:1.3rem; font-weight:500; line-height:.7; }
.trusted-microsoft{ color:#626a66; font-weight:500; }
.microsoft-mark{ display:grid; grid-template-columns:repeat(2, 6px); gap:2px; }
.microsoft-mark i{ display:block; width:6px; height:6px; background:#f25022; }
.microsoft-mark i:nth-child(2){ background:#7fba00; }
.microsoft-mark i:nth-child(3){ background:#00a4ef; }
.microsoft-mark i:nth-child(4){ background:#ffb900; }
.trusted-shopify{ color:#27352b; font-style:italic; font-weight:800; }
.trusted-shopify i{ color:#79a83b; font-size:1.1rem; }
.trusted-wordpress{ color:#40484c; font-family:Georgia, serif; font-weight:600; }
.wordpress-mark{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border:2px solid #40484c;
  border-radius:50%;
  font-family:Georgia, serif;
  font-size:.75rem;
  font-weight:700;
}
.trusted-hubspot{ color:#363b40; }
.hubspot-mark{ position:relative; width:18px; height:18px; }
.hubspot-mark::before,
.hubspot-mark::after,
.hubspot-mark i{
  position:absolute;
  display:block;
  width:6px;
  height:6px;
  border:1.5px solid #ff7a59;
  border-radius:50%;
  content:"";
}
.hubspot-mark::before{ top:1px; left:1px; }
.hubspot-mark::after{ right:0; bottom:1px; }
.hubspot-mark i:first-child{ top:1px; right:0; }
.hubspot-mark i:last-child{ left:1px; bottom:1px; }
.growth-intro-art{ position:relative; max-width:520px; margin:0 auto; }
.growth-intro-art > img{
  width:100%;
  aspect-ratio:720 / 520;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  box-shadow:0 20px 45px rgba(0,0,0,.32);
}
.growth-metric{
  position:absolute;
  display:flex;
  flex-direction:column;
  min-width:130px;
  padding:.65rem .8rem;
  border:1px solid rgba(0,0,0,.04);
  border-radius:10px;
  color:#15202b;
  background:#fff;
  box-shadow:0 9px 25px rgba(0,0,0,.22);
  line-height:1.2;
}
.growth-metric > span{ color:#39424a; font-size:.57rem; font-weight:700; }
.growth-metric > strong{ margin-top:.22rem; color:#121922; font-family:var(--font-display); font-size:1.05rem; }
.growth-metric-traffic{ top:14%; left:1%; }
.growth-metric-leads{ bottom:24%; left:-2%; }
.growth-metric-leads span{ display:flex; align-items:center; gap:.28rem; }
.growth-metric-leads span i{ color:#169557; font-size:.85rem; }
.growth-metric-sales{ top:48%; right:-1%; }
.growth-chart{ display:flex; align-items:flex-end; gap:3px; height:23px; margin-top:.4rem; }
.growth-chart i{ width:10px; border-radius:2px 2px 0 0; background:linear-gradient(#2ec66f,#087a42); }
.growth-chart i:nth-child(1){ height:7px; }
.growth-chart i:nth-child(2){ height:11px; }
.growth-chart i:nth-child(3){ height:9px; }
.growth-chart i:nth-child(4){ height:15px; }
.growth-chart i:nth-child(5){ height:18px; }
.growth-chart i:nth-child(6){ height:23px; }
.growth-art-note{
  position:absolute;
  top:5%;
  right:3%;
  color:#fff;
  font-size:.72rem;
  font-weight:700;
  line-height:1.4;
  text-shadow:0 2px 8px #000;
  transform:rotate(-8deg);
}
.growth-trust{
  position:relative;
  z-index:2;
  width:min(100% - 2rem, 1120px);
  margin:-1.2rem auto 0;
}
.growth-trust img{
  width:100%;
  height:auto;
  border-radius:11px;
  box-shadow:0 9px 24px rgba(10,22,30,.13);
}
.growth-services{
  padding:2.4rem 0 2rem;
  background:linear-gradient(120deg,#fff 20%,#f5f8fa 100%);
}
.growth-services-layout{
  display:grid;
  grid-template-columns:minmax(220px,.92fr) minmax(0,1.8fr);
  align-items:center;
  gap:2rem;
}
.growth-section-kicker{
  margin-bottom:.55rem;
  color:#125642;
  font-size:.66rem;
}
.growth-section-kicker i{ color:#e0ac00; }
.growth-services-intro h2{
  margin:0 0 .65rem;
  color:#111622;
  font-size:clamp(1.5rem,2.7vw,2rem);
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.04em;
}
.growth-services-intro h2 span{ color:var(--growth-green); }
.growth-services-intro p{
  margin-bottom:.8rem;
  color:#414957;
  font-size:.72rem;
  line-height:1.6;
}
.growth-services-intro .growth-primary-link{ min-height:34px; padding:.45rem .85rem; font-size:.65rem; }
.growth-service-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.45rem;
}
.growth-service-card{
  display:flex;
  min-height:137px;
  flex-direction:column;
  align-items:flex-start;
  padding:.7rem;
  border:1px solid rgba(21,46,74,.04);
  border-radius:13px;
  color:#111622 !important;
  background:linear-gradient(145deg,#fff,#f1f6f9);
  box-shadow:0 7px 18px rgba(37,68,95,.045);
  transition:transform .2s ease,box-shadow .2s ease;
}
.growth-service-card:hover{ transform:translateY(-3px); box-shadow:0 10px 22px rgba(37,68,95,.13); }
.growth-service-icon{
  display:grid;
  width:32px;
  height:32px;
  margin-bottom:.45rem;
  place-items:center;
  border-radius:50%;
  font-size:1rem;
}
.growth-icon-green{ color:#0c7444; background:#d8f6e6; }
.growth-icon-blue{ color:#2770cf; background:#e1ecff; }
.growth-icon-pink{ color:#dc367a; background:#ffe4ef; }
.growth-icon-cyan{ color:#166c92; background:#daf3fa; }
.growth-icon-violet{ color:#5544a8; background:#ece8ff; }
.growth-icon-orange{ color:#e77814; background:#ffead3; }
.growth-service-card > strong{ margin-bottom:.2rem; font-size:.65rem; font-weight:800; line-height:1.25; }
.growth-service-card > span:not(.growth-service-icon){ color:#4e5662; font-size:.56rem; line-height:1.35; }
.growth-service-arrow{ margin-top:auto; padding-top:.35rem; color:#566371; font-size:.85rem; }
.growth-why{
  position:relative;
  overflow:hidden;
  padding:4rem 0;
  color:#fff;
  background:
    radial-gradient(ellipse at 12% 90%,rgba(15,112,88,.24),transparent 36%),
    radial-gradient(ellipse at 88% 12%,rgba(17,92,115,.36),transparent 38%),
    linear-gradient(110deg,#061d1b,#031718 58%,#07161d);
}
.growth-why::before,
.growth-why::after{
  position:absolute;
  width:360px;
  height:360px;
  border:1px solid rgba(255,202,5,.12);
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.growth-why::before{ top:-260px; left:-180px; box-shadow:0 0 0 22px rgba(255,202,5,.025),0 0 0 48px rgba(255,202,5,.02); }
.growth-why::after{ right:-260px; bottom:-280px; }
.growth-why .container{ position:relative; z-index:1; }
.growth-performance-card{
  position:relative;
  max-width:490px;
  margin:0 auto;
  padding:1.25rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:
    radial-gradient(ellipse at 82% 5%,rgba(255,202,5,.12),transparent 40%),
    linear-gradient(145deg,rgba(20,54,50,.96),rgba(6,28,29,.96));
  box-shadow:0 28px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);
}
.growth-performance-header,
.growth-performance-summary,
.growth-performance-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.growth-performance-header{
  padding-bottom:.9rem;
  border-bottom:1px solid rgba(255,255,255,.1);
  color:#c0ceca;
  font-size:.61rem;
  font-weight:700;
  letter-spacing:.1em;
}
.growth-performance-header span{ display:flex; align-items:center; gap:.45rem; }
.growth-performance-header span i{ color:#37d18b; font-size:.42rem; }
.growth-performance-header > i{ color:#99aaa4; font-size:1rem; }
.growth-performance-summary{ padding:1.25rem 0 1.1rem; }
.growth-performance-summary > div{ display:flex; flex-direction:column; gap:.15rem; }
.growth-performance-summary > div span{ color:#aebfba; font-size:.67rem; }
.growth-performance-summary > div strong{ color:#fff; font-family:var(--font-display); font-size:1.4rem; }
.growth-performance-trend{
  padding:.4rem .55rem;
  border:1px solid rgba(58,218,148,.23);
  border-radius:99px;
  color:#74e7ae;
  background:rgba(58,218,148,.09);
  font-size:.57rem;
  font-weight:800;
  letter-spacing:.06em;
}
.growth-performance-chart{
  position:relative;
  height:185px;
  padding:1rem .2rem 1.8rem 3.7rem;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.055) 0 1px,transparent 1px 36px);
}
.growth-chart-axis{
  position:absolute;
  inset:.35rem auto 2rem .55rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#80958e;
  font-size:.48rem;
  font-weight:700;
  letter-spacing:.04em;
}
.growth-chart-bars{
  display:flex;
  height:100%;
  align-items:flex-end;
  justify-content:space-around;
  gap:.35rem;
}
.growth-chart-bars i{
  flex:1;
  max-width:25px;
  min-height:16px;
  border:1px solid rgba(255,202,5,.55);
  border-bottom:0;
  border-radius:4px 4px 0 0;
  background:linear-gradient(180deg,rgba(255,202,5,.95),rgba(255,202,5,.13));
  box-shadow:0 0 15px rgba(255,202,5,.12);
}
.growth-chart-bars i:nth-child(1){ height:17%; }
.growth-chart-bars i:nth-child(2){ height:24%; }
.growth-chart-bars i:nth-child(3){ height:22%; }
.growth-chart-bars i:nth-child(4){ height:37%; }
.growth-chart-bars i:nth-child(5){ height:33%; }
.growth-chart-bars i:nth-child(6){ height:48%; }
.growth-chart-bars i:nth-child(7){ height:45%; }
.growth-chart-bars i:nth-child(8){ height:59%; }
.growth-chart-bars i:nth-child(9){ height:56%; }
.growth-chart-bars i:nth-child(10){ height:73%; }
.growth-chart-bars i:nth-child(11){ height:69%; }
.growth-chart-bars i:nth-child(12){ height:94%; }
.growth-chart-baseline{ position:absolute; right:.6rem; bottom:1.65rem; left:3.6rem; border-top:1px solid rgba(255,255,255,.2); }
.growth-performance-footer{ gap:.3rem; padding:1rem .15rem .2rem; }
.growth-performance-footer span{ display:flex; align-items:center; gap:.3rem; color:#dbe7e1; font-size:.57rem; font-weight:700; white-space:nowrap; }
.growth-performance-footer span i{ color:#39d28e; }
.growth-performance-footer > i{ color:#758d84; font-size:.7rem; }
.growth-performance-badge{
  position:absolute;
  right:-.7rem;
  bottom:5.8rem;
  display:flex;
  align-items:center;
  gap:.4rem;
  padding:.65rem .8rem;
  border:1px solid rgba(0,0,0,.08);
  border-radius:10px;
  color:#17211e;
  background:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
  font-size:.65rem;
  font-weight:800;
}
.growth-performance-badge i{ color:#dca900; font-size:.9rem; }
.growth-why-kicker{ margin-bottom:.6rem; color:var(--growth-gold); }
.growth-why h2{
  margin:0 0 .65rem;
  color:#fff;
  font-size:clamp(1.9rem,3.5vw,2.8rem);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.04em;
}
.growth-why h2 span{ color:var(--growth-gold); }
.growth-why-description{ max-width:600px; margin-bottom:1.1rem; color:#c7d5d5; font-size:.84rem; line-height:1.65; }
.growth-reasons{ display:grid; gap:.55rem; margin-bottom:1.15rem; }
.growth-reasons > div{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.6rem .75rem;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}
.growth-reason-icon{
  display:grid;
  width:36px;
  height:36px;
  flex:0 0 36px;
  place-items:center;
  border-radius:10px;
  color:var(--growth-gold);
  background:rgba(255,202,5,.12);
  font-size:1rem;
}
.growth-reasons > div > span:last-child{ display:flex; flex-direction:column; gap:.12rem; }
.growth-reasons strong{ color:#fff; font-size:.72rem; }
.growth-reasons small{ color:#aebfba; font-size:.62rem; line-height:1.4; }
.growth-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.4rem;
  margin-bottom:1rem;
}
.growth-proof-grid > div{
  display:flex;
  min-height:72px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;
  background:rgba(255,255,255,.055);
  text-align:center;
}
.growth-proof-grid i{ margin-bottom:.13rem; color:var(--growth-gold); font-size:.9rem; }
.growth-proof-grid strong{ color:#fff; font-family:var(--font-display); font-size:.86rem; line-height:1.2; }
.growth-proof-grid span{ color:#c8d2d0; font-size:.53rem; }
.growth-why .growth-primary-link{ min-height:39px; padding:.58rem 1rem; font-size:.72rem; }
@media (max-width:991.98px){
  .growth-services-layout{ grid-template-columns:1fr; gap:1.2rem; }
  .growth-services-intro{ max-width:650px; }
  .growth-service-card{ min-height:130px; }
  .growth-performance-card{ max-width:520px; margin:0 auto 1rem; }
}
@media (max-width:575.98px){
  .growth-intro{ padding:2rem 0 0; }
  .growth-intro-copy{ text-align:center; }
  .growth-kicker{ font-size:.57rem; }
  .growth-intro h1{ margin:.75rem auto .65rem; font-size:2.25rem; }
  .growth-intro-copy > p{ margin-right:auto; margin-left:auto; font-size:.82rem; }
  .growth-intro-actions,.growth-client-proof{ justify-content:center; }
  .growth-intro-art{ width:calc(100% - 1.2rem); margin-top:.5rem; }
  .growth-metric{ min-width:102px; padding:.5rem .58rem; }
  .growth-metric > span{ font-size:.48rem; }
  .growth-metric > strong{ font-size:.88rem; }
  .growth-metric-leads{ left:-3%; }
  .growth-art-note{ font-size:.58rem; }
  .growth-services{ padding:2rem 0 1.6rem; }
  .growth-services-intro{ text-align:center; }
  .growth-service-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; }
  .growth-service-card{ min-height:135px; padding:.65rem; }
  .growth-why{ padding:1.7rem 0 2rem; }
  .growth-performance-card{ padding:.9rem; border-radius:16px; }
  .growth-performance-chart{ height:150px; }
  .growth-performance-badge{ right:-.35rem; bottom:5.4rem; padding:.55rem .6rem; }
  .growth-reasons strong{ font-size:.67rem; }
  .growth-reasons small{ font-size:.57rem; }
  .growth-proof-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767.98px){
  .growth-trusted-bar{
    display:grid;
    grid-template-rows:auto 1fr;
    gap:.4rem;
    height:88px;
    margin-top:-44px;
    margin-bottom:-44px;
    padding:.55rem .75rem;
  }
  .trusted-label{ text-align:center; }
  .trusted-logos{ justify-content:center; flex-wrap:wrap; gap:.35rem .8rem; }
}
@media (max-width:479.98px){
  .growth-trusted-bar{
    height:92px;
    margin-top:-46px;
    margin-bottom:-46px;
    gap:.3rem;
    padding:.5rem .45rem;
  }
  .trusted-label{ font-size:.54rem; }
  .trusted-logos{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); width:100%; gap:.4rem .15rem; }
  .trusted-logo{ font-size:.58rem; }
  .trusted-google{ font-size:.7rem; }
  .meta-mark{ font-size:1.05rem; }
  .microsoft-mark{ grid-template-columns:repeat(2, 5px); }
  .microsoft-mark i{ width:5px; height:5px; }
  .wordpress-mark{ width:18px; height:18px; font-size:.65rem; }
}
@media (prefers-reduced-motion:reduce){
  .growth-primary-link,.growth-work-link,.growth-service-card{ transition:none; }
}
.hex-step:hover .hex-icon{ background:var(--gold); color:#12220f; transform:scale(1.08); }
.hex-num{
  display:block; font-family:var(--font-display); font-weight:800;
  font-size:.72rem; color:var(--text-muted); margin-bottom:.3rem; letter-spacing:1px;
}
.hex-step h6{ font-size:.95rem; font-weight:700; margin-bottom:.4rem; }
.hex-step p{ font-size:.78rem; margin-bottom:0; }
.process-bulb{
  position:absolute; right:4%; bottom:6%;
  font-size:8rem; color:rgba(245,197,24,.12);
  animation:bulbGlow 2.6s ease-in-out infinite alternate;
  pointer-events:none;
  display:none;
}
@media (min-width:1200px){ .process-bulb{ display:block; } }

/* ---------- Testimonials ---------- */
.testimonials-section{ background:var(--bg-darker); padding:5.5rem 0; }
.testimonial-card{
  background:var(--panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:2rem;
  height:100%;
  transition:var(--transition);
  position:relative;
}
.testimonial-card:hover{ transform:translateY(-6px); border-color:var(--gold); box-shadow:0 16px 30px rgba(0,0,0,.35); }
.quote-ico{ font-size:2.2rem; color:var(--gold); opacity:.7; margin-bottom:.6rem; display:block; }
.testimonial-card p{ font-size:.92rem; margin-bottom:1.5rem; }
.testimonial-author{ display:flex; align-items:center; gap:.8rem; }
.testimonial-author img{ width:44px; height:44px; border-radius:50%; object-fit:cover; border:2px solid var(--gold); }
.testimonial-author strong{ display:block; font-size:.92rem; }
.testimonial-author small{ color:var(--text-muted); font-size:.78rem; }

/* ---------- CTA plane icon variant ---------- */
.cta-plane{ transform:rotate(-20deg); }

/* ---------- Responsive tweaks ---------- */
@media (max-width:767.98px){
  .hero-frame-accent{ display:none; }
  .hex-badge{ width:96px; height:96px; right:-6px; bottom:-6px; }
  .hex-badge strong{ font-size:1.3rem; }
  .est-card{ position:static; margin-top:1rem; }
  .dot-pattern{ display:none; }
}

/* =========================================================
   WEBNEXA CONTACT PAGE STYLES
   ========================================================= */

.contact-hero{
  position:relative;
  overflow:hidden;
  padding:5rem 0 3.5rem;
  background:radial-gradient(circle at 15% 20%, rgba(245,197,24,.14), transparent 18%),
    radial-gradient(circle at 85% 10%, rgba(0,255,208,.08), transparent 20%),
    linear-gradient(180deg, rgba(6,18,12,1) 0%, rgba(4,12,8,1) 100%);
}
.contact-hero-fx{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.blob{ position:absolute; border-radius:50%; filter:blur(100px); opacity:.35; }
.blob-1{ width:420px; height:420px; background:rgba(245,197,24,.16); top:-120px; right:-120px; animation:blobFloat 14s ease-in-out infinite; }
.blob-2{ width:320px; height:320px; background:rgba(0,255,209,.1); bottom:-80px; left:-100px; animation:blobFloat 16s ease-in-out infinite reverse; }
@keyframes blobFloat{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(20px,-20px) scale(1.05); } }

.contact-hero .hero-title{ font-size:clamp(2.8rem, 5vw, 4.8rem); line-height:1.02; margin-bottom:1.3rem; }
.contact-hero .hero-sub{ max-width:520px; font-size:1.05rem; color:rgba(244,247,244,.86); margin-bottom:2rem; }

.perk-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.perk-item{ display:flex; align-items:center; gap:.85rem; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:1rem 1.2rem; transition:transform .35s ease, border-color .35s ease; }
.perk-item:hover{ transform:translateY(-3px); border-color:rgba(245,197,24,.3); }
.perk-icon{ width:40px; height:40px; display:grid; place-items:center; border-radius:14px; background:rgba(245,197,24,.18); color:var(--gold); font-size:1.1rem; }

.contact-hero-art{ position:relative; min-height:540px; display:grid; place-items:center; }
.envelope-img{ max-width:90%; border-radius:2rem; box-shadow:0 40px 90px rgba(0,0,0,.35); }
.paper-plane{ position:absolute; top:10%; right:15%; width:110px; animation:planeFly 5s ease-in-out infinite; }
@keyframes planeFly{ 0%,100%{ transform:translate(0,0) rotate(5deg); } 50%{ transform:translate(-16px,10px) rotate(-4deg); } }
.orbit-icon{ position:absolute; width:72px; height:72px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color:var(--gold); box-shadow:0 18px 40px rgba(0,0,0,.18); }
.oi-1{ top:12%; left:10%; animation:floatBubble 6s ease-in-out infinite; }
.oi-2{ top:46%; right:14%; animation:floatBubble 7s ease-in-out infinite .3s; }
.oi-3{ bottom:18%; left:12%; animation:floatBubble 5.5s ease-in-out infinite .7s; }
@keyframes floatBubble{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } }

.form-section{
  position:relative;
  overflow:hidden;
  padding:4.5rem 0;
  background:radial-gradient(ellipse at 4% 10%, rgba(245,197,24,.07), transparent 36%), #081a11;
}
.form-section::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(245,197,24,.25), transparent);
}
.form-section > .container{ position:relative; z-index:1; }
.form-panel{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(300px, .85fr);
  gap:1.25rem;
  align-items:stretch;
}
.form-col,
.info-col{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:26px;
  padding:clamp(1.5rem, 3vw, 2.5rem);
  background:linear-gradient(145deg, rgba(18,43,30,.94), rgba(10,27,19,.96));
  box-shadow:0 24px 55px rgba(0,0,0,.2);
}
.form-col::before,
.info-col::before{
  content:"";
  position:absolute;
  top:0;
  left:2rem;
  right:2rem;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(245,197,24,.38), transparent);
}
.form-col > *,
.info-col > *{ position:relative; z-index:1; }
.contact-form-kicker{
  display:block;
  margin-bottom:.65rem;
  color:var(--gold);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.15em;
}
.panel-title{
  font-size:clamp(1.6rem, 2.2vw, 2rem);
  font-weight:800;
  letter-spacing:-.04em;
  margin-bottom:.75rem;
}
.contact-form-intro,
.contact-info-intro{
  color:var(--text-muted);
  font-size:.92rem;
  line-height:1.75;
  margin:0 0 1.6rem;
}
.form-field{ position:relative; margin-bottom:1rem; }
.form-field i{ position:absolute; top:50%; left:1rem; transform:translateY(-50%); color:var(--gold); font-size:1rem; }
.form-field input,
.form-field select,
.form-field textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(4,16,10,.42);
  color:var(--text-light);
  padding:1rem 1rem 1rem 3rem;
  transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);
  outline:none;
}
.form-field input::placeholder,
.form-field textarea::placeholder{ color:rgba(226,235,229,.52); }
.form-field select{ appearance:auto; }
.form-field select option{ background:#0d2619; color:var(--text-light); }
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{
  border-color:rgba(245,197,24,.52);
  background:rgba(4,16,10,.62);
  box-shadow:0 0 0 3px rgba(245,197,24,.1);
}
.form-field textarea{ min-height:145px; resize:vertical; }
.form-field-textarea textarea{ padding-top:1.4rem; }
.form-success{ display:none; color:var(--gold); font-weight:700; margin-top:1rem; }
.form-success.visible{ display:block; }

.connector{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.25rem; }
.connector-line{ width:2px; flex:1 1 auto; background:linear-gradient(to bottom, rgba(245,197,24,0), rgba(245,197,24,.75), rgba(245,197,24,0)); }
.help-badge{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.65rem; text-align:center; padding:1rem 1.15rem; border-radius:28px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); color:var(--text-light); font-weight:700; }
.help-badge i{ font-size:1.5rem; color:var(--gold); }

.info-col{ display:flex; flex-direction:column; gap:1.15rem; }
.info-col .panel-title{ margin-bottom:0; }
.contact-info-intro{ margin-bottom:.3rem; }
.info-list{ display:grid; gap:.8rem; }
.info-list li{ display:flex; gap:.9rem; align-items:flex-start; padding:.85rem; border:1px solid rgba(255,255,255,.055); border-radius:16px; background:rgba(255,255,255,.025); }
.info-ico{ flex:0 0 42px; width:42px; height:42px; border-radius:13px; background:rgba(245,197,24,.09); border:1px solid rgba(245,197,24,.17); display:grid; place-items:center; color:var(--gold); font-size:1.05rem; }
.info-list strong{ display:block; font-size:.88rem; font-weight:700; margin-bottom:.2rem; }
.info-list p{ margin:0; color:var(--text-muted); font-size:.86rem; line-height:1.65; }
.info-list a:hover{ color:var(--gold) !important; }
.follow-title{ margin:.2rem 0 .1rem; font-size:.75rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:var(--text-muted); }
.social-row{ display:flex; gap:.85rem; flex-wrap:wrap; }
.social-row a{ width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); color:var(--gold); transition:var(--transition); }
.social-row a:hover{ transform:translateY(-3px); background:rgba(245,197,24,.17); }

.map-col{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1rem; }
.map-col img{ border-radius:2rem; border:1px solid rgba(255,255,255,.08); }
.map-pin{ position:absolute; top:12%; right:12%; width:68px; height:68px; border-radius:50%; background:rgba(245,197,24,.16); display:grid; place-items:center; color:var(--gold); font-size:1.4rem; box-shadow:0 20px 40px rgba(0,0,0,.15); }
.map-card{ position:absolute; bottom:8%; left:8%; background:rgba(7,26,16,.95); border:1px solid rgba(255,255,255,.08); border-radius:22px; padding:1rem 1.2rem; min-width:180px; box-shadow:0 20px 40px rgba(0,0,0,.18); }
.map-card strong{ display:block; margin-bottom:.3rem; }
.map-card span{ color:var(--text-muted); font-size:.88rem; }

.talk-section{
  position:relative;
  overflow:hidden;
  padding:4.5rem 0;
  background:linear-gradient(180deg, #081a11, #07150e);
}
.talk-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 12% 50%, rgba(245,197,24,.07), transparent 34%);
  pointer-events:none;
}
.talk-section > .container{ position:relative; z-index:1; }
.talk-panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 280px;
  gap:2rem;
  padding:2.5rem;
  overflow:hidden;
  border:1px solid rgba(245,197,24,.14);
  border-radius:28px;
  background:linear-gradient(145deg, rgba(16,42,28,.96), rgba(8,25,16,.98));
  box-shadow:0 26px 60px rgba(0,0,0,.22);
}
.talk-panel::before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  left:-190px;
  bottom:-190px;
  border:1px solid rgba(245,197,24,.1);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(245,197,24,.018), 0 0 0 56px rgba(245,197,24,.012);
  pointer-events:none;
}
.talk-content,
.talk-action{ position:relative; z-index:1; }
.talk-heading{ margin-bottom:1.75rem; }
.talk-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:.8rem;
  color:var(--gold);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.14em;
}
.talk-panel h3{
  margin:0 0 .55rem;
  color:var(--text-light);
  font-size:clamp(1.8rem, 3vw, 2.5rem);
  font-weight:800;
  letter-spacing:-.05em;
}
.talk-sub{ max-width:620px; margin:0; color:var(--text-muted); line-height:1.75; }
.talk-steps{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:.8rem; }
.talk-step{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:180px;
  padding:1.15rem;
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  background:rgba(255,255,255,.025);
  transition:transform var(--transition), border-color var(--transition), background var(--transition);
}
.talk-step:hover{
  transform:translateY(-4px);
  border-color:rgba(245,197,24,.28);
  background:rgba(245,197,24,.035);
}
.talk-step-number{
  position:absolute;
  top:1rem;
  right:1rem;
  color:rgba(244,247,244,.36);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.1em;
}
.talk-ico{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-bottom:1rem;
  border:1px solid rgba(245,197,24,.2);
  border-radius:14px;
  background:rgba(245,197,24,.09);
  color:var(--gold);
  font-size:1.15rem;
}
.talk-step strong{ margin-bottom:.35rem; color:var(--text-light); font-size:.93rem; }
.talk-step p{ margin:0; color:var(--text-muted); font-size:.82rem; line-height:1.6; }
.talk-action{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:1.5rem;
  border:1px solid rgba(245,197,24,.18);
  border-radius:22px;
  background:linear-gradient(160deg, rgba(245,197,24,.09), rgba(255,255,255,.025));
}
.talk-action-icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin-bottom:1.2rem;
  border-radius:17px;
  background:var(--gold);
  color:#102116;
  font-size:1.35rem;
}
.talk-action-label{
  color:var(--gold);
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1.5;
}
.talk-action p{ margin:1rem 0 1.25rem; color:var(--text-light); font-size:.95rem; line-height:1.7; }
.talk-action-link{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  width:100%;
  padding:.8rem 1rem;
  border:1px solid rgba(245,197,24,.32);
  border-radius:12px;
  color:var(--gold);
  font-size:.88rem;
  font-weight:800;
  transition:background var(--transition), color var(--transition), border-color var(--transition);
}
.talk-action-link:hover{ background:var(--gold); border-color:var(--gold); color:#102116; }
.talk-arrow{ display:none; }
.talk-art{ max-width:240px; }

.help-section{ padding:4.5rem 0; }
.help-card, .why-reach-card{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:28px; padding:2.4rem; backdrop-filter:blur(12px); }
.help-card h3, .why-reach-card h3{ font-size:1.7rem; margin-bottom:1.5rem; }
.quick-help-item{ display:block; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.08); border-radius:24px; padding:1.4rem; transition:var(--transition); }
.quick-help-item:hover{ transform:translateY(-4px); border-color:rgba(245,197,24,.3); }
.qh-ico{ width:44px; height:44px; display:grid; place-items:center; border-radius:16px; background:rgba(245,197,24,.16); color:var(--gold); font-size:1.2rem; margin-bottom:1rem; }
.quick-help-item strong{ display:block; margin-bottom:.4rem; font-size:1rem; }
.quick-help-item p{ color:rgba(244,247,244,.78); font-size:.92rem; margin:0; }
.check-list{ display:grid; gap:1rem; }
.check-list li{ display:flex; align-items:flex-start; gap:.8rem; color:rgba(244,247,244,.88); font-weight:600; }
.check-list i{ color:var(--gold); margin-top:.2rem; }
.headset-art{ position:relative; margin-top:2.5rem; }
.headset-art img{ border-radius:26px; box-shadow:0 40px 90px rgba(0,0,0,.32); }
.chat-bubble{ position:absolute; bottom:18%; right:12%; width:70px; height:70px; border-radius:24px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); display:grid; place-items:center; color:var(--gold); font-size:1.3rem; }

.site-footer{ padding:3rem 0 1.5rem; }
.footer-bottom-split{ display:flex; justify-content:space-between; align-items:center; gap:1rem; color:var(--text-muted); font-size:.82rem; margin-top:1.8rem; }
.made-with i{ color:var(--gold); margin:0 .35rem; }

@media (max-width:991.98px){
  .footer-main{ grid-template-columns:1fr 1fr; gap:2.5rem; padding-bottom:2rem; }
  .footer-brand-column{ grid-column:1 / -1; }
  .footer-nav-grid{ gap:1.25rem; }
  .form-panel{ grid-template-columns:1fr; }
  .map-col{ order:-1; }
  .talk-panel{ grid-template-columns:1fr; }
  .talk-action{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; column-gap:1rem; padding:1.15rem; }
  .talk-action-icon{ grid-row:1 / span 2; margin:0; }
  .talk-action-label{ grid-column:2; }
  .talk-action p{ grid-column:2; margin:.3rem 0 0; }
  .talk-action-link{ grid-column:3; grid-row:1 / span 2; width:auto; }
  .talk-steps{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .talk-arrow{ display:none; }
}

@media (max-width:767.98px){
  .footer-main{ grid-template-columns:1fr; gap:2rem; }
  .footer-brand-column{ grid-column:auto; width:100%; }
  .footer-nav-grid{ gap:1rem; }
  .footer-contact-card{ max-width:none; }
  .footer-bottom{ grid-template-columns:1fr; gap:.55rem; }
  .analytics-disclosure{ grid-column:auto; }
  .talk-section{ padding:3.2rem 0; }
  .talk-panel{ gap:1.4rem; padding:1.4rem; border-radius:22px; }
  .talk-steps{ grid-template-columns:1fr; }
  .talk-step{ min-height:0; display:grid; grid-template-columns:44px 1fr; column-gap:.85rem; padding:1rem; }
  .talk-ico{ grid-row:1 / span 2; margin:0; }
  .talk-step strong{ align-self:end; padding-right:2rem; }
  .talk-step p{ grid-column:2; }
  .talk-action{ display:flex; align-items:flex-start; gap:.8rem; }
  .talk-action-icon{ margin:0; }
  .talk-action p{ margin:.1rem 0 .25rem; }
  .talk-action-link{ width:100%; }
  .contact-hero{ padding:3rem 0 2.5rem; }
  .contact-hero .hero-title{ font-size:2.6rem; }
  .perk-row{ grid-template-columns:1fr; }
  .contact-hero-art{ min-height:360px; }
  .paper-plane{ width:80px; top:4%; right:6%; }
  .map-card{ left:5%; right:auto; bottom:10%; }
  .footer-bottom-split{ flex-direction:column; align-items:flex-start; }
}

@media (max-width:575.98px){
  .hero-sub{ font-size:.98rem; }
  .form-col, .info-col, .map-col, .talk-panel, .help-card, .why-reach-card{ padding:1.5rem; border-radius:22px; }
  .panel-title{ font-size:1.4rem; }
  .talk-art{ display:none; }
  .talk-heading{ margin-bottom:1.2rem; }
  .talk-action{ padding:1.15rem; }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}

.navbar{ padding:.7rem 0; }

.navbar-brand{
  display:flex; align-items:center; gap:.6rem;
}

.brand-text{
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.15rem;
  letter-spacing:.5px;
  color:var(--text-light);
  line-height:1.1;
  display:flex; flex-direction:column;
}

.brand-text small{
  font-family:var(--font-body);
  font-weight:600;
  font-size:.55rem;
  letter-spacing:1.5px;
  color:var(--gold);
}

.main-menu{ gap:.35rem; }

.main-menu .nav-link{
  color:var(--text-light);
  font-weight:600;
  font-size:.92rem;
  padding:.5rem .9rem !important;
  border-radius:8px;
  position:relative;
  transition:var(--transition);
}

.main-menu .nav-link:hover,
.main-menu .nav-link.active{ color:var(--gold); }

.main-menu .nav-link.active::after{
  content:"";
  position:absolute; left:.9rem; right:.9rem; bottom:.2rem;
  height:2px; background:var(--gold); border-radius:2px;
}

.nav-actions{ display:flex; align-items:center; gap:1rem; margin-left:1rem; }

.phone-pill{
  display:flex; align-items:center; gap:.5rem;
  border:1px solid var(--border-soft);
  border-radius:50px; padding:.55rem 1.1rem;
  font-weight:600; font-size:.85rem;
  transition:var(--transition);
}

.phone-pill:hover{ border-color:var(--gold); color:var(--gold); }

.navbar-toggler{ border:1px solid var(--border-soft); color:var(--gold); font-size:1.5rem; line-height:1; }

.navbar-toggler:focus{ box-shadow:none; }

.trusted-row{ max-width:520px; }

.brand-track{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}

.brand-track-inner{
  display:flex; gap:2.2rem; width:max-content;
  animation:scrollBrands 18s linear infinite;
}

.brand-track-inner span{
  display:flex; align-items:center; gap:.5rem;
  color:var(--text-muted); font-weight:600; font-size:.95rem;
  white-space:nowrap;
}

.brand-track-inner i{ color:var(--gold); font-size:1.1rem; }

.path-line{ position:absolute; top:-10px; left:0; width:100%; height:160px; z-index:0; }

.faq-section .accordion{ border:none; }

.faq-section .accordion-item{ background:var(--panel); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-lg); margin-bottom:1rem; overflow:hidden; }

.faq-section .accordion-button{
  background:transparent; color:var(--text-light);
  font-weight:700; font-size:1rem; padding:1.2rem 1.3rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.faq-section .accordion-button:not(.collapsed){ background:rgba(245,197,24,.08); color:var(--gold); }

.faq-section .accordion-button::after{ filter:invert(1); }

.faq-section .accordion-body{ color:var(--text-muted); background:rgba(0,0,0,.03); padding:1.5rem 1.3rem 1.8rem; }

.faq-section .accordion-body p{ margin-bottom:0; }

.cta-section{ padding-bottom:5.5rem; }

.modal-header{
  border-bottom:1px solid rgba(255,255,255,.08);
}

.modal-title{
  font-size:1.35rem;
  font-weight:800;
}

.modal-footer{
  border-top:1px solid rgba(255,255,255,.08);
}

.site-footer hr{ border-color:var(--border-soft); margin:2.5rem 0 1.4rem; opacity:1; }

.form-col, .info-col, .map-col{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:28px; padding:2rem; backdrop-filter:blur(12px); }

@media(max-width:991.98px) {
  .navbar-collapse{
    background:var(--panel);
    margin-top:1rem; padding:1.2rem; border-radius:var(--radius-md);
    border:1px solid var(--border-soft);
  }

  .main-menu{ text-align:center; margin-bottom:1rem; }

  .nav-actions{ flex-direction:column; margin-left:0; align-items:stretch; }

  .phone-pill, .nav-actions .btn-quote{ justify-content:center; }

  .hero-feature-row{ grid-template-columns:1fr 1fr; }
}

@media(max-width:767.98px) {
  .service-card{ min-height:240px; }

  .hero-feature-row{ grid-template-columns:1fr; }

  .hero-cta{ flex-direction:column; }
}

@media(prefers-reduced-motion:reduce) {
  .trusted-row{ margin:0 auto; }
}

#about.growth-why{
  padding:clamp(4.5rem,8vw,7.5rem) 0;
  background:
    radial-gradient(ellipse at 12% 86%,rgba(41,129,91,.2),transparent 36%),
    radial-gradient(ellipse at 88% 10%,rgba(22,105,107,.18),transparent 32%),
    linear-gradient(125deg,#061912,#081e19 54%,#09231d);
}
#about.growth-why::before{ top:-260px; left:-180px; border-color:rgba(245,197,24,.12); }
#about.growth-why::after{ right:-260px; bottom:-280px; border-color:rgba(127,224,170,.14); }
#about .growth-about-intro{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr);
  align-items:end;
  gap:2.5rem;
  margin-bottom:3rem;
}
#about .growth-why-kicker{
  margin-bottom:1rem;
  padding:.52rem .78rem;
  border:1px solid rgba(127,224,170,.24);
  border-radius:999px;
  background:rgba(127,224,170,.07);
  color:#a1e9bd;
  font-size:.65rem;
  letter-spacing:.1em;
}
#about .growth-why h2{
  margin:0;
  font-size:clamp(2.3rem,5vw,4.2rem);
  line-height:1.04;
  letter-spacing:-.055em;
}
#about .growth-why h2 span{ color:#a1e9bd; }
#about .growth-about-intro .growth-why-description{
  max-width:410px;
  margin:0 0 .25rem auto;
  color:#c1d0c9;
  font-size:.96rem;
  line-height:1.8;
}
#about .growth-about-content{ align-items:stretch !important; }
#about .growth-performance-card{
  display:flex;
  min-height:100%;
  flex-direction:column;
  justify-content:center;
  max-width:none;
  margin:0;
  padding:clamp(1.25rem,3vw,2rem);
  border-color:rgba(168,226,192,.18);
  border-radius:24px;
  background:
    radial-gradient(ellipse at 82% 4%,rgba(127,224,170,.13),transparent 42%),
    linear-gradient(145deg,#102f26,#091d18 72%);
  box-shadow:0 28px 65px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.07);
}
#about .growth-performance-header{
  padding-bottom:1rem;
  color:#b7c9c0;
  font-size:.64rem;
  letter-spacing:.09em;
}
#about .growth-performance-header > span:first-child{ display:flex; align-items:center; gap:.5rem; }
#about .growth-performance-header > span:first-child i{ color:#9fe5b8; font-size:.55rem; }
#about .growth-performance-live{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  color:#a1e9bd;
  font-size:.57rem;
  letter-spacing:.07em;
}
#about .growth-performance-summary{ padding:1.45rem 0 1.1rem; }
#about .growth-performance-summary > div span{
  color:#aebfb7;
  font-size:.66rem;
  letter-spacing:.09em;
  text-transform:uppercase;
}
#about .growth-performance-summary > div strong{
  color:#f4f7f4;
  font-size:clamp(1.35rem,2.5vw,2rem);
  line-height:1.2;
}
#about .growth-performance-trend{
  padding:.5rem .7rem;
  border-color:rgba(127,224,170,.24);
  background:rgba(127,224,170,.08);
  color:#a1e9bd;
  font-size:.56rem;
  letter-spacing:.06em;
  white-space:nowrap;
}
#about .growth-performance-chart{
  height:190px;
  padding-top:1.1rem;
  border-color:rgba(255,255,255,.08);
  border-radius:15px;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.05) 0 1px,transparent 1px 38px);
}
#about .growth-chart-axis{
  color:#aebfb7;
  font-size:.52rem;
  letter-spacing:.07em;
}
#about .growth-chart-bars{ top:2.7rem; bottom:1rem; }
#about .growth-chart-bars i{
  border:1px solid rgba(161,233,189,.36);
  border-bottom:0;
  background:linear-gradient(180deg,rgba(161,233,189,.82),rgba(245,197,24,.14));
  box-shadow:0 8px 18px rgba(127,224,170,.1);
}
#about .growth-chart-baseline{
  background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(161,233,189,.5),rgba(255,255,255,.02));
}
#about .growth-performance-footer{
  padding:1.15rem .1rem .1rem;
  color:#e5eee9;
  font-size:.66rem;
}
#about .growth-performance-footer i{ color:#9fe5b8; }
#about .growth-performance-badge{
  position:static;
  align-self:flex-start;
  margin-top:1.15rem;
  padding:.55rem .8rem;
  border-color:rgba(245,197,24,.22);
  border-radius:999px;
  background:rgba(245,197,24,.08);
  box-shadow:none;
  color:#ffe07a;
  font-size:.59rem;
  letter-spacing:.07em;
}
#about .growth-performance-badge i{ color:#ffe07a; }
#about .growth-about-details{
  padding:clamp(.4rem,2vw,1.6rem) 0 clamp(.4rem,2vw,1.6rem) clamp(0rem,2vw,1.2rem);
}
#about .growth-about-label{
  display:block;
  margin-bottom:.8rem;
  color:#a1e9bd;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
#about .growth-about-details h3{
  margin:0 0 .8rem;
  color:#f4f7f4;
  font-size:clamp(1.6rem,2.7vw,2.3rem);
  font-weight:800;
  line-height:1.16;
  letter-spacing:-.04em;
}
#about .growth-about-details h3 span{ color:#a1e9bd; }
#about .growth-about-details > p{
  max-width:490px;
  margin:0 0 1.25rem;
  color:#c1d0c9;
  font-size:.86rem;
  line-height:1.75;
}
#about .growth-reasons{ gap:.65rem; margin-bottom:1.3rem; }
#about .growth-reasons > div{
  gap:.8rem;
  padding:.75rem .85rem;
  border-color:rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
#about .growth-reasons > div:hover{
  transform:translateX(3px);
  border-color:rgba(161,233,189,.28);
  background:rgba(127,224,170,.055);
}
#about .growth-reason-icon{
  width:38px;
  height:38px;
  flex-basis:38px;
  border:1px solid rgba(161,233,189,.2);
  border-radius:11px;
  background:rgba(127,224,170,.08);
  color:#a1e9bd;
}
#about .growth-reasons strong{ color:#f4f7f4; font-size:.76rem; }
#about .growth-reasons small{ color:#b7c9c0; font-size:.65rem; }
#about .growth-why .growth-primary-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  min-height:46px;
  padding:.75rem 1.15rem;
  border:1px solid #a1e9bd;
  border-radius:8px;
  background:#a1e9bd;
  box-shadow:0 12px 26px rgba(127,224,170,.13);
  color:#092017;
  font-size:.72rem;
  font-weight:800;
  transition:transform .2s ease,box-shadow .2s ease;
}
#about .growth-why .growth-primary-link:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(127,224,170,.2);
  color:#092017;
}
#about .growth-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:3rem 0 0;
  padding-top:1.5rem;
  border-top:1px solid rgba(255,255,255,.13);
}
#about .growth-proof-grid > div{
  display:grid;
  min-height:0;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  align-content:center;
  justify-content:start;
  column-gap:.6rem;
  row-gap:.1rem;
  padding:.4rem 1.25rem;
  border:0;
  border-right:1px solid rgba(255,255,255,.12);
  border-radius:0;
  background:transparent;
  text-align:left;
}
#about .growth-proof-grid > div:first-child{ padding-left:0; }
#about .growth-proof-grid > div:last-child{ border-right:0; }
#about .growth-proof-grid i{
  grid-row:1 / span 2;
  align-self:center;
  margin:0;
  color:#a1e9bd;
  font-size:1.1rem;
}
#about .growth-proof-grid strong{
  color:#f4f7f4;
  font-size:1.12rem;
}
#about .growth-proof-grid span{ color:#b7c9c0; font-size:.65rem; }
@media(max-width:991.98px){
  #about .growth-about-intro{ grid-template-columns:1fr; gap:.8rem; margin-bottom:2rem; }
  #about .growth-about-intro .growth-why-description{ max-width:620px; margin:0; }
  #about .growth-about-details{ padding:1rem 0 0; }
  #about .growth-proof-grid{ margin-top:2rem; }
}
@media(max-width:575.98px){
  #about.growth-why{ padding:3.5rem 0; }
  #about .growth-about-intro{ margin-bottom:1.3rem; }
  #about .growth-why h2{ font-size:clamp(2rem,9vw,2.7rem); }
  #about .growth-why-kicker{ font-size:.54rem; letter-spacing:.07em; }
  #about .growth-about-content{ row-gap:1.2rem !important; }
  #about .growth-performance-card{ padding:1rem; border-radius:18px; }
  #about .growth-performance-summary{ align-items:flex-start; flex-direction:column; gap:.8rem; }
  #about .growth-performance-summary > div strong{ font-size:1.45rem; }
  #about .growth-performance-trend{ align-self:flex-start; }
  #about .growth-performance-chart{ height:160px; }
  #about .growth-chart-axis{ font-size:.43rem; letter-spacing:.025em; }
  #about .growth-performance-footer{ gap:.35rem; font-size:.56rem; }
  #about .growth-about-details h3{ font-size:1.65rem; }
  #about .growth-proof-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:1rem; margin-top:1.5rem; }
  #about .growth-proof-grid > div{ padding:.3rem .7rem; }
  #about .growth-proof-grid > div:nth-child(odd){ padding-left:0; }
  #about .growth-proof-grid > div:nth-child(even){ border-right:0; }
  #about .growth-proof-grid > div:nth-child(3){ padding-left:0; }
}
@media(prefers-reduced-motion:reduce){
  #about .growth-reasons > div,
  #about .growth-why .growth-primary-link{ transition:none; }
  #about .growth-reasons > div:hover,
  #about .growth-why .growth-primary-link:hover{ transform:none; }
}

#process.process-section{
  padding:clamp(4.5rem,8vw,7rem) 0;
  background:
    radial-gradient(ellipse at 94% 88%,rgba(34,113,82,.18),transparent 34%),
    radial-gradient(ellipse at 4% 4%,rgba(245,197,24,.08),transparent 28%),
    linear-gradient(145deg,#071b13,#0a2419 58%,#071a12);
}
#process.process-section::before{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);
  opacity:.7;
}
#process .container{ position:relative; z-index:1; }
#process .process-intro{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);
  align-items:end;
  gap:2rem;
  margin-bottom:2.6rem;
}
#process .process-heading .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:1rem;
  padding:.5rem .75rem;
  border:1px solid rgba(245,197,24,.23);
  border-radius:999px;
  background:rgba(245,197,24,.06);
  color:#ffe07a;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.11em;
}
#process .process-section .section-title,
#process .section-title{
  margin:0;
  color:#f4f7f4;
  font-size:clamp(2.3rem,4.7vw,4rem);
  line-height:1.04;
  letter-spacing:-.055em;
}
#process .section-title .text-accent{ color:#9de6b8; }
#process .process-summary{ max-width:420px; justify-self:end; }
#process .process-summary p{
  margin:0 0 1rem;
  color:#bfcec5;
  font-size:.9rem;
  line-height:1.8;
}
#process .process-summary-note{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:#9de6b8;
  font-size:.61rem;
  font-weight:800;
  letter-spacing:.09em;
}
#process .process-summary-note i{ color:#f5c518; font-size:.9rem; }
#process .process-path{ position:relative; }
#process .process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
#process .process-step{
  --step-accent:#9de6b8;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-content:start;
  align-items:center;
  gap:.8rem .55rem;
  min-width:0;
  min-height:290px;
  padding:1.25rem 1.15rem 1.1rem;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:linear-gradient(155deg,rgba(18,51,36,.94),rgba(9,31,21,.97));
  box-shadow:0 16px 36px rgba(0,0,0,.16);
  text-align:left;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
#process .process-step:nth-child(2){ --step-accent:#f0cf72; }
#process .process-step:nth-child(3){ --step-accent:#91d9d4; }
#process .process-step:nth-child(4){ --step-accent:#c2b2f5; }
#process .process-step::before{
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--step-accent),transparent 85%);
  content:"";
}
#process .process-step:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--step-accent) 40%,transparent);
  box-shadow:0 23px 40px rgba(0,0,0,.24);
}
#process .process-step-topline{
  display:flex;
  grid-column:1/-1;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  padding-bottom:.75rem;
  border-bottom:1px solid rgba(255,255,255,.09);
}
#process .process-step-topline > span:first-child{
  color:var(--step-accent);
  font-family:var(--font-display);
  font-size:.88rem;
  font-weight:800;
  letter-spacing:.04em;
}
#process .process-step-topline > span:last-child{
  color:#9cafa4;
  font-size:.49rem;
  font-weight:800;
  letter-spacing:.065em;
  text-align:right;
}
#process .step-icon{
  display:grid;
  grid-column:2;
  grid-row:2;
  width:48px;
  height:48px;
  margin:0;
  border:1px solid color-mix(in srgb,var(--step-accent) 30%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--step-accent) 11%,transparent);
  color:var(--step-accent);
  font-size:1.15rem;
  place-items:center;
}
#process .process-step h3{
  grid-column:1;
  grid-row:2;
  margin:0;
  color:#f4f7f4;
  font-family:var(--font-display);
  font-size:1.25rem;
  font-weight:800;
  letter-spacing:-.035em;
}
#process .process-step p{
  grid-column:1/-1;
  align-self:start;
  margin:0;
  color:#b8c9bf;
  font-size:.77rem;
  line-height:1.75;
}
#process .process-step-note{
  display:flex;
  grid-column:1/-1;
  align-items:center;
  gap:.5rem;
  align-self:end;
  margin-top:.45rem;
  padding-top:.8rem;
  border-top:1px solid rgba(255,255,255,.08);
  color:var(--step-accent);
  font-size:.58rem;
  font-weight:700;
}
#process .process-step-note::before{
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  content:"";
}
#process .process-outro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:1.25rem;
  padding:1rem 1.2rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}
#process .process-outro > span{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  color:#bfcec5;
  font-size:.7rem;
}
#process .process-outro > span i{ color:#9de6b8; font-size:.9rem; }
#process .process-outro a{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  flex-shrink:0;
  color:#ffe07a;
  font-size:.7rem;
  font-weight:800;
  transition:color .2s ease;
}
#process .process-outro a:hover{ color:#fff; }
@media(max-width:991.98px){
  #process .process-intro{ grid-template-columns:1fr; gap:.9rem; margin-bottom:1.8rem; }
  #process .process-summary{ justify-self:start; }
  #process .process-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
  #process .process-step{ min-height:245px; }
}
@media(max-width:575.98px){
  #process.process-section{ padding:3.5rem 0; }
  #process .section-title{ font-size:clamp(2rem,9vw,2.7rem); }
  #process .process-summary p{ font-size:.82rem; }
  #process .process-grid{ grid-template-columns:1fr; gap:.7rem; }
  #process .process-step{
    grid-template-columns:minmax(0,1fr) auto;
    min-height:0;
    padding:1rem;
  }
  #process .process-step p{ max-width:35rem; }
  #process .process-step-note{ margin-top:.1rem; }
  #process .process-outro{ align-items:flex-start; flex-direction:column; padding:.9rem 1rem; }
}
@media(prefers-reduced-motion:reduce){
  #process .process-step,
  #process .process-outro a{ transition:none; }
  #process .process-step:hover{ transform:none; }
}
#process.services-process-section .services-process-heading .section-title{
  margin:0 0 1.2rem;
  font-size:clamp(2.3rem,4.2vw,3.7rem);
  line-height:1.04;
}
#process.services-process-section .services-process-heading .section-title .text-accent{
  color:var(--gold);
}
@media(max-width:575.98px){
  #process.services-process-section .services-process-heading .section-title{
    font-size:clamp(2.3rem,11vw,3.2rem);
  }
}

#blog.blog-section{
  position:relative;
  padding:clamp(4.5rem,8vw,7rem) 0;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 95% 12%,rgba(42,128,91,.16),transparent 31%),
    radial-gradient(ellipse at 0 95%,rgba(245,197,24,.07),transparent 30%),
    #071a12;
}
#blog.blog-section::before{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(161,233,189,.28),transparent);
  content:"";
}
#blog .container{ position:relative; z-index:1; }
#blog .blog-header{
  grid-template-columns:minmax(0,1.15fr) minmax(250px,.65fr);
  gap:2.5rem;
  align-items:end;
  margin-bottom:2rem;
}
#blog .blog-intro .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:1rem;
  padding:.5rem .75rem;
  border:1px solid rgba(161,233,189,.2);
  border-radius:999px;
  background:rgba(127,224,170,.06);
  color:#a1e9bd;
  font-size:.61rem;
  font-weight:800;
  letter-spacing:.1em;
}
#blog .blog-intro .section-title{
  color:#f4f7f4;
  font-size:clamp(2.4rem,4.5vw,3.8rem);
  line-height:1.02;
  letter-spacing:-.055em;
}
#blog .blog-intro .text-accent{ color:#a1e9bd; }
#blog .blog-summary{
  gap:1rem;
  padding:0 0 .25rem 1.25rem;
  border:0;
  border-left:1px solid rgba(255,255,255,.15);
  border-radius:0;
  background:none;
  box-shadow:none;
}
#blog .blog-summary p{
  max-width:390px;
  color:#bacbc1;
  font-size:.85rem;
  line-height:1.75;
}
#blog .blog-summary .view-all-link{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:#ffe07a;
  font-size:.7rem;
  font-weight:800;
  transition:gap .2s ease,color .2s ease;
}
#blog .blog-summary .view-all-link:hover{ gap:.7rem; color:#fff; }
#blog .blog-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:1rem;
  margin:0;
}
#blog .blog-grid > [class*="col-"]{
  display:flex;
  width:auto;
  max-width:none;
  min-width:0;
  padding:0;
}
#blog .blog-grid .blog-featured-column{ grid-column:span 6; }
#blog .blog-grid .col-lg-3{ grid-column:span 2; }
#blog .blog-grid-count-3 .col-lg-3{ grid-column:span 3; }
#blog .blog-grid-count-2 .col-lg-3{ grid-column:span 6; }
#blog .blog-grid-count-1 .blog-featured-column{ grid-column:1/-1; }
#blog .blog-grid .blog-featured-column:only-child{ flex:initial; }
#blog .blog-card{
  position:relative;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:linear-gradient(160deg,#112b20,#0b2118);
  box-shadow:0 18px 40px rgba(0,0,0,.16);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
#blog .blog-card::before{
  position:absolute;
  z-index:2;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,#a1e9bd,rgba(161,233,189,0));
  content:"";
  opacity:.65;
}
#blog .blog-card:hover{
  transform:translateY(-4px);
  border-color:rgba(161,233,189,.32);
  box-shadow:0 24px 44px rgba(0,0,0,.24);
}
#blog .blog-card-media{ background:linear-gradient(135deg,#153d2c,#091b14); }
#blog .blog-card-media img{ transition:transform .55s cubic-bezier(.2,.7,.2,1); }
#blog .blog-card-featured{
  min-height:355px;
  border-color:rgba(161,233,189,.22);
  background:linear-gradient(145deg,#153626,#0b2017);
}
#blog .blog-card-featured .blog-card-media{
  min-height:100%;
  background:linear-gradient(135deg,#164a32,#10231b);
}
#blog .blog-featured-tag{
  top:.85rem;
  left:.85rem;
  padding:.42rem .65rem;
  border:1px solid rgba(255,255,255,.18);
  background:#a1e9bd;
  color:#092017;
  font-size:.55rem;
  letter-spacing:.09em;
}
#blog .blog-card-featured .blog-body{ padding:1.3rem; }
#blog .blog-label{
  margin:0 0 .75rem;
  padding:.35rem .55rem;
  border:1px solid rgba(161,233,189,.2);
  border-radius:999px;
  background:rgba(127,224,170,.07);
  color:#a1e9bd;
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.06em;
}
#blog .blog-date{
  gap:.35rem;
  margin-bottom:.5rem;
  color:#9fb2a7;
  font-size:.62rem;
}
#blog .blog-date i{ color:#a1e9bd; }
#blog .blog-card h4{
  min-height:0;
  margin:0 0 .65rem;
  color:#f4f7f4;
  font-size:clamp(.95rem,1.3vw,1.12rem);
  font-weight:800;
  line-height:1.38;
  letter-spacing:-.02em;
}
#blog .blog-card-featured h4{
  font-size:clamp(1.15rem,1.65vw,1.4rem);
  line-height:1.3;
}
#blog .blog-summary-content{
  color:#b7c9c0;
  font-size:.7rem;
  line-height:1.65;
}
#blog .blog-card-featured .blog-summary-content{ -webkit-line-clamp:4; }
#blog .blog-card:not(.blog-card-featured) .blog-summary-content{ -webkit-line-clamp:3; }
#blog .read-more{
  gap:.4rem;
  padding-top:.9rem;
  color:#a1e9bd;
  font-size:.64rem;
  font-weight:800;
  transition:gap .2s ease,color .2s ease;
}
#blog .blog-card:hover .read-more{ gap:.65rem; color:#ffe07a; }
#blog .empty-state{
  padding:2.5rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:rgba(255,255,255,.03);
  color:#f4f7f4;
  text-align:center;
}
#blog .empty-state p{ margin:.5rem 0 0; color:#b7c9c0; }
@media(max-width:991.98px){
  #blog .blog-header{ grid-template-columns:1fr; gap:1rem; margin-bottom:1.5rem; }
  #blog .blog-summary{ padding:0; border:0; }
  #blog .blog-summary p{ max-width:600px; }
  #blog .blog-card-featured{ min-height:320px; }
  #blog .blog-grid .blog-featured-column{ grid-column:span 6; }
  #blog .blog-grid .col-lg-3{ grid-column:span 3; }
  #blog .blog-grid-count-3 .col-lg-3{ grid-column:span 3; }
  #blog .blog-grid-count-2 .col-lg-3{ grid-column:span 6; }
}
@media(max-width:575.98px){
  #blog.blog-section{ padding:3.5rem 0; }
  #blog .blog-intro .section-title{ font-size:clamp(2.15rem,9vw,2.8rem); }
  #blog .blog-card-featured{ display:flex; min-height:0; }
  #blog .blog-card-featured .blog-card-media{ width:100%; min-height:0; aspect-ratio:16/10; }
  #blog .blog-card-featured .blog-card-media img{ position:static; width:100%; height:100%; aspect-ratio:16/10; }
  #blog .blog-card-featured .blog-body{ padding:1.1rem; }
  #blog .blog-grid{ grid-template-columns:minmax(0,1fr); }
  #blog .blog-grid .blog-featured-column,
  #blog .blog-grid .col-lg-3{ grid-column:1; }
}
@media(prefers-reduced-motion:reduce){
  #blog .blog-card,
  #blog .blog-card-media img,
  #blog .blog-summary .view-all-link,
  #blog .read-more{ transition:none; }
  #blog .blog-card:hover{ transform:none; }
}

.site-footer{
  padding:clamp(3rem,5vw,4.5rem) 0 1.5rem;
  border-top:0;
  background:
    radial-gradient(ellipse at 82% 0%,rgba(37,119,83,.2),transparent 34%),
    radial-gradient(ellipse at 0 78%,rgba(245,197,24,.045),transparent 32%),
    #06120d;
}
.site-footer::before{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(245,197,24,.52),rgba(161,233,189,.35),transparent);
  content:"";
}
.site-footer::after{
  top:auto;
  right:-190px;
  bottom:-230px;
  opacity:.75;
}
.footer-main{
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) minmax(250px,.9fr);
  gap:clamp(2rem,4vw,4.25rem);
  padding-bottom:2.5rem;
}
.footer-brand-column .navbar-brand{ margin-bottom:.55rem; }
.footer-about{
  max-width:360px;
  margin:.85rem 0 1.25rem;
  color:#aebeb5;
  font-size:.84rem;
  line-height:1.8;
}
.social-row{ gap:.55rem; }
.social-row a{
  width:40px;
  height:40px;
  border-color:rgba(255,255,255,.1);
  border-radius:13px;
  background:rgba(255,255,255,.035);
  color:#d5e0d9;
  text-decoration:none;
}
.social-row a:hover{
  transform:translateY(-3px);
  border-color:var(--gold);
  background:var(--gold);
  color:#0a2216;
}
.footer-presence{
  gap:.55rem;
  margin-top:1.1rem;
  color:#9eafa5;
  font-size:.75rem;
}
.footer-nav-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.5rem;
  padding:.15rem 0;
}
.footer-nav-column h3{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin:0 0 1rem;
  color:#eff5f1;
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.footer-nav-column h3::before{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 12px rgba(245,197,24,.45);
  content:"";
}
.footer-links{ gap:.2rem; }
.footer-links a{
  width:auto;
  min-height:38px;
  color:#aebeb5;
  font-size:.83rem;
  text-decoration:none;
}
.footer-links a:hover{ color:var(--gold); }
.footer-contact-card{
  padding:1.35rem;
  border-color:rgba(161,233,189,.15);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(161,233,189,.08),transparent 48%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:0 18px 42px rgba(0,0,0,.16);
}
.footer-contact-kicker{
  margin-bottom:.6rem;
  font-size:.62rem;
  letter-spacing:.13em;
}
.footer-contact-card h3{
  margin:0 0 1.15rem;
  color:#f4f7f4;
  font-size:1.16rem;
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.4;
}
.footer-contact{ gap:.85rem; }
.footer-contact li{
  gap:.65rem;
  color:#b7c8bf;
  font-size:.78rem;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.footer-contact li > i{
  flex-basis:30px;
  width:30px;
  height:30px;
  border-color:rgba(245,197,24,.2);
  border-radius:10px;
  background:rgba(245,197,24,.08);
}
.footer-bottom{
  grid-template-columns:1fr auto;
  gap:1rem;
  padding-top:1.2rem;
  border-color:rgba(255,255,255,.1);
  color:#9eafa5;
  font-size:.74rem;
}
.footer-credit{ color:#9eafa5; }
@media(max-width:991.98px){
  .footer-main{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:2.5rem 2rem;
  }
  .footer-brand-column{ grid-column:1 / -1; }
  .footer-nav-grid{ gap:1.5rem; }
}
@media(max-width:767.98px){
  .site-footer{ padding-top:3.5rem; }
  .footer-main{ grid-template-columns:1fr; gap:2.25rem; }
  .footer-brand-column{ grid-column:auto; }
  .footer-nav-grid{ gap:1rem; }
  .footer-contact-card{ max-width:none; }
  .footer-bottom{ grid-template-columns:1fr; gap:.45rem; }
}
@media(max-width:420px){
  .footer-nav-grid{ gap:.75rem; }
  .footer-links a{ font-size:.78rem; }
}
@media(prefers-reduced-motion:reduce){
  .footer-links a,
  .social-row a{ transition:none; }
  .social-row a:hover{ transform:none; }
}