/* ============================================================
   ABSOFT IT SOLUTIONS — BRAND DESIGN SYSTEM
   ============================================================
   This file is the SINGLE SOURCE OF TRUTH for all design tokens.
   Every page and component must reference these variables.
   NEVER hardcode colors, fonts, or spacing — use these tokens.

   Last updated : 29 Mar 2026
   Version      : 1.0.0
   Maintainer   : Absoft Design Team
============================================================ */


/* ============================================================
   1. COLOR PALETTE
   ──────────────────────────────────────────────────────────
   Primary   — Brand green, used for CTAs, links, and accents
   Neutrals  — Text, headings, backgrounds, and borders
   Semantic  — Success, warning, error, info states
   Dark Mode — Overrides applied via body.dark-theme
============================================================ */
:root {

  /* ── 1a. Brand / Primary ─────────────────────────────── */
  --brand-primary:            #1a7f3c;     /* Main brand green          */
  --brand-primary-dark:       #155f2d;     /* Hover / pressed state     */
  --brand-primary-darker:     #0d4a22;     /* Deep accent               */
  --brand-primary-light:      #dcfce7;     /* Tinted backgrounds / tags */
  --brand-primary-lighter:    #f0fdf4;     /* Very subtle tint          */
  --brand-accent:             #22c55e;     /* Bright accent green       */
  --brand-accent-light:       #6ee7b7;     /* Gradient stops            */
  --brand-accent-muted:       #34d399;     /* Softer accent             */

  /* ── 1b. Neutrals ────────────────────────────────────── */
  --neutral-950:              #0f172a;     /* Darkest — headings, hero bg */
  --neutral-900:              #1e293b;     /* Dark secondary              */
  --neutral-800:              #334155;     /* Dark tertiary               */
  --neutral-700:              #374151;     /* Body text                   */
  --neutral-600:              #4b5563;     /* Muted text                  */
  --neutral-500:              #6b7280;     /* Captions, labels            */
  --neutral-400:              #9ca3af;     /* Placeholder text            */
  --neutral-300:              #d1d5db;     /* Disabled borders            */
  --neutral-200:              #e2e8f0;     /* Strong borders              */
  --neutral-100:              #f1f5f9;     /* Light borders, dividers     */
  --neutral-50:               #f9fafb;     /* Light backgrounds           */
  --neutral-0:                #ffffff;     /* White                       */

  /* ── 1c. Semantic / Feedback ─────────────────────────── */
  --color-success:            #16a34a;     /* Positive actions            */
  --color-success-light:      #dcfce7;
  --color-warning:            #f59e0b;     /* Caution / attention         */
  --color-warning-light:      #fef3c7;
  --color-error:              #dc2626;     /* Errors / destructive        */
  --color-error-light:        #fee2e2;
  --color-info:               #3b82f6;     /* Informational               */
  --color-info-light:         #dbeafe;

  /* ── 1d. Extended Palette (for charts, avatars, tags) ── */
  --palette-indigo:           #6366f1;
  --palette-purple:           #8b5cf6;
  --palette-pink:             #ec4899;
  --palette-amber:            #f59e0b;
  --palette-blue:             #3b82f6;
  --palette-teal:             #14b8a6;
  --palette-rose:             #f43f5e;

  /* ── 1e. Mapped aliases (used in components) ─────────── */
  --color-primary:            var(--brand-primary);
  --color-primary-dark:       var(--brand-primary-dark);
  --color-primary-light:      var(--brand-primary-light);
  --color-accent:             var(--brand-accent);
  --color-dark:               var(--neutral-950);
  --color-dark-2:             var(--neutral-900);
  --color-heading:            var(--neutral-950);
  --color-text:               var(--neutral-700);
  --color-gray:               var(--neutral-500);
  --color-gray-light:         var(--neutral-50);
  --color-border:             var(--neutral-100);
  --color-border-strong:      var(--neutral-200);
  --color-white:              var(--neutral-0);


  /* ============================================================
     2. TYPOGRAPHY
     ────────────────────────────────────────────────────────
     Fonts  — Inter for body, Poppins for headings
     Scale  — Modular scale based on 1rem = 16px
     Weight — 400 Regular → 800 Extra Bold
  ============================================================ */

  /* ── 2a. Font Families ───────────────────────────────── */
  --font-primary:             'Inter', -apple-system, BlinkMacSystemFont,
                              'Segoe UI', Roboto, 'Helvetica Neue',
                              Arial, sans-serif;
  --font-heading:             'Poppins', -apple-system, BlinkMacSystemFont,
                              'Segoe UI', Roboto, 'Helvetica Neue',
                              Arial, sans-serif;
  --font-mono:                'JetBrains Mono', 'Fira Code', 'SF Mono',
                              Consolas, 'Liberation Mono', monospace;

  /* ── 2b. Font Sizes (rem) ────────────────────────────── */
  --fs-2xs:  0.625rem;        /* 10px — micro labels              */
  --fs-xs:   0.75rem;         /* 12px — captions, fine print       */
  --fs-sm:   0.875rem;        /* 14px — small body, nav links      */
  --fs-base: 1rem;            /* 16px — default body text          */
  --fs-md:   1.125rem;        /* 18px — lead paragraphs            */
  --fs-lg:   1.25rem;         /* 20px — subheadings                */
  --fs-xl:   1.5rem;          /* 24px — card titles                */
  --fs-2xl:  1.875rem;        /* 30px — section headings (mobile)  */
  --fs-3xl:  2.25rem;         /* 36px — section headings (tablet)  */
  --fs-4xl:  2.75rem;         /* 44px — page titles                */
  --fs-5xl:  3.5rem;          /* 56px — hero headline              */
  --fs-6xl:  4.5rem;          /* 72px — display / splash           */

  /* ── 2c. Font Weights ────────────────────────────────── */
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;

  /* ── 2d. Line Heights ────────────────────────────────── */
  --lh-none:   1;             /* Stat counters, display text       */
  --lh-tight:  1.2;           /* Headings                          */
  --lh-snug:   1.4;           /* Card titles, compact text         */
  --lh-normal: 1.6;           /* Body text                         */
  --lh-loose:  1.8;           /* Long-form paragraphs              */

  /* ── 2e. Letter Spacing ──────────────────────────────── */
  --ls-tight:    -0.02em;     /* Headings                          */
  --ls-normal:    0;          /* Body text                         */
  --ls-wide:      0.02em;     /* Tags, labels                      */
  --ls-wider:     0.05em;     /* Mega menu section labels           */
  --ls-widest:    0.08em;     /* All-caps micro labels              */


  /* ============================================================
     3. SPACING SCALE
     ────────────────────────────────────────────────────────
     Based on 4px baseline grid.
     Use multiples for predictable rhythm.
  ============================================================ */
  --space-0:   0;
  --space-px:  1px;
  --space-0_5: 0.125rem;      /*  2px  */
  --space-1:   0.25rem;       /*  4px  */
  --space-1_5: 0.375rem;      /*  6px  */
  --space-2:   0.5rem;        /*  8px  */
  --space-2_5: 0.625rem;      /* 10px  */
  --space-3:   0.75rem;       /* 12px  */
  --space-4:   1rem;          /* 16px  */
  --space-5:   1.25rem;       /* 20px  */
  --space-6:   1.5rem;        /* 24px  */
  --space-8:   2rem;          /* 32px  */
  --space-10:  2.5rem;        /* 40px  */
  --space-12:  3rem;          /* 48px  */
  --space-14:  3.5rem;        /* 56px  */
  --space-16:  4rem;          /* 64px  */
  --space-20:  5rem;          /* 80px  */
  --space-24:  6rem;          /* 96px  */
  --space-32:  8rem;          /* 128px */


  /* ============================================================
     4. LAYOUT
     ────────────────────────────────────────────────────────
     Containers, grid columns, and fixed dimensions.
  ============================================================ */
  --container-max:     1200px;
  --container-wide:    1400px;
  --container-narrow:  800px;

  /* Topbar + Header fixed dimensions */
  --topbar-h:          36px;
  --header-h:          64px;
  --header-total:      calc(var(--topbar-h) + var(--header-h));

  /* Grid */
  --grid-columns:      12;
  --grid-gutter:       var(--space-6);


  /* ============================================================
     5. BORDERS & RADIUS
     ────────────────────────────────────────────────────────
  ============================================================ */
  --border-width:      1px;
  --border-color:      var(--color-border);
  --border-default:    var(--border-width) solid var(--border-color);

  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-2xl:  24px;
  --radius-full: 9999px;


  /* ============================================================
     6. SHADOWS
     ────────────────────────────────────────────────────────
     From subtle card lift to dramatic modal overlays.
  ============================================================ */
  --shadow-xs:   0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm:   0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md:   0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-lg:   0 8px 30px rgba(15, 23, 42, 0.12);
  --shadow-xl:   0 20px 60px rgba(15, 23, 42, 0.15);
  --shadow-2xl:  0 25px 80px rgba(15, 23, 42, 0.20);

  /* Colored shadows for branded elements */
  --shadow-primary:    0 4px 14px rgba(26, 127, 60, 0.30);
  --shadow-primary-lg: 0 8px 30px rgba(26, 127, 60, 0.25);
  --shadow-glow:       0 0 20px rgba(26, 127, 60, 0.25),
                       0 0 60px rgba(34, 197, 94, 0.10);
  --shadow-glow-hover: 0 0 30px rgba(26, 127, 60, 0.40),
                       0 0 80px rgba(34, 197, 94, 0.20);


  /* ============================================================
     7. TRANSITIONS & MOTION
     ────────────────────────────────────────────────────────
     Consistent, accessible motion across the site.
     Respect prefers-reduced-motion (see bottom of file).
  ============================================================ */
  --ease:            cubic-bezier(0.4, 0, 0.2, 1);       /* Standard        */
  --ease-in:         cubic-bezier(0.4, 0, 1, 1);         /* Accelerate      */
  --ease-out:        cubic-bezier(0, 0, 0.2, 1);         /* Decelerate      */
  --ease-bounce:     cubic-bezier(0.34, 1.56, 0.64, 1);  /* Playful         */
  --ease-spring:     cubic-bezier(0.22, 1, 0.36, 1);     /* Smooth spring   */

  --duration-fast:   150ms;
  --duration:        300ms;
  --duration-slow:   500ms;
  --duration-slower: 700ms;


  /* ============================================================
     8. Z-INDEX SCALE
     ────────────────────────────────────────────────────────
     Predictable stacking context for all layers.
  ============================================================ */
  --z-base:          1;
  --z-dropdown:      100;
  --z-sticky:        500;
  --z-header:        999;
  --z-topbar:        1000;
  --z-overlay:       1100;
  --z-modal:         1200;
  --z-toast:         1300;
  --z-tooltip:       1400;


  /* ============================================================
     9. COMPONENT TOKENS
     ────────────────────────────────────────────────────────
     Component-specific tokens that map to global tokens.
     Add new ones here to keep component styles clean.
  ============================================================ */

  /* Buttons */
  --btn-radius:         var(--radius-md);
  --btn-font-size:      var(--fs-sm);
  --btn-font-weight:    var(--fw-semibold);
  --btn-padding-y:      var(--space-3);
  --btn-padding-x:      var(--space-6);
  --btn-padding-y-lg:   var(--space-4);
  --btn-padding-x-lg:   var(--space-8);

  /* Cards */
  --card-radius:        var(--radius-lg);
  --card-padding:       var(--space-8);
  --card-border:        var(--border-default);
  --card-shadow:        var(--shadow-sm);
  --card-shadow-hover:  var(--shadow-md);
  --card-bg:            var(--neutral-0);

  /* Inputs */
  --input-radius:       var(--radius-md);
  --input-border:       var(--border-default);
  --input-padding-y:    var(--space-3);
  --input-padding-x:    var(--space-4);
  --input-focus-ring:   0 0 0 3px rgba(26, 127, 60, 0.15);

  /* Section */
  --section-padding-y:  var(--space-24);
  --section-header-mb:  var(--space-16);
}


/* ============================================================
   10. DARK THEME TOKEN OVERRIDES
   ────────────────────────────────────────────────────────
   Switch surface and text colors for dark mode.
   Only override tokens — never repeat component styles.
============================================================ */
.dark-theme {
  --color-heading:        #f1f5f9;
  --color-text:           rgba(255, 255, 255, 0.70);
  --color-gray:           rgba(255, 255, 255, 0.45);
  --color-gray-light:     rgba(255, 255, 255, 0.04);
  --color-border:         rgba(255, 255, 255, 0.06);
  --color-border-strong:  rgba(255, 255, 255, 0.12);
  --color-white:          #050810;

  --card-bg:              rgba(255, 255, 255, 0.03);
  --card-border:          1px solid rgba(255, 255, 255, 0.06);
  --card-shadow:          0 2px 8px rgba(0, 0, 0, 0.30);
  --card-shadow-hover:    0 8px 24px rgba(0, 0, 0, 0.40);

  --input-border:         1px solid rgba(255, 255, 255, 0.10);
  --input-focus-ring:     0 0 0 3px rgba(34, 197, 94, 0.12);

  --shadow-sm:            0 1px 3px rgba(0, 0, 0, 0.30);
  --shadow-md:            0 4px 12px rgba(0, 0, 0, 0.40);
  --shadow-lg:            0 8px 30px rgba(0, 0, 0, 0.50);
}


/* ============================================================
   11. ACCESSIBILITY — REDUCED MOTION
   ────────────────────────────────────────────────────────
============================================================ */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration:      0ms;
    --duration-slow: 0ms;
    --duration-slower: 0ms;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* ============================================================
   ABSOFT IT SOLUTIONS — CONSOLIDATED STYLESHEET
   Redesigned: Premium Zoho Partner + Business Process Automation

   ⚠️  DESIGN TOKENS live in brand.css — loaded before this file.
       Never add colors, fonts, spacing, or shadows here.
       See BRANDING.md for the full design system guide.

   Structure:
     1.  Google Fonts
     2.  (Tokens moved to brand.css)
     3.  Reset & Base
     4.  Utility Classes
     5.  Buttons
     6.  Topbar
     7.  Header & Navbar
     8.  Hero Section (Enterprise)
     9.  Partner Strip
    10.  Clients Logo Strip
    11.  Automation Cards (What We Automate)
    12.  Process Timeline (How We Work)
    13.  Zoho Ecosystem Grid
    14.  Why Choose Us
    15.  Industry Verticals
    16.  Solution Configurator
    17.  Impact Stats
    18.  Testimonials
    19.  CTA Banner
    20.  Newsletter
    21.  Footer
    22.  Page Hero — Inner Pages
    23.  Capabilities Page — Pillars, Details, Stats
    24.  Animations & Scroll Reveal
    25.  Dark Theme Overrides
    26.  Responsive
============================================================ */


/* ============================================================
   1. GOOGLE FONTS
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700;800&display=swap');


/* ============================================================
   2. CSS CUSTOM PROPERTIES
   ────────────────────────────────────────────────────────
   All tokens are now defined in brand.css (loaded first).
   See BRANDING.md for the complete design system guide.
============================================================ */


/* ============================================================
   3. RESET & BASE
============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-total)}
body{font-family:var(--font-primary);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--color-text);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,svg{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
button{font:inherit;border:none;background:none;cursor:pointer}
input,textarea,select{font:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-heading)}


/* ============================================================
   4. UTILITY CLASSES
============================================================ */
.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}
.container--wide{max-width:var(--container-wide)}
.container--narrow{max-width:var(--container-narrow)}
.section{padding:var(--space-24) 0}
.section__header{text-align:center;max-width:720px;margin:0 auto var(--space-16)}
.section__tag{display:inline-block;padding:var(--space-2) var(--space-5);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-5);letter-spacing:.02em}
.section__title{font-size:var(--fs-4xl);line-height:1.15;margin-bottom:var(--space-5)}
.section__subtitle{font-size:var(--fs-md);color:var(--color-gray);line-height:var(--lh-loose);max-width:640px;margin:0 auto}


/* ============================================================
   5. BUTTONS
============================================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-primary);font-weight:var(--fw-semibold);font-size:var(--fs-sm);line-height:1;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);transition:all var(--duration) var(--ease);white-space:nowrap;cursor:pointer;border:2px solid transparent}

.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.btn--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px rgba(26,127,60,.3)}

.btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-border-strong)}
.btn--outline:hover{border-color:var(--color-primary);background:var(--color-primary-light)}

.btn--outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.btn--outline-white:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}

.btn--white{background:#fff;color:var(--color-primary);border-color:#fff}
.btn--white:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);transform:translateY(-1px)}

.btn--ghost{background:transparent;color:var(--color-primary);border-color:transparent}
.btn--ghost:hover{background:var(--color-primary-light)}

.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--fs-base);border-radius:var(--radius-md)}

.btn--glow{box-shadow:0 0 20px rgba(26,127,60,.25),0 0 60px rgba(34,197,94,.1)}
.btn--glow:hover{box-shadow:0 0 30px rgba(26,127,60,.4),0 0 80px rgba(34,197,94,.2)}

.btn__icon{flex-shrink:0;transition:transform var(--duration) var(--ease)}
.btn:hover .btn__icon{transform:translateX(3px)}


/* ============================================================
   6. TOPBAR
============================================================ */
.topbar{background:var(--color-dark);color:rgba(255,255,255,.85);font-size:var(--fs-xs);height:var(--topbar-h);position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;transition:transform .25s ease}
.topbar .container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-wide)}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;width:100%}
.topbar__left{display:flex;align-items:center;gap:var(--space-2);color:rgba(255,255,255,.7)}
.topbar__left svg{flex-shrink:0;color:var(--color-accent)}
.topbar__right{display:flex;align-items:center;gap:var(--space-5)}
.topbar__contact{display:flex;align-items:center;gap:var(--space-2);color:rgba(255,255,255,.75);transition:color var(--duration) var(--ease)}
.topbar__contact:hover{color:#fff}
.topbar__contact svg{flex-shrink:0;opacity:.7}
.topbar__socials{display:flex;align-items:center;gap:var(--space-3)}
.topbar__social{color:rgba(255,255,255,.5);transition:color var(--duration) var(--ease);display:flex;align-items:center}
.topbar__social:hover{color:var(--color-accent)}


/* ============================================================
   7. HEADER & NAVBAR
============================================================ */
.header{position:fixed;top:var(--topbar-h);left:0;right:0;z-index:999;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:var(--header-h);transition:top var(--duration) var(--ease),box-shadow var(--duration) var(--ease);overflow:visible}
/* JS toggles .scrolled when past topbar */
.header.scrolled{box-shadow:var(--shadow-md)}
/* JS toggles .topbar-hidden when topbar slides up */
.header.topbar-hidden{top:0}

/* Header container needs full height */
.header .container{height:100%;overflow:visible;max-width:var(--container-wide)}

/* Navbar container */
.navbar{display:flex;align-items:center;justify-content:space-between;height:100%;overflow:visible;position:relative}
.navbar__logo{display:flex;align-items:center;flex-shrink:0}
.navbar__logo img{height:36px;width:auto}
.navbar__logo-dark{display:none}
.dark-theme .navbar__logo-light{display:none}
.dark-theme .navbar__logo-dark{display:block}

/* Menu list */
.navbar__menu{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0;overflow:visible;flex:1;justify-content:center}
.navbar__item{position:relative;flex-shrink:0;display:flex;align-items:center}
.navbar__item--has-dropdown>.navbar__link{cursor:default}
.navbar__link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text);border-radius:var(--radius-sm);transition:color var(--duration) var(--ease),background var(--duration) var(--ease);white-space:nowrap;text-decoration:none}
.navbar__link:hover,.navbar__link.active{color:var(--color-primary);background:var(--color-primary-light)}

