/*
Theme Name: Vruddhi Business Solutions
Theme URI: https://vbsindia.co.in
Author: Vruddhi Business Solutions
Description: Custom WordPress theme for Vruddhi Business Solutions — GST reconciliation, tax compliance, and accounting services. Converted from the static site with the original design and CSS left untouched.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vruddhi-business-solutions
*/

/* =========================================================
   Vruddhi Business Solutions — shared stylesheet
   ========================================================= */

:root{
  --navy:#1f2e43;
  --navy-dark:#111d2e;
  --orange:#f4791f;
  --orange-dark:#e2690f;
  --teal:#0fa98f;
  --teal-dark:#0f5c66;
  --teal-darker:#0b4a52;
  --blue-hero-1:#0b2f80;
  --blue-hero-2:#1c96d6;
  --text-dark:#1c2733;
  --text-muted:#5b6773;
  --border-light:#e6e9ec;
  --bg-light:#f6f8f9;
  --radius:10px;
  --max-width:1200px;
  --font-head:'Figtree',sans-serif;
  --font-body:'Figtree',sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  margin:0;
  font-family:var(--font-body);
  color:var(--text-dark);
  line-height:1.6;
  background:#fff;
  -webkit-font-smoothing:antialiased;
}

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

a{ color:inherit; text-decoration:none; }

ul{ margin:0; padding:0; list-style:none; }

.container{
  max-width:var(--max-width);
  margin:0 auto;
  padding:0 24px;
}

h1,h2,h3,h4{
  font-family:var(--font-head);
  font-weight:700;
  margin:0 0 16px;
  line-height:1.25;
  color:#101820;
}

p{ margin:0 0 16px; color:var(--text-muted); }

.eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:20px;
  font-weight:600;
  color:var(--blue-hero-2);
  text-transform:uppercase;
  letter-spacing:.02em;
  margin-bottom:14px;
}
.story-title{
 font-size: 38px;
}

.eyebrow::before{
  content:"";
  width:34px;
  height:2px;
  background:var(--text-dark);
  display:inline-block;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 30px;
  border-radius:50px;
  font-family:var(--font-head);
  font-weight:600;
  font-size:15px;
  border:2px solid transparent;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  white-space:nowrap;
}
.btn:hover{ transform:translateY(-2px); }

.btn-product{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px;
  border-radius:10px;
  font-family:var(--font-head);
  font-weight:600;
  font-size:15px;
  border:2px solid transparent;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  white-space:nowrap;
   background:var(--orange);
  color:#fff;
  box-shadow:0 8px 20px rgba(244,121,31,.25);
}
.btn-orange{
  background:var(--orange);
  color:#fff;
  box-shadow:0 8px 20px rgba(244,121,31,.25);
}
.btn-orange:hover{ background:var(--orange-dark); }

.btn-outline{
  background:transparent;
  border-color:rgba(255,255,255,.7);
  color:#fff;
}
.btn-outline:hover{ background:rgba(255,255,255,.15); }

.btn-dark{
  background:var(--navy);
  color:#fff;
  border-radius:6px;
  width:100%;
  padding:16px;
  font-size: 18px;
}
.btn-dark:hover{ background:var(--navy-dark); }

/* ============ HEADER ============ */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:#fff;
  border-bottom:1px solid var(--border-light);
}
.site-header .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:14px;
  padding-bottom:14px;
  gap:24px;
}
.logo{
  display:flex;
  align-items:center;
  gap:10px;
}
.logo img{ height:42px; width:auto; }

.main-nav{
  display:flex;
  align-items:center;
  gap:34px;
}
.main-nav a{
  font-family:var(--font-head);
  font-size:15px;
  font-weight:500;
  color:var(--text-dark);
  position:relative;
  padding:6px 0;
}
.main-nav a::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:0; height:2px;
  background:var(--orange);
  transition:width .2s ease;
}
.main-nav a:hover::after,
.main-nav a.active::after{ width:100%; }
.main-nav a.active{ color:var(--orange); }

.header-actions{ display:flex; align-items:center; gap:20px; }

