/* ==========================================
   Linkersdo Modular CSS v1.0 — Synchronized with index.css
   FILE: base.css
   PURPOSE: Root variables, resets, base typography, core layout primitives
   Used in: All pages
   Depends on: —
   ========================================== */
:root {
   --bg: #ffffff;
   --fg: #0f172a;
   --muted: #ac8289;
   --brand: #2563eb;
   --brand-2: #4f46e5;
   --accent: #16a34a;
   --card: #f8fafc;
   --line: #e2e8f0;
   --shadow: 0 10px 30px rgba(15, 23, 42, .08);
   --radius: 16px;
   --section-pad: clamp(32px, 4vw, 64px);
   --mega-blue: oklch(66.049% 0.01208 226.325);
   --hero-bg: url('../images/index_page_images/index_banner.avif');
   --seo-bg: url('../images/index_page_images/valuebg.avif');
   --services-bg: url('../images/index_page_images/valuebg.avif');
   --value-bg: url('../images/index_page_images/valuebg.avif');
   --case-bg: url('../images/index_page_images/valuebg.avif');
   --testimonials-bg: url('../images/index_page_images/valuebg.avif');
   --faq-odd: #f0f7ff;
   --faq-even: #fffbea;
}

* {
   box-sizing: border-box
}

html {
   scroll-behavior: smooth
}

body {
   margin: 0;
   background: var(--bg);
   color: var(--fg);
   font: 400 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, 'Helvetica Neue', Arial;
   text-align: justify
}

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

a {
   color: var(--brand);
   text-decoration: none
}

a:hover {
   opacity: .9
}

h1 {
   color: #0b1026
}

h2 {
   color: #567609
}

h3 {
   color: #6b1220
}

.section {
   padding: var(--section-pad) 0
}

.section+.section {
   margin-top: 0
}

.container {
   width: 100%;
   max-width: 1280px;
   margin-inline: auto;
   padding-inline: 1rem
}

.grid {
   display: grid;
   gap: 24px
}

.grid-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr))
}

.blue-heading {
   background: linear-gradient(90deg, var(--brand), var(--accent));
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent
}