/* Chevron icon */
.navbar__chevron{width:14px;height:14px;transition:transform var(--duration) var(--ease);flex-shrink:0}
.navbar__item:hover .navbar__chevron{transform:rotate(180deg)}

/* ---- Dropdown (Insights) ---- */
.navbar__dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:280px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration) var(--ease),visibility var(--duration) var(--ease),transform var(--duration) var(--ease);z-index:1000}
.navbar__item:hover>.navbar__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}

.navbar__dropdown-section-label{font-family:var(--font-heading);font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray);padding:var(--space-2) var(--space-3);margin-top:var(--space-1)}

.navbar__dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);transition:all var(--duration) var(--ease)}
.navbar__dropdown-item:hover{background:var(--color-primary-light)}

.navbar__dropdown-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-light);border-radius:var(--radius-sm);flex-shrink:0;color:var(--color-gray)}
.navbar__dropdown-item:hover .navbar__dropdown-icon{color:var(--color-primary)}

.navbar__dropdown-link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-heading);line-height:1.3}
.navbar__dropdown-link small{display:block;font-weight:var(--fw-regular);font-size:var(--fs-xs);color:var(--color-gray);margin-top:1px}

.navbar__dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-2) var(--space-3)}

/* ---- Mega Menu (Capabilities) ---- */
.navbar__mega{position:absolute;top:100%;left:0;transform:translateY(8px);width:780px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-8);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration) var(--ease),visibility var(--duration) var(--ease),transform var(--duration) var(--ease);z-index:1000;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}
.navbar__item:hover>.navbar__mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}

.navbar__mega-col{}
.navbar__mega-col-label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}
.navbar__mega-col-label svg{flex-shrink:0;opacity:.5}

.navbar__mega-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);transition:all var(--duration) var(--ease);margin-bottom:var(--space-1)}
.navbar__mega-item:hover{background:var(--color-primary-light)}
.navbar__mega-item--platform .navbar__mega-title{color:var(--color-primary)}

.navbar__mega-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0}

.navbar__mega-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-heading);margin-bottom:2px;display:flex;align-items:center;gap:var(--space-2)}
.navbar__mega-desc{font-size:var(--fs-xs);color:var(--color-gray);line-height:1.4}

.navbar__mega-badge{display:inline-block;padding:1px 6px;background:var(--color-primary-light);color:var(--color-primary);font-size:10px;font-weight:var(--fw-semibold);border-radius:var(--radius-full);letter-spacing:.02em}

/* CTA inside mega */
.navbar__mega-cta-box{margin-top:var(--space-5);padding:var(--space-4);background:var(--color-gray-light);border-radius:var(--radius-md);border:1px dashed var(--color-border-strong)}
.navbar__mega-cta-text{font-size:var(--fs-xs);color:var(--color-gray);margin-bottom:var(--space-2)}
.navbar__mega-cta-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary);transition:all var(--duration) var(--ease)}
.navbar__mega-cta-link:hover{color:var(--color-primary-dark);gap:var(--space-3)}

/* Industries mega menu — right-aligned to prevent overflow */
.navbar__mega--industries{left:auto;right:-120px}

/* Insights mega menu — right-aligned (furthest-right dropdown) */
.navbar__mega--insights{left:auto;right:-200px}

/* ---- Header actions (phone + CTA + hamburger) ---- */
.navbar__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}
.navbar__phone{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-heading);transition:all var(--duration) var(--ease)}
.navbar__phone:hover{background:var(--color-primary-light);color:var(--color-primary)}
.navbar__phone svg{width:16px;height:16px}

.navbar__cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-primary);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-md);transition:all var(--duration) var(--ease)}
.navbar__cta:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px rgba(26,127,60,.3)}
.navbar__cta svg{width:14px;height:14px;transition:transform var(--duration) var(--ease)}
.navbar__cta:hover svg{transform:translateX(3px)}

/* ---- Hamburger toggle ---- */
.navbar__hamburger{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer;background:none;border:none}
.navbar__hamburger span{display:block;width:22px;height:2px;background:var(--color-heading);border-radius:2px;transition:all var(--duration) var(--ease)}
.navbar__hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navbar__hamburger.open span:nth-child(2){opacity:0}
.navbar__hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---- Theme Toggle ---- */
.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:transparent;cursor:pointer;transition:all .3s ease;padding:0;outline:none;position:relative;flex-shrink:0}
.theme-toggle:hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.2)}
.theme-toggle:focus-visible{box-shadow:0 0 0 3px rgba(26,127,60,.25)}
.theme-toggle__icon{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}
.theme-toggle__sun{display:none;color:#fbbf24}
.theme-toggle__moon{display:block;color:var(--color-heading)}
.dark-theme .theme-toggle{border-color:rgba(255,255,255,.15)}
.dark-theme .theme-toggle:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.dark-theme .theme-toggle__sun{display:block}
.dark-theme .theme-toggle__moon{display:none}


/* ============================================================
   8. HERO SECTION — Enterprise / Automation
============================================================ */
.hero,.hero--enterprise{position:relative;min-height:calc(100vh - var(--header-total));display:flex;align-items:center;background:var(--color-dark);overflow:hidden;padding:calc(var(--header-total) + var(--space-16)) 0 var(--space-16)}

/* Gradient orbs */
.hero__gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none}
.hero__gradient-orb--1{width:600px;height:600px;background:var(--color-primary);top:-200px;left:-100px}
.hero__gradient-orb--2{width:400px;height:400px;background:var(--color-accent);bottom:-100px;right:-50px}
.hero__gradient-orb--3{width:300px;height:300px;background:#6366f1;top:50%;right:20%;opacity:.15}

/* Grid background */
.hero__grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}

.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:2}

/* Content */
.hero__content{color:#fff}
.hero__badge{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);margin-bottom:var(--space-8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero__badge-logo{height:52px;width:auto;border-radius:var(--radius-sm);display:block}
.hero__badge-tagline{font-size:11px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);white-space:nowrap}
.hero__badge-divider{width:1px;height:14px;background:rgba(255,255,255,.2)}
.hero__badge-dot{width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}
.hero__badge-live{color:var(--color-accent);font-weight:var(--fw-semibold)}

.hero__title{font-size:var(--fs-5xl);font-weight:var(--fw-extrabold);line-height:1.08;margin-bottom:var(--space-6);color:#fff;letter-spacing:-.02em}
.hero__title-gradient{background:linear-gradient(135deg,var(--color-accent),#6ee7b7,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.hero__description{font-size:var(--fs-md);line-height:var(--lh-loose);color:rgba(255,255,255,.7);max-width:520px;margin-bottom:var(--space-8)}

.hero__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10)}

/* Proof bar */
.hero__proof-bar{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.08)}
.hero__proof-avatars{display:flex;align-items:center}
.hero__proof-avatars span{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#fff;border:2px solid var(--color-dark);margin-left:-8px}
.hero__proof-avatars span:first-child{margin-left:0}
.hero__proof-avatars span:nth-child(1){background:#3b82f6}
.hero__proof-avatars span:nth-child(2){background:#8b5cf6}
.hero__proof-avatars span:nth-child(3){background:#ec4899}
.hero__proof-avatars span:nth-child(4){background:#f59e0b}
.hero__proof-count{background:var(--color-primary)!important;font-size:10px!important}
.hero__proof-text{display:flex;flex-direction:column;gap:2px}
.hero__proof-text strong{font-size:var(--fs-sm);color:#fff}
.hero__proof-text span{font-size:var(--fs-xs);color:rgba(255,255,255,.5)}

/* Automation Panel Visual */
.hero__visual{position:relative}
.hero__automation-panel{background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(20px);box-shadow:0 25px 80px rgba(0,0,0,.4)}

.hero__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.hero__visual-dots{display:flex;gap:6px}
.hero__visual-dots span{width:10px;height:10px;border-radius:50%}
.hero__visual-dots span:nth-child(1){background:#ef4444}
.hero__visual-dots span:nth-child(2){background:#f59e0b}
.hero__visual-dots span:nth-child(3){background:#22c55e}
.hero__panel-title{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:rgba(255,255,255,.5);letter-spacing:.02em}
.hero__panel-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-accent)}
.hero__status-dot{width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}

/* Automation flow */
.hero__automation-flow{padding:var(--space-6) var(--space-5)}
.hero__flow-step{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--duration) var(--ease)}
.hero__flow-step--active{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
.hero__flow-step--processing{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.15);animation:softPulse 2s infinite}

.hero__flow-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hero__flow-icon--blue{background:rgba(59,130,246,.15);color:#60a5fa}
.hero__flow-icon--green{background:rgba(34,197,94,.15);color:#4ade80}
.hero__flow-icon--purple{background:rgba(139,92,246,.15);color:#a78bfa}
.hero__flow-icon--amber{background:rgba(245,158,11,.15);color:#fbbf24}

.hero__flow-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:#fff}
.hero__flow-sub{font-size:var(--fs-xs);color:rgba(255,255,255,.4);margin-top:2px}

.hero__flow-check{margin-left:auto;width:20px;height:20px;border-radius:50%;background:rgba(34,197,94,.15);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}

.hero__flow-spinner{margin-left:auto;width:18px;height:18px;border:2px solid rgba(245,158,11,.2);border-top-color:#fbbf24;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}

.hero__flow-connector{padding:0 0 0 calc(var(--space-4) + 18px);height:20px;display:flex;align-items:center}
.hero__flow-connector span{display:block;width:2px;height:100%;background:rgba(255,255,255,.08);margin:0 auto}
.hero__flow-connector--pulse span{background:linear-gradient(to bottom,rgba(245,158,11,.3),rgba(245,158,11,.05));animation:connectorPulse 2s infinite}

/* Panel footer metrics */
.hero__panel-footer{border-top:1px solid rgba(255,255,255,.06);padding:var(--space-4) var(--space-5);background:rgba(255,255,255,.02)}
.hero__panel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);text-align:center}
.hero__panel-metric{display:flex;flex-direction:column;align-items:center}
.hero__panel-metric-val{display:block;font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-accent)}
.hero__panel-metric-label{font-size:10px;color:rgba(255,255,255,.4);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}


/* ============================================================
   9. PARTNER STRIP
============================================================ */
.partner-strip{background:var(--color-primary-light);padding:var(--space-6) 0;border-bottom:1px solid rgba(26,127,60,.08)}
.partner-strip__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap}
.partner-strip__badge{display:flex;align-items:center;gap:var(--space-4)}
.partner-strip__logo{height:48px;width:auto;border-radius:var(--radius-sm)}
.partner-strip__divider{width:1px;height:36px;background:rgba(26,127,60,.15)}
.partner-strip__title{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--color-primary-dark)}
.partner-strip__sub{font-size:var(--fs-xs);color:var(--color-gray);margin-top:2px}
.partner-strip__stats{display:flex;gap:var(--space-10)}
.partner-strip__stat{text-align:center}
.partner-strip__stat-num{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-primary)}
.partner-strip__stat-label{font-size:var(--fs-xs);color:var(--color-gray);line-height:1.3;margin-top:2px}
.partner-strip__cta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary);transition:all var(--duration) var(--ease)}
.partner-strip__cta:hover{color:var(--color-primary-dark);gap:var(--space-3)}


/* ============================================================
   10. CLIENTS LOGO STRIP
============================================================ */
.clients{padding:var(--space-14) 0;border-bottom:1px solid var(--color-border);position:relative}
.clients__header{text-align:center;margin-bottom:var(--space-10)}
.clients__title{
  font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--fw-bold);
  color:var(--color-heading);margin-bottom:var(--space-3);line-height:1.2;
}
.clients__subtitle{
  font-size:var(--fs-base);color:var(--color-gray);line-height:var(--lh-relaxed);
  max-width:560px;margin:0 auto;
}
.clients__stats{
  display:flex;align-items:center;justify-content:center;gap:var(--space-10);
  margin-bottom:var(--space-12);
}
.clients__stat{text-align:center}
.clients__stat-num{
  display:block;font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);
  color:var(--color-primary);line-height:1;margin-bottom:var(--space-1);
}
.clients__stat-label{font-size:var(--fs-sm);color:var(--color-gray);font-weight:var(--fw-medium)}
.clients__stat-divider{width:1px;height:40px;background:var(--color-border)}
.clients__track-wrapper{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);padding:var(--space-4) 0;height:72px;display:flex;align-items:center}
.clients__track{display:flex;flex-wrap:nowrap;gap:var(--space-12);animation:marquee 35s linear infinite;width:max-content;align-items:center;flex-shrink:0}
.clients__logo{height:55px;width:auto;max-height:55px;object-fit:contain;flex-shrink:0;filter:grayscale(100%) brightness(0);opacity:.6;transition:all .4s var(--ease)}
.clients__logo:hover{filter:grayscale(0) brightness(1);opacity:1;transform:scale(1.08)}
.clients__logo--light:hover{filter:grayscale(0) brightness(0);opacity:1;transform:scale(1.08)}
.dark-theme .clients__logo{filter:grayscale(100%) brightness(0) invert(1);mix-blend-mode:screen;opacity:.7}
.dark-theme .clients__logo:hover{filter:grayscale(0) brightness(1) invert(0);mix-blend-mode:screen;opacity:1;transform:scale(1.08)}
.dark-theme .clients__logo--light:hover{filter:grayscale(0) brightness(1) invert(1);mix-blend-mode:screen;opacity:1;transform:scale(1.08)}
.clients__footnote{
  text-align:center;margin-top:var(--space-6);font-size:var(--fs-xs);color:var(--color-gray);
  font-weight:var(--fw-medium);display:flex;align-items:center;justify-content:center;gap:var(--space-2);
}

@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}


/* ============================================================
   11. AUTOMATION CARDS — "What We Automate"
============================================================ */
.automation{background:var(--color-white)}
.automation__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}

.auto-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration) var(--ease);display:flex;flex-direction:column}
.auto-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}

.auto-card--highlight{background:linear-gradient(135deg,var(--color-dark),var(--color-dark-2));border-color:rgba(255,255,255,.1)}
.auto-card--highlight .auto-card__title,.auto-card--highlight .auto-card__text{color:#fff}
.auto-card--highlight .auto-card__text{color:rgba(255,255,255,.65)}
.auto-card--highlight .auto-card__list li{color:rgba(255,255,255,.7)}
.auto-card--highlight .auto-card__list li::before{color:var(--color-accent)}
.auto-card--highlight:hover{border-color:rgba(34,197,94,.3);box-shadow:0 8px 40px rgba(0,0,0,.3)}

.auto-card__icon-wrap{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);flex-shrink:0}
.auto-card__icon-wrap--blue{background:#eff6ff;color:#3b82f6}
.auto-card__icon-wrap--green{background:#f0fdf4;color:#16a34a}
.auto-card__icon-wrap--purple{background:#f5f3ff;color:#7c3aed}
.auto-card__icon-wrap--red{background:#fef2f2;color:#dc2626}
.auto-card__icon-wrap--amber{background:#fffbeb;color:#d97706}
.auto-card__icon-wrap--primary{background:rgba(34,197,94,.15);color:var(--color-accent)}

.auto-card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--space-3);color:var(--color-heading)}
.auto-card__text{font-size:var(--fs-sm);color:var(--color-gray);line-height:var(--lh-loose);margin-bottom:var(--space-5)}

.auto-card__list{margin-bottom:var(--space-5);flex-grow:1}
.auto-card__list li{font-size:var(--fs-sm);color:var(--color-text);padding:var(--space-1) 0;padding-left:var(--space-5);position:relative}
.auto-card__list li::before{content:"\2713";position:absolute;left:0;color:var(--color-primary);font-weight:var(--fw-bold);font-size:var(--fs-xs)}

.auto-card__tools{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}
.auto-card__tool{padding:var(--space-1) var(--space-3);background:var(--color-gray-light);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-gray)}
.auto-card--highlight .auto-card__tool{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}


/* ============================================================
   12. PROCESS TIMELINE — "How We Work"
============================================================ */
.process{background:var(--color-gray-light)}
.process__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-6);position:relative}

.process-step{text-align:center;position:relative;padding:var(--space-8) var(--space-4)}
.process-step__num{font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);color:var(--color-primary-light);line-height:1;margin-bottom:var(--space-4)}