.nav-toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
  padding:6px;
}
.nav-toggle span{
  width:26px; height:2px; background:var(--text-dark); display:block; border-radius:2px;
}

/* ============ PAGE HERO (inner pages) ============ */
.page-hero{
  position:relative;
  height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-size:cover;
  background-position:center;
  background-blend-mode:normal;
}
.page-hero h1{
  color:#fff;
  font-size:60px;
  text-align:center;
  max-width: 900px;
  margin:0;
}

/* ============ HOME HERO ============ */
.home-hero{
  background:linear-gradient(115deg, var(--blue-hero-1) 10%, var(--blue-hero-2) 100%);
  padding:110px 24px 160px;
  text-align:center;
}
.home-hero h1{
  color:#fff;
  font-size:72px;
  max-width:1000px;
  margin:0 auto 24px;
  line-height:1.2;
}
.home-hero p{
  color:rgba(255,255,255,.92);
  font-size:28px;
  max-width:1100px;
  margin:0 auto 34px;
}
.home-hero .hero-actions{
  display:flex;
  gap:18px;
  justify-content:center;
  flex-wrap:wrap;
}

/* ============ SECTION HELPERS ============ */
section{ padding:90px 0; }
.section-tight{ padding:60px 0; }
.bg-light{ background:var(--bg-light); }
.bg-navy{ background:var(--navy); color:#fff; }
.bg-teal{ background:#02aa93; color:#fff; }

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  margin-bottom:50px;
  flex-wrap:wrap;
}
.section-head h2{ font-size:50px; margin:0; max-width:520px; }
.section-head .lead{ max-width:480px; color:var(--text-muted); margin:0; }
.center{ text-align:center; }
.center .lead{ margin:0 auto 40px; }


/* ============ FEATURED SERVICES (home) ============ */
/* .service_section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  margin-bottom:50px;
  flex-wrap:wrap;
}
.featured-grid{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:24px;
}
.feature-card{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:260px;
  color:#fff;
  background-size:cover;
  background-position:center;
  box-shadow:0 10px 30px rgba(20,30,45,.08);
}
.feature-card.large{ grid-row:span 2; min-height:552px; }
.feature-card .overlay{
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(10,20,35,.82) 0%, rgba(10,20,35,0) 55%);
}
.feature-card .card-label{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 26px;
  font-family:var(--font-head);
  font-weight:600;
  font-size:19px;
}
.feature-card .arrow{
  width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.6);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:background .2s ease;
}
.feature-card:hover .arrow{ background:var(--orange); border-color:var(--orange); }
.stack-column{ display:flex; flex-direction:column; gap:24px; }
.stack-column .feature-card{ min-height:264px; } */

.service_section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  margin-bottom:50px;
  flex-wrap:wrap;
}
.featured-grid{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:24px;
}
.feature-card{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:260px;
  color:#fff;
  background-size:cover;
  background-position:center;
  box-shadow:0 10px 30px rgba(20,30,45,.08);
}
.feature-card.large{ grid-row:span 2; min-height:552px; }
.feature-card .overlay{
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(10,20,35,.82) 0%, rgba(10,20,35,0) 55%);
  transition:background .3s ease;
}
.feature-card:hover .overlay{ background:linear-gradient(to top, rgba(10,20,35,.94) 0%, rgba(10,20,35,.12) 70%); }
.feature-card .card-label{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:22px 26px;
  font-family:var(--font-head);
  font-weight:600;
  font-size:19px;
}
.feature-card .card-label-text{ display:flex; flex-direction:column; }
.feature-card .card-desc{
  display:block;
  font-family:var(--font-body);
  font-weight:400;
  font-size:13.5px;
  color:rgba(255,255,255,.85);
  max-height:0;
  opacity:0;
  overflow:hidden;
  transition:max-height .35s ease, opacity .3s ease, margin-top .35s ease;
}
.feature-card:hover .card-desc{
  max-height:60px;
  opacity:1;
  margin-top:8px;
}
.feature-card .arrow{
  width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.6);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:background .2s ease;
}
.feature-card:hover .arrow{ background:var(--orange); border-color:var(--orange); }
.stack-column{ display:flex; flex-direction:column; gap:24px; }
.stack-column .feature-card{ min-height:264px; }