.process-step__connector{position:absolute;top:60px;right:-15%;width:30%;height:2px;background:linear-gradient(90deg,var(--color-primary-light),var(--color-border));z-index:1}
.process-step:last-child .process-step__connector{display:none}

.process-step__icon{width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);color:var(--color-primary);position:relative;z-index:2;transition:all var(--duration) var(--ease)}
.process-step:hover .process-step__icon{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 20px rgba(26,127,60,.25)}

.process-step__title{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--space-3)}
.process-step__text{font-size:var(--fs-sm);color:var(--color-gray);line-height:var(--lh-normal)}
.process-step__duration{display:inline-block;margin-top:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-full)}


/* ============================================================
   13. ZOHO ECOSYSTEM GRID
============================================================ */
.zoho-ecosystem{background:#fff}
.zoho-ecosystem__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}

.zoho-product{background:var(--color-gray-light);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;transition:all var(--duration) var(--ease)}
.zoho-product:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}

.zoho-product__icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}
.zoho-product__name{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--space-1)}
.zoho-product__desc{font-size:var(--fs-xs);color:var(--color-gray);line-height:1.4}

.zoho-product--cta{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary);display:flex;align-items:center;justify-content:center}
.zoho-product--cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(26,127,60,.25)}
.zoho-product__cta-link{display:flex;flex-direction:column;gap:var(--space-2);color:#fff;font-weight:var(--fw-semibold);font-size:var(--fs-base);text-align:center}
.zoho-product__cta-sub{font-size:var(--fs-xs);font-weight:var(--fw-regular);opacity:.75}


/* ============================================================
   14. WHY CHOOSE US
============================================================ */
.why-us{background:var(--color-dark);color:#fff;padding:var(--space-24) 0}
.why-us__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}
.why-us__eyebrow{display:inline-block;padding:var(--space-2) var(--space-5);background:rgba(34,197,94,.1);color:var(--color-accent);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-6)}
.why-us__title{font-size:var(--fs-4xl);color:#fff;margin-bottom:var(--space-6);line-height:1.15}
.why-us__text{font-size:var(--fs-md);color:rgba(255,255,255,.65);line-height:var(--lh-loose);margin-bottom:var(--space-8)}

.why-us__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-6);transition:all var(--duration) var(--ease)}
.why-card:hover{background:rgba(255,255,255,.07);border-color:rgba(34,197,94,.2);transform:translateY(-2px)}
.why-card__icon{width:40px;height:40px;border-radius:var(--radius-sm);background:rgba(34,197,94,.1);color:var(--color-accent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}
.why-card__title{font-size:var(--fs-base);font-weight:var(--fw-bold);color:#fff;margin-bottom:var(--space-2)}
.why-card__text{font-size:var(--fs-sm);color:rgba(255,255,255,.55);line-height:var(--lh-normal)}


/* ============================================================
   15. INDUSTRY VERTICALS
============================================================ */
.verticals{background:var(--color-white)}
.verticals__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}

.vertical-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration) var(--ease);display:flex;flex-direction:column}
.vertical-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}

.vertical-card__icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}
.vertical-card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--space-3)}
.vertical-card__text{font-size:var(--fs-sm);color:var(--color-gray);line-height:var(--lh-normal);margin-bottom:var(--space-5)}

.vertical-card__usecases{margin-bottom:var(--space-5);flex-grow:1}
.vertical-card__usecases li{font-size:var(--fs-sm);color:var(--color-text);padding:var(--space-1) 0;padding-left:var(--space-5);position:relative}
.vertical-card__usecases li::before{content:"\2022";position:absolute;left:6px;color:var(--color-primary);font-weight:var(--fw-bold)}

.vertical-card__link{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary);transition:all var(--duration) var(--ease);margin-top:auto}
.vertical-card__link:hover{color:var(--color-primary-dark);letter-spacing:.02em}


/* ============================================================
   16. SOLUTION CONFIGURATOR
============================================================ */
.configurator{background:var(--color-gray-light)}
.configurator__wizard{max-width:680px;margin:0 auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}

.wizard-step{display:none;padding:var(--space-10)}
.wizard-step--active{display:block;animation:fadeIn .4s var(--ease)}

.wizard__progress{height:4px;background:var(--color-border);border-radius:2px;margin-bottom:var(--space-8);overflow:hidden}
.wizard__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px;transition:width .6s var(--ease)}

.wizard__question{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--space-6)}
.wizard__options{display:flex;flex-direction:column;gap:var(--space-3)}
.wizard-opt{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--color-heading);text-align:left;transition:all var(--duration) var(--ease);cursor:pointer}
.wizard-opt:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}
.wizard-opt__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-light);border-radius:var(--radius-sm);flex-shrink:0;transition:all var(--duration) var(--ease)}
.wizard-opt:hover .wizard-opt__icon{background:rgba(26,127,60,.1);color:var(--color-primary)}

/* Result */
.wizard-result{text-align:center}
.wizard__result-inner{padding:var(--space-8)}
.wizard__result-icon{width:60px;height:60px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6)}
.wizard__result-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--space-4)}
.wizard__result-rec{font-size:var(--fs-base);color:var(--color-gray);line-height:var(--lh-loose);margin-bottom:var(--space-8)}
.wizard__result-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}
.wizard-restart{cursor:pointer}


/* ============================================================
   17. IMPACT STATS
============================================================ */
.impact{background:linear-gradient(135deg,var(--color-dark),var(--color-dark-2));padding:var(--space-20) 0}
.impact__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}
.impact__item{position:relative;padding:var(--space-6)}
.impact__item::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.08)}
.impact__item:last-child::after{display:none}
.impact__num{font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);color:#fff;margin-bottom:var(--space-2)}
.impact__label{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:rgba(255,255,255,.85);margin-bottom:var(--space-1)}
.impact__sublabel{font-size:var(--fs-xs);color:rgba(255,255,255,.4)}


/* ============================================================
   18. TESTIMONIALS
============================================================ */
.testimonials{background:var(--color-gray-light)}
.testimonials__slider{max-width:100%;margin:0 auto;position:relative;overflow:hidden;padding:0 calc((100% - 640px) / 2)}
.testimonials__track{display:flex;transition:transform .5s var(--ease)}

.testimonial-card{min-width:640px;width:640px;padding:var(--space-12) var(--space-10);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;box-sizing:border-box;position:relative;opacity:0.4;transform:scale(0.93);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.testimonial-card.is-active{opacity:1;transform:scale(1)}
.testimonial-card.is-active .testimonial-card__quote{color:#1a1a1a}
.testimonial-card.is-active .testimonial-card__name{color:#111827}
.testimonial-card.is-active .testimonial-card__role{color:#6b7280}
.testimonial-card__stars{color:#f59e0b;font-size:var(--fs-xl);letter-spacing:3px;margin-bottom:var(--space-6)}
.testimonial-card__quote{font-size:var(--fs-lg);font-style:italic;color:var(--color-text);line-height:var(--lh-loose);max-width:640px;margin:0 auto var(--space-8);border:0;padding:0}

.testimonial-card__author{display:flex;align-items:center;gap:var(--space-4);justify-content:center}
.testimonial-card__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary-light)}
.testimonial-card__avatar-placeholder{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;letter-spacing:0.5px;flex-shrink:0}
.testimonial-card__name{font-weight:var(--fw-semibold);color:var(--color-heading);font-size:var(--fs-base)}
.testimonial-card__role{font-size:var(--fs-sm);color:var(--color-gray)}

/* Carousel arrows */
.testimonials__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border);
  background:#fff;color:var(--color-heading);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 12px rgba(0,0,0,.08);
  transition:all var(--duration) var(--ease);
}
.testimonials__arrow:hover{
  background:var(--color-primary);color:#fff;border-color:var(--color-primary);
  box-shadow:0 4px 20px rgba(26,127,60,.25);
}
.testimonials__arrow:disabled{opacity:.3;cursor:not-allowed;background:#fff;color:var(--color-gray);border-color:var(--color-border)}
.testimonials__arrow--prev{left:12px}
.testimonials__arrow--next{right:12px}

.testimonials__dots{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-8)}
.testimonials__dots button{width:10px;height:10px;border-radius:50%;border:none;background:var(--color-border-strong);cursor:pointer;transition:all var(--duration) var(--ease);padding:0}
.testimonials__dots button.active{background:var(--color-primary);width:28px;border-radius:var(--radius-full)}


/* ============================================================
   18b. FOUNDER'S MESSAGE
============================================================ */
.founder{background:var(--color-white);overflow:hidden}
.founder__inner{
  display:grid;grid-template-columns:auto 1fr;gap:var(--space-16);
  align-items:center;max-width:900px;margin:0 auto;
}
.founder__photo-wrap{position:relative;flex-shrink:0}
.founder__photo{
  width:240px;height:240px;border-radius:50%;object-fit:cover;
  border:4px solid var(--color-primary);
  box-shadow:0 12px 40px rgba(26,127,60,.15);
  position:relative;z-index:1;
}
.founder__photo-accent{
  position:absolute;inset:-12px;border-radius:50%;
  border:2px dashed rgba(26,127,60,.2);
  animation:founderSpin 20s linear infinite;
}
@keyframes founderSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* Upwork Badge on Founder Photo */
.founder__upwork-badge{
  position:absolute;bottom:-10px;right:-60px;z-index:10;
  display:flex;align-items:center;gap:10px;text-decoration:none;
  background:#fff;border-radius:14px;
  padding:10px 18px 10px 12px;
  box-shadow:0 6px 24px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06);
  animation:founderBadgeFloat 3s ease-in-out infinite;
  transition:box-shadow .2s ease,transform .2s ease;
}
.founder__upwork-badge:hover{
  box-shadow:0 8px 30px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.08);
  transform:translateY(-2px);
}
.founder__upwork-icon{
  width:40px;height:40px;border-radius:10px;
  background:#f1faf0;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.founder__upwork-info{display:flex;flex-direction:column;gap:2px}
.founder__upwork-title{font-size:14px;font-weight:700;color:#1a1a2e;white-space:nowrap;line-height:1.2}
.founder__upwork-rating{display:flex;align-items:center;gap:6px}
.founder__upwork-score{font-size:13px;font-weight:600;color:#1a1a2e}
.founder__upwork-stars{display:flex;align-items:center;gap:1px;line-height:1}
@keyframes founderBadgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.dark-theme .founder__upwork-badge{background:#1e1e2e;box-shadow:0 6px 24px rgba(0,0,0,.3)}
.dark-theme .founder__upwork-icon{background:rgba(111,218,68,.1)}
.dark-theme .founder__upwork-title,.dark-theme .founder__upwork-score{color:#fff}

.founder__content{position:relative;padding-left:var(--space-16)}
.founder__quote-icon{position:absolute;top:-8px;left:0;color:var(--color-primary)}
.founder__quote{
  font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);
  color:var(--color-heading);line-height:1.4;margin:0 0 var(--space-6);
  padding:0;border:0;
}
.founder__meta{margin-bottom:var(--space-4)}
.founder__name{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--color-heading)}
.founder__company{font-size:var(--fs-sm);color:var(--color-gray)}
.founder__accent-line{
  width:60px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--color-primary),var(--color-accent));
}


/* ============================================================
   19. CTA BANNER
============================================================ */
.cta-banner{padding:var(--space-24) 0;background:var(--color-white)}
.cta-banner__inner{background:linear-gradient(135deg,var(--color-primary),#15803d);border-radius:var(--radius-xl);padding:var(--space-16) var(--space-10);text-align:center;position:relative;overflow:hidden}
.cta-banner__inner::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:rgba(255,255,255,.05);border-radius:50%;pointer-events:none}

.cta-banner__badge{display:inline-block;padding:var(--space-2) var(--space-5);background:rgba(255,255,255,.15);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-6);backdrop-filter:blur(8px)}

.cta-banner__title{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:#fff;margin-bottom:var(--space-5)}
.cta-banner__sub{font-size:var(--fs-md);color:rgba(255,255,255,.8);max-width:560px;margin:0 auto var(--space-8);line-height:var(--lh-loose)}

.cta-banner__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8)}

.cta-banner__trust{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap}
.cta-banner__trust span{font-size:var(--fs-sm);color:rgba(255,255,255,.7);font-weight:var(--fw-medium)}


/* ============================================================
   20. NEWSLETTER
============================================================ */
.newsletter{background:var(--color-gray-light);padding:var(--space-16) 0;border-top:1px solid var(--color-border)}
.newsletter__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);max-width:800px;margin:0 auto;flex-wrap:wrap}
.newsletter__content{flex-shrink:0}
.newsletter__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--space-2)}
.newsletter__sub{font-size:var(--fs-sm);color:var(--color-gray)}
.newsletter__form{display:flex;gap:var(--space-3)}
.newsletter__input{padding:var(--space-3) var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--fs-sm);width:260px;background:#fff;transition:border-color var(--duration) var(--ease)}
.newsletter__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(26,127,60,.1)}
.newsletter__btn{white-space:nowrap}


/* ============================================================
   21. FOOTER
============================================================ */
.footer{background:var(--color-dark);color:rgba(255,255,255,.7);padding:var(--space-16) 0 var(--space-8)}
.footer__main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--space-10);margin-bottom:var(--space-12)}

/* Brand column */
.footer__brand-logo{height:32px;width:auto;margin-bottom:var(--space-4)}
.footer__brand-desc{font-size:var(--fs-sm);line-height:var(--lh-loose);margin-bottom:var(--space-5);max-width:280px;color:rgba(255,255,255,.6)}
.footer__badge{height:48px;width:auto;margin-bottom:var(--space-5);opacity:.85}

/* Socials */
.footer__socials{display:flex;gap:var(--space-3);margin-top:var(--space-5)}
.footer__social-link{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);transition:all var(--duration) var(--ease)}
.footer__social-link:hover{background:var(--color-primary);color:#fff}
.footer__social-link svg{width:14px;height:14px}

/* Column titles */
.footer__col-title{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:#fff;margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:.04em}

/* Link lists */
.footer__links{list-style:none;padding:0;margin:0}
.footer__links li{margin-bottom:var(--space-3)}
.footer__link{font-size:var(--fs-sm);color:rgba(255,255,255,.6);transition:color var(--duration) var(--ease)}
.footer__link:hover{color:var(--color-accent)}

/* Contact items */
.footer__contact-item{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--fs-sm)}
.footer__contact-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:1px;opacity:.6}
.footer__contact-icon img{width:16px;height:16px;filter:brightness(0) invert(1);opacity:.6}
.footer__contact-text{color:rgba(255,255,255,.6);line-height:var(--lh-normal)}

/* Bottom bar */
.footer__bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}
.footer__copyright{font-size:var(--fs-xs);color:rgba(255,255,255,.4)}
.footer__bottom-links{display:flex;gap:var(--space-6)}
.footer__bottom-link{font-size:var(--fs-xs);color:rgba(255,255,255,.4);transition:color var(--duration) var(--ease)}
.footer__bottom-link:hover{color:rgba(255,255,255,.7)}


/* ============================================================
   22. PAGE HERO — Inner Pages
============================================================ */
.page-hero{
  position:relative;
  background:var(--color-dark);
  padding:calc(var(--space-24) + 100px) 0 var(--space-20);
  overflow:hidden;
  text-align:center;
}
.page-hero__gradient-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(120px);
  opacity:.18;
  pointer-events:none;
}
.page-hero__gradient-orb--1{
  width:600px;height:600px;
  background:var(--color-primary);
  top:-200px;left:-150px;
}
.page-hero__gradient-orb--2{
  width:500px;height:500px;
  background:var(--color-accent);
  bottom:-200px;right:-100px;
}
.page-hero__grid-bg{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
}
.page-hero__content{position:relative;z-index:2;max-width:780px;margin:0 auto}
.page-hero__breadcrumb{
  display:flex;align-items:center;justify-content:center;gap:var(--space-2);
  font-size:var(--fs-sm);color:rgba(255,255,255,.5);margin-bottom:var(--space-6);
}
.page-hero__breadcrumb a{color:rgba(255,255,255,.5);transition:color var(--duration) var(--ease)}
.page-hero__breadcrumb a:hover{color:var(--color-accent)}
.page-hero__breadcrumb svg{opacity:.4}
.page-hero__title{
  font-family:var(--ff-heading);font-size:var(--fs-5xl);font-weight:800;
  line-height:1.1;color:#fff;margin-bottom:var(--space-6);
}
.page-hero__subtitle{
  font-size:var(--fs-lg);line-height:var(--lh-relaxed);
  color:rgba(255,255,255,.65);margin-bottom:var(--space-10);max-width:660px;margin-left:auto;margin-right:auto;
}
.page-hero__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}


/* ============================================================
   23. CAPABILITIES PAGE — Pillars, Details, Stats
============================================================ */

/* --- Pillars Overview --- */
.cap-pillars{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);
  margin-top:var(--space-16);
}
.cap-pillar{
  background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);
  padding:var(--space-10);text-align:left;
  transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);
}
.cap-pillar:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}
.cap-pillar__icon{
  width:56px;height:56px;border-radius:var(--radius-lg);
  display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);
}
.cap-pillar__icon--green{background:#dcfce7;color:#16a34a}
.cap-pillar__icon--blue{background:#dbeafe;color:#2563eb}
.cap-pillar__icon--purple{background:#ede9fe;color:#7c3aed}
.cap-pillar__title{
  font-family:var(--ff-heading);font-size:var(--fs-xl);font-weight:700;
  color:var(--color-heading);margin-bottom:var(--space-3);
}
.cap-pillar__text{font-size:var(--fs-base);color:var(--color-body);line-height:var(--lh-relaxed);margin-bottom:var(--space-6)}
.cap-pillar__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}
.cap-pillar__links li{}
.cap-pillar__links a{
  display:inline-flex;align-items:center;gap:var(--space-2);
  font-size:var(--fs-sm);font-weight:500;color:var(--color-primary);
  transition:color var(--duration) var(--ease);
}
.cap-pillar__links a::before{
  content:"→";font-size:12px;
}
.cap-pillar__links a:hover{color:var(--color-primary-dark)}


/* --- Capability Detail Sections --- */
.cap-detail{position:relative}
.cap-detail--alt{background:var(--color-surface)}
.cap-detail__inner{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;
}
.cap-detail__inner--reverse{direction:rtl}
.cap-detail__inner--reverse > *{direction:ltr}
.cap-detail__content{}
.cap-detail__title{
  font-family:var(--ff-heading);font-size:var(--fs-3xl);font-weight:700;
  color:var(--color-heading);margin:var(--space-4) 0 var(--space-4);line-height:1.15;
}
.cap-detail__text{
  font-size:var(--fs-base);color:var(--color-body);line-height:var(--lh-relaxed);
  margin-bottom:var(--space-8);
}

/* Features list */
.cap-detail__features{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}
.cap-feature{display:flex;gap:var(--space-4);align-items:flex-start}
.cap-feature__icon{
  flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);
  background:var(--color-primary-light);color:var(--color-primary);
  display:flex;align-items:center;justify-content:center;
}
.cap-feature__title{font-weight:600;font-size:var(--fs-base);color:var(--color-heading);margin-bottom:2px}
.cap-feature__desc{font-size:var(--fs-sm);color:var(--color-muted);line-height:var(--lh-relaxed)}

/* Tools row */
.cap-detail__tools{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.cap-detail__tool-label{font-size:var(--fs-xs);color:var(--color-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.cap-detail__tools-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}

/* Stats visual */
.cap-detail__visual{}
.cap-detail__stats-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);
}
.cap-stat{
  background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);
  padding:var(--space-8);text-align:center;
  transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);
}
.cap-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.cap-stat__num{
  font-family:var(--ff-heading);font-size:var(--fs-3xl);font-weight:800;
  color:var(--color-primary);line-height:1;margin-bottom:var(--space-2);
}
.cap-stat__label{font-size:var(--fs-sm);color:var(--color-muted);font-weight:500}

/* Alt section stat cards */
.cap-detail--alt .cap-stat{background:var(--color-surface);border-color:var(--color-border)}


/* ============================================================
   23b. INDUSTRIES PAGE — Overview Grid, Detail, Approach
============================================================ */

/* --- Industry Overview Card Grid --- */
.ind-overview{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);
}
.ind-overview__card{
  display:flex;flex-direction:column;align-items:flex-start;
  padding:var(--space-8);
  background:var(--color-white);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  transition:all var(--duration) var(--ease);
  text-decoration:none;
  position:relative;
  overflow:hidden;
}
.ind-overview__card:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-lg);
  transform:translateY(-6px);
}
.ind-overview__icon{
  width:52px;height:52px;border-radius:var(--radius-lg);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:var(--space-5);
  transition:transform var(--duration) var(--ease);
}
.ind-overview__card:hover .ind-overview__icon{transform:scale(1.1)}
.ind-overview__icon--amber{background:#fff7ed;color:#ea580c}
.ind-overview__icon--blue{background:#eff6ff;color:#2563eb}
.ind-overview__icon--rose{background:#fff1f2;color:#e11d48}
.ind-overview__icon--purple{background:#f5f3ff;color:#7c3aed}
.ind-overview__icon--green{background:#f0fdf4;color:#16a34a}
.ind-overview__icon--teal{background:#f0fdfa;color:#0d9488}
.ind-overview__icon--orange{background:#fff7ed;color:#ea580c}
.ind-overview__icon--indigo{background:#eef2ff;color:#4f46e5}
.ind-overview__icon--pink{background:#fdf2f8;color:#ec4899}
.ind-overview__icon--cyan{background:#ecfeff;color:#06b6d4}
.ind-overview__icon--red{background:#fef2f2;color:#dc2626}
.ind-overview__icon--emerald{background:#ecfdf5;color:#059669}
.ind-overview__icon--slate{background:#f1f5f9;color:#475569}
.ind-overview__icon--violet{background:#f5f3ff;color:#8b5cf6}
.ind-overview__icon--lime{background:#f7fee7;color:#65a30d}
.ind-overview__title{
  font-family:var(--font-heading);font-size:var(--fs-lg);
  font-weight:var(--fw-bold);color:var(--color-heading);
  margin-bottom:var(--space-2);
}
.ind-overview__desc{
  font-size:var(--fs-sm);color:var(--color-gray);
  line-height:var(--lh-normal);flex-grow:1;
  margin-bottom:var(--space-4);
}
.ind-overview__arrow{
  font-size:var(--fs-lg);color:var(--color-primary);
  font-weight:var(--fw-bold);
  transition:transform var(--duration) var(--ease);
}
.ind-overview__card:hover .ind-overview__arrow{transform:translateX(6px)}

/* --- Industry Detail Sections (reuses cap-detail patterns) --- */
.ind-detail{}
.ind-detail--alt{background:var(--color-gray-light)}

/* --- Industry Approach (4-step methodology) --- */
.ind-approach__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);
}
.ind-approach__step{
  background:var(--color-white);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  padding:var(--space-8);
  text-align:left;
  position:relative;
  transition:all var(--duration) var(--ease);
}
.ind-approach__step:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-lg);
  transform:translateY(-4px);
}
.ind-approach__num{
  font-family:var(--font-heading);font-size:var(--fs-4xl);
  font-weight:var(--fw-extrabold);
  background:linear-gradient(135deg,var(--color-primary),var(--color-accent));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  line-height:1;margin-bottom:var(--space-5);
}
.ind-approach__title{
  font-family:var(--font-heading);font-size:var(--fs-lg);
  font-weight:var(--fw-bold);color:var(--color-heading);
  margin-bottom:var(--space-3);
}
.ind-approach__text{
  font-size:var(--fs-sm);color:var(--color-gray);
  line-height:var(--lh-normal);
}

/* --- Dark theme overrides for industries page --- */
.dark-theme .ind-overview__card{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.06);
}
.dark-theme .ind-overview__card:hover{
  border-color:rgba(34,197,94,.2);
  background:rgba(255,255,255,.05);
}
.dark-theme .ind-overview__title{color:#fff}
.dark-theme .ind-overview__desc{color:rgba(255,255,255,.45)}
.dark-theme .ind-overview__arrow{color:var(--color-accent)}

.dark-theme .ind-detail--alt{background:rgba(255,255,255,.02)}

.dark-theme .ind-approach__step{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.06);
}
.dark-theme .ind-approach__step:hover{
  border-color:rgba(34,197,94,.2);
  background:rgba(255,255,255,.05);
}
.dark-theme .ind-approach__title{color:#fff}
.dark-theme .ind-approach__text{color:rgba(255,255,255,.45)}


/* ============================================================
   23c. INSIGHTS PAGE — Featured, Blog, Guides, Cases, Newsletter
============================================================ */

/* Tag badges */
.ins-tag{display:inline-block;padding:2px 10px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-full);letter-spacing:.02em}
.ins-tag--green{background:#f0fdf4;color:#16a34a}
.ins-tag--blue{background:#eff6ff;color:#2563eb}
.ins-tag--purple{background:#f5f3ff;color:#7c3aed}
.ins-tag--amber{background:#fff7ed;color:#ea580c}
.ins-tag--rose{background:#fdf2f8;color:#ec4899}
.ins-tag--teal{background:#f0fdfa;color:#0d9488}

/* Meta */
.ins-meta__sep{color:var(--color-gray);margin:0 var(--space-2)}
.ins-meta__date{font-size:var(--fs-xs);color:var(--color-gray)}
.ins-meta__read{font-size:var(--fs-xs);color:var(--color-gray)}

/* ---- Featured Card ---- */
.ins-featured__card{
  position:relative;
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  padding:var(--space-10);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.ins-featured__badge{
  position:absolute;top:var(--space-5);right:var(--space-5);
  padding:var(--space-1) var(--space-4);
  background:var(--color-primary);color:#fff;
  font-size:var(--fs-xs);font-weight:var(--fw-semibold);
  border-radius:var(--radius-full);
}
.ins-featured__inner{display:grid;grid-template-columns:1fr 320px;gap:var(--space-10);align-items:center}
.ins-featured__meta{display:flex;align-items:center;gap:0;margin-bottom:var(--space-4);flex-wrap:wrap}
.ins-featured__title{font-size:var(--fs-2xl);line-height:1.2;margin-bottom:var(--space-4);color:var(--color-heading)}
.ins-featured__text{font-size:var(--fs-base);color:var(--color-gray);line-height:var(--lh-loose);margin-bottom:var(--space-6)}
.ins-featured__visual{display:flex;justify-content:center;align-items:center}
.ins-featured__icon-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);
}
.ins-featured__icon-item{
  width:80px;height:80px;
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--radius-md);
  transition:transform var(--duration) var(--ease);
}
.ins-featured__icon-item:hover{transform:scale(1.08)}

/* ---- Blog Grid ---- */
.ins-blog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--space-8);
}
.ins-article{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:all var(--duration) var(--ease);
  display:flex;flex-direction:column;
}
.ins-article:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
  border-color:var(--color-primary);
}
.ins-article__img{overflow:hidden}
.ins-article__img-placeholder{
  height:180px;
  display:flex;align-items:center;justify-content:center;
  transition:transform var(--duration) var(--ease);
}
.ins-article:hover .ins-article__img-placeholder{transform:scale(1.03)}
.ins-article__body{padding:var(--space-6);display:flex;flex-direction:column;flex:1}
.ins-article__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}
.ins-article__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--color-heading);line-height:1.3;margin-bottom:var(--space-3)}
.ins-article__excerpt{font-size:var(--fs-sm);color:var(--color-gray);line-height:var(--lh-loose);margin-bottom:var(--space-4);flex:1}
.ins-article__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--color-border)}
.ins-article__link{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary);transition:all var(--duration) var(--ease)}
.ins-article__link:hover{color:var(--color-primary-dark)}

/* ---- Guides Grid ---- */
.ins-guides-section{background:var(--color-gray-light)}
.ins-guides-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:var(--space-8);
}
.ins-guide{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  padding:var(--space-8);
  transition:all var(--duration) var(--ease);
}
.ins-guide:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
  border-color:var(--color-primary);
}
.ins-guide__icon{
  width:56px;height:56px;
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--radius-md);
  margin-bottom:var(--space-4);
}
.ins-guide__icon--green{background:#f0fdf4;color:#16a34a}
.ins-guide__icon--blue{background:#eff6ff;color:#2563eb}
.ins-guide__icon--purple{background:#f5f3ff;color:#7c3aed}
.ins-guide__icon--amber{background:#fff7ed;color:#ea580c}
.ins-guide__type{display:inline-block;font-size:var(--fs-xs);color:var(--color-gray);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}
.ins-guide__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--space-3);line-height:1.3}
.ins-guide__text{font-size:var(--fs-sm);color:var(--color-gray);line-height:var(--lh-loose);margin-bottom:var(--space-5)}
.ins-guide__tools{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}
.btn--sm{padding:var(--space-2) var(--space-5);font-size:var(--fs-xs)}

/* ---- Case Studies Grid ---- */
.ins-cases-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:var(--space-8);
}
.ins-case{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  padding:var(--space-8);
  transition:all var(--duration) var(--ease);
}
.ins-case:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
  border-color:var(--color-primary);
}
.ins-case__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}
.ins-case__client{font-size:var(--fs-xs);color:var(--color-gray);font-weight:var(--fw-medium)}
.ins-case__title{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--space-3);line-height:1.3}
.ins-case__text{font-size:var(--fs-sm);color:var(--color-gray);line-height:var(--lh-loose);margin-bottom:var(--space-6)}
.ins-case__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-5);background:var(--color-gray-light);border-radius:var(--radius-md)}
.ins-case__metric{text-align:center}
.ins-case__metric-num{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-primary);line-height:1.2}
.ins-case__metric-label{font-size:var(--fs-xs);color:var(--color-gray);margin-top:2px}
.ins-case__tools{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}
.ins-case__link{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary);transition:all var(--duration) var(--ease)}
.ins-case__link:hover{color:var(--color-primary-dark)}

/* ---- Newsletter Section ---- */
.ins-newsletter-section{background:var(--color-gray-light)}
.ins-newsletter{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-12);
  align-items:center;
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  padding:var(--space-10);
}
.ins-newsletter__title{font-size:var(--fs-2xl);color:var(--color-heading);margin-bottom:var(--space-3);line-height:1.2}
.ins-newsletter__text{font-size:var(--fs-sm);color:var(--color-gray);line-height:var(--lh-loose)}
.ins-newsletter__form{display:flex;gap:var(--space-3)}
.ins-newsletter__input{
  flex:1;
  padding:var(--space-3) var(--space-5);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  font-size:var(--fs-sm);
  background:#fff;
  color:var(--color-heading);
  transition:all var(--duration) var(--ease);
}
.ins-newsletter__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(26,127,60,.1)}
.ins-newsletter__input::placeholder{color:var(--color-gray)}
.ins-newsletter__note{font-size:var(--fs-xs);color:var(--color-gray);margin-top:var(--space-3)}


/* ============================================================
   23d. CONTACT PAGE — Info Cards, Form, Office, FAQ
============================================================ */

/* ---- Contact Info Cards ---- */
.ct-info-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--space-6);
}
.ct-info-card{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  padding:var(--space-8);
  text-align:center;
  transition:all var(--duration) var(--ease);
}
.ct-info-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
  border-color:var(--color-primary);
}
.ct-info-card__icon{
  width:56px;height:56px;
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--radius-lg);
  margin:0 auto var(--space-5);
}
.ct-info-card__icon--green{background:#f0fdf4;color:#16a34a}
.ct-info-card__icon--blue{background:#eff6ff;color:#2563eb}
.ct-info-card__icon--purple{background:#f5f3ff;color:#7c3aed}
.ct-info-card__icon--amber{background:#fff7ed;color:#ea580c}
.ct-info-card__title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--space-3)}
.ct-info-card__text{font-size:var(--fs-sm);color:var(--color-gray);line-height:var(--lh-loose);margin-bottom:var(--space-4)}
.ct-info-card__link{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-primary);transition:color var(--duration) var(--ease)}
.ct-info-card__link:hover{color:var(--color-primary-dark)}
.ct-info-card__highlight{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--color-primary)}

/* ---- Contact Form Section ---- */
.ct-form-section{background:var(--color-gray-light)}
.ct-form-layout{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:var(--space-10);
  align-items:start;
}
.ct-form-card{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  padding:var(--space-10);
}
.ct-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.ct-form__group{margin-bottom:var(--space-5)}
.ct-form__label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-heading);margin-bottom:var(--space-2)}
.ct-form__req{color:#ef4444}
.ct-form__input,
.ct-form__select,
.ct-form__textarea{
  width:100%;
  padding:var(--space-3) var(--space-4);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  font-size:var(--fs-sm);
  font-family:var(--font-primary);
  color:var(--color-heading);
  background:#fff;
  transition:all var(--duration) var(--ease);
}
.ct-form__input:focus,
.ct-form__select:focus,
.ct-form__textarea:focus{
  outline:none;
  border-color:var(--color-primary);
  box-shadow:0 0 0 3px rgba(26,127,60,.1);
}
.ct-form__input::placeholder,
.ct-form__textarea::placeholder{color:var(--color-gray)}
.ct-form__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:var(--space-10)}
.ct-form__textarea{resize:vertical;min-height:120px}
.ct-form__submit{width:100%;margin-top:var(--space-2)}
.ct-form__note{font-size:var(--fs-xs);color:var(--color-gray);margin-top:var(--space-4);text-align:center}

/* ---- Sidebar ---- */
.ct-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}
.ct-sidebar__card{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  padding:var(--space-6);
}
.ct-sidebar__card--highlight{
  background:linear-gradient(135deg,var(--color-primary),#15803d);
  border-color:var(--color-primary);
  color:#fff;
}
.ct-sidebar__title{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--space-5)}
.ct-sidebar__card--highlight .ct-sidebar__title{color:#fff}
.ct-sidebar__text{font-size:var(--fs-sm);color:var(--color-gray);line-height:var(--lh-loose);margin-bottom:var(--space-4)}

/* Steps */
.ct-sidebar__steps{display:flex;flex-direction:column;gap:var(--space-4)}
.ct-sidebar__step{display:flex;gap:var(--space-3);align-items:flex-start}
.ct-sidebar__step-num{
  width:28px;height:28px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--color-primary-light);color:var(--color-primary);
  font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold);
  border-radius:50%;
}
.ct-sidebar__step-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-heading);margin-bottom:2px}
.ct-sidebar__step-text{font-size:var(--fs-xs);color:var(--color-gray);line-height:var(--lh-loose)}

/* Stats */
.ct-sidebar__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.ct-sidebar__stat{text-align:center}
.ct-sidebar__stat-num{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:#fff;line-height:1.2}
.ct-sidebar__stat-label{font-size:var(--fs-xs);color:rgba(255,255,255,.7);margin-top:2px}

/* Direct links */
.ct-sidebar__direct-links{display:flex;flex-direction:column;gap:var(--space-3)}
.ct-sidebar__direct-link{
  display:flex;align-items:center;gap:var(--space-3);
  padding:var(--space-3) var(--space-4);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  font-size:var(--fs-sm);font-weight:var(--fw-medium);
  color:var(--color-heading);
  transition:all var(--duration) var(--ease);
}
.ct-sidebar__direct-link svg{flex-shrink:0;color:var(--color-primary)}
.ct-sidebar__direct-link:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}

/* ---- Office Section ---- */
.ct-office{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:0;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:#fff;
}
.ct-office__map{min-height:380px;background:var(--color-gray-light)}
.ct-office__map iframe{width:100%;height:100%;display:block}
.ct-office__details{padding:var(--space-8);display:flex;flex-direction:column;justify-content:center;gap:var(--space-6)}
.ct-office__detail-item{display:flex;gap:var(--space-4);align-items:flex-start}
.ct-office__detail-icon{
  width:44px;height:44px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--color-primary-light);color:var(--color-primary);
  border-radius:var(--radius-md);
}
.ct-office__detail-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-heading);margin-bottom:2px}
.ct-office__detail-text{font-size:var(--fs-sm);color:var(--color-gray);line-height:var(--lh-loose)}