/* ============ CTA STRIP ============ */
.cta-strip{
  background:var(--navy);
  color:#fff;
  padding:46px 0;
  
}
.cta-strip .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.cta-strip h2,.cta-strip h3{ color:#fff; margin:0; font-size:30px; }

/* ============ RESOURCES (home) ============ */
.resources-flex{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}
.resource-check-list li{
  display:flex;
  align-items:center;
  gap:14px;
  font-weight:700;
  font-style:italic;
  font-size:18px;
  margin-bottom:20px;
}
.resource-check-list svg{ flex-shrink:0; }
.link-arrow{ color:var(--blue-hero-2); font-weight:700; }

/* ============ INDUSTRIES (home teal) ============ */
.industries-flex{
  display:grid;
  grid-template-columns:0.85fr 1fr;
  gap:24px;
  align-items:start;
}
.industries-flex h2{ color:#fff; font-size:50px; }
.industries-flex > div > p{ color:rgba(255,255,255,.85); }
.read-more{ font-style:italic; font-weight:700; color:#fff; }
.industry-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.industry-card{
  background:var(--teal-darker);
  padding:36px 30px;
  border-radius:6px;
}
.industry-card .num{
  font-family:var(--font-head);
  font-size:58px;
  font-weight:700;
  color:#fff;
  margin-bottom:18px;
}
.industry-card h3{ color:#fff; font-size:22px; margin-bottom:14px; }
.industry-card p{ color:rgba(255,255,255,.82); margin:0; font-size:16px; }

/* ============ RESULTS (home) ============ */
.results-flex{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}
.results-image-wrap{
  position:relative;
  background:var(--bg-light);
  border-radius:var(--radius);
  padding:20px;
}
.stat-badges{
  display:flex;
  gap:16px;
  margin-top:-70px;
  position:relative;
  z-index:2;
  padding:0 20px;
}
.stat-badge{
  flex:1;
  background:#fff;
  border-radius:8px;
  padding:24px 20px;
  text-align:center;
  box-shadow:0 14px 30px rgba(20,30,45,.12);
}
.stat-badge.teal{ background:var(--teal); color:#fff; }
.stat-badge .stat-num{ font-family:var(--font-head); font-size:34px; font-weight:700; margin:10px 0 4px; }
.stat-badge svg{ margin:0 auto; }

/* ============ TESTIMONIALS (zoom in/out sliding carousel) ============ */
.testimonial-section{ overflow:hidden; }
.testimonial-section h2{ color:#fff; font-style:italic; font-size:40px; margin-bottom:44px; text-align:center; }
.testimonial-track-wrap{ position:relative; padding:10px 0 6px; }
.testimonial-track{
  position:relative;
  height:380px;
}
.testimonial-card{
  position:absolute;
  top:50%;
  left:50%;
  width:min(380px, 84vw);
  background:#fff;
  color:var(--text-dark);
  border-radius:10px;
  padding:32px 28px;
  box-shadow:0 25px 55px rgba(0,0,0,.32);
  transition:transform 1.1s cubic-bezier(.22,.68,0,1.01), opacity 1.1s ease, box-shadow 1.1s ease;
  will-change:transform, opacity;
  cursor:pointer;
}
.testimonial-card.is-active{ cursor:default; box-shadow:0 30px 70px rgba(0,0,0,.4); }
.stars{ color:#f5a623; letter-spacing:2px; margin-bottom:16px; font-size:15px; }
.testimonial-card p{ color:var(--text-dark); font-size:15px; min-height:130px; }
.testimonial-person{ display:flex; align-items:center; gap:12px; margin-top:10px; }
.testimonial-person img{ width:44px; height:44px; border-radius:50%; object-fit:cover; border:2px solid var(--blue-hero-2); }
.testimonial-person strong{ display:block; font-size:15px; }
.testimonial-person span{ font-size:12px; color:var(--text-muted); }
.testimonial-nav{ display:flex; gap:12px; justify-content:center; margin-top:20px; }
.testimonial-nav button{
  width:42px; height:42px; border-radius:50%;
  border:1px solid rgba(255,255,255,.4);
  background:transparent; color:#fff; cursor:pointer;
  font-size:18px;
  display:flex; align-items:center; justify-content:center;
  transition:background .2s ease;
}
.testimonial-nav button:hover{ background:var(--orange); border-color:var(--orange); }
.testimonial-dots{ display:flex; gap:10px; justify-content:center; margin-top:22px; }
.testimonial-dots button{
  width:9px; height:9px; border-radius:50%;
  border:none; padding:0; cursor:pointer;
  background:rgba(255,255,255,.35);
  transition:background .25s ease, transform .25s ease;
}
.testimonial-dots button.is-active{ background:var(--orange); transform:scale(1.25); }
 
/* ============ PRODUCT TEASER (home) ============ */
.product-teaser-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-bottom:40px;
}
.product-teaser-card{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  min-height:280px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
  box-shadow:0 10px 30px rgba(20,30,45,.08);
}
.product-teaser-card span{
  position:relative;
  z-index:1;
  color:#fff;
  font-family:var(--font-head);
  font-weight:700;
  font-size:19px;
  padding:22px;
}

/* ============ FOOTER ============ */
.site-footer{ background:var(--navy); color:rgba(255,255,255,.75); padding-top:60px; }
.footer-top{
  display:flex;
  justify-content:space-between;
  gap:40px;
  flex-wrap:wrap;
  padding-bottom:40px;
}
.footer-brand img{ height:40px; margin-bottom:20px; }
.footer-brand p{ color:rgba(255,255,255,.6); margin-bottom:14px; font-size:14px; }
.social-icons{ display:flex; gap:12px; }
.social-icons a{
  width:36px; height:36px; border-radius:50%;
  border:1px solid rgba(255,255,255,.3);
  display:flex; align-items:center; justify-content:center;
  transition:background .2s ease, border-color .2s ease;
}
.social-icons a:hover{ background:var(--orange); border-color:var(--orange); }
.footer-cols{ display:flex; gap:70px; flex-wrap:wrap; }
.footer-col h4{ color:#fff; font-size:16px; margin-bottom:18px; }
.footer-col a{ display:block; margin-bottom:12px; font-size:14px; color:rgba(255,255,255,.65); transition:color .2s ease; }
.footer-col a:hover{ color:var(--orange); }
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  text-align:center;
  padding:22px 0;
  font-size:13px;
  color:rgba(255,255,255,.5);
  margin-top:20px;
}

/* ============ ABOUT PAGE ============ */
.story-text{ max-width:600px; margin:0 auto; text-align:center; font-size: 20px; }
.hexagon-flex{
  display:grid;
  grid-template-columns:0.9fr 1fr;
  gap:70px;
  align-items:center;
  margin-top:90px;
}
.our_story_img{
   position:relative; width:100%; max-width:720px; margin:0 auto; 
}
.hex-graphic{ position:relative; width:100%; max-width:420px; margin:0 auto; }
.hex{
  width:210px; height:182px;
  clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:#fff; gap:8px;
}
.hex svg{ width:44px; height:44px; }
.hex span{ font-family:var(--font-head); font-weight:700; font-size:22px; }
.hex-vision{ background:#2f6fb5; margin:0 0 -46px 105px; position:relative; z-index:3; }
.hex-row{ display:flex; }
.hex-mission{ background:#7fb0d6; margin-right:-1px; position:relative; z-index:2;}
.hex-values{ background:#3b6f80; position:relative; z-index:1; }
.value-list dt{ font-weight:700; color:var(--text-dark); display:inline; }
.value-list dd{ display:inline; margin:0; color:var(--text-muted); }
.value-list .value-item{ margin-bottom:12px; }
.mission-block{ margin-bottom:26px; }

.title3{ font-size: 26px; }

.stats-bar{
  background-size:cover;
  background-position:center;
  padding:60px 0;
}
.stats-row{ display:flex; justify-content:space-around; text-align:center; flex-wrap:wrap; gap:30px; }
.stats-row .stat-num{ color:#fff; font-family:var(--font-head); font-size:80px; font-weight:700; }
.stats-row .stat-label{ color:rgba(255,255,255,.85);font-size: 20px; }

/* ============ SERVICES PAGE ============ */
.services-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}
.service-tile{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  min-height:400px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
  box-shadow:0 10px 24px rgba(20,30,45,.08);
}
.service-tile .overlay{
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(8,15,25,.75) 0%, rgba(8,15,25,0) 55%);
  transition:background .3s ease;
}
.service-tile:hover .overlay{ background:linear-gradient(to top, rgba(8,15,25,.92) 0%, rgba(8,15,25,.1) 70%); }
.service-tile .card-label{
  position:relative; z-index:1; width:100%;
  display:flex; align-items:flex-end; justify-content:space-between; gap:14px;
  padding:22px 26px; color:#fff; font-family:var(--font-head); font-weight:600; font-size:19px;
}
.service-tile .card-label-text{ display:flex; flex-direction:column; }
.service-tile .card-desc{
  display:block;
  font-family:var(--font-body);
  font-weight:400;
  font-size:13.5px;
  color:rgba(255,255,255,.85);
  max-height:0;
  opacity:0;
  overflow:hidden;
  transition:max-height .35s ease, opacity .3s ease, margin-top .35s ease;
}
.service-tile:hover .card-desc{
  max-height:60px;
  opacity:1;
  margin-top:8px;
}
.service-tile .arrow{
  width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.6);
  display:flex;align-items:center;justify-content:center; flex-shrink:0;
  transition:background .2s ease, border-color .2s ease;
}
.service-tile:hover .arrow{ background:var(--orange); border-color:var(--orange); }
 
/* ============ SERVICE DETAIL PAGES ============ */


.page-hero p{
  margin:10px 0 0;
  font-size:1.05rem;
  color:#e8e8e8;
  /* max-width:600px; */
   text-align:center;
}

.service-detail-grid{
  display:grid;
  grid-template-columns:0.32fr 0.68fr;
  gap:40px;
  padding:60px 0;
  align-items:start;
}

.service-sidebar{
  background:#f4f5f7;
  border-radius:12px;
  padding:28px 26px;
  position:sticky;
  top:100px;
}

.service-sidebar h4{
  font-family:var(--font-head);
  font-size:1.1rem;
  color:var(--navy);
  margin:0 0 16px;
}

.service-sidebar ul{
  list-style:none;
  margin:0;
  padding:0;
}

.service-sidebar ul li{
  padding:10px 0;
  border-bottom:1px solid #dfe1e6;
  font-size:.95rem;
  color:var(--text-dark);
  position:relative;
  padding-left:18px;
}

.service-sidebar ul li:last-child{
  border-bottom:none;
}

.service-sidebar ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--orange);
}

.service-sidebar .sidebar-note{
  margin:16px 0 0;
  font-size:.85rem;
  color:var(--text-muted);
  line-height:1.5;
}

.service-detail h3{
  font-family:var(--font-head);
  font-size:1.4rem;
  color:var(--navy);
  margin:32px 0 16px;
}

.service-detail h3:first-child{
  margin-top:0;
}

.service-detail p.lead-line{
  font-size:1.05rem;
  color:var(--text-dark);
  margin:0 0 16px;
  line-height:1.6;
}

.service-detail p.lead-line strong{
  color:var(--navy);
}

.service-detail ul{
  list-style:none;
  margin:0 0 8px;
  padding:0;
}

.service-detail ul li{
  padding:10px 0 10px 24px;
  border-bottom:1px solid #eceef1;
  font-size:.98rem;
  color:var(--text-dark);
  line-height:1.6;
  position:relative;
}

.service-detail ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:19px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--teal);
}

.service-detail ul li strong{
  color:var(--navy);
}

.service-detail ol{
  margin:0 0 8px;
  padding-left:20px;
}

.service-detail ol li{
  padding:8px 0;
  font-size:.98rem;
  color:var(--text-dark);
  line-height:1.6;
}

.service-detail ol li strong{
  color:var(--navy);
}

/* ============ INDUSTRIES PAGE ============ */
.industry-row{
  display:grid;
  grid-template-columns:0.8fr 1.2fr;
  gap:60px;
  padding:38px 0;
  border-bottom:1px solid var(--border-light);
}
.industry-row:last-child{ border-bottom:none; }
.industry-row h3{ font-size:30px; margin:0; }
.industry-row p{ margin:0;font-size:18px; }

/* ============ RESOURCES PAGE ============ */
.resources-flex{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}
.resource-check-list li{
  display:flex;
  align-items:center;
  gap:14px;
  font-weight:700;
  font-style:italic;
  font-size:18px;
  margin-bottom:20px;
}
.resource-check-list svg{ flex-shrink:0; }
.link-arrow{ color:var(--blue-hero-2); font-weight:700; }

.eyebrow-title{
  font-size: 18px;
}
.resources-hero-grid{
  display:grid;
  grid-template-columns:0.8fr 1.2fr;
  gap:40px;
  align-items:start;
}
.resources-hero-grid h2{ font-size:38px; }
.icon-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.icon-grid img{ border-radius:8px; }
.resource-columns{
  display:flex;
  flex-direction: row;
  gap:70px;
  align-items: center;
  justify-content: center;
  /* align-items:start; */
}
.resource-columns h3{ color:#fff; font-size:26px;margin-bottom: 5px; }
.resource-columns p{ color:rgba(255,255,255,.85); font-size:18px; }
.resource-columns ul {margin-bottom: 25px;}
.resource-columns ul li{ position:relative; padding-left:18px; margin-bottom:10px; font-size:16px; color:rgba(255,255,255,.92); }
.resource-columns ul li::before{ content:"•"; position:absolute; left:0; color:#fff; }
.resource-columns ul li strong{ color:#fff; }
.resource-columns img{ border-radius:8px;max-width: 500px;align-self: center; }
/* ============ CAREERS PAGE ============ */
.service_title{
  margin-top:50px ;
  font-size: 38px;
}
.career_title{
  font-size: 38px;
}
.careers-intro{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}
.careers-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
}
.careers-columns h3{ color:#fff; font-size:28px; }
.careers-columns p{ color:rgba(255,255,255,.9); margin-bottom:14px;font-size: 18px; }
.careers-columns strong{ color:#fff; }
.hiring-steps{ max-width:760px; margin:0 auto; }
.hiring-steps li{ display:flex; gap:16px; margin-bottom:18px;font-size: 18px; }
.hiring-steps .step-num{
  flex-shrink:0; width:34px; height:34px; border-radius:50%;
  background:var(--teal); color:#fff; display:flex; align-items:center; justify-content:center;
  font-family:var(--font-head); font-weight:700; font-size:14px;
}
.hiring_title{
  font-size: 38px;
}
.hiring-steps strong{
  font-size: 20px;
}
/* ============ PRODUCT PAGE ============ */
.problem-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-bottom:90px;
}
.problem-card{
  background:#fff;
  border:1px solid var(--border-light);
  border-left:4px solid var(--navy);
  border-radius:16px;
  padding:26px 28px;
  box-shadow:0 6px 18px rgba(20,30,45,.05);
}
.problem-card.accent{ border-left-color:var(--orange); }
.problem-card h3{ font-size:22px; margin-bottom:10px; }
.problem-card h3.accent-text{ color:var(--orange); }
.problem-card p{ margin:0; font-size:18px; }

.metric-row{
  display:flex;
  justify-content:center;
  align-items: center;
  gap:140px;
  margin-top: 30px;
  margin-bottom:170px;
  flex-wrap:wrap;
}
.metric{ display:flex;
  justify-content:center;
  flex-direction: column;
  align-items: center;}
.metric-circle{
  width:120px; height:120px; border-radius:50%;
  border:6px solid var(--blue-hero-2);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-head); font-weight:700; font-size:26px; color:var(--blue-hero-2);
  margin:0 auto 16px;
}

.plans-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.plan-card{
  border:1px solid var(--orange);
  border-radius:24px;
  padding:20px;
  background:#f9fcfe;
  display:flex;
  flex-direction:column;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.plan-card .plan-name{ color:var(--text-muted); font-size:15px; margin-bottom:10px; }
.plan-card .plan-price{ font-family:var(--font-head); font-size:32px; font-weight:700; color:var(--orange); margin-bottom:18px; }
.plan-card ul{ margin-bottom:24px; flex:1; }
.plan-card ul li{ position:relative; padding-left:26px; margin-bottom:12px; font-size:15px; color:var(--text-muted); }
.plan-card ul li::before{ content:"✓"; position:absolute; left:0; color:#2fae60; font-weight:700; }
.plan-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 36px rgba(20,30,45,.16);
  border-color:var(--orange-dark);
  background-color: #1f2e43;
  color: #ffffff;
}
.plan-card .btn-orange{ width:100%; }

.plan-card:hover .plan-name,
.plan-card:hover .plan-price,
.plan-card:hover ul li{
  color:#fff;
}
.plan-card:hover ul li::before{
  color:#fff;
}

.plan-card:hover .plan-price
{
  color:var(--orange);
}
.btn-product:hover{
   transform:translateY(-2px) scale(1.05);
}
/* ============ CONTACT PAGE ============ */
.contact-grid{
  display:grid;
  grid-template-columns:1fr;
  max-width:700px;
  margin:0 auto;
  gap:20px;
}
.form-group{ display:flex; flex-direction:column; gap:8px; }
.form-group label{ font-size:13px; font-weight:600; color:var(--text-dark); }
.form-group input,
.form-group select,
.form-group textarea{
  padding:14px 16px;
  border:1px solid var(--border-light);
  border-radius:6px;
  background:var(--bg-light);
  font-family:var(--font-body);
  font-size:15px;
  color:var(--text-dark);
}
.form-group textarea{ resize:vertical; min-height:110px; }
.contact-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  max-width:var(--max-width);
  margin:170px auto 0;
  align-items:start;
}
.contact-info-grid h2{ font-size:32px; }
.contact-info-grid p{ margin-bottom:14px; }
.map-frame img{ border-radius:8px; width:100%; }

/* ============ RESPONSIVE ============ */
@media (max-width: 980px){
  .main-nav{ display:none; }
  .nav-toggle{ display:flex; }
  .site-header.nav-open .main-nav{
    display:flex;
    position:absolute;
    top:100%; left:0; right:0;
    background:#fff;
    flex-direction:column;
    padding:20px 24px;
    gap:16px;
    border-bottom:1px solid var(--border-light);
    box-shadow:0 12px 20px rgba(0,0,0,.06);
  }
    .service-sidebar{
    position:static;
    top:auto;
  }
  .home-hero h1{ font-size:38px; }
  .home-hero p{ font-size:16px; }
  .featured-grid{ grid-template-columns:1fr; }
  .feature-card.large{ grid-row:auto; min-height:320px; }
  .resources-flex,.results-flex,.hexagon-flex,.industries-flex,.careers-intro,.careers-columns,.resources-hero-grid,.contact-info-grid{
    grid-template-columns:1fr;
  }
  .industry-grid,.services-grid,.problem-grid,.icon-grid,.service-detail-grid{ grid-template-columns:1fr; }
  .product-teaser-grid,.plans-grid{ grid-template-columns:1fr 1fr; }
  .resource-columns{ grid-template-columns:1fr 1fr; }
  .testimonial-card{ flex:0 0 calc(50% - 12px); }
  .industry-row{ grid-template-columns:1fr; gap:14px; }
  .metric-row{ gap:50px; }
}

@media (max-width: 640px){
  .container{ padding:0 18px; }
  section{ padding:60px 0; }
  .home-hero{ padding:80px 18px 90px; }
  .home-hero h1{ font-size:30px; }
  .page-hero h1{ font-size:34px; }
  .page-hero{ height:220px; }
  .section-head h2{ font-size:28px; }
  .cta-strip .container{ flex-direction:column; text-align:center; }
  .product-teaser-grid,.plans-grid,.resource-columns{ grid-template-columns:1fr; }
  .testimonial-card{ flex:0 0 100%; }
  .stat-badges{ flex-direction:column; margin-top:16px; }
  .footer-cols{ gap:36px; }
  .metric-row{ gap:30px; }
  .hex-vision{ margin-left:60px; }
}