/* ---- FAQ ---- */
.ct-faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}
.ct-faq{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  overflow:hidden;
  transition:all var(--duration) var(--ease);
}
.ct-faq[open]{border-color:var(--color-primary);box-shadow:0 2px 12px rgba(26,127,60,.08)}
.ct-faq__question{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  padding:var(--space-5) var(--space-6);
  cursor:pointer;
  font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-heading);
  list-style:none;
  transition:color var(--duration) var(--ease);
}
.ct-faq__question::-webkit-details-marker{display:none}
.ct-faq__question:hover{color:var(--color-primary)}
.ct-faq__chevron{
  flex-shrink:0;
  transition:transform var(--duration) var(--ease);
  color:var(--color-gray);
}
.ct-faq[open] .ct-faq__chevron{transform:rotate(180deg);color:var(--color-primary)}
.ct-faq__answer{
  padding:0 var(--space-6) var(--space-5);
  font-size:var(--fs-sm);
  color:var(--color-gray);
  line-height:var(--lh-loose);
}
.ct-faq__answer a{color:var(--color-primary);font-weight:var(--fw-semibold)}
.ct-faq__answer a:hover{text-decoration:underline}


/* ============================================================
   24. ANIMATIONS & SCROLL REVEAL
============================================================ */
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes softPulse{0%,100%{opacity:1}50%{opacity:.85}}
@keyframes connectorPulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Scroll reveal */
[data-reveal]{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal="left"]{transform:translateX(-30px)}
[data-reveal="right"]{transform:translateX(30px)}
[data-reveal]:not([data-reveal="left"]):not([data-reveal="right"]){transform:translateY(30px)}
[data-reveal].revealed{opacity:1;transform:translate(0)}


/* ============================================================
   25. DARK THEME — Full dark version overrides
   Applied via <body class="dark-theme">
============================================================ */

/* --- Base --- */
.dark-theme{
  background:#050810;
  color:rgba(255,255,255,.7);
  position:relative;
  overflow-x:hidden;
}

/* Full-page animated gradient mesh */
.dark-theme::before{
  content:'';
  position:fixed;inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 80% 50% at 20% 20%, rgba(26,127,60,.12) 0%, transparent 60%),
    radial-gradient(ellipse 60% 60% at 80% 10%, rgba(99,102,241,.08) 0%, transparent 50%),
    radial-gradient(ellipse 70% 50% at 60% 90%, rgba(34,197,94,.08) 0%, transparent 50%),
    radial-gradient(ellipse 50% 40% at 10% 80%, rgba(139,92,246,.06) 0%, transparent 50%);
  animation:darkMeshShift 20s ease-in-out infinite alternate;
}

/* Floating ambient orbs (placed via HTML) */
.dark-theme .dark-orb{
  position:fixed;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  filter:blur(100px);
  will-change:transform,opacity;
}
.dark-orb--1{
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(26,127,60,.18),transparent 70%);
  top:-10%;left:-5%;
  animation:orbFloat1 25s ease-in-out infinite alternate;
}
.dark-orb--2{
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(99,102,241,.12),transparent 70%);
  top:30%;right:-10%;
  animation:orbFloat2 30s ease-in-out infinite alternate;
}
.dark-orb--3{
  width:450px;height:450px;
  background:radial-gradient(circle,rgba(34,197,94,.1),transparent 70%);
  bottom:-5%;left:25%;
  animation:orbFloat3 22s ease-in-out infinite alternate;
}
.dark-orb--4{
  width:350px;height:350px;
  background:radial-gradient(circle,rgba(139,92,246,.08),transparent 70%);
  top:60%;left:-8%;
  animation:orbFloat4 28s ease-in-out infinite alternate;
}

/* Ambient animation keyframes */
@keyframes darkMeshShift{
  0%{opacity:.7;transform:scale(1) rotate(0deg)}
  33%{opacity:1;transform:scale(1.05) rotate(.5deg)}
  66%{opacity:.8;transform:scale(.98) rotate(-.3deg)}
  100%{opacity:.9;transform:scale(1.02) rotate(.2deg)}
}
@keyframes orbFloat1{
  0%{transform:translate(0,0) scale(1);opacity:.7}
  50%{transform:translate(80px,60px) scale(1.15);opacity:1}
  100%{transform:translate(-40px,30px) scale(.95);opacity:.6}
}
@keyframes orbFloat2{
  0%{transform:translate(0,0) scale(1);opacity:.5}
  50%{transform:translate(-60px,80px) scale(1.1);opacity:.8}
  100%{transform:translate(30px,-40px) scale(.9);opacity:.6}
}
@keyframes orbFloat3{
  0%{transform:translate(0,0) scale(1);opacity:.6}
  50%{transform:translate(50px,-50px) scale(1.2);opacity:.9}
  100%{transform:translate(-30px,20px) scale(.95);opacity:.5}
}
@keyframes orbFloat4{
  0%{transform:translate(0,0) scale(1);opacity:.4}
  50%{transform:translate(-40px,-60px) scale(1.1);opacity:.7}
  100%{transform:translate(60px,40px) scale(.95);opacity:.5}
}

/* Ensure all content sits above the fixed gradient layer */
.dark-theme .topbar{position:relative;z-index:9999}
.dark-theme .header{position:fixed;z-index:999}
.dark-theme main,
.dark-theme .footer{position:relative;z-index:1}

/* Subtle animated grain texture overlay */
.dark-theme main::before{
  content:'';
  position:fixed;inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* --- Topbar --- */
.dark-theme .topbar{background:rgba(5,8,16,.85);border-bottom:1px solid rgba(255,255,255,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

/* --- Header --- */
.dark-theme .header{
  background:rgba(8,12,24,.92);
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.dark-theme .header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.4)}
.dark-theme .navbar__link{color:rgba(255,255,255,.7)}
.dark-theme .navbar__link:hover,
.dark-theme .navbar__link.active{color:var(--color-accent);background:rgba(34,197,94,.08)}
.dark-theme .navbar__chevron{color:rgba(255,255,255,.4)}
.dark-theme .navbar__phone{color:rgba(255,255,255,.7)}
.dark-theme .navbar__phone:hover{background:rgba(34,197,94,.1);color:var(--color-accent)}
.dark-theme .navbar__hamburger span{background:rgba(255,255,255,.8)}

/* Header dropdowns */
.dark-theme .navbar__dropdown{background:#0f1424;border-color:rgba(255,255,255,.08);box-shadow:0 12px 40px rgba(0,0,0,.5)}
.dark-theme .navbar__dropdown-item:hover{background:rgba(34,197,94,.08)}
.dark-theme .navbar__dropdown-icon{background:rgba(255,255,255,.06);color:rgba(255,255,255,.4)}
.dark-theme .navbar__dropdown-item:hover .navbar__dropdown-icon{color:var(--color-accent)}
.dark-theme .navbar__dropdown-link{color:rgba(255,255,255,.85)}
.dark-theme .navbar__dropdown-link small{color:rgba(255,255,255,.4)}
.dark-theme .navbar__dropdown-divider{background:rgba(255,255,255,.06)}
.dark-theme .navbar__dropdown-section-label{color:rgba(255,255,255,.35)}

/* Mega menu */
.dark-theme .navbar__mega{background:#0f1424;border-color:rgba(255,255,255,.08);box-shadow:0 16px 60px rgba(0,0,0,.5)}
.dark-theme .navbar__mega-col-label{color:rgba(255,255,255,.35);border-bottom-color:rgba(255,255,255,.06)}
.dark-theme .navbar__mega-item:hover{background:rgba(34,197,94,.08)}
.dark-theme .navbar__mega-icon{background:rgba(255,255,255,.06)}
.dark-theme .navbar__mega-title{color:rgba(255,255,255,.9)}
.dark-theme .navbar__mega-desc{color:rgba(255,255,255,.4)}
.dark-theme .navbar__mega-badge{background:rgba(34,197,94,.12);color:var(--color-accent)}
.dark-theme .navbar__mega-cta-box{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
.dark-theme .navbar__mega-cta-text{color:rgba(255,255,255,.4)}

/* --- Section utilities --- */
.dark-theme .section__tag{background:rgba(34,197,94,.1);color:var(--color-accent);border:1px solid rgba(34,197,94,.15)}
.dark-theme .section__title{color:#fff}
.dark-theme .section__subtitle{color:rgba(255,255,255,.5)}

/* --- Partner Strip --- */
.dark-theme .partner-strip{background:linear-gradient(135deg,rgba(26,127,60,.08),rgba(5,8,16,.6));border-bottom:1px solid rgba(34,197,94,.08);backdrop-filter:blur(8px)}
.dark-theme .partner-strip__title{color:var(--color-accent)}
.dark-theme .partner-strip__sub{color:rgba(255,255,255,.45)}
.dark-theme .partner-strip__divider{background:rgba(255,255,255,.1)}
.dark-theme .partner-strip__stat-num{color:var(--color-accent)}
.dark-theme .partner-strip__stat-label{color:rgba(255,255,255,.45)}
.dark-theme .partner-strip__cta{color:var(--color-accent)}
.dark-theme .partner-strip__cta:hover{color:#6ee7b7}

/* --- Clients --- */
.dark-theme .clients{border-bottom:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,rgba(5,8,16,.3),transparent)}
.dark-theme .clients__title{color:#fff}
.dark-theme .clients__subtitle{color:rgba(255,255,255,.45)}
.dark-theme .clients__stat-num{color:var(--color-accent)}
.dark-theme .clients__stat-label{color:rgba(255,255,255,.4)}
.dark-theme .clients__stat-divider{background:rgba(255,255,255,.08)}
.dark-theme .clients__logo{filter:grayscale(100%) brightness(0) invert(1);opacity:.35}
.dark-theme .clients__logo:hover{filter:grayscale(0) brightness(1) invert(0);opacity:1}
.dark-theme .clients__logo:hover{filter:grayscale(0) brightness(1) invert(0);opacity:.85}
.dark-theme .clients__footnote{color:rgba(255,255,255,.3)}

/* --- Automation cards --- */
.dark-theme .automation{background:linear-gradient(180deg,transparent,rgba(26,127,60,.03) 50%,transparent)}
.dark-theme .auto-card{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.06);
}
.dark-theme .auto-card:hover{
  border-color:rgba(34,197,94,.2);
  box-shadow:0 8px 40px rgba(0,0,0,.3);
  background:rgba(255,255,255,.05);
}
.dark-theme .auto-card__title{color:#fff}
.dark-theme .auto-card__text{color:rgba(255,255,255,.5)}
.dark-theme .auto-card__list li{color:rgba(255,255,255,.6)}
.dark-theme .auto-card__list li::before{color:var(--color-accent)}
.dark-theme .auto-card__tool{background:rgba(255,255,255,.06);color:rgba(255,255,255,.5)}
.dark-theme .auto-card__icon-wrap--blue{background:rgba(59,130,246,.12);color:#60a5fa}
.dark-theme .auto-card__icon-wrap--green{background:rgba(34,197,94,.12);color:#4ade80}
.dark-theme .auto-card__icon-wrap--purple{background:rgba(139,92,246,.12);color:#a78bfa}
.dark-theme .auto-card__icon-wrap--red{background:rgba(239,68,68,.12);color:#f87171}
.dark-theme .auto-card__icon-wrap--amber{background:rgba(245,158,11,.12);color:#fbbf24}

/* highlight card stays similar */
.dark-theme .auto-card--highlight{background:rgba(255,255,255,.05);border-color:rgba(34,197,94,.12)}
.dark-theme .auto-card--highlight:hover{border-color:rgba(34,197,94,.3);box-shadow:0 8px 40px rgba(0,0,0,.4)}

/* --- Process Timeline --- */
.dark-theme .process{background:linear-gradient(135deg,rgba(99,102,241,.03),rgba(26,127,60,.04),rgba(139,92,246,.02))}
.dark-theme .process-step__num{color:rgba(34,197,94,.15)}
.dark-theme .process-step__connector{background:linear-gradient(90deg,rgba(34,197,94,.15),rgba(255,255,255,.04))}
.dark-theme .process-step__icon{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.08);
  color:var(--color-accent);
}
.dark-theme .process-step:hover .process-step__icon{
  background:var(--color-primary);color:#fff;border-color:var(--color-primary);
  box-shadow:0 4px 20px rgba(34,197,94,.3);
}
.dark-theme .process-step__title{color:#fff}
.dark-theme .process-step__text{color:rgba(255,255,255,.45)}
.dark-theme .process-step__duration{background:rgba(34,197,94,.1);color:var(--color-accent)}

/* --- Zoho Ecosystem --- */
.dark-theme .zoho-ecosystem{background:linear-gradient(180deg,transparent,rgba(99,102,241,.02) 50%,transparent)}
.dark-theme .zoho-product{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.06);
}
.dark-theme .zoho-product:hover{
  border-color:rgba(34,197,94,.2);
  box-shadow:0 4px 24px rgba(0,0,0,.3);
  background:rgba(255,255,255,.05);
}
.dark-theme .zoho-product__name{color:#fff}
.dark-theme .zoho-product__desc{color:rgba(255,255,255,.4)}
.dark-theme .zoho-product__icon{opacity:.9}
/* Make icon backgrounds semi-transparent on dark */
.dark-theme .zoho-product__icon[style]{background-color:transparent!important}
.dark-theme .zoho-product--cta{background:linear-gradient(135deg,var(--color-primary),#15803d);border-color:var(--color-primary)}
.dark-theme .zoho-product--cta:hover{box-shadow:0 8px 30px rgba(34,197,94,.3)}

/* --- Why Choose Us (already dark, but slight tweak) --- */
.dark-theme .why-us{background:linear-gradient(135deg,#040712,rgba(26,127,60,.06),#060a14)}
.dark-theme .why-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.dark-theme .why-card:hover{background:rgba(255,255,255,.06);border-color:rgba(34,197,94,.2)}

/* --- Industry Verticals --- */
.dark-theme .verticals{background:linear-gradient(180deg,transparent,rgba(34,197,94,.02) 50%,transparent)}
.dark-theme .vertical-card{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.06);
}
.dark-theme .vertical-card:hover{
  border-color:rgba(34,197,94,.2);
  box-shadow:0 8px 40px rgba(0,0,0,.3);
  background:rgba(255,255,255,.05);
}
.dark-theme .vertical-card__icon{background:rgba(34,197,94,.1);color:var(--color-accent)}
.dark-theme .vertical-card__title{color:#fff}
.dark-theme .vertical-card__text{color:rgba(255,255,255,.45)}
.dark-theme .vertical-card__usecases li{color:rgba(255,255,255,.55)}
.dark-theme .vertical-card__usecases li::before{color:var(--color-accent)}
.dark-theme .vertical-card__link{color:var(--color-accent)}
.dark-theme .vertical-card__link:hover{color:#6ee7b7}

/* --- Solution Configurator --- */
.dark-theme .configurator{background:linear-gradient(135deg,rgba(139,92,246,.02),rgba(26,127,60,.03),rgba(99,102,241,.02))}
.dark-theme .configurator__wizard{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);box-shadow:0 8px 40px rgba(0,0,0,.3)}
.dark-theme .wizard__progress{background:rgba(255,255,255,.06)}
.dark-theme .wizard__question{color:#fff}
.dark-theme .wizard-opt{
  border-color:rgba(255,255,255,.08);
  color:rgba(255,255,255,.8);
  background:transparent;
}
.dark-theme .wizard-opt:hover{
  border-color:rgba(34,197,94,.3);
  background:rgba(34,197,94,.08);
  color:var(--color-accent);
}
.dark-theme .wizard-opt__icon{background:rgba(255,255,255,.06);color:rgba(255,255,255,.5)}
.dark-theme .wizard-opt:hover .wizard-opt__icon{background:rgba(34,197,94,.12);color:var(--color-accent)}
.dark-theme .wizard__result-icon{background:rgba(34,197,94,.12);color:var(--color-accent)}
.dark-theme .wizard__result-title{color:#fff}
.dark-theme .wizard__result-rec{color:rgba(255,255,255,.5)}
.dark-theme .wizard-restart{color:var(--color-accent)}

/* --- Impact Stats (already dark, slight tweak) --- */
.dark-theme .impact{background:linear-gradient(135deg,#040712,rgba(26,127,60,.08),#0c1020,rgba(99,102,241,.05))}

/* --- Testimonials --- */
.dark-theme .testimonials{background:linear-gradient(180deg,transparent,rgba(34,197,94,.02) 50%,transparent)}
.dark-theme .testimonial-card{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.06);
}
.dark-theme .testimonial-card__quote{color:rgba(255,255,255,.7)}
.dark-theme .testimonial-card.is-active .testimonial-card__quote{color:#fff}
.dark-theme .testimonial-card.is-active .testimonial-card__name{color:#fff}
.dark-theme .testimonial-card__name{color:#fff}
.dark-theme .testimonial-card__role{color:rgba(255,255,255,.4)}
.dark-theme .testimonial-card__avatar{border:3px solid rgba(34,197,94,.3)}
.dark-theme .testimonials__arrow{
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);
  box-shadow:0 2px 12px rgba(0,0,0,.3);
}
.dark-theme .testimonials__arrow:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 20px rgba(34,197,94,.25)}
.dark-theme .testimonials__arrow:disabled{opacity:.2;background:rgba(255,255,255,.03);color:rgba(255,255,255,.3);border-color:rgba(255,255,255,.06)}
.dark-theme .testimonials__dots button{background:rgba(255,255,255,.12)}
.dark-theme .testimonials__dots button.active{background:var(--color-accent)}

/* --- Founder Section --- */
.dark-theme .founder{background:linear-gradient(135deg,rgba(5,8,16,.5),rgba(26,127,60,.04),rgba(5,8,16,.5))}
.dark-theme .founder__photo{border-color:var(--color-accent);box-shadow:0 12px 40px rgba(34,197,94,.15)}
.dark-theme .founder__photo-accent{border-color:rgba(34,197,94,.15)}
.dark-theme .founder__quote-icon{color:var(--color-accent)}
.dark-theme .founder__quote{color:#fff}
.dark-theme .founder__name{color:#fff}
.dark-theme .founder__company{color:rgba(255,255,255,.4)}

/* --- CTA Banner --- */
.dark-theme .cta-banner{background:transparent}

/* --- Newsletter --- */
.dark-theme .newsletter{background:linear-gradient(135deg,rgba(99,102,241,.02),rgba(26,127,60,.03));border-top:1px solid rgba(255,255,255,.04)}
.dark-theme .newsletter__title{color:#fff}
.dark-theme .newsletter__sub{color:rgba(255,255,255,.4)}
.dark-theme .newsletter__input{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.1);
  color:#fff;
}
.dark-theme .newsletter__input::placeholder{color:rgba(255,255,255,.3)}
.dark-theme .newsletter__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(34,197,94,.12)}

/* --- Buttons in dark context --- */
.dark-theme .btn--outline{
  color:rgba(255,255,255,.8);
  border-color:rgba(255,255,255,.15);
}
.dark-theme .btn--outline:hover{
  border-color:var(--color-accent);
  background:rgba(34,197,94,.08);
  color:var(--color-accent);
}
.dark-theme .btn--ghost{color:var(--color-accent)}
.dark-theme .btn--ghost:hover{background:rgba(34,197,94,.08)}

/* --- Footer (already dark, subtle refinement) --- */
.dark-theme .footer{background:linear-gradient(180deg,#060a14,#030508)}

/* --- Capabilities Page (Pillars, Details, Features, Stats) --- */
.dark-theme .cap-pillar{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.06);
}
.dark-theme .cap-pillar:hover{
  border-color:rgba(34,197,94,.2);
  box-shadow:0 8px 40px rgba(0,0,0,.3);
  background:rgba(255,255,255,.05);
}
.dark-theme .cap-pillar__icon--green{background:rgba(34,197,94,.12);color:#4ade80}
.dark-theme .cap-pillar__icon--blue{background:rgba(59,130,246,.12);color:#60a5fa}
.dark-theme .cap-pillar__icon--purple{background:rgba(139,92,246,.12);color:#a78bfa}
.dark-theme .cap-pillar__title{color:#fff}
.dark-theme .cap-pillar__text{color:rgba(255,255,255,.5)}
.dark-theme .cap-pillar__links a{color:var(--color-accent)}
.dark-theme .cap-pillar__links a:hover{color:#6ee7b7}

.dark-theme .cap-detail--alt{background:rgba(255,255,255,.02)}
.dark-theme .cap-detail__title{color:#fff}
.dark-theme .cap-detail__text{color:rgba(255,255,255,.5)}

.dark-theme .cap-feature__icon{background:rgba(255,255,255,.06)!important;color:var(--color-accent)!important}
.dark-theme .cap-feature__title{color:#fff}
.dark-theme .cap-feature__desc{color:rgba(255,255,255,.45)}

.dark-theme .cap-detail__tool-label{color:rgba(255,255,255,.35)}

.dark-theme .cap-stat{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.06);
}
.dark-theme .cap-stat:hover{
  border-color:rgba(34,197,94,.2);
  box-shadow:0 8px 40px rgba(0,0,0,.3);
  background:rgba(255,255,255,.05);
}
.dark-theme .cap-stat__num{color:var(--color-accent)}
.dark-theme .cap-stat__label{color:rgba(255,255,255,.45)}
.dark-theme .cap-detail--alt .cap-stat{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}

/* Industries page icon dark overrides */
.dark-theme .ind-overview__icon--amber{background:rgba(234,88,12,.12);color:#fb923c}
.dark-theme .ind-overview__icon--blue{background:rgba(59,130,246,.12);color:#60a5fa}
.dark-theme .ind-overview__icon--rose{background:rgba(225,29,72,.12);color:#fb7185}
.dark-theme .ind-overview__icon--purple{background:rgba(124,58,237,.12);color:#a78bfa}
.dark-theme .ind-overview__icon--green{background:rgba(34,197,94,.12);color:#4ade80}
.dark-theme .ind-overview__icon--teal{background:rgba(13,148,136,.12);color:#2dd4bf}
.dark-theme .ind-overview__icon--orange{background:rgba(234,88,12,.12);color:#fb923c}
.dark-theme .ind-overview__icon--indigo{background:rgba(79,70,229,.12);color:#818cf8}
.dark-theme .ind-overview__icon--pink{background:rgba(236,72,153,.12);color:#f472b6}
.dark-theme .ind-overview__icon--cyan{background:rgba(6,182,212,.12);color:#22d3ee}
.dark-theme .ind-overview__icon--red{background:rgba(220,38,38,.12);color:#f87171}
.dark-theme .ind-overview__icon--emerald{background:rgba(5,150,105,.12);color:#34d399}
.dark-theme .ind-overview__icon--slate{background:rgba(71,85,105,.12);color:#94a3b8}
.dark-theme .ind-overview__icon--violet{background:rgba(139,92,246,.12);color:#a78bfa}
.dark-theme .ind-overview__icon--lime{background:rgba(101,163,13,.12);color:#a3e635}

/* --- Insights Page --- */
.dark-theme .ins-tag--green{background:rgba(34,197,94,.12);color:#4ade80}
.dark-theme .ins-tag--blue{background:rgba(59,130,246,.12);color:#60a5fa}
.dark-theme .ins-tag--purple{background:rgba(139,92,246,.12);color:#a78bfa}
.dark-theme .ins-tag--amber{background:rgba(245,158,11,.12);color:#fbbf24}
.dark-theme .ins-tag--rose{background:rgba(236,72,153,.12);color:#f472b6}
.dark-theme .ins-tag--teal{background:rgba(13,148,136,.12);color:#2dd4bf}
.dark-theme .ins-meta__date{color:rgba(255,255,255,.4)}
.dark-theme .ins-meta__read{color:rgba(255,255,255,.4)}
.dark-theme .ins-meta__sep{color:rgba(255,255,255,.2)}

.dark-theme .ins-featured__card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);box-shadow:0 8px 40px rgba(0,0,0,.3)}
.dark-theme .ins-featured__title{color:#fff}
.dark-theme .ins-featured__text{color:rgba(255,255,255,.5)}
.dark-theme .ins-featured__icon-item{opacity:.9}

.dark-theme .ins-article{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.dark-theme .ins-article:hover{border-color:rgba(34,197,94,.2);box-shadow:0 8px 40px rgba(0,0,0,.3);background:rgba(255,255,255,.05)}
.dark-theme .ins-article__title{color:#fff}
.dark-theme .ins-article__excerpt{color:rgba(255,255,255,.5)}
.dark-theme .ins-article__footer{border-top-color:rgba(255,255,255,.06)}
.dark-theme .ins-article__link{color:var(--color-accent)}

.dark-theme .ins-guides-section{background:rgba(255,255,255,.02)}
.dark-theme .ins-guide{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.dark-theme .ins-guide:hover{border-color:rgba(34,197,94,.2);box-shadow:0 8px 40px rgba(0,0,0,.3);background:rgba(255,255,255,.05)}
.dark-theme .ins-guide__icon--green{background:rgba(34,197,94,.12);color:#4ade80}
.dark-theme .ins-guide__icon--blue{background:rgba(59,130,246,.12);color:#60a5fa}
.dark-theme .ins-guide__icon--purple{background:rgba(139,92,246,.12);color:#a78bfa}
.dark-theme .ins-guide__icon--amber{background:rgba(245,158,11,.12);color:#fbbf24}
.dark-theme .ins-guide__type{color:rgba(255,255,255,.35)}
.dark-theme .ins-guide__title{color:#fff}
.dark-theme .ins-guide__text{color:rgba(255,255,255,.5)}

.dark-theme .ins-case{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.dark-theme .ins-case:hover{border-color:rgba(34,197,94,.2);box-shadow:0 8px 40px rgba(0,0,0,.3);background:rgba(255,255,255,.05)}
.dark-theme .ins-case__client{color:rgba(255,255,255,.4)}
.dark-theme .ins-case__title{color:#fff}
.dark-theme .ins-case__text{color:rgba(255,255,255,.5)}
.dark-theme .ins-case__metrics{background:rgba(255,255,255,.04)}
.dark-theme .ins-case__metric-num{color:var(--color-accent)}
.dark-theme .ins-case__metric-label{color:rgba(255,255,255,.4)}
.dark-theme .ins-case__link{color:var(--color-accent)}

.dark-theme .ins-newsletter-section{background:rgba(255,255,255,.02)}
.dark-theme .ins-newsletter{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.dark-theme .ins-newsletter__title{color:#fff}
.dark-theme .ins-newsletter__text{color:rgba(255,255,255,.5)}
.dark-theme .ins-newsletter__input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#fff}
.dark-theme .ins-newsletter__input::placeholder{color:rgba(255,255,255,.3)}
.dark-theme .ins-newsletter__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.dark-theme .ins-newsletter__note{color:rgba(255,255,255,.35)}

/* --- Contact Page --- */
.dark-theme .ct-info-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.dark-theme .ct-info-card:hover{border-color:rgba(34,197,94,.2);box-shadow:0 8px 40px rgba(0,0,0,.3);background:rgba(255,255,255,.05)}
.dark-theme .ct-info-card__icon--green{background:rgba(34,197,94,.12);color:#4ade80}
.dark-theme .ct-info-card__icon--blue{background:rgba(59,130,246,.12);color:#60a5fa}
.dark-theme .ct-info-card__icon--purple{background:rgba(139,92,246,.12);color:#a78bfa}
.dark-theme .ct-info-card__icon--amber{background:rgba(245,158,11,.12);color:#fbbf24}
.dark-theme .ct-info-card__title{color:#fff}
.dark-theme .ct-info-card__text{color:rgba(255,255,255,.45)}
.dark-theme .ct-info-card__link{color:var(--color-accent)}
.dark-theme .ct-info-card__highlight{color:var(--color-accent)}

.dark-theme .ct-form-section{background:rgba(255,255,255,.02)}
.dark-theme .ct-form-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.dark-theme .ct-form__label{color:rgba(255,255,255,.85)}
.dark-theme .ct-form__input,
.dark-theme .ct-form__select,
.dark-theme .ct-form__textarea{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.1);
  color:#fff;
}
.dark-theme .ct-form__input::placeholder,
.dark-theme .ct-form__textarea::placeholder{color:rgba(255,255,255,.3)}
.dark-theme .ct-form__input:focus,
.dark-theme .ct-form__select:focus,
.dark-theme .ct-form__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.dark-theme .ct-form__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.dark-theme .ct-form__note{color:rgba(255,255,255,.35)}

.dark-theme .ct-sidebar__card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.dark-theme .ct-sidebar__card--highlight{background:linear-gradient(135deg,var(--color-primary),#15803d);border-color:var(--color-primary)}
.dark-theme .ct-sidebar__title{color:#fff}
.dark-theme .ct-sidebar__text{color:rgba(255,255,255,.45)}
.dark-theme .ct-sidebar__step-num{background:rgba(34,197,94,.12);color:var(--color-accent)}
.dark-theme .ct-sidebar__step-title{color:rgba(255,255,255,.9)}
.dark-theme .ct-sidebar__step-text{color:rgba(255,255,255,.4)}
.dark-theme .ct-sidebar__direct-link{border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}
.dark-theme .ct-sidebar__direct-link svg{color:var(--color-accent)}
.dark-theme .ct-sidebar__direct-link:hover{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.08);color:var(--color-accent)}

.dark-theme .ct-office{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.dark-theme .ct-office__map{background:rgba(255,255,255,.05)}
.dark-theme .ct-office__detail-icon{background:rgba(34,197,94,.12);color:var(--color-accent)}
.dark-theme .ct-office__detail-title{color:#fff}
.dark-theme .ct-office__detail-text{color:rgba(255,255,255,.45)}

.dark-theme .ct-faq{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.dark-theme .ct-faq[open]{border-color:rgba(34,197,94,.2);box-shadow:0 2px 12px rgba(34,197,94,.06)}
.dark-theme .ct-faq__question{color:rgba(255,255,255,.9)}
.dark-theme .ct-faq__question:hover{color:var(--color-accent)}
.dark-theme .ct-faq__chevron{color:rgba(255,255,255,.3)}
.dark-theme .ct-faq[open] .ct-faq__chevron{color:var(--color-accent)}
.dark-theme .ct-faq__answer{color:rgba(255,255,255,.5)}
.dark-theme .ct-faq__answer a{color:var(--color-accent)}

/* --- Global dark glow accents --- */
.dark-theme .hero__gradient-orb{opacity:.35}
.dark-theme .hero__gradient-orb--3{opacity:.2;animation:orbFloat2 18s ease-in-out infinite alternate}

/* Animated card shimmer for glass cards on hover */
.dark-theme .auto-card::before,
.dark-theme .vertical-card::before,
.dark-theme .zoho-product::before,
.dark-theme .cap-pillar::before,
.dark-theme .cap-stat::before{
  content:'';
  position:absolute;inset:0;
  border-radius:inherit;
  opacity:0;
  background:linear-gradient(135deg,transparent 40%,rgba(34,197,94,.04) 50%,transparent 60%);
  background-size:200% 200%;
  transition:opacity .4s var(--ease);
  pointer-events:none;
}
.dark-theme .auto-card:hover::before,
.dark-theme .vertical-card:hover::before,
.dark-theme .zoho-product:hover::before,
.dark-theme .cap-pillar:hover::before,
.dark-theme .cap-stat:hover::before{
  opacity:1;
  animation:cardShimmer 2s linear infinite;
}
.dark-theme .auto-card,
.dark-theme .vertical-card,
.dark-theme .zoho-product,
.dark-theme .cap-pillar,
.dark-theme .cap-stat{
  position:relative;overflow:hidden;
}

@keyframes cardShimmer{
  0%{background-position:200% 200%}
  100%{background-position:-200% -200%}
}

/* --- Mobile nav in dark mode --- */
@media(max-width:991px){
  .dark-theme .navbar__menu{background:#0b1022;border-left:1px solid rgba(255,255,255,.06)}
  .dark-theme .navbar__item{border-bottom-color:rgba(255,255,255,.08)}
  .dark-theme .navbar__link{color:rgba(255,255,255,.85)}
  .dark-theme .navbar__dropdown,
  .dark-theme .navbar__mega{box-shadow:none;border:none;background:rgba(255,255,255,.03)}
  .dark-theme .navbar__mega-col-label{color:rgba(255,255,255,.4);border-bottom-color:rgba(255,255,255,.08)}
  .dark-theme .navbar__mega-item:hover{background:rgba(34,197,94,.1)}
}


/* ============================================================
   26. RESPONSIVE
============================================================ */

/* <= 1100px */
@media(max-width:1100px){
  .hero__inner{grid-template-columns:1fr;gap:var(--space-10)}
  .hero__content{text-align:center;display:flex;flex-direction:column;align-items:center}
  .hero__title{font-size:var(--fs-4xl)}
  .hero__description{margin:0 auto var(--space-8)}
  .hero__actions{justify-content:center}
  .hero__proof-bar{justify-content:center}

  .automation__grid{grid-template-columns:repeat(2,1fr)}
  .process__steps{grid-template-columns:repeat(3,1fr)}
  .process-step:nth-child(4) .process-step__connector,
  .process-step:nth-child(5) .process-step__connector{display:none}
  .zoho-ecosystem__grid{grid-template-columns:repeat(3,1fr)}
  .verticals__grid{grid-template-columns:repeat(2,1fr)}

  .why-us__inner{grid-template-columns:1fr}
  .why-us__content{text-align:center}

  .navbar__mega{width:600px;grid-template-columns:repeat(2,1fr)}
  .navbar__mega--industries{right:-60px}
  .navbar__mega--insights{right:-100px}

  .testimonials__arrow--prev{left:8px}
  .testimonials__arrow--next{right:8px}

  .founder__inner{gap:var(--space-10)}
  .founder__photo{width:200px;height:200px}
  .founder__quote{font-size:var(--fs-xl)}

  .page-hero__title{font-size:var(--fs-4xl)}
  .cap-pillars{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
  .cap-detail__inner{gap:var(--space-10)}

  .ind-overview{grid-template-columns:repeat(2,1fr)}
  .ind-approach__grid{grid-template-columns:repeat(2,1fr)}

  .ins-blog-grid{grid-template-columns:repeat(2,1fr)}
  .ins-featured__inner{grid-template-columns:1fr 240px}
  .ins-newsletter{grid-template-columns:1fr}

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

  .ct-info-grid{grid-template-columns:repeat(2,1fr)}
  .ct-form-layout{grid-template-columns:1fr}
  .ct-office{grid-template-columns:1fr}
  .ct-office__map{min-height:300px}
}

/* <= 991px — Tablet */
@media(max-width:991px){
  .section{padding:var(--space-20) 0}
  .section__title{font-size:var(--fs-3xl)}

  /* Topbar mobile */
  .topbar{height:auto;min-height:var(--topbar-h);padding:var(--space-2) 0}
  .topbar__inner{flex-wrap:wrap;justify-content:center;gap:var(--space-2)}
  .topbar__left{display:none}
  .topbar__right{gap:var(--space-4);justify-content:center;width:100%}
  .topbar__socials{display:none}

  /* Mobile nav */
  .navbar__hamburger{display:flex}
  .navbar__menu{position:fixed;top:var(--menu-top, var(--header-total));left:0;right:0;height:calc(100vh - var(--menu-top, var(--header-total)));height:calc(100dvh - var(--menu-top, var(--header-total)));background:#fff;flex-direction:column;justify-content:flex-start;padding:var(--space-6) var(--space-4);gap:0;transform:translateX(100%);transition:transform var(--duration) var(--ease);overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:stretch;z-index:9999;flex:none}
  .navbar__menu.open{transform:translateX(0)}
  .navbar__item{display:block;flex-shrink:1;border-bottom:1px solid var(--color-border)}
  .navbar__item:last-child{border-bottom:none}
  .navbar__link{padding:var(--space-4) var(--space-3);font-size:var(--fs-base);display:flex;justify-content:space-between;width:100%}
  .navbar__item--has-dropdown>.navbar__link{cursor:pointer}

  /* Chevron rotation on mobile open */
  .navbar__item.open .navbar__chevron{transform:rotate(180deg)}

  /* Disable desktop hover-based dropdown opening on mobile */
  .navbar__item:hover>.navbar__dropdown,
  .navbar__item:hover>.navbar__mega{opacity:0;visibility:hidden;pointer-events:none;transform:none}

  /* Mobile accordion dropdowns */
  .navbar__dropdown,.navbar__mega,.navbar__mega--industries,.navbar__mega--insights{position:static!important;transform:none!important;left:auto!important;right:auto!important;width:100%!important;opacity:0;visibility:hidden;box-shadow:none;border:none;padding:0;max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease,visibility .25s ease,padding .25s ease;display:block!important;grid-template-columns:1fr!important;pointer-events:none;border-radius:0;text-align:left;direction:ltr;float:none;margin:0}
  .navbar__item.open>.navbar__dropdown,
  .navbar__item.open>.navbar__mega{opacity:1;visibility:visible;pointer-events:auto;max-height:2000px;padding:var(--space-2) var(--space-3) var(--space-4) var(--space-6);overflow-y:auto}

  /* Stack mega menu columns on mobile */
  .navbar__mega-col{margin-bottom:var(--space-4);text-align:left}
  .navbar__mega-col:last-child{margin-bottom:0}
  .navbar__mega-col-label{font-size:11px;margin-bottom:var(--space-3);padding-bottom:var(--space-2);justify-content:flex-start}

  /* Consistent mega items: icon left, text right */
  .navbar__mega-item{padding:var(--space-3) var(--space-2);margin-bottom:0;border-radius:var(--radius-sm);display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;text-align:left}
  .navbar__mega-icon{width:32px;height:32px}
  .navbar__mega-title{font-size:var(--fs-sm)}
  .navbar__mega-desc{font-size:12px}
  .navbar__mega-cta-box{margin-top:var(--space-3);padding:var(--space-3)}

  .navbar__phone{display:none}
  .navbar__cta{display:none}
  .theme-toggle{width:34px;height:34px}

  .partner-strip__inner{justify-content:center;text-align:center;flex-direction:column;gap:var(--space-5)}
  .partner-strip__stats{justify-content:center}

  .impact__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
  .impact__item:nth-child(2)::after{display:none}

  .footer__main{grid-template-columns:1fr 1fr;gap:var(--space-8)}

  .testimonials__slider{overflow:hidden;padding:0}
  .testimonials__track{gap:0!important}
  .testimonials__arrow{display:none}
  .testimonial-card{min-width:100%;width:100%;padding:var(--space-8) var(--space-6);margin:0}

  .founder__inner{grid-template-columns:1fr;text-align:center;justify-items:center;gap:var(--space-8)}
  .founder__photo{width:180px;height:180px}
  .founder__content{display:flex;flex-direction:column;align-items:center;padding-left:0}
  .founder__quote-icon{position:static;margin-bottom:var(--space-4)}
  .founder__accent-line{margin:0 auto}
  .founder__upwork-badge{right:-16px;bottom:-20px;padding:8px 14px 8px 10px;border-radius:12px}
  .founder__upwork-icon{width:34px;height:34px}
  .founder__upwork-title{font-size:12px}
  .founder__upwork-score{font-size:11px}
  .founder__upwork-stars svg{width:12px;height:12px}

  .page-hero{padding:calc(var(--space-20) + 100px) 0 var(--space-16)}
  .cap-pillars{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}
  .cap-detail__inner,.cap-detail__inner--reverse{grid-template-columns:1fr;direction:ltr}
  .cap-detail__visual{order:2}

  .ind-overview{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}
  .ind-approach__grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}

  .ins-featured__inner{grid-template-columns:1fr}
  .ins-featured__visual{display:none}
  .ins-blog-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
  .ins-guides-grid{grid-template-columns:1fr}
  .ins-cases-grid{grid-template-columns:1fr}
  .ins-newsletter{grid-template-columns:1fr;text-align:center}

  .ct-info-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}
  .ct-form-card{padding:var(--space-6)}
  .ct-office__details{padding:var(--space-6)}
}

/* <= 768px — Mobile landscape */
@media(max-width:768px){
  :root{--fs-5xl:2.5rem;--fs-4xl:2rem;--fs-3xl:1.75rem}
  .section{padding:var(--space-16) 0}
  .section__header{margin-bottom:var(--space-10)}

  .hero{min-height:auto;padding:calc(var(--header-total) + var(--space-10)) 0 var(--space-10)}
  .hero__title{font-size:var(--fs-4xl)}

  .automation__grid{grid-template-columns:1fr}
  .process__steps{grid-template-columns:1fr 1fr;gap:var(--space-4)}
  .process-step__connector{display:none}
  .zoho-ecosystem__grid{grid-template-columns:repeat(2,1fr)}
  .verticals__grid{grid-template-columns:1fr}
  .why-us__grid{grid-template-columns:1fr 1fr}

  .page-hero{padding:calc(var(--space-16) + 100px) 0 var(--space-12)}
  .page-hero__title{font-size:var(--fs-3xl)}
  .page-hero__subtitle{font-size:var(--fs-base)}
  .cap-detail__stats-grid{gap:var(--space-3)}
  .cap-stat{padding:var(--space-6)}
  .cap-stat__num{font-size:var(--fs-2xl)}

  .cta-banner__inner{padding:var(--space-10) var(--space-6)}
  .cta-banner__title{font-size:var(--fs-2xl)}

  .newsletter__inner{flex-direction:column;text-align:center}
  .newsletter__form{width:100%;flex-direction:column}
  .newsletter__input{width:100%}

  .clients__stats{gap:var(--space-6)}
  .clients__stat-num{font-size:var(--fs-2xl)}
  .clients__title{font-size:var(--fs-2xl)}

  .founder__photo{width:160px;height:160px}
  .founder__quote{font-size:var(--fs-lg)}

  .ins-blog-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .ins-featured__card{padding:var(--space-6)}
  .ins-guide{padding:var(--space-6)}
  .ins-case{padding:var(--space-6)}
  .ins-case__metrics{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
  .ins-newsletter{padding:var(--space-6)}
  .ins-newsletter__form{flex-direction:column}

  .ct-form__row{grid-template-columns:1fr}
  .ct-faq__question{padding:var(--space-4) var(--space-5);font-size:var(--fs-sm)}
  .ct-faq__answer{padding:0 var(--space-5) var(--space-4)}
}

/* <= 576px — Mobile portrait */
@media(max-width:576px){
  .container{padding:0 var(--space-4)}

  .hero__actions{flex-direction:column;width:100%}
  .hero__actions .btn{width:100%}
  .hero__proof-bar{flex-direction:column;text-align:center}

  .hero__panel-metrics{grid-template-columns:1fr;gap:var(--space-2)}
  .hero__automation-flow{padding:var(--space-4)}

  .process__steps{grid-template-columns:1fr}
  .zoho-ecosystem__grid{grid-template-columns:1fr 1fr}
  .why-us__grid{grid-template-columns:1fr}
  .impact__grid{grid-template-columns:1fr}
  .impact__item::after{display:none}

  .cta-banner__trust{flex-direction:column;gap:var(--space-2)}

  .clients__stats{flex-direction:column;gap:var(--space-5)}
  .clients__stat-divider{width:40px;height:1px}
  .clients{padding:var(--space-14) 0}

  .founder__photo{width:140px;height:140px}
  .founder__quote{font-size:var(--fs-base)}

  .page-hero__actions{flex-direction:column;width:100%}
  .page-hero__actions .btn{width:100%}
  .cap-detail__stats-grid{grid-template-columns:1fr}
  .cap-feature{flex-direction:column;gap:var(--space-2)}

  .ind-overview{grid-template-columns:1fr}
  .ind-overview__card{padding:var(--space-6)}
  .ind-approach__grid{grid-template-columns:1fr}
  .ind-approach__step{padding:var(--space-6)}

  .footer__main{grid-template-columns:1fr}

  .wizard-step{padding:var(--space-6)}
  .wizard-opt{padding:var(--space-3) var(--space-4);font-size:var(--fs-sm)}

  .ins-case__metrics{grid-template-columns:1fr}
  .ins-newsletter__title{font-size:var(--fs-xl)}

  .ct-info-grid{grid-template-columns:1fr}
  .ct-info-card{padding:var(--space-6)}
  .ct-form-card{padding:var(--space-5)}
  .ct-sidebar__stats{grid-template-columns:1fr 1fr}
  .ct-office__map{min-height:240px}
  .ct-office__details{padding:var(--space-5)}
}

/* <= 480px */
@media(max-width:480px){
  .hero__badge{font-size:10px;padding:var(--space-1) var(--space-3)}
  .hero__badge-logo{height:40px}
  .hero__title{font-size:1.75rem}
  .hero__description{font-size:var(--fs-base)}
  .section__title{font-size:var(--fs-2xl)}

  .zoho-ecosystem__grid{grid-template-columns:1fr}
}


/* ============================================================
   27. FAQ PAGE (Alternating Sections)
============================================================ */
.faq-page--alt{background:var(--color-surface)}

/* ============================================================
   28. THANK-YOU PAGE
============================================================ */
.thankyou-page{
  position:relative;
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:calc(var(--space-24) + 100px) 0 var(--space-24);
  overflow:hidden;
  text-align:center;
}
.thankyou-page__gradient-orb{
  position:absolute;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none;
}
.thankyou-page__gradient-orb--1{
  width:600px;height:600px;background:var(--color-primary);top:-200px;left:-150px;
}
.thankyou-page__gradient-orb--2{
  width:500px;height:500px;background:var(--color-accent);bottom:-200px;right:-100px;
}
.thankyou-page__content{position:relative;z-index:2;max-width:600px;margin:0 auto}
.thankyou-page__icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:120px;height:120px;border-radius:50%;
  background:linear-gradient(135deg,rgba(26,127,60,.1),rgba(34,197,94,.1));
  color:var(--color-primary);margin-bottom:var(--space-8);
}
.thankyou-page__title{
  font-family:var(--ff-heading);font-size:var(--fs-4xl);font-weight:800;
  color:var(--color-text);margin-bottom:var(--space-5);
}
.thankyou-page__message{
  font-size:var(--fs-lg);line-height:var(--lh-relaxed);
  color:var(--color-text-light);margin-bottom:var(--space-6);
}
.thankyou-page__alt{
  font-size:var(--fs-base);color:var(--color-text-light);margin-bottom:var(--space-8);
}
.thankyou-page__alt a{color:var(--color-primary);font-weight:var(--fw-semibold)}
.thankyou-page__alt a:hover{text-decoration:underline}
.thankyou-page__actions{
  display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;
}

/* ============================================================
   29. COOKIES / POLICY PAGE
============================================================ */
.policy-page{padding:var(--space-20) 0}
.policy-page__content{max-width:800px;margin:0 auto}
.policy-page__block{margin-bottom:var(--space-12)}
.policy-page__block:last-child{margin-bottom:0}
.policy-page__heading{
  font-family:var(--ff-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);
  color:var(--color-text);margin-bottom:var(--space-5);
  padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary);
  display:inline-block;
}
.policy-page__block p{
  font-size:var(--fs-base);line-height:var(--lh-relaxed);
  color:var(--color-text-light);margin-bottom:var(--space-4);
}
.policy-page__block p:last-child{margin-bottom:0}
.policy-page__table-wrap{
  overflow-x:auto;margin-top:var(--space-5);border-radius:var(--radius-lg);
  border:1px solid var(--color-border);
}
.policy-page__table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.policy-page__table thead{background:var(--color-surface)}
.policy-page__table th{
  text-align:left;padding:var(--space-3) var(--space-5);font-weight:var(--fw-semibold);
  color:var(--color-text);border-bottom:1px solid var(--color-border);
}
.policy-page__table td{
  padding:var(--space-3) var(--space-5);color:var(--color-text-light);
  border-bottom:1px solid var(--color-border);vertical-align:top;
}
.policy-page__table tr:last-child td{border-bottom:none}
.policy-page__table code{
  background:rgba(26,127,60,.08);color:var(--color-primary);
  padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--fs-xs);
}

/* ============================================================
   30. CASE STUDIES PAGE
============================================================ */

/* Hero-to-content gradient fade */
.page-hero--smooth{position:relative}
.page-hero--smooth::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:120px;
  background:linear-gradient(to bottom,transparent,#f6f7f9);
  pointer-events:none;z-index:1;
}

/* Stats Bar */
.cs-stats{background:#f6f7f9;padding:var(--space-12) 0}
.cs-stats__inner{
  display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;justify-items:center;gap:var(--space-8);
  max-width:900px;margin:0 auto;
}
.cs-stats__item{text-align:center}
.cs-stats__num{
  font-family:var(--ff-heading);font-size:var(--fs-3xl);font-weight:800;
  color:var(--color-primary);line-height:1.1;margin-bottom:var(--space-1);
}
.cs-stats__label{
  font-size:var(--fs-sm);color:var(--color-text-light);font-weight:var(--fw-medium);
}
.cs-stats__divider{width:1px;height:48px;background:var(--color-border)}

/* Section */
.cs-section{padding:var(--space-20) 0;background:#f6f7f9}

/* Grid — 2 columns */
.cs-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);
  margin-top:var(--space-12);
}

/* Card */
.cs-card{
  position:relative;
  background:var(--color-white);border:1px solid var(--color-border);
  border-radius:var(--radius-xl);padding:var(--space-8);
  transition:all var(--duration) var(--ease);
  box-shadow:0 1px 3px rgba(0,0,0,.04);
  display:flex;flex-direction:column;
}
.cs-card:hover{
  border-color:var(--color-primary);
  box-shadow:0 12px 40px rgba(26,127,60,.1);
  transform:translateY(-4px);
}

/* Card Header — icon + title inline */
.cs-card__header{
  display:flex;align-items:center;gap:var(--space-4);
  margin-bottom:var(--space-5);
}
.cs-card__icon{
  display:flex;align-items:center;justify-content:center;
  width:52px;height:52px;min-width:52px;border-radius:var(--radius-lg);
}
.cs-card__title{
  font-family:var(--ff-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);
  color:var(--color-text);line-height:var(--lh-tight);
}
.cs-card__industry{
  font-size:var(--fs-xs);color:var(--color-text-light);font-weight:var(--fw-medium);
  text-transform:uppercase;letter-spacing:.5px;
}

/* Card Body */
.cs-card__subtitle{
  font-size:var(--fs-sm);font-weight:var(--fw-semibold);
  color:var(--color-primary);margin-bottom:var(--space-3);line-height:var(--lh-normal);
}
.cs-card__text{
  font-size:var(--fs-sm);line-height:var(--lh-relaxed);
  color:var(--color-text-light);margin-bottom:var(--space-6);
}

/* Metrics */
.cs-card__metrics{
  display:flex;gap:var(--space-6);
  padding:var(--space-5);margin-bottom:var(--space-5);
  background:#f6f7f9;border-radius:var(--radius-lg);
}
.cs-card__metric{text-align:center;flex:1}
.cs-card__metric-num{
  font-family:var(--ff-heading);font-size:var(--fs-2xl);font-weight:800;
  color:var(--color-primary);line-height:1.1;margin-bottom:var(--space-1);
}
.cs-card__metric-label{
  font-size:var(--fs-xs);color:var(--color-text-light);font-weight:var(--fw-medium);
}

/* Footer */
.cs-card__footer{margin-top:auto}
.cs-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.cs-card__tag{
  padding:var(--space-1) var(--space-3);
  background:rgba(26,127,60,.06);color:var(--color-primary);
  font-size:var(--fs-xs);font-weight:var(--fw-medium);
  border-radius:var(--radius-full);border:1px solid rgba(26,127,60,.12);
}

/* ============================================================
   31. 404 ERROR PAGE
============================================================ */
.error-page{
  position:relative;
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:calc(var(--space-24) + 100px) 0 var(--space-24);
  overflow:hidden;
  text-align:center;
}
.error-page__gradient-orb{
  position:absolute;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none;
}
.error-page__gradient-orb--1{
  width:600px;height:600px;background:var(--color-primary);top:-200px;left:-150px;
}
.error-page__gradient-orb--2{
  width:500px;height:500px;background:var(--color-accent);bottom:-200px;right:-100px;
}
.error-page__content{position:relative;z-index:2;max-width:600px;margin:0 auto}
.error-page__code{
  font-family:var(--ff-heading);font-size:clamp(6rem,15vw,10rem);font-weight:800;
  line-height:1;
  background:linear-gradient(135deg,var(--color-primary),var(--color-accent));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:var(--space-4);
}
.error-page__title{
  font-family:var(--ff-heading);font-size:var(--fs-3xl);font-weight:800;
  color:var(--color-text);margin-bottom:var(--space-5);
}
.error-page__message{
  font-size:var(--fs-lg);line-height:var(--lh-relaxed);
  color:var(--color-text-light);margin-bottom:var(--space-8);
}
.error-page__actions{
  display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;
  margin-bottom:var(--space-10);
}
.error-page__links{color:var(--color-text-light)}
.error-page__links p{font-size:var(--fs-sm);margin-bottom:var(--space-3)}
.error-page__links ul{
  list-style:none;display:flex;align-items:center;justify-content:center;
  gap:var(--space-4);flex-wrap:wrap;
}
.error-page__links a{
  color:var(--color-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);
  transition:color var(--duration) var(--ease);
}
.error-page__links a:hover{text-decoration:underline}


/* ============================================================
   DARK THEME — New Page Overrides
============================================================ */

/* FAQ alt */
.dark-theme .faq-page--alt{background:rgba(255,255,255,.02)}

/* Thank You */
.dark-theme .thankyou-page__icon{
  background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));
  color:var(--color-accent);
}
.dark-theme .thankyou-page__title{color:#fff}
.dark-theme .thankyou-page__message{color:rgba(255,255,255,.6)}
.dark-theme .thankyou-page__alt{color:rgba(255,255,255,.5)}
.dark-theme .thankyou-page__alt a{color:var(--color-accent)}

/* Policy */
.dark-theme .policy-page__heading{color:#fff;border-bottom-color:var(--color-accent)}
.dark-theme .policy-page__block p{color:rgba(255,255,255,.6)}
.dark-theme .policy-page__table-wrap{border-color:rgba(255,255,255,.06)}
.dark-theme .policy-page__table thead{background:rgba(255,255,255,.03)}
.dark-theme .policy-page__table th{color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.06)}
.dark-theme .policy-page__table td{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.06)}
.dark-theme .policy-page__table code{background:rgba(34,197,94,.1);color:var(--color-accent)}

/* Case Studies */
.dark-theme .page-hero--smooth::after{background:linear-gradient(to bottom,transparent,var(--color-dark))}
.dark-theme .cs-stats{background:transparent}
.dark-theme .cs-stats__num{color:var(--color-accent)}
.dark-theme .cs-stats__label{color:rgba(255,255,255,.5)}
.dark-theme .cs-stats__divider{background:rgba(255,255,255,.08)}
.dark-theme .cs-section{background:transparent}
.dark-theme .cs-card{
  background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);box-shadow:none;
}
.dark-theme .cs-card:hover{
  border-color:rgba(34,197,94,.3);
  box-shadow:0 12px 40px rgba(34,197,94,.08);
}
.dark-theme .cs-card__title{color:#fff}
.dark-theme .cs-card__industry{color:rgba(255,255,255,.4)}
.dark-theme .cs-card__subtitle{color:var(--color-accent)}
.dark-theme .cs-card__text{color:rgba(255,255,255,.5)}
.dark-theme .cs-card__metrics{background:rgba(255,255,255,.04)}
.dark-theme .cs-card__metric-num{color:var(--color-accent)}
.dark-theme .cs-card__metric-label{color:rgba(255,255,255,.4)}
.dark-theme .cs-card__tag{
  background:rgba(34,197,94,.08);color:var(--color-accent);
  border-color:rgba(34,197,94,.15);
}

/* Error Page */
.dark-theme .error-page__title{color:#fff}
.dark-theme .error-page__message{color:rgba(255,255,255,.6)}
.dark-theme .error-page__links{color:rgba(255,255,255,.5)}
.dark-theme .error-page__links a{color:var(--color-accent)}


/* ============================================================
   32. BLOG LISTING PAGE
============================================================ */
.blog-listing{padding:var(--space-20) 0}
.blog-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);
}
.blog-card{
  display:flex;flex-direction:column;
  background:var(--color-white);border:1px solid var(--color-border);
  border-radius:var(--radius-xl);overflow:hidden;
  transition:all var(--duration) var(--ease);
}
.blog-card:hover{
  border-color:var(--color-primary);
  box-shadow:0 8px 32px rgba(26,127,60,.1);
  transform:translateY(-4px);
}
.blog-card__img{
  width:100%;height:220px;overflow:hidden;
  background:var(--color-surface);
}
.blog-card__placeholder{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  transition:transform .4s var(--ease);
}
.blog-card:hover .blog-card__placeholder{transform:scale(1.05)}
.blog-card__img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .4s var(--ease);
}
.blog-card:hover .blog-card__img img{transform:scale(1.05)}
.blog-card__body{
  padding:var(--space-8);
  display:flex;flex-direction:column;flex:1;
}
.blog-card__meta{
  display:flex;align-items:center;gap:var(--space-3);
  margin-bottom:var(--space-4);
}
.blog-card__tag{
  display:inline-block;padding:var(--space-1) var(--space-3);
  background:rgba(26,127,60,.08);color:var(--color-primary);
  font-size:var(--fs-xs);font-weight:var(--fw-semibold);
  border-radius:var(--radius-full);
}
.blog-card__date{
  font-size:var(--fs-xs);color:var(--color-text-light);
}
.blog-card__title{
  font-family:var(--ff-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);
  color:var(--color-text);margin-bottom:var(--space-3);
  line-height:var(--lh-tight);
}
.blog-card__excerpt{
  font-size:var(--fs-sm);line-height:var(--lh-relaxed);
  color:var(--color-text-light);margin-bottom:var(--space-6);
}
.blog-card__link{
  display:inline-flex;align-items:center;gap:var(--space-2);
  margin-top:auto;
  font-size:var(--fs-sm);font-weight:var(--fw-semibold);
  color:var(--color-primary);transition:gap var(--duration) var(--ease);
}
.blog-card:hover .blog-card__link{gap:var(--space-3)}


/* ============================================================
   33. BLOG DETAIL PAGE
============================================================ */
.page-hero--blog .page-hero__title{font-size:var(--fs-4xl)}
.blog-hero__meta{
  display:flex;align-items:center;justify-content:center;gap:var(--space-3);
  flex-wrap:wrap;color:rgba(255,255,255,.6);font-size:var(--fs-sm);
}
.blog-hero__author{
  display:inline-flex;align-items:center;gap:var(--space-2);
  color:rgba(255,255,255,.7);
}
.blog-hero__author svg{opacity:.6}
.blog-hero__sep{opacity:.4}

.blog-detail{padding:var(--space-16) 0}
.blog-detail__layout{
  display:grid;grid-template-columns:1fr 320px;gap:var(--space-12);
  align-items:start;
}
.blog-detail__featured-img{
  border-radius:var(--radius-xl);overflow:hidden;
  margin-bottom:var(--space-10);
  background:var(--color-surface);
}
.blog-detail__featured-img img{width:100%;height:auto;display:block}

/* Blog Prose — article body typography */
.blog-prose h2{
  font-family:var(--ff-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);
  color:var(--color-text);margin:var(--space-10) 0 var(--space-5);
  padding-bottom:var(--space-3);border-bottom:2px solid rgba(26,127,60,.15);
}
.blog-prose h2:first-child{margin-top:0}
.blog-prose h3{
  font-family:var(--ff-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);
  color:var(--color-text);margin:var(--space-8) 0 var(--space-4);
}
.blog-prose p{
  font-size:var(--fs-base);line-height:var(--lh-relaxed);
  color:var(--color-text-light);margin-bottom:var(--space-5);
}
.blog-prose ul,.blog-prose ol{
  padding-left:var(--space-6);margin-bottom:var(--space-5);
}
.blog-prose li{
  font-size:var(--fs-base);line-height:var(--lh-relaxed);
  color:var(--color-text-light);margin-bottom:var(--space-2);
}
.blog-prose a{color:var(--color-primary);font-weight:var(--fw-semibold)}
.blog-prose a:hover{text-decoration:underline}
.blog-prose strong{color:var(--color-text);font-weight:var(--fw-semibold)}
.blog-prose blockquote{
  border-left:4px solid var(--color-primary);
  padding:var(--space-4) var(--space-6);
  margin:var(--space-6) 0;
  background:rgba(26,127,60,.04);border-radius:0 var(--radius-lg) var(--radius-lg) 0;
}
.blog-prose blockquote p{color:var(--color-text);font-style:italic;margin-bottom:0}

/* Blog Sidebar */
.blog-sidebar{position:sticky;top:calc(var(--header-total) + var(--space-6))}
.blog-sidebar__block{
  background:var(--color-white);border:1px solid var(--color-border);
  border-radius:var(--radius-xl);padding:var(--space-6);
  margin-bottom:var(--space-6);
}
.blog-sidebar__title{
  font-family:var(--ff-heading);font-size:var(--fs-base);font-weight:var(--fw-bold);
  color:var(--color-text);margin-bottom:var(--space-4);
  padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);
}
.blog-sidebar__toc ul{list-style:none;padding:0}
.blog-sidebar__toc li{margin-bottom:var(--space-2)}
.blog-sidebar__toc a{
  font-size:var(--fs-sm);color:var(--color-text-light);
  transition:color var(--duration) var(--ease);
  display:block;padding:var(--space-1) 0;
}
.blog-sidebar__toc a:hover{color:var(--color-primary)}

.blog-sidebar__posts{list-style:none;padding:0}
.blog-sidebar__posts li{
  margin-bottom:var(--space-3);padding-bottom:var(--space-3);
  border-bottom:1px solid var(--color-border);
}
.blog-sidebar__posts li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.blog-sidebar__posts a{
  font-size:var(--fs-sm);color:var(--color-text-light);line-height:var(--lh-normal);
  transition:color var(--duration) var(--ease);
}
.blog-sidebar__posts a:hover{color:var(--color-primary)}

.blog-sidebar__cta{
  background:linear-gradient(135deg,var(--color-primary),#15803d);
  border-radius:var(--radius-xl);padding:var(--space-6);
  text-align:center;
}
.blog-sidebar__cta-title{
  font-family:var(--ff-heading);font-size:var(--fs-base);font-weight:var(--fw-bold);
  color:#fff;margin-bottom:var(--space-3);
}
.blog-sidebar__cta p{
  font-size:var(--fs-sm);color:rgba(255,255,255,.8);
  line-height:var(--lh-relaxed);margin-bottom:var(--space-5);
}


/* ============================================================
   DARK THEME — Blog Overrides
============================================================ */

/* Blog Listing */
.dark-theme .blog-card{
  background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);
}
.dark-theme .blog-card:hover{
  border-color:rgba(34,197,94,.3);
  box-shadow:0 8px 32px rgba(34,197,94,.08);
}
.dark-theme .blog-card__tag{background:rgba(34,197,94,.1);color:var(--color-accent)}
.dark-theme .blog-card__date{color:rgba(255,255,255,.4)}
.dark-theme .blog-card__title{color:#fff}
.dark-theme .blog-card__excerpt{color:rgba(255,255,255,.5)}
.dark-theme .blog-card__link{color:var(--color-accent)}
.dark-theme .blog-card__img{background:rgba(255,255,255,.05)}

/* Blog Detail */
.dark-theme .blog-prose h2{color:#fff;border-bottom-color:rgba(34,197,94,.2)}
.dark-theme .blog-prose h3{color:rgba(255,255,255,.9)}
.dark-theme .blog-prose p{color:rgba(255,255,255,.6)}
.dark-theme .blog-prose li{color:rgba(255,255,255,.6)}
.dark-theme .blog-prose strong{color:rgba(255,255,255,.9)}
.dark-theme .blog-prose a{color:var(--color-accent)}
.dark-theme .blog-prose blockquote{
  background:rgba(34,197,94,.05);border-left-color:var(--color-accent);
}
.dark-theme .blog-prose blockquote p{color:rgba(255,255,255,.8)}

.dark-theme .blog-sidebar__block{
  background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);
}
.dark-theme .blog-sidebar__title{color:#fff;border-bottom-color:rgba(255,255,255,.06)}
.dark-theme .blog-sidebar__toc a{color:rgba(255,255,255,.5)}
.dark-theme .blog-sidebar__toc a:hover{color:var(--color-accent)}
.dark-theme .blog-sidebar__posts li{border-bottom-color:rgba(255,255,255,.06)}
.dark-theme .blog-sidebar__posts a{color:rgba(255,255,255,.5)}
.dark-theme .blog-sidebar__posts a:hover{color:var(--color-accent)}
.dark-theme .blog-detail__featured-img{background:rgba(255,255,255,.05)}


/* ============================================================
   RESPONSIVE — New Page Overrides
============================================================ */

/* <= 768px */
@media(max-width:768px){
  .cs-grid{grid-template-columns:1fr}
  .cs-card{padding:var(--space-6)}
  .cs-stats__inner{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
  .cs-stats__divider{display:none}
  .policy-page{padding:var(--space-12) 0}
  .policy-page__block{margin-bottom:var(--space-8)}
  .thankyou-page{padding:calc(var(--space-16) + 100px) 0 var(--space-16)}
  .thankyou-page__icon{width:96px;height:96px}
  .thankyou-page__icon svg{width:48px;height:48px}
  .thankyou-page__title{font-size:var(--fs-3xl)}
  .error-page{padding:calc(var(--space-16) + 100px) 0 var(--space-16)}
  .error-page__title{font-size:var(--fs-2xl)}
  .error-page__links ul{flex-direction:column;gap:var(--space-2)}

  .blog-grid{grid-template-columns:1fr}
  .blog-card__img{height:200px}
  .blog-detail__layout{grid-template-columns:1fr}
  .blog-detail__sidebar{order:-1}
  .blog-sidebar{position:static}
  .blog-sidebar__block:first-child{display:none}
  .page-hero--blog .page-hero__title{font-size:var(--fs-3xl)}
}

/* <= 480px */
@media(max-width:480px){
  .cs-card{padding:var(--space-5)}
  .cs-card__metrics{gap:var(--space-4);padding:var(--space-4)}
  .cs-card__metric-num{font-size:var(--fs-xl)}
  .thankyou-page__title{font-size:var(--fs-2xl)}
  .thankyou-page__actions{flex-direction:column}
  .error-page__actions{flex-direction:column}
  .policy-page__table{font-size:var(--fs-xs)}
  .policy-page__table th,.policy-page__table td{padding:var(--space-2) var(--space-3)}

  .blog-card__img{height:180px}
  .blog-card__body{padding:var(--space-5)}
  .blog-card__title{font-size:var(--fs-base)}
  .page-hero--blog .page-hero__title{font-size:var(--fs-2xl)}
  .blog-hero__meta{font-size:var(--fs-xs)}
  .blog-prose h2{font-size:var(--fs-xl)}
}
/* ============================================================
   31. AUDIT FORM MODAL
============================================================ */
.audit-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; pointer-events: none; transition: all .3s var(--ease); padding: 20px; }
.audit-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.audit-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.audit-modal__content { position: relative; width: 100%; max-width: 520px; background: #fff; border-radius: 16px; padding: 32px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); transform: translateY(20px) scale(0.96); transition: all .4s cubic-bezier(0.16, 1, 0.3, 1); max-height: 90vh; overflow-y: auto; }
.audit-modal.is-open .audit-modal__content { transform: translateY(0) scale(1); }
.audit-modal__close { position: absolute; top: 14px; right: 14px; background: #f3f4f6; border: none; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #6b7280; transition: all .2s var(--ease); z-index: 10; padding: 0; }
.audit-modal__close:hover { background: #fee2e2; color: #dc2626; }
.audit-modal__close svg { width: 16px; height: 16px; }

/* Form Styles */
.audit-form-container { position: relative; }
.audit-form { display: flex; flex-direction: column; gap: 16px; }
.audit-form__group { display: flex; flex-direction: column; gap: 5px; }
.audit-form__label { font-size: 13px; font-weight: 600; color: #374151; }
.audit-form__req { color: #dc2626; margin-left: 2px; }
.audit-form__row { display: flex; gap: 14px; }
.audit-form__col { flex: 1; display: flex; flex-direction: column; gap: 5px; }

.audit-form__input { width: 100%; padding: 10px 14px; border: 1.5px solid #e5e7eb; border-radius: 8px; font-size: 14px; color: #111827; transition: all .2s; outline: none; font-family: inherit; background: #f9fafb; }
.audit-form__input:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1); background: #fff; }
.audit-form__input::placeholder { color: #9ca3af; }

.audit-form__textarea { resize: vertical; min-height: 72px; border-radius: 8px; }

.audit-form__phone { display: flex; align-items: center; border: 1.5px solid #e5e7eb; border-radius: 8px; background: #f9fafb; overflow: hidden; transition: all .2s; }
.audit-form__phone:focus-within { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1); background: #fff; }
.audit-form__phone-code { display: flex; align-items: center; gap: 6px; padding: 0 12px; background: rgba(0,0,0,0.02); border-right: 1.5px solid #e5e7eb; height: 100%; font-size: 13px; font-weight: 500; color: #374151; cursor: pointer; min-height: 42px; }
.audit-form__phone-code img { border-radius: 2px; }
.audit-form__input--phone { border: none !important; box-shadow: none !important; border-radius: 0; height: 42px; padding: 0 14px; flex: 1; min-width: 0; background: transparent !important; }
.audit-form__input--phone:focus { border: none; box-shadow: none; }

.audit-form__actions { margin-top: var(--space-2); display: flex; justify-content: center; }
.audit-form__submit { background: linear-gradient(135deg, #059669, #047857); color: #fff; border: none; padding: 12px 40px; font-size: 15px; font-weight: 600; border-radius: 10px; cursor: pointer; transition: all .3s; width: 100%; font-family: inherit; box-shadow: 0 4px 14px -3px rgba(5, 150, 105, 0.4); letter-spacing: 0.01em; }
.audit-form__submit:hover { background: linear-gradient(135deg, #047857, #065f46); transform: translateY(-1px); box-shadow: 0 6px 20px -3px rgba(5, 150, 105, 0.5); }
.audit-form__submit:active { transform: translateY(0); }
.audit-form__submit:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }

/* Dark Theme */
.dark-theme .audit-modal__content { background: var(--color-dark-2); border: 1px solid rgba(255,255,255,0.08); }
.dark-theme .audit-modal__close { background: rgba(255,255,255,0.06); color: #9ca3af; }
.dark-theme .audit-modal__close:hover { background: rgba(220,38,38,0.15); color: #f87171; }
.dark-theme .audit-form__label { color: #e5e7eb; }
.dark-theme .audit-form__input { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.1); color: #f9fafb; }
.dark-theme .audit-form__input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15); background: rgba(255,255,255,0.06); }
.dark-theme .audit-form__input::placeholder { color: #6b7280; }
.dark-theme .audit-form__phone { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.1); }
.dark-theme .audit-form__phone:focus-within { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15); background: rgba(255,255,255,0.06); }
.dark-theme .audit-form__phone-code { background: rgba(255,255,255,0.03); border-right-color: rgba(255,255,255,0.1); color: #d1d5db; }

/* Responsive */
@media (max-width: 576px) {
  .audit-modal__content { padding: 24px; border-radius: 14px; }
  .audit-form__row { flex-direction: column; gap: 16px; }
}