/* Malcolm Gibb @ Flowio.co.uk */
:root {
  --primary-color: #1a1a1a;--secondary-color: #fbfbfb;--accent-color: #9b51e0;--accent-foreground: hsl(0 0% 100%);--text-color: #333;--light-text: #fff;
  --light-gray: #f5f5f5;--medium-gray: #e0e0e0;--dark-gray: #555;--flamingo: #f95730;--primary: #f95730;--crusta: #fa8928;--madison: #08325b;--blue: #667eea;
  --purple: #764ba2;--dark-black: #1f1f1f;
  /* Extended Color Palette */
  --gradient-primary: linear-gradient(135deg, var(--accent-color) 0%, var(--crusta) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--flamingo) 0%, var(--crusta) 100%);
  --gradient-tertiary: linear-gradient(135deg, var(--blue) 0%, var(--purple) 100%);
  --gradient-dark: linear-gradient(135deg, var(--primary-color) 0%, var(--madison) 100%);
  --gradient-light: linear-gradient(135deg, var(--secondary-color) 0%, var(--light-gray) 100%);
  --primary-blue: #2563EB;--primary-blue-light: #3B82F6;--primary-blue-dark: #1D4ED8;--primary-cyan: #06B6D4;--primary-purple: #9333EA;
  --muted-foreground: hsl(220 10% 40%);--muted: hsl(220 14% 95%);
  --destructive: hsl(0 84% 60%);--border: hsl(220 13% 91%);--input: hsl(220 14% 96%);--ring: hsl(16 100% 50%);--navy-deep: hsl(220 25% 18%);--navy-dark: hsl(220 20% 25%);
  --navy-mid: hsl(220 15% 40%);
  --coral: hsl(16 100% 50%);
  --coral-light: hsl(16 100% 60%);
  --coral-dark: hsl(16 90% 40%);
  --gold: hsl(40 100% 50%);
  --teal: hsl(175 70% 35%);
  /* Typography */
  --font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;--font-size-6xl: 3.75rem;
  /* Spacing */
  --spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;
  --spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;
  /* Border Radius */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --border-radius: 0.5rem;
  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  /* Transitions */
  --transition-fast: 0.15s ease-in-out;
  --transition-base: 0.3s ease-in-out;
  --transition-slow: 0.5s ease-in-out;
  /* Z-Index */
  --z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1050;--z-tooltip: 1070;
  /*width*/
  --maxwidth: 1236px;
  /* Cards */
  --card: hsl(0 0% 100%);--card-foreground: hsl(220 25% 18%);--popover: hsl(0 0% 100%);--popover-foreground: hsl(220 25% 18%);
}
/* Reset and Base Styles */
* {margin: 0;padding: 0;box-sizing: border-box;}
html {scroll-behavior: smooth;font-size: 16px;scroll-padding-top: 100px;}
body {font-family: var(--font-family);line-height: 1.6;overflow-x: hidden;background: var(--background);color: var(--foreground);-webkit-font-smoothing: antialiased}
img {max-width: 100%;height: auto;display: block;}
ul {list-style: none;}
/* ===== NAVBAR ===== */
.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 220;transition: all .3s ease;isolation: isolate;}
.navbar-inner {backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);background: hsla(0, 0%, 100%, .9);border-bottom: 1px solid hsla(220, 30%, 20%, .1);box-shadow: 0 2px 10px hsla(220, 30%, 20%, .05);}
.navbar-container {display: flex;align-items: center;justify-content: space-between;height: 6.25rem;}
@media (min-width:1024px) {.navbar-container {height: 6rem;}}
@media (max-width: 1024px) {.navbar-inner {background: #fff;}}
.navbar-logo-img {height: 5.6rem;width: auto;object-fit: contain;}
.navbar-logo-icon {width: 2rem;height: 2rem;border-radius: .5rem;background: linear-gradient(135deg, hsl(16 100% 60%) 0%, hsl(30 100% 55%) 100%);display: flex;align-items: center;justify-content: center;color: #fff;font-size: .875rem;font-weight: 700;}
.navbar-nav {display: none;align-items: center;gap: .5rem;}
@media (min-width:1024px) {.navbar-nav {display: flex;}}
@media (max-width:1024px) {.navbar-logo-img {height: 4rem;}}
.nav-link {font-size: .975rem;font-weight: 500;color: var(--muted-foreground);transition: color .2s;padding: .5rem 1rem;border-radius: var(--radius);}
.nav-link:hover {color: var(--foreground);}
.nav-dropdown {position: relative;}
.nav-dropdown::after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 300px;height: 2rem;background: transparent;pointer-events: none;z-index: 229;}
.nav-dropdown:hover::after {pointer-events: auto;}
.nav-dropdown-trigger {display: flex;align-items: center;gap: .25rem;font-size: 1rem;font-weight: 500;color: var(--muted-foreground);padding: .5rem 1.5rem;border-radius: var(--radius);background: transparent;border: none;cursor: pointer;transition: all .2s;}
.nav-dropdown-trigger:hover,.nav-dropdown.active .nav-dropdown-trigger {color: var(--foreground);background: hsla(220, 30%, 20%, .05);}
.dropdown-chevron {transition: transform .3s ease;}
.nav-dropdown.active .dropdown-chevron {transform: rotate(180deg);}
.mega-menu {min-width: 900px;position: absolute;top: 100%;left: 50%;transform: translateX(-50%) translateY(10px);min-width: auto;padding-top: .75rem;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .3s ease, visibility .3s ease, transform .3s ease;z-index: 230;}
@media (min-width:1024px) {.mega-menu {position: fixed;left: 50%;right: auto;top: 4.5rem;transform: translateX(-50%) translateY(0);min-width: unset;width: auto;padding: 0;padding-top: .5rem;}}
.nav-dropdown.active .mega-menu,.nav-dropdown:hover .mega-menu {transform: translateX(-50%) translateY(0);}
.mega-menu-content {position: relative;background: var(--card);border: 1px solid var(--border);border-radius: 1rem;box-shadow: 0 25px 50px -12px hsla(220, 30%, 20%, .15);overflow: hidden;width: min(900px, calc(100vw - 3rem));}
.nav-dropdown.active .mega-menu,.nav-dropdown:hover .mega-menu {opacity: 1;visibility: visible;pointer-events: auto;}
.mega-menu-content::before {content: '';position: absolute;top: -8px;left: 50%;transform: translateX(-50%);border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid var(--border);}
.mega-menu-content::after {content: '';position: absolute;top: -6px;left: 50%;transform: translateX(-50%);border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid var(--card);}
.mega-menu-inner {display: grid;grid-template-columns: 1.5fr 1fr;gap: 0;}
.mega-menu-section {padding: 1.5rem;}
.mega-menu-section:first-child {border-right: 1px solid var(--border);}
.mega-menu-featured {background: hsla(30, 20%, 96%, .8);}
.mega-menu-heading {font-size: .75rem;font-weight: 600;color: var(--muted-foreground);text-transform: uppercase;letter-spacing: .05em;margin-bottom: 1rem;}
.mega-menu-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: .5rem;}
.mega-menu-item {display: flex;align-items: flex-start;gap: .75rem;padding: .6rem;border-radius: .75rem;transition: all .2s;}
.mega-menu-item:hover {background: hsla(220, 30%, 20%, .05);}
.mega-menu-icon {width: 2.5rem;height: 2.5rem;border-radius: .5rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.mega-menu-icon.bg-green {background: hsla(142, 76%, 36%, .15);color: hsl(142, 76%, 46%);}
.mega-menu-icon.bg-blue {background: hsla(217, 91%, 60%, .15);color: hsl(217, 91%, 60%);}
.mega-menu-icon.bg-purple {background: hsla(262, 83%, 58%, .15);color: hsl(262, 83%, 68%);}
.mega-menu-icon.bg-amber {background: hsla(45, 100%, 50%, .15);color: hsl(45, 100%, 50%);}
.mega-menu-icon.bg-teal {background: hsla(180, 70%, 45%, .15);color: hsl(180, 70%, 50%);}
.mega-menu-icon.bg-red {background: hsla(0, 84%, 60%, .15);color: hsl(0, 84%, 60%);}
.mega-menu-icon.bg-coral {background: hsla(16, 100%, 60%, .15);color: hsl(16, 100%, 60%);}
.mega-menu-text {display: flex;flex-direction: column;gap: .125rem;}
.mega-menu-title {font-size: .875rem;font-weight: 500;color: var(--foreground);}
.mega-menu-desc {font-size: .75rem;color: var(--muted-foreground);line-height: 1.4;}
.mega-menu-list {display: flex;flex-direction: column;gap: .25rem;}
.mega-menu-link {display: flex;align-items: center;gap: .5rem;padding: .5rem .75rem;font-size: .875rem;color: var(--muted-foreground);border-radius: .5rem;transition: all .2s;}
.mega-menu-link:hover {color: var(--foreground);background: hsla(220, 30%, 20%, .05);}
.mega-menu-link svg {color: var(--flamingo);}
.mega-menu-highlights {display: grid;grid-template-columns: repeat(3, 1fr);gap: .75rem;margin-bottom: 1.5rem;}
.mega-menu-highlight {text-align: center;padding: .75rem;background: hsla(30, 20%, 96%, .8);border-radius: .5rem;}
.mega-menu-highlight-value {display: block;font-size: 1.25rem;font-weight: 700;background: linear-gradient(135deg, hsl(16 100% 60%) 0%, hsl(30 100% 55%) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.mega-menu-highlight-label {font-size: .6875rem;color: var(--muted-foreground);text-transform: uppercase;letter-spacing: .03em;}
.mega-menu-cta {display: inline-flex;align-items: center;justify-content: center;gap: .5rem;width: 100%;padding: .75rem 1rem;font-size: .875rem;font-weight: 600;color: var(--primary);border-radius: var(--radius);margin-top: 1rem;transition: all .2s;}
.mega-menu-cta:hover {background: hsla(16, 100%, 60%, .1);}
.mega-menu-cta.btn-primary {background: linear-gradient(135deg, hsl(16 100% 60%) 0%, hsl(30 100% 55%) 100%);color: #fff;}
.mega-menu-cta.btn-primary:hover {opacity: .9;}
.navbar-cta {display: none;}
@media (min-width:1024px) {.navbar-cta {display: flex;align-items: center;gap: 1rem;}}
.navbar-mobile-toggle {display: block;padding: .5rem;background: none;border: none;color: var(--foreground);}
@media (min-width:1024px) {.navbar-mobile-toggle {display: none;}}
.navbar-mobile-toggle svg{width:1.5rem;height:1.5rem}
.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 4rem);overflow-y:auto;border-top:1px solid hsla(220,30%,20%,0.1);background:var(--background);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:225;box-shadow:0 10px 40px hsla(220,30%,20%,0.1)}
@media (min-width:1024px){.mobile-menu{display:none !important}}
.mobile-menu.active{display:block}
.mobile-menu-inner{padding:1.5rem;background:#fff;}
.mobile-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;font-size:1.125rem;font-weight:500;color:var(--foreground);border-bottom:1px solid hsla(220,30%,20%,.1)}
.mobile-accordion{border-bottom:1px solid hsla(220,30%,20%,.1);background:#fff;}
.mobile-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 0;font-size:1.125rem;font-weight:500;color:var(--foreground);background:#fff;border:none;cursor:pointer;text-align:left}
.accordion-chevron{transition:transform .3s ease}
.mobile-accordion.active .accordion-chevron{transform:rotate(180deg)}
.mobile-accordion-content{display:none;padding-bottom:1rem}
.mobile-accordion.active .mobile-accordion-content{display:block}
.mobile-accordion-content a{display:block;padding:.625rem 0 .625rem 1rem;font-size:.9375rem;color:var(--muted-foreground);transition:color .2s}
.mobile-accordion-content a:hover{color:var(--flamingo)}
/* Utilities */
.text-gradient-coral{background:linear-gradient(135deg,hsl(16 100% 60%) 0%,hsl(30 100% 55%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.glow-coral{box-shadow:0 0 40px hsla(16,100%,60%,0.4),0 0 80px hsla(16,100%,60%,0.2)}
.glass{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:hsla(0,0%,100%,0.9);border:1px solid hsla(220,30%,20%,0.1);box-shadow:0 4px 20px hsla(220,30%,20%,0.06)}
.glass-light{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:hsla(0,0%,100%,0.7);border:1px solid hsla(220,30%,20%,0.08)}
/* Link Styling */
a{text-decoration:none;color:inherit;transition:var(--transition-base)}
a.gradient-underline{position:relative;color:#000;text-decoration:none;font-weight:500;transition:color 0.3s ease}
a.gradient-underline::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:linear-gradient(90deg,#ff6900,#9900ef);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}
a.gradient-underline:hover{color:#ff6900}
a.gradient-underline:hover::after{transform:scaleX(1)}
/* Internal Link with Icon */
a.internal_header_link{display:inline-flex;align-items:center;gap:0.35em;;padding:0.2em 0.2em;border-radius:var(--radius-sm);color:var(--accent-foreground);font-weight:600;font-size:1em;text-decoration:none;line-height:1;transition:all 0.2s ease}
a.internal_header_link::after{content:"";width:0.8em;height:0.8em;background-color:currentColor;opacity:0.5;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform 0.2s ease,opacity 0.2s ease}
a.internal_header_link:hover{color:var(--flamingo);}
a.internal_header_link:hover::after{opacity:1;transform:translate(2px,-2px)}
a.internal_link{display:inline-flex;align-items:center;gap:0.35em;background-color:var(--light-gray);padding:0.2em 0.2em;border-radius:var(--radius-sm);color:var(--text-color);font-weight:600;font-size:1em;text-decoration:none;line-height:1;transition:all 0.2s ease}
a.internal_link::after{content:"";width:0.8em;height:0.8em;background-color:currentColor;opacity:0.5;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform 0.2s ease,opacity 0.2s ease}
a.internal_link:hover{background-color:#e5e5e5;color:#000}
a.internal_link:hover::after{opacity:1;transform:translate(2px,-2px)}
a.internal_link_alt{display:inline-flex;align-items:center;gap:0.35em;padding:0.2em 0.2em;border-radius:var(--radius-sm);font-weight:600;font-size:1em;text-decoration:none;line-height:1;transition:all 0.2s ease}
a.internal_link_alt::after{content:"";width:0.8em;height:0.8em;background-color:currentColor;opacity:0.5;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform 0.2s ease,opacity 0.2s ease}
a.internal_link_alt:hover{color:var(--flamingo);}
a.internal_link_alt:hover::after{opacity:1;transform:translate(2px,-2px)}
a.external_link{font-weight:500;}a.external_link:hover{color:var(--flamingo);}
.h1-small{font-size:1.275rem}
p.subtext{margin-top:4rem;font-size:0.775rem;}
p.more{text-align:right;padding:2em 0 0 0;}
/*Stars*/
.testimonial-stars{gap:0.25rem;margin-bottom:1.5rem}
.testimonial-stars svg{width:1.25rem;height:1.25rem}
.testimonial-stars svg.filled{color:hsl(45 93% 47%);fill:hsl(45 93% 47%)}
/*breacrumbs*/
.breadcrumb {background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.9));border-bottom: 1px solid rgba(255, 255, 255, 0.08);padding: 0.875rem 0;margin-top:20px;color: rgba(255, 255, 255, 0.6);}
.breadcrumb-container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;}
.breadcrumb-list {display: flex;align-items: center;gap: 0.5rem;list-style: none;margin: 0;padding: 0;flex-wrap: wrap;}
.breadcrumb-item {display: flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;}
.breadcrumb-item a {color: rgba(255, 255, 255, 0.6);text-decoration: none;transition: color 0.2s ease;}
.breadcrumb-item a:hover {color: var(--primary-orange, #FF6B35);}
.breadcrumb-item.active span {color: rgba(255, 255, 255, 0.9);font-weight: 500;}
.breadcrumb-separator {color: rgba(255, 255, 255, 0.3);font-size: 0.75rem;}
@media (max-width: 768px) {.breadcrumb-container {padding: 0 1rem;}.breadcrumb-item {font-size: 0.8rem;}}
/* Button Styles */
button{border:none;background:none;cursor:pointer;font-family:inherit;transition:var(--transition-base)}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .25s ease;border:none}
.btn-primary2{background:linear-gradient(135deg,hsla(16,100%,50%,.15) 0%,hsla(220,60%,30%,.2) 100%);color:#fff;box-shadow:0 4px 20px hsla(16,100%,50%,.3)}
.btn-primary{background:linear-gradient(135deg,var(--flamingo),var(--crusta));color:#fff;box-shadow:0 4px 20px hsla(16,100%,50%,.3)}
.btn-primary:hover,.btn-primary2:hover{transform:translateY(-2px);box-shadow:0 8px 30px hsla(16,100%,50%,.4)}
.btn-outline{background:transparent;color:var(--foreground);border:1.5px solid var(--border)}
.btn-outline:hover{border-color:var(--flamingo);color:var(--flamingo)}
.btn_primary{background:linear-gradient(135deg,var(--flamingo),var(--crusta));color:#fff;box-shadow:0 4px 20px hsla(16,100%,50%,.3)}
.btn_primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px hsla(16,100%,50%,.4)}
.btn_secondary{background:#f1f5f9;color:#64748b}
.btn_secondary:hover{background:#e2e8f0;color:#7c3aed;transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.3)}
.btn_large{padding:16px 32px}
.btn_full{width:100%;justify-content:center}
.glow-button{background-color:#8b5cf6;color:white;border:none;padding:1rem 2rem;font-size:1.125rem;border-radius:0.5rem;cursor:pointer;box-shadow:0 0 10px #8b5cf6;animation:glow-pulse 2s ease-in-out infinite;transition:transform 0.2s}
.glow-button:hover{transform:scale(1.05)}
.cta-button-wrapper{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-3xl)}
/* Main Container */
.container{max-width:1236px;margin:0 auto;padding:0 var(--spacing-md)}
@media (max-width:768px){.container{padding:0 var(--spacing-md);overflow-x:hidden}}
@media (min-width:768px){.container{padding:0 var(--spacing-xl)}}
@media (min-width:1024px){.container{padding:0 var(--spacing-2xl)}}
@media (max-width: 768px) {.hero-bg-glow-1, .hero-bg-glow-2,.case-studies-bg-glow-1, .case-studies-bg-glow-2,.contact-bg-glow-1, .contact-bg-glow-2 {display: none;  /* or scale down significantly */}}

.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-title{font-size:var(--font-size-3xl);font-weight: 700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--primary-color)}
h2.section-title-white{font-size:var(--font-size-5xl);font-weight: 700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--light-gray)}
.section-subtitle{font-size:var(--font-size-lg);color:var(--dark-gray);line-height:1.6;max-width:800px;margin:0 auto}
@media (min-width:768px){.section-title{font-size:var(--font-size-4xl)}.section-subtitle{font-size:var(--font-size-xl)}}
/* Font colors */
.blue-text{color:#667eea;font-weight:900}
a.blue-text:hover{color:var(--accent-color);border-bottom-color:var(--accent-color);text-decoration:underline}
.orange-text{color:#f95730;font-weight:900}
.purple-text{color:var(--primary-purple);font-weight:700}
a.purple-text:hover{color:var(--accent-color);border-bottom-color:var(--accent-color);text-decoration:underline}
.white{color:var(--light-gray)}

/* Header */
.header{position:fixed;top:0;left:0;width:100%;background:rgba(251,251,250,0.95);backdrop-filter:blur(10px);z-index:var(--z-fixed);transition:var(--transition-base);border-bottom:1px solid rgba(224,224,224,0.3)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px}
.nav_logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight: 700;font-size:var(--font-size-xl);color:var(--primary-color);z-index:var(--z-tooltip)}
.logo-img{max-width:100px;height:auto;object-fit:contain;margin-left:1em}
a:focus:not(:focus-visible){outline:none}
.logo-img-foot{width:100px;height:100px;margin-left:0}
.nav_logo .logo-text{display:none}
.nav_menu{display:none;position:fixed;top:0;right:-100%;width:100%;max-width:400px;height:100vh;background:var(--secondary-color);box-shadow:var(--shadow-xl);transition:right 0.3s ease-in-out;z-index:var(--z-modal);overflow-y:auto}
.nav_menu.active{display:block;right:0}
.nav_list{display:flex;flex-direction:column;padding:var(--spacing-5xl) var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-lg)}
.nav_item{position:relative}
.nav_item.dropdown{position:relative}
.nav_item.dropdown::after{content:'';position:absolute;top:100%;left:0;width:100%;height:20px;background:transparent;pointer-events:auto}
.nav_link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;font-weight:600;font-size:var(--font-size-lg);color:var(--text-color);transition:var(--transition-base);border-bottom:1px solid transparent}
.nav_link:hover{color:var(--accent-color);border-bottom-color:var(--accent-color)}
.nav_link i{font-size:var(--font-size-sm);transition:transform var(--transition-base)}
.nav_actions{display:flex;align-items:center;gap:var(--spacing-md);z-index:var(--z-tooltip)}
.nav_toggle{display:block;font-size:var(--font-size-3xl);color:var(--text-color);cursor:pointer;z-index:var(--z-tooltip);transition:var(--transition-base)}
.nav_toggle:hover{color:var(--accent-color)}
.nav_overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:calc(var(--z-modal) - 1);opacity:0;transition:opacity 0.3s ease-in-out}
.nav_overlay.active{display:block;opacity:1}
.nav_cta{margin-right:1em}
/* Dropdown styles */
.dropdown.active .nav_link i{transform:rotate(180deg)}
.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:800px;max-width:1000px;z-index:1000;background:var(--secondary-color);border:1px solid var(--medium-gray);box-shadow:var(--shadow-xl);border-radius:var(--radius-lg);padding:var(--spacing-xl);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease}
.dropdown.active .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}
.dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}
.dropdown-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);transition:var(--transition-base);cursor:pointer}
.dropdown-item:hover{background:rgba(155,81,224,0.1);transform:translateX(5px)}
.dropdown-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--light-text);font-size:var(--font-size-lg);flex-shrink:0}
.dropdown-icon.marketers{background:linear-gradient(135deg,#f97316,#ea580c)}
.dropdown-icon.inhouse{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.dropdown-icon.agencies{background:linear-gradient(135deg,#10b981,#059669)}
.dropdown-icon.voice{background:linear-gradient(135deg,var(--madison),var(--primary-blue-dark))}
.dropdown-icon.consult{background:linear-gradient(135deg,var(--accent-color),#7c3aed)}
.dropdown-content{flex:1}
.dropdown-title{font-weight:700;font-size:var(--font-size-base);color:var(--primary-color);margin-bottom:var(--spacing-xs)}
.dropdown-description{font-size:var(--font-size-sm);color:var(--dark-gray);line-height:1.4}
@media (max-width:910px){.nav_toggle{margin-right:20px}.nav_menu.active{padding-top:20px}.logo-img{max-width:100px;height:auto;object-fit:contain}.nav_menu{width:100%;max-width:100%;right:-100%;transition:right 0.3s ease-in-out;height:100vh;overflow-y:hidden}.dropdown-menu{display:none;position:static;background:none;box-shadow:none;padding:0;opacity:1;visibility:visible;pointer-events:auto;transform:none;min-width:unset}.dropdown.active .dropdown-menu{display:block}.dropdown-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-left:var(--spacing-md)}.dropdown-item{padding:var(--spacing-sm) 0}.dropdown-icon{width:30px;height:30px;font-size:1rem}.dropdown-title{font-size:var(--font-size-base)}.dropdown-description{font-size:var(--font-size-sm)}.nav_cta{display:none}}
@media (min-width:910px){.nav{padding:var(--spacing-l) 0}.nav_menu{display:flex !important;position:static;width:auto;max-width:none;height:auto;background:none;box-shadow:none;border-radius:0;right:0;overflow:visible;margin-right:var(--spacing-md)}.nav_list{flex-direction:row !important;padding:0;gap:var(--spacing-2xl);align-items:center}.nav_link{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border-bottom:none;border-radius:var(--radius-md);position:relative}.nav_link::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--accent-color);transition:all var(--transition-base);transform:translateX(-50%)}.nav_link:hover::after{width:100%}.nav_link i{transition:transform var(--transition-base)}.dropdown:hover .nav_link i{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:800px;max-width:900px;margin-top:var(--spacing-md);z-index:var(--z-dropdown);display:none;background:var(--secondary-color);border:1px solid var(--medium-gray);box-shadow:var(--shadow-xl)}.dropdown:hover .dropdown-menu{display:block;animation:fadeInUp 0.2s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dropdown-menu{padding:var(--spacing-xl)}.dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.dropdown-item{padding:var(--spacing-lg);margin-bottom:0}.dropdown-icon.marketers{background:linear-gradient(135deg,#f97316,#ea580c)}.dropdown-icon.inhouse{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.dropdown-icon.agencies{background:linear-gradient(135deg,#10b981,#059669)}.dropdown-icon.consultancy{background:linear-gradient(135deg,var(--accent-color),#7c3aed)}.nav_toggle{display:none}.nav_overlay{display:none !important}.nav_actions{gap:var(--spacing-md)}}
@media (min-width:1024px){.nav_list{gap:var(--spacing-2xl)}.nav_link{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg)}.dropdown-menu{min-width:900px;max-width:1000px}}
@media (min-width:910px){.dropdown-menu{margin-top:12px}.nav_item.dropdown{position:relative}.nav_item.dropdown::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:140%;height:12px;background:transparent;pointer-events:auto;z-index:var(--z-dropdown)}}

/* ===== HERO SECTION ===== */
.hero {position: relative;min-height: 80vh;display: flex;align-items: center;overflow: hidden;margin-top: 6.5rem;}
.hero-bg {position: absolute;inset: 0;overflow: hidden;pointer-events: none;}
.hero-bg-glow-1 {position: absolute;top: 25%;right: 25%;width: 600px;height: 600px;background: hsla(16, 100%, 60%, 0.1);border-radius: 50%;filter: blur(120px);opacity: 0.6;}
.hero-bg-glow-2 {position: absolute;bottom: 25%;left: 25%;width: 400px;height: 400px;background: hsla(262, 83%, 58%, 0.1);border-radius: 50%;filter: blur(100px);opacity: 0.4;}
.hero-grid {display: grid;gap: 3rem;align-items: center;}
@media (max-width: 768px) {.hero-bg-glow-1, .hero-bg-glow-2 {width: 200px;height: 200px;}}
@media (min-width: 1024px) {.hero-grid {grid-template-columns: 1fr 1fr;gap: 5rem;}}
.home-content {animation: fade-in-up 0.8s ease-out forwards;}
.home-badge {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;border-radius: 9999px;font-size: 0.875rem;font-weight: 500;color: var(--muted-foreground);background: hsla(30, 20%, 96%, 0.8);border: 1px solid hsla(220, 30%, 20%, 0.1);margin-bottom: 2rem;}
.hero-badge-dot {width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--flamingo);animation: pulse 2s ease-in-out infinite;}
.home-title {font-size: 4.5rem;font-weight: 700;line-height: 1.1;letter-spacing: -0.02em;margin-bottom: 1.5rem;}
@media (max-width: 768px) {.home-title {font-size: 2rem;}.h1-small{font-size: 0.975rem;}}
@media (max-width: 480px) {.home-title {font-size: 2.125rem;line-height: 1.33;}.h1-small{font-size: 0.975rem;}.hero{margin-top:7.5rem;}}
.hero {overflow-x: hidden;}
@media (min-width: 768px) {.hero-title {font-size: 3.5rem;}}
@media (min-width: 1024px) {.hero-title {font-size: 4rem;}}
@media (min-width: 1280px) {.hero-title {font-size: 4.5rem;}}
.home-subtitle {font-size: 1.125rem;color: var(--muted-foreground);max-width: 32rem;line-height: 1.7;margin-bottom: 2rem;}
@media (min-width: 768px) {.hero-subtitle {font-size: 1.25rem;}}
@media (max-width: 768px) {.home-subtitle {font-size: 1rem;}}
.hero-cta {display: flex;flex-direction: column;gap: 1rem;margin-bottom: 2rem;}
@media (min-width: 640px) {.hero-cta {flex-direction: row;}}
.hero-stats {display: flex;flex-wrap: wrap;gap: 2rem;padding-top: 1.5rem;}
.hero-stat {text-align: left;}
.hero-stat-value {font-size: 1.5rem;font-weight: 700;}
@media (min-width: 768px) {.hero-stat-value {font-size: 1.875rem;}}
.hero-stat-label {font-size: 0.875rem;color: var(--muted-foreground);}

/* Hero Visual */
.hero-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}
@media (min-width:1024px){.hero-visual{height:500px}}
.hero-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}
.hero-hub-inner{position:relative}
.hero-hub-ring-1,.hero-hub-ring-2{position:absolute;border-radius:50%;background:hsla(16,100%,60%,0.2)}
.hero-hub-ring-1{inset:-1rem;animation:ping 3s cubic-bezier(0,0,0.2,1) infinite}
.hero-hub-ring-2{inset:-0.5rem;background:hsla(16,100%,60%,0.3);animation:ping 2s cubic-bezier(0,0,0.2,1) infinite 0.5s}
.hero-hub-center{position:relative;width:7rem;height:7rem;border-radius:1rem;background:hsla(0,0%,100%,0.95);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 40px hsla(16,100%,50%,0.2),0 0 60px hsla(16,100%,50%,0.1);border:2px solid hsla(16,100%,50%,0.3)}
.hero-hub-logo{width:5rem;height:auto;object-fit:contain}
.hero-hub-center svg{width:2rem;height:2rem;color:black;margin-bottom:0.25rem}
.hero-hub-center span{font-size:0.75rem;font-weight:600;color:white}
.hero-orbits{position:absolute;inset:0;pointer-events:none}
.hero-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed hsla(16,100%,60%,0.2)}
.hero-orbit-1{width:240px;height:240px;animation:spin 20s linear infinite}
.hero-orbit-2{width:360px;height:360px;animation:spin 30s linear infinite reverse}
.hero-widget-container{position:relative;height:auto;width:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:2rem}
.hero-node{position:absolute;z-index:10}
.hero-node-inner{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;border-radius:0.75rem;backdrop-filter:blur(24px);background:hsla(0,0%,100%,0.95);border:1px solid hsla(220,30%,20%,0.1);box-shadow:0 4px 20px hsla(220,30%,20%,0.08);transition:transform 0.3s}
.hero-node-inner:hover{transform:scale(1.05)}
.hero-node-icon{width:2.5rem;height:2.5rem;border-radius:0.5rem;display:flex;align-items:center;justify-content:center}
.hero-node-icon svg{width:1.25rem;height:1.25rem;color:var(--foreground)}
.hero-node-label{font-size:0.875rem;font-weight:500;padding-right:0.5rem}
.hero-node-1{top:0;left:25%;animation:float 6s ease-in-out infinite 0s}
.hero-node-2{top:2rem;right:2rem;animation:float 6s ease-in-out infinite 0.5s}
.hero-node-3{top:33%;right:0;animation:float 6s ease-in-out infinite 1s}
.hero-node-4{bottom:33%;right:1rem;animation:float 6s ease-in-out infinite 1.5s}
.hero-node-5{bottom:2rem;right:25%;animation:float 6s ease-in-out infinite 2s}
.hero-node-6{bottom:0;left:25%;animation:float 6s ease-in-out infinite 2.5s}
.hero-node-7{bottom:33%;left:0;animation:float 6s ease-in-out infinite 3s}
.hero-node-8{top:33%;left:1rem;animation:float 6s ease-in-out infinite 3.5s}
/* Hide floating icons on mobile */
@media (max-width:768px){.hero-node,.hero-orbits{display:none}.hero-visual{height:200px}.hero-hub-center{width:5rem;height:5rem}.hero-hub-logo{width:3.5rem}}
@media (max-width:480px){.hero-visual{height:150px}.hero-hub-center{width:4rem;height:4rem}.hero-hub-logo{width:2.75rem}}
.bg-green{background-color:hsl(142 76% 36%)}
.bg-blue{background-color:hsl(217 91% 60%)}
.bg-red{background-color:hsl(0 84% 60%)}
.bg-purple{background-color:hsl(271 91% 65%)}
.bg-amber{background-color:hsl(45 93% 47%)}
.bg-teal{background-color:hsl(180 70% 45%)}
.bg-orange{background-color:hsl(25 95% 53%)}
.bg-coral{background-color:var(--flamingo)}
.card-1{top:30%;left:10%;animation-delay:0s}
.card-2{bottom:25%;right:10%;animation-delay:2s}
.card-3{bottom:25%;left:15%;animation-delay:4s}
.card-4{top:20%;right:12%;animation-delay:1s}
@media (min-width:768px){.hero_title{font-size:var(--font-size-5xl)}.hero_actions{flex-direction:row;justify-content:center}}
@media (min-width:1400px){.hero_title{font-size:var(--font-size-6xl)}}
@media (max-width:1200px){.floating-card{position:absolute;background:var(--secondary-color);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:var(--font-size-sm);animation:float 6s ease-in-out infinite;max-width:200px}.floating-card i{font-size:var(--font-size-lg);color:var(--accent-color)}.card-1{top:-20%;left:20%;animation-delay:0s}.card-2{bottom:100%;right:15%;animation-delay:2s}.card-3{bottom:120%;left:45%;animation-delay:4s}.card-4{display:none}}
@media (max-width:768px){.floating-card{display:none}}
/* Trust Bar */
.trust-bar{padding:2rem 0;border-top:1px solid hsla(220,30%,20%,0.08);border-bottom:5px solid hsla(32,100%,29%,0.274);background:hsla(30,20%,97%,0.8);backdrop-filter:blur(12px)}
.trust-bar-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem}
@media (min-width:1024px){.trust-bar-inner{flex-direction:row}}
.trust-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem}
@media (min-width:1024px){.trust-stats{justify-content:flex-start;gap:3rem}}
.trust-stat{display:flex;align-items:center;gap:0.75rem}
.trust-stat-icon{padding:0.5rem;border-radius:0.5rem;background:hsla(16,100%,60%,0.1)}
.trust-stat-icon svg{width:1.25rem;height:1.25rem;color:var(--primary)}
.trust-stat-value{font-size:1.25rem;font-weight:700}
@media (min-width:1024px){.trust-stat-value{font-size:1.5rem}}
.trust-stat-suffix{color:var(--primary)}
.trust-stat-label{font-size:0.75rem;color:var(--muted-foreground)}
.trust-divider{display:none;width:1px;height:3rem;background:hsla(220,30%,20%,0.15)}
@media (min-width:1024px){.trust-divider{display:block}}
.trust-logos{display:flex;align-items:center;gap:0.5rem}
.trust-logos-label{font-size:0.875rem;color:var(--muted-foreground);margin-right:1rem;white-space:nowrap}
.trust-logos-list{display:flex;align-items:center;gap:1.5rem;overflow:hidden}
.trust-logo{color:hsla(215,20%,55%,0.5);font-size:0.875rem;font-weight:600;transition:color 0.2s}
.trust-logo:hover{color:var(--muted-foreground)}
@media (max-width:768px){.trust-logos{flex-wrap:wrap;justify-content:center}.trust-logos-label{white-space:normal;text-align:center;width:100%;margin-right:0}.trust-logos-list{flex-wrap:wrap;justify-content:center;overflow:visible;gap:1rem}}
/* Tools Slider Section */
.tools-slider{padding:var(--spacing-5xl) 0;background:var(--secondary-color);overflow:hidden}
.tools-slider .section-title{text-align:center;margin-bottom:var(--spacing-4xl)}
.slider-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}
.slider{overflow:hidden;width:100%;position:relative}
.slider-track{display:flex;gap:var(--spacing-lg);width:max-content;will-change:transform;animation:scroll-right 60s linear infinite}
.slider:nth-child(even) .slider-track{animation:scroll-left 60s linear infinite}
.slider-track:hover{animation-play-state:paused}
.tool-logo{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--secondary-color);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);min-width:120px;transition:var(--transition-base);box-shadow:var(--shadow-sm);flex-shrink:0;will-change:transform}
.tool-logo:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}
.tool-logo i{font-size:var(--font-size-2xl);color:var(--accent-color)}
.tool-logo span{font-size:var(--font-size-sm);font-weight:600;color:var(--text-color)}
.tools-section{padding:3rem 0;text-align:center;background:var(--secondary-color)}
.tools-section h2{font-size:3rem;font-weight:600;color:#333;font-family:'Poppins',sans-serif}
.logo-slider-container{position:relative;width:100%;overflow:hidden;padding:2rem 0;background:var(--secondary-color);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%)}
.logo-slider-inner{display:flex;flex-direction:column;gap:2.5rem}
.logo-slider-row{overflow:hidden;padding:0.4rem 0;position:relative;width:100%;contain:content}
.logos-slide{display:flex;align-items:center;width:fit-content;animation:scroll-left 60s linear infinite;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.slide-left{animation:scroll-left 60s linear infinite}
.slide-right{animation:scroll-right 60s linear infinite}
.badges{display:flex;justify-content:center;align-items:center;height:50px;width:120px;margin:0 1.5rem;padding:0;transform:translate3d(0,0,0);will-change:transform,filter;transition:transform 0.3s ease,filter 0.3s ease}
.badges:hover{transform:scale(1.05) translate3d(0,0,0);filter:drop-shadow(0 5px 10px rgba(0,0,0,0.1))}
.badges img{max-width:100%;max-height:100%;object-fit:contain;opacity:0.7;transition:opacity 0.3s ease;backface-visibility:hidden}
.badges:hover img{opacity:1}
.logo-slider-row:hover .logos-slide{animation-play-state:paused}
@media (max-width:768px){.logo-slider-inner{gap:1.5rem}.badges{margin:0}}
/* Solutions Section */
.solutions{padding:var(--spacing-5xl) 0;background:var(--gradient-light)}
.section-header{text-align:center;margin-bottom:var(--spacing-4xl)}
.solutions-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}
.solutions-grid-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}
.solution-card{background:var(--secondary-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:var(--transition-base);border:1px solid var(--medium-gray)}
.solution-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.solution-card_featured{background:rgba(155,81,224,0.8);color:var(--light-text);grid-column:1 / -1}
.solution-card_featured .solution-title,.solution-card_featured .solution-description{color:var(--light-text)}
.solution-icon{width:60px;height:60px;background:rgba(155,81,224,0.1);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}
.solution-card_featured .solution-icon{background:rgba(255,255,255,0.2)}
.solution-icon i{font-size:var(--font-size-xl);color:var(--accent-color)}
.solution-card_featured .solution-icon i{color:var(--light-text)}
.solution-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--primary-color)}
.solution-description{color:var(--dark-gray);margin-bottom:var(--spacing-lg);line-height:1.6}
.solution-features{display:flex;flex-direction:column;gap:var(--spacing-sm)}
.solution-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--dark-gray)}
.solution-card_featured .solution-features li{color:var(--light-text)}
.solution-features i{color:var(--accent-color);font-size:var(--font-size-xs)}
.solution-card_featured .solution-features i{color:var(--light-text)}
.solution-cta{margin-top:var(--spacing-lg);display:flex;justify-content:center}
.solution-cta .btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:700}
.solution-menu{margin-top:var(--spacing-lg);margin-right:var(--spacing-2xl)}
.solution-card_featured.workflow-canvas-wrapper{overflow:visible;background:transparent;box-shadow:none;border:none;gap:0}
.solution-card_featured.workflow-canvas-wrapper-logo{overflow:visible;background:transparent;box-shadow:none;border:none;gap:0;padding:0;margin:0 auto;color:var(--gradient-dark);font-size:smaller}
@media (min-width:768px){.solutions-grid{grid-template-columns:repeat(2,1fr)}.solutions-grid-benefits{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.solutions-grid{grid-template-columns:repeat(2,1fr)}.solutions-grid-benefits{grid-template-columns:repeat(4,1fr)}.solution-card_featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-xl)}.solution-cta{margin-top:0}}
@media (max-width:480px){.solutions-grid-benefits{grid-template-columns:1fr}}
@media (max-width:600px){.solutions-grid-benefits{grid-template-columns:1fr}}
@media (max-width:768px){.solution-menu{margin:0 auto}.section-menu{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.section-menu .btn{width:100%;max-width:320px;justify-content:center;text-align:center}.section-menu .btn span{width:100%;display:flex;justify-content:center}.section-menu .btn a{display:inline-block;width:100%;text-align:center}}
.trust-footer{margin-top:4rem;margin-bottom:4rem;text-align:center}
.trust-footer-inner{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;font-size:0.975rem;color:var(--muted-foreground)}
@media (min-width:768px){.trust-footer-inner{gap:2.5rem}}
.trust-footer-item{display:flex;align-items:center;gap:0.5rem}
.trust-footer-item svg{width:1rem;height:1rem}
/* Why Choose Section */
.why-choose{padding:5rem 0 7rem;position:relative;overflow:hidden}
.why-choose-bg{position:absolute;inset:0;opacity:0.3}
.why-choose-bg-glow-1{position:absolute;top:25%;left:25%;width:24rem;height:24rem;background:hsla(16,100%,60%,0.05);border-radius:50%;filter:blur(80px)}
.why-choose-bg-glow-2{position:absolute;bottom:25%;right:25%;width:24rem;height:24rem;background:hsla(16,100%,60%,0.05);border-radius:50%;filter:blur(80px)}
.features{margin-top:80px}
.features-home-grid{display:grid;gap:1rem}
@media (min-width:768px){.features-home-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.features-home-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}
.feature-card{position:relative;background:hsla(0,0%,100%,0.9);backdrop-filter:blur(12px);border:1px solid hsla(220,30%,20%,0.1);border-radius:var(--radius-lg);padding:1rem 2rem;transition:all 0.5s ease;overflow:hidden;box-shadow:0 4px 20px hsla(220,30%,20%,0.06)}
.feature-card:hover{border-color:hsla(16,100%,50%,0.3);box-shadow:0 25px 50px -12px hsla(16,100%,50%,0.12)}
.feature-card-hover-bg{position:absolute;inset:0;background:linear-gradient(to bottom right,hsla(16,100%,60%,0.05),transparent,hsla(262,83%,58%,0.05));opacity:0;transition:opacity 0.5s}
.feature-card:hover .feature-card-hover-bg{opacity:1}
.feature-eeat{position:absolute;top:1rem;right:1rem;font-size:0.75rem;font-weight:500;color:hsla(215,20%,55%,0.6);text-transform:uppercase;letter-spacing:0.05em}
.feature-icon-wrap{margin-bottom:1.5rem;position:relative}
.feature-icon{width:3.5rem;height:3.5rem;border-radius:1rem;background:linear-gradient(to bottom right,hsla(16,100%,60%,0.2),hsla(16,100%,60%,0.05));display:flex;align-items:center;justify-content:center;transition:transform 0.3s}
.feature-card:hover .feature-icon{transform:scale(1.1)}
.feature-icon svg{width:1.75rem;height:1.75rem;color:var(--primary)}
.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:0.75rem;transition:color 0.3s}
.feature-card:hover .feature-title{color:var(--primary)}
.feature-description{font-size:0.975rem;color:var(--muted-foreground);line-height:1.7;margin-bottom:1.5rem}
.feature-proof{display:flex;align-items:center;gap:0.5rem;padding-top:1rem;border-top:1px solid hsla(220,30%,20%,0.1)}
.feature-proof-dot{width:0.5rem;height:0.5rem;border-radius:50%;background:hsl(142 76% 36%);animation:pulse 2s ease-in-out infinite}
.feature-proof-text{font-size:0.875rem;font-weight:600}
.feature-card-accent{position:absolute;bottom:0;left:0;right:0;height:0.25rem;background:linear-gradient(to right,transparent,hsla(16,100%,60%,0),transparent);transition:all 0.5s}
.feature-card:hover .feature-card-accent{background:linear-gradient(to right,transparent,var(--primary),transparent)}
.trust-footer{margin-top:4rem;text-align:center}
.trust-footer-inner{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;font-size:0.875rem;color:var(--muted-foreground)}
@media (min-width:768px){.trust-footer-inner{gap:2.5rem}}
.trust-footer-item{display:flex;align-items:center;gap:0.5rem}
.trust-footer-item svg{width:1rem;height:1rem}
.text-green{color:hsl(142 76% 36%)}
.text-coral{color:var(--flamingo)}
.text-primary{color:var(--primary)}
/* Services Section */
.services-section{padding:100px 0;background:linear-gradient(180deg,#0a0a0a 0%,#111111 100%);position:relative;z-index:2;scroll-margin-top:96px}
.services-header{text-align:center;margin-bottom:60px}
.services-title{font-size:2.75rem;font-weight:700;color:#ffffff;margin-bottom:20px;line-height:1.2;max-width:1000px;margin-left:auto;margin-right:auto}
.services-subtitle{font-size:1.2rem;color:rgba(255,255,255,0.7);max-width:1200px;margin:0 auto}
.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.service-card{background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:32px 24px;text-align:center;transition:all 0.3s ease;position:relative;overflow:hidden}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity 0.3s ease}
.service-card:hover{transform:translateY(-8px);border-color:rgba(59,130,246,0.3);box-shadow:0 20px 40px rgba(59,130,246,0.15)}
.service-card:hover::before{opacity:1}
.service-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,rgba(59,130,246,0.2) 0%,rgba(139,92,246,0.2) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:all 0.3s ease}
.service-card:hover .service-icon{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#ffffff;transform:scale(1.1)}
.service-name{font-size:1.1rem;font-weight:600;color:#ffffff;margin-bottom:12px;line-height:1.3}
.service-description{font-size:0.9rem;color:rgba(255,255,255,0.6);line-height:1.6}
@media (max-width:1200px){.services-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.services-section{padding:60px 0}.services-title{font-size:2rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:16px}.service-card{padding:24px 16px}}
@media (max-width:480px){.services-grid{grid-template-columns:1fr}.services-title{font-size:1.75rem}}
.services-section{padding:6rem 0;background:linear-gradient(180deg,hsl(220 25% 10%) 0%,hsl(220 25% 7%) 100%);position:relative;z-index:2;scroll-margin-top:96px}
.services-header{text-align:center;margin-bottom:4rem}
.services-title{font-weight:700;letter-spacing:-.02em;color:hsl(0 0% 100%);line-height:1.15;margin:0 auto 1rem}
.services-subtitle{font-size:1.15rem;color:hsla(0,0%,100%,.72);margin:0 auto}
.services-list{display:flex;flex-direction:column;gap:3rem}
.service-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:linear-gradient(135deg,hsla(0,0%,100%,.04) 0%,hsla(0,0%,100%,.02) 100%);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;padding:2.5rem;transition:border-color .3s ease,box-shadow .3s ease}
.service-row:hover{border-color:hsla(16,100%,50%,.3);box-shadow:0 20px 60px -20px hsla(16,100%,50%,.25)}
.service-row.reverse{direction:rtl}
.service-row.reverse>*{direction:ltr}
.service-visual{aspect-ratio:4/3;background:linear-gradient(135deg,hsla(16,100%,50%,.15) 0%,hsla(220,60%,30%,.2) 100%);border-radius:1rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.service-visual-icon{width:80px;height:80px;color:hsl(16 100% 55%);opacity:.9}
.service-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,hsla(16,100%,50%,.2) 0%,transparent 60%);pointer-events:none}
.service-content{display:flex;flex-direction:column;gap:1rem}
.service-icon-small{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:hsl(16 100% 50%);background:linear-gradient(135deg,hsla(16,100%,50%,.18) 0%,hsla(30,100%,55%,.12) 100%)}
.service-name{font-size:1.5rem;font-weight:750;color:hsl(0 0% 100%);line-height:1.25;margin:0}
.service-description{font-size:1rem;color:hsla(0,0%,100%,.7);line-height:1.7}
.service-badges{display:flex;flex-wrap:wrap;gap:.5rem}
.service-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:hsla(175,70%,45%,.15);border:1px solid hsla(175,70%,45%,.35);border-radius:999px;font-size:.78rem;font-weight:600;color:hsl(175 70% 55%);white-space:nowrap}
@media (max-width:900px){.service-row{grid-template-columns:1fr;gap:2rem}.service-row.reverse{direction:ltr}.service-visual{max-height:280px}}
@media (max-width:640px){.services-section{padding:4rem 0}.service-row{padding:1.5rem}.service-name{font-size:1.25rem}}
/* Case Studies Section */
.case-studies{position:relative;padding:6rem 0;overflow:hidden}
.case-studies-bg{position:absolute;inset:0;z-index:1}
.case-studies-bg-glow-1{position:absolute;top:20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,hsla(16,100%,60%,0.08) 0%,transparent 70%);filter:blur(80px)}
.case-studies-bg-glow-2{position:absolute;bottom:10%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,hsla(262,83%,58%,0.06) 0%,transparent 70%);filter:blur(80px)}
.case-studies-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}
@media (min-width:768px){.case-studies-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.case-studies-grid{grid-template-columns:repeat(3,1fr)}}
.case-study-card{background:var(--card);border-radius:1.25rem;overflow:hidden;border:1px solid var(--border);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.case-study-card:hover{transform:translateY(-8px);border-color:hsla(16,100%,50%,0.3);box-shadow:0 25px 50px -12px hsla(220,30%,20%,0.12),0 0 30px hsla(16,100%,50%,0.08)}
.case-study-image{position:relative;height:180px;background:linear-gradient(135deg,hsla(16,100%,60%,0.2) 0%,hsla(16,100%,60%,0.05) 100%);display:flex;align-items:center;justify-content:center}
.case-study-image-blue{background:linear-gradient(135deg,hsla(210,100%,60%,0.2) 0%,hsla(210,100%,60%,0.05) 100%)}
.case-study-image-purple{background:linear-gradient(135deg,hsla(262,83%,58%,0.2) 0%,hsla(262,83%,58%,0.05) 100%)}
.case-study-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--card) 100%)}
.case-study-industry-badge{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:hsla(0,0%,100%,0.95);backdrop-filter:blur(12px);border-radius:2rem;font-size:0.75rem;font-weight:600;color:var(--foreground);border:1px solid hsla(220,30%,20%,0.1)}
.case-study-industry-badge svg{color:var(--secondary)}
.case-study-content{padding:1.5rem}
.case-study-image-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.5;transition:opacity 0.4s ease,transform 0.4s ease}
.case-study-metrics{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.case-study-metric{display:flex;flex-direction:column;gap:0.125rem}
.case-study-metric-value{font-size:1.8rem;font-weight:700;color:var(--flamingo);line-height:1.2}
.case-study-metric-label{font-size:0.75rem;color:var(--madison);text-transform:uppercase;letter-spacing:0.05em}
.case-study-title{font-size:1.125rem;font-weight:600;color:var(--primary-color);margin-bottom:0.75rem;line-height:1.4}
.case-study-excerpt{font-size:0.9375rem;color:var(--dark-gray);line-height:1.6;margin-bottom:1rem}
.case-study-industry-badge{display:inline-block;padding:0.375rem 0.875rem;background:linear-gradient(135deg,var(--flamingo),var(--crusta));border-radius:1rem;font-size:0.75rem;font-weight:600;color:white;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem}
.case-study-title{font-size:1.5rem;font-weight:700;color:var(--dark-black);margin-bottom:0.75rem;line-height:1.3}
.case-study-excerpt{font-size:0.9375rem;color:var(--muted-foreground);line-height:1.6;margin-bottom:1.25rem}
.case-study-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem}
.case-study-tag{padding:0.375rem 0.75rem;background:var(--light-gray);border-radius:1rem;font-size:0.75rem;color:var(--muted-foreground);font-weight:500}
.case-study-link{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.9375rem;font-weight:600;color:var(--primary);transition:all 0.2s ease}
.case-study-link:hover{gap:0.75rem;color:var(--blue)}
.case-study-link svg{transition:transform 0.2s ease}
.case-study-link:hover svg{transform:translateX(4px)}
.case-studies-cta{display:flex;justify-content:center;margin-top:3rem}
/* Expert Section */
.expert-section{padding:6rem 0;background:linear-gradient(180deg,hsl(220 20% 98%) 0%,hsl(0 0% 100%) 100%);position:relative;overflow:hidden}
.expert-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,hsla(16,100%,50%,0.03) 0%,transparent 50%),radial-gradient(circle at 90% 80%,hsla(220,60%,50%,0.03) 0%,transparent 50%);pointer-events:none}
.expert-content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:1}
@media (min-width:1024px){.expert-content{grid-template-columns:400px 1fr;gap:4rem}}
.expert-image-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}
.expert-image-container{position:relative;width:280px;height:280px}
@media (min-width:768px){.expert-image-container{width:320px;height:320px}}
.expert-image-placeholder{width:100%;height:100%;border-radius:1.5rem;background:linear-gradient(135deg,hsl(220 20% 95%) 0%,hsl(220 15% 90%) 100%);border:3px solid hsl(0 0% 100%);box-shadow:0 20px 50px -15px hsla(220,20%,20%,0.15),0 0 0 1px hsla(16,100%,50%,0.1);display:flex;align-items:center;justify-content:center;font-size:6rem;color:hsla(220,15%,70%,0.5);overflow:hidden}
.expert-image-placeholder img{width:100%;height:100%;object-fit:cover}
.expert-badge{position:absolute;bottom:-1rem;right:-1rem;width:5rem;height:5rem;background:linear-gradient(135deg,var(--flamingo) 0%,hsl(30 100% 55%) 100%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px hsla(16,100%,50%,0.4),0 0 0 4px hsl(0 0% 100%);animation:pulse-glow 3s ease-in-out infinite}
.expert-badge .badge-number{font-size:1.5rem;font-weight: 700;line-height:1}
.expert-badge .badge-text{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.expert-credentials{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}
.credential-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsl(0 0% 100%);border:1px solid hsl(220 20% 90%);border-radius:2rem;font-size:.75rem;font-weight:500;color:var(--foreground);box-shadow:0 2px 8px hsla(220,20%,20%,0.05)}
.credential-item i,.credential-item svg{color:var(--flamingo);stroke:var(--flamingo);font-size:.875rem;flex-shrink:0}
.expert-info{display:flex;flex-direction:column;gap:1.25rem}
.expert-label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsla(16,100%,50%,0.08);border:1px solid hsla(16,100%,50%,0.2);border-radius:2rem;font-size:.75rem;font-weight:600;color:var(--flamingo);text-transform:uppercase;letter-spacing:.05em;width:fit-content}
.expert-label i{font-size:.75rem}
.expert-name{font-size:2.5rem;font-weight: 700;color:var(--foreground);line-height:1.1;margin:0}
@media (min-width:768px){.expert-name{font-size:3rem}}
.expert-title{font-size:1.125rem;font-weight:500;color:var(--flamingo);margin:0}
.expert-subtitle{font-size:1.015rem;font-weight:400;color:var(--flamingo);margin:0}
.expert-description{display:flex;flex-direction:column;gap:1rem}
.expert-description p{font-size:1rem;line-height:1.7;color:var(--muted-foreground);margin:0}
.expert-description strong{color:var(--foreground)}
.expert-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem;background:hsl(0 0% 100%);border:1px solid hsl(220 20% 90%);border-radius:1rem;box-shadow:0 4px 16px hsla(220,20%,20%,0.05)}
@media (max-width:640px){.expert-stats{grid-template-columns:1fr;gap:1.5rem}}
.expert-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}
.expert-stat .stat-value{font-size:1.75rem;font-weight: 700;background:linear-gradient(135deg,var(--flamingo) 0%,hsl(30 100% 55%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.expert-stat .stat-label{font-size:.75rem;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.03em}
.expert-quote{padding:1.5rem;background:linear-gradient(135deg,hsla(16,100%,50%,0.05) 0%,hsla(220,60%,50%,0.03) 100%);border-left:4px solid var(--flamingo);border-radius:0 1rem 1rem 0}
.expert-quote blockquote{margin:0}
.expert-quote p{font-size:1.0625rem;font-style:italic;line-height:1.7;color:var(--foreground);margin:0}
.expert-cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}
.expert-cta .btn{display:inline-flex;align-items:center;gap:.5rem}
@media (max-width:640px){.expert-cta{flex-direction:column}.expert-cta .btn{width:100%;justify-content:center}}
/* Expert Social Links */
.expert-social{display:flex;justify-content:center;gap:1rem;margin-top:1rem}
.expert-social a{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:0.875rem;background:hsl(0 0% 100%);border:1px solid hsl(220 20% 90%);color:hsl(220 10% 40%);transition:all 0.3s ease;box-shadow:0 2px 8px hsla(220,20%,20%,0.05)}
.expert-social a:hover{color:var(--primary);border-color:hsla(16,100%,50%,0.3);box-shadow:0 8px 24px -8px hsla(16,100%,50%,0.25);transform:translateY(-2px)}
.expert-social a svg{width:28px;height:28px}
/* Expert Logos */
.expert-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding:2rem 1rem;width:100%;max-width:1200px;margin:0 auto;opacity:0.8}
.expert-logos img{max-height:100px;width:auto;object-fit:contain;filter:grayscale(50%);transition:all 0.3s ease;opacity:0.7}
.expert-logos img:hover{filter:grayscale(0%);opacity:1;transform:scale(1.05)}
@media (max-width:768px){.expert-logos{gap:1.5rem}.expert-logos img{max-height:80px}}
/* Integrations Bar */
.integrations-bar{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:3rem;padding:1.5rem 2rem;background:hsl(0 0% 100%);border:1px solid hsl(220 20% 88%);border-radius:1rem}
@media (min-width:768px){.integrations-bar{flex-direction:row;justify-content:center;gap:2rem}}
.integrations-label{font-size:0.875rem;font-weight:500;color:hsl(220 10% 45%);white-space:nowrap}
.integrations-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.integration-logo{padding:0.5rem 1rem;background:hsl(220 20% 96%);border:1px solid hsl(220 20% 88%);border-radius:0.5rem;font-size:0.8125rem;font-weight:500;color:hsl(220 25% 18%);transition:all 0.2s ease}
.integration-logo:hover{background:hsla(16,100%,50%,0.08);border-color:hsla(16,100%,50%,0.3);color:hsl(16 100% 50%)}
.integrations-section{padding:4rem 0;background:linear-gradient(180deg,hsl(0 0% 97%) 0%,hsl(0 0% 94%) 100%);position:relative;overflow:hidden}
.integrations-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(220,25%,20%,.1),transparent)}
.integrations-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(220,25%,20%,.1),transparent)}
.integrations-header{text-align:center;margin-bottom:2.5rem}
.integrations-title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;color:hsl(220 25% 15%);margin-bottom:.5rem}
.integrations-subtitle{font-size:.95rem;color:hsla(220,25%,25%,.7)}
.integrations-slider-wrapper{position:relative;width:100%;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}
.integrations-slider{display:flex;gap:1.25rem;width:max-content;animation:scrollIntegrations 150s linear infinite;cursor:grab;user-select:none;will-change:transform}
.integrations-slider:hover{animation-play-state:paused}
.integrations-slider.dragging{animation-play-state:paused;cursor:grabbing}
.integrations-slider.dragging .integration-card{pointer-events:none}
.integration-card{flex-shrink:0;width:220px;padding:1.25rem;background:hsl(0 0% 100%);border:1px solid hsla(220,25%,20%,.08);border-radius:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s ease;box-shadow:0 2px 8px hsla(220,25%,20%,.04)}
.integration-card:hover{transform:translateY(-4px);border-color:hsla(16,100%,50%,.3);box-shadow:0 12px 32px hsla(16,100%,50%,.12)}
.integration-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,hsla(16,100%,50%,.1) 0%,hsla(30,100%,55%,.05) 100%);border:1px solid hsla(16,100%,50%,.15)}
.integration-icon svg{width:26px;height:26px;color:hsl(16 100% 45%)}
.integration-name{font-size:.9375rem;font-weight:700;color:hsl(220 25% 15%);line-height:1.2}
.integration-desc{font-size:.8125rem;color:hsla(220,25%,25%,.65);line-height:1.5}
@media (max-width:640px){.integrations-section{padding:3rem 0}.integration-card{width:180px;padding:1rem}.integration-icon{width:40px;height:40px}.integration-name{font-size:.875rem}.integration-desc{font-size:.75rem}}
/*===========================*/

/* Screen reader only */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.section-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:9999px;background:hsla(16,100%,60%,0.1);color:var(--flamingo);font-size:0.875rem;font-weight:500;margin-bottom:1.5rem}
.section-badge svg{width:1rem;height:1rem}
/* Guide images */
.use-cases-section{padding:5rem 0;background:#f8fafc;min-height:100vh}
.benefits-container{max-width:1536px;margin:0 auto;text-align:center}
.benefits-header{margin-bottom:60px}
.benefits-title{font-size:3.5rem;font-weight:700;color:#1e293b;margin-bottom:20px;line-height:1.1}
.benefits-title .highlight{color:#8b5cf6}
.benefits-subtitle{font-size:1.25rem;color:#64748b;font-weight:400;max-width:600px;margin:0 auto}
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:80px}
.highlight{color:#ff6b6b;position:relative}
.highlight2{color:#ff6b6b;position:relative}
.section-header h2{font-size:3rem;font-weight:700;color:#1e293b;margin-bottom:0.6rem}
.section-header.highlight::after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:3px;background:#ff6b6b;border-radius:2px}
.section-header p{font-size:1.25rem;color:#64748b;max-width:1000px;margin:0 auto}
/* Audio module */
.main-card{background:white;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);width:100%;max-width:800px;overflow:visible;position:relative;height:auto}
.audio-module{overflow:hidden;position:relative;height:auto;transition:height 0.3s ease-in-out;background-color:#ffffff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem 2rem;max-width:1000px;margin:2rem auto;box-shadow:0 8px 20px rgba(0,0,0,0.05);text-align:center;z-index:1000}
.audio-module h3{font-size:1.25rem;margin-bottom:1rem;color:#333}
.audio-module audio{width:100%}
.card{width:100%;max-width:600px;margin:0 auto 10px auto;background:var(--secondary-color,#fff);box-shadow:var(--shadow-md,0 4px 6px -1px rgb(0 0 0 / 0.1));padding:var(--spacing-xl,2rem);display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;background-color:#f9fafb;border-radius:0.75rem;border:1px solid #e5e7eb}
.top-border{height:4px;background:linear-gradient(to right,#3b82f6,#8b5cf6)}
.content{padding:2rem}
.title{font-size:2.25rem;font-weight:bold;background:linear-gradient(to right,#2563eb,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.75rem}
.error-message{margin-bottom:1.5rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:0.5rem;color:#b91c1c;display:none}
.error-message.show{display:block}
@media (min-width:1024px){.grid-lg-2{grid-template-columns:repeat(2,1fr)}}
.form-group-audio{max-width:85%;margin:0 auto}
@media (max-width:768px){.form-group-audio{max-width:100%}.audio-module{padding:0}.main-card{padding:0}}
.form-group-audio.space-y-3>*+*{margin-top:0.75rem}
.form-group-audio.space-y-6>*+*{margin-top:1.5rem}
.form-group-audio.space-y-4>*+*{margin-top:1rem}
.form-group-audio.relative{position:relative}
.label{display:block;font-size:0.875rem;font-weight:600;color:#374151;margin-bottom:0.5rem}
.input{width:100%;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:1rem;transition:all 0.15s ease}
.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}
.input.border-red-500{border-color:#ef4444}
.input.border-green-500:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.1)}
.button-primary:disabled{opacity:0.5;cursor:not-allowed}
.button-green{background:linear-gradient(to right,#059669,#047857);color:white;font-size:1.125rem}
.button-green:hover{background:linear-gradient(to right,#047857,#065f46)}
.button-full{width:100%}
.button-link{font-size:0.875rem;color:#2563eb;text-decoration:underline;background:none;border:none;cursor:pointer;margin-top:0.5rem}
.button-link:hover{color:#1d4ed8}
.hidden{display:none}
.text-error{color:#dc2626;font-size:0.875rem;margin-top:0.5rem}
.text-small{font-size:0.75rem;color:#6b7280;text-align:right}
.card-white{background-color:white;border-radius:0.5rem;padding:1rem;margin-bottom:1rem;border:1px solid #f3f4f6}
.card-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}
.company-name{font-weight:600;color:#111827;margin-bottom:0.25rem}
.company-subtitle{font-size:0.875rem;color:#4b5563}
.audio-player{background:linear-gradient(to right,#3b82f6,#8b5cf6);border-radius:0.75rem;padding:1.25rem;color:white}
.audio-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.play-button{width:3rem;height:3rem;border-radius:50%;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease}
.play-button:hover{background:rgba(255,255,255,0.3)}
.play-icon{width:1.25rem;height:1.25rem;color:white;margin-left:0.125rem}
.audio-info{flex:1}
.audio-title{font-weight:600;font-size:1.125rem}
.audio-status{font-size:0.875rem;opacity:0.8}
.audio-progress{width:100%;height:4px;background:rgba(255,255,255,0.2);border-radius:2px;overflow:hidden;margin-bottom:0.75rem}
.audio-progress-bar{height:100%;background:white;border-radius:2px;transition:width 0.1s;width:0%}
.audio-time{display:flex;justify-content:space-between;font-size:0.75rem;opacity:0.8}
.loading-dots{display:flex;gap:2px}
.loading-dot{width:4px;height:12px;background:white;border-radius:2px;animation:pulse 1.4s ease-in-out infinite both}
.loading-dot:nth-child(1){animation-delay:-0.32s}
.loading-dot:nth-child(2){animation-delay:-0.16s}
.loading-dot:nth-child(3){animation-delay:0s}
.loading-dot:nth-child(4){animation-delay:0.16s}
.loading-dot:nth-child(5){animation-delay:0.32s}
.flex-center{display:flex;align-items:center;justify-content:center;gap:0.5rem}
.drop-item:last-child{border-bottom:none}
.drop-item:hover{background-color:#f9fafb}
.drop-item.selected{background-color:#eff6ff}
.drop-item-title{font-weight:500;color:#111827}
.drop-item-subtitle{font-size:0.875rem;color:#6b7280}
.col-span-2{grid-column:span 2 / span 2}
@media (max-width:1132px){.col-span-2{grid-column:span 1 / span 1}.phone img{width:180px;margin-bottom:0}.text h1{font-size:1.8em;margin:0 auto}.text p{font-size:1em}.voice-content{gap:0}}
@media (max-width:768px){.voice-content{margin:6rem 0}}
/*ROI Calc*/
.roi-calc {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 2rem;max-width: 1200px;margin: 0 auto;padding: 6rem 0;}
.roi-calc-wrapper {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 2rem;background: white;padding: 2rem;border-radius: 1rem;border: 1px solid #e5e7eb;transition: all 0.3s ease;position: relative;overflow: hidden;max-width: 1024px;text-align: left;}
.roi-calc-wrapper .text-content {flex: 1 1 300px;}
.roi-calc-wrapper .roi-calculator {flex: 1 1 400px;margin: 0;}
.roi-calc__features {display: flex;flex-direction: column;gap: 1.5rem;}
.roi-calc__feature {display: flex;align-items: flex-start;gap: 1rem;}
.roi-calc__feature i {font-size: 1.5rem;color: #667eea;flex-shrink: 0;margin-top: 0.3rem;}
.roi-calc__feature h4 {margin: 0;font-size: 1.1rem;font-weight: 600;}
.roi-calc__feature p {margin: 0.2rem 0 0;font-size: 0.95rem;color: #555;}
.terms {font-size: 0.8em;font-style: italic;color: var(--dark-gray);}
.roi-calc::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);transition: left 0.5s ease;}
/*Footer*/
.footer {background: linear-gradient(180deg, hsl(220 25% 10%) 0%, hsl(220 25% 7%) 100%);color: var(--light-text);padding: var(--spacing-4xl) 0 var(--spacing-xl);}
.footer-content {display: grid;grid-template-columns: 1fr;gap: var(--spacing-4xl);}
.footer-brand {display: flex;flex-direction: column;gap: var(--spacing-lg);}
.footer-logo {display: flex;align-items: center;gap: var(--spacing-sm);font-weight: 700;font-size: var(--font-size-xl);}
.footer-tagline {color: rgba(255, 255, 255, 0.8);line-height: 1.6;max-width: 300px;}
.footer-social {display: flex;gap: var(--spacing-md);}
.social-link {width: 40px;height: 40px;background: rgba(255, 255, 255, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--light-text);transition: var(--transition-base);}
.social-link:hover {background: var(--primary);transform: translateY(-2px);}
.footer-links {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--spacing-xl);}
.footer-column {display: flex;flex-direction: column;gap: var(--spacing-md);}
.footer-title {font-weight: 700;font-size: var(--font-size-lg);margin-bottom: var(--spacing-sm);}
.footer-list {display: flex;flex-direction: column;gap: var(--spacing-sm);}
.footer-link {color: rgba(255, 255, 255, 0.8);transition: var(--transition-base);}
.footer-link:hover {color: var(--accent-color);}
.footer-bottom {margin-top: var(--spacing-4xl);padding-top: var(--spacing-xl);border-top: 1px solid rgba(255, 255, 255, 0.1);display: flex;flex-direction: column;gap: var(--spacing-sm);align-items: center;text-align: center;color: rgba(255, 255, 255, 0.6);font-size: var(--font-size-sm);}
.footer-contact {margin-top: var(--spacing-2xl);padding-top: var(--spacing-lg);border-top: 1px solid rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.8);font-size: var(--font-size-sm);text-align: center;display: flex;flex-direction: column;gap: var(--spacing-sm);}
.footer-bottom i {color: var(--flamingo);}
@media (min-width:768px) {.footer-content {grid-template-columns: 1fr 2fr;}.footer-links {grid-template-columns: repeat(4, 1fr);}.footer-bottom {flex-direction: row;justify-content: space-between;}.footer-contact {text-align: left;flex-direction: row;justify-content: space-between;align-items: center;}}
/* Utility Classes */
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
/* Responsive Utilities */
@media (max-width: 767px) {.hidden-mobile {display: none;}}
@media (min-width: 768px) {.hidden-desktop {display: none;}}
/* Focus Styles */
*:focus {outline: 2px solid var(--accent-color);outline-offset: 2px;}
button:focus,.btn:focus {outline: none;box-shadow: 0 0 0 3px rgba(155, 81, 224, 0.3);}
.loading {opacity: 0.6;pointer-events: none;}
.spinner {display: inline-block;width: 20px;height: 20px;border: 2px solid var(--medium-gray);border-radius: 50%;border-top-color: var(--accent-color);animation: spin 1s ease-in-out infinite;}
@media (max-width:767px){.hero_visual{position:relative;width:100%;height:auto;margin-top:var(--spacing-3xl);order:3}.hero_decoration{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;height:auto}.hero_container{display:flex;flex-direction:column;align-items:center}}
.glow-box{position:relative;padding:2px;border-radius:12px;background:linear-gradient(45deg,#ff6900,#ff00cc,#6600ff,#9900ef,#ff6900);background-size:300% 300%;animation:glow-animation 6s ease infinite;box-shadow:0 0 40px rgba(0,0,0,0.3)}
.usp-badges{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}
.usp-badge{display:inline-block;background:rgba(34,197,94,0.15);color:#22c55e;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);font-weight:600;border:1px solid rgba(34,197,94,0.3);backdrop-filter:blur(4px)}
.toast-message{position:fixed;bottom:2rem;right:2rem;min-width:380px;max-width:600px;z-index:9999;padding:2rem 2.5rem;background:var(--gradient-tertiary,linear-gradient(135deg,#667eea 0%,#764ba2 100%));color:var(--light-text,#fff);font-size:var(--font-size-base,1rem);font-family:var(--font-family,'Inter',sans-serif);border-radius:var(--radius-xl,1rem);box-shadow:var(--shadow-lg,0 10px 15px -3px rgb(0 0 0 / 0.1));opacity:0;pointer-events:none;transition:opacity 0.5s var(--transition-base,ease-in-out);display:flex;align-items:center;gap:0.75rem}
.toast-message.success{background:var(--gradient-tertiary,linear-gradient(135deg,#667eea 0%,#764ba2 100%))}
.toast-message.error{background:linear-gradient(135deg,#f95730 0%,#fa8928 100%)}
.toast-message.show{opacity:1;pointer-events:auto}
.toast-message .toast-icon{font-size:2em;margin-right:0.6em;opacity:0.95}
.gmaps-item{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:var(--radius-md,0.5rem);background:var(--secondary-color,#fff);transition:background 0.2s;cursor:pointer;margin-bottom:2px;border:1px solid var(--medium-gray,#e0e0e0)}
.gmaps-item:hover,.gmaps-item.selected{background:var(--gradient-tertiary,linear-gradient(135deg,#667eea 0%,#764ba2 100%));color:var(--light-text,#fff)}
.gmaps-item-title{font-weight:700;font-size:var(--font-size-base,1rem);color:var(--primary-color,#1a1a1a)}
.gmaps-item-subtitle{font-size:var(--font-size-sm,0.875rem);color:var(--dark-gray,#555)}
.gmaps-item:hover .gmaps-item-title,.gmaps-item.selected .gmaps-item-title{color:var(--light-text,#fff)}
.gmaps-item:hover .gmaps-item-subtitle,.gmaps-item.selected .gmaps-item-subtitle{color:var(--light-text,#fff)}
.breadcrumb{list-style:none;margin-top:20px;padding:0;display:flex;flex-wrap:wrap}
.breadcrumb li+li{display:inline-flex}
.breadcrumb li+li::before{content:"/";padding:0 .5rem;color:#888}
.breadcrumb a{text-decoration:none}
@keyframes float{0%,100%{transform:translateY(0px) rotate(-1deg)}50%{transform:translateY(-20px) rotate(1deg)}}
@keyframes scroll-left{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
@keyframes scroll-right{0%{transform:translate3d(-50%,0,0)}100%{transform:translate3d(0,0,0)}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(155,81,224,0.3);transform:scale(1)}50%{box-shadow:0 0 30px rgba(155,81,224,0.6);transform:scale(1.05)}}
@keyframes slide-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
@keyframes success-pulse{0%,100%{opacity:1}50%{opacity:0.7}}
@keyframes warning-pulse{0%,100%{opacity:1}50%{opacity:0.8}}
@keyframes blink{0%,50%{border-color:#667eea}51%,100%{border-color:transparent}}
@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}
@keyframes modalAppear{from{opacity:0;transform:scale(0.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes glow-pulse{0%{box-shadow:0 0 5px #8b5cf6,0 0 10px #8b5cf6,0 0 15px #8b5cf6}50%{box-shadow:0 0 20px #a78bfa,0 0 30px #c4b5fd,0 0 40px #ddd6fe}100%{box-shadow:0 0 5px #8b5cf6,0 0 10px #8b5cf6,0 0 15px #8b5cf6}}
@keyframes glow-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes flowFloat{0%,100%{transform:translate(0,0) scale(1);opacity:.3}25%{transform:translate(30px,-20px) scale(1.2);opacity:.7}50%{transform:translate(-20px,-40px) scale(.8);opacity:.5}75%{transform:translate(40px,20px) scale(1.1);opacity:.6}}
@keyframes borderShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes flowLine{0%{transform:translateX(-100%);opacity:0}10%{opacity:.8}90%{opacity:.8}100%{transform:translateX(100%);opacity:0}}
@keyframes ringPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.8);opacity:0}}
@keyframes scrollIntegrations{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}
/* ===== FOUNDER VIDEO SECTION ===== */
.founder-video-section {position: relative;padding: 6rem 0;overflow: visible;background: transparent;}
/* Flowing Background - Behind everything */
.flow-bg {position: absolute;inset: 0;overflow: hidden;pointer-events: none;z-index: 1;}
.flow-wave {position: absolute;width: 100%;height: 50%;opacity: 1;}
.flow-wave-1 {top: 0;}
.flow-wave-2 {bottom: 0;}
/* Flowing Particles */
.flow-particle {position: absolute;width: 8px;height: 8px;background: linear-gradient(135deg, hsl(16 100% 50%), hsl(30 100% 55%));border-radius: 50%;opacity: .6;animation: flowFloat 15s ease-in-out infinite;}
.flow-particle-1 {left: 10%;top: 20%;animation-delay: 0s;width: 6px;height: 6px;}
.flow-particle-2 {left: 25%;top: 60%;animation-delay: -3s;width: 10px;height: 10px;}
.flow-particle-3 {left: 50%;top: 30%;animation-delay: -6s;width: 4px;height: 4px;}
.flow-particle-4 {left: 75%;top: 70%;animation-delay: -9s;width: 8px;height: 8px;}
.flow-particle-5 {left: 90%;top: 40%;animation-delay: -12s;width: 6px;height: 6px;}
/* Video Container - Floats on top */
.founder-video-section .container {position: relative;z-index: 10;}
.founder-video-centered {  position: relative;z-index: 10;display: flex;flex-direction: column;align-items: center;gap: 2rem;}
.founder-video-header {text-align: center;display: flex;flex-direction: column;align-items: center;gap: .75rem;}
.founder-video-title {font-size: 1.75rem;font-weight: 700;line-height: 1.2;color: var(--navy-deep);letter-spacing: -.02em;}
.video-player-compact {width: 100%;max-width: 680px;}
.video-frame {position: relative;background: #000;border-radius: 1rem;overflow: hidden;box-shadow: 0 40px 100px -30px hsla(0, 0%, 0%, .6), 0 0 0 1px hsla(0, 0%, 100%, .1), 0 0 80px -20px hsla(16, 100%, 50%, .3);}
.video-frame::before {content: '';position: absolute;inset: -2px;border-radius: 1.125rem;padding: 2px;background: linear-gradient(135deg, hsla(16, 100%, 50%, .6) 0%, hsla(30, 100%, 55%, .3) 30%, transparent 50%, hsla(16, 100%, 50%, .3) 70%, hsla(30, 100%, 55%, .6) 100%);background-size: 200% 200%;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation: borderShimmer 4s ease infinite;pointer-events: none;z-index: 10;}
/* Video Screen - Pure Black */
.video-screen {  position: relative;aspect-ratio: 16/9;background: #000;display: flex;align-items: center;justify-content: center;cursor: pointer;overflow: hidden;transition: opacity .4s ease;}
.video-flow-lines {  position: absolute;inset: 0;overflow: hidden;}
.video-flow-lines span {  position: absolute;display: block;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, hsla(16, 100%, 50%, .5), hsla(30, 100%, 55%, .5), transparent);animation: flowLine 6s ease-in-out infinite;opacity: 0;}
.video-flow-lines span:nth-child(1) {  top: 15%;animation-delay: 0s;}
.video-flow-lines span:nth-child(2) {  top: 35%;animation-delay: 1.2s;}
.video-flow-lines span:nth-child(3) {  top: 50%;animation-delay: 2.4s;}
.video-flow-lines span:nth-child(4) {  top: 65%;animation-delay: 3.6s;}
.video-flow-lines span:nth-child(5) {  top: 85%;animation-delay: 4.8s;}
/* Play Button */
.video-play-btn {  position: relative;display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;border: none;background: transparent;cursor: pointer;z-index: 5;transition: transform .3s ease;}
.video-play-btn:hover {  transform: scale(1.1);}
.video-play-btn:hover .play-btn-ring {  animation-duration: 1.5s;}
.play-btn-ring {  position: absolute;inset: 0;border: 2px solid hsla(16, 100%, 50%, .4);border-radius: 50%;animation: ringPulse 3s ease-out infinite;}
.play-btn-ring-2 {  animation-delay: 1.5s;}
.play-btn-inner {  position: relative;display: flex;align-items: center;justify-content: center;width: 64px;height: 64px;background: linear-gradient(135deg, hsl(16 100% 50%), hsl(30 100% 55%));border-radius: 50%;color: #fff;box-shadow: 0 8px 30px hsla(16, 100%, 50%, .5), inset 0 1px 0 hsla(0, 0%, 100%, .25);transition: box-shadow .3s ease;}
.video-play-btn:hover .play-btn-inner {  box-shadow: 0 12px 40px hsla(16, 100%, 50%, .6), inset 0 1px 0 hsla(0, 0%, 100%, .3);}
.play-btn-inner svg {  margin-left: 3px;}
/* Video Controls */
.video-controls {  background: hsl(220 20% 8%);border-top: 1px solid hsla(0, 0%, 100%, .06);}
.video-progress {  height: 3px;background: hsla(0, 0%, 100%, .1);cursor: pointer;}
.video-progress-bar {  width: 0%;height: 100%;background: linear-gradient(90deg, hsl(16 100% 50%), hsl(30 100% 55%));border-radius: 0 2px 2px 0;transition: width .1s ease;}
.video-controls-inner {  display: flex;align-items: center;justify-content: space-between;padding: .625rem 1rem;}
.video-controls-left, .video-controls-right {  display: flex;align-items: center;gap: .75rem;}
.video-ctrl-btn {  display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: transparent;border: none;border-radius: 6px;color: hsla(0, 0%, 100%, .7);cursor: pointer;transition: all .2s ease;}
.video-ctrl-btn:hover {  background: hsla(0, 0%, 100%, .1);color: #fff;}
.video-time {  font-size: .75rem;font-weight: 500;color: hsla(0, 0%, 100%, .6);font-variant-numeric: tabular-nums;}
.video-author-mini {  display: flex;align-items: center;gap: .5rem;margin-right: .5rem;}
.video-author-mini .video-author-name {  font-size: .8125rem;font-weight: 600;color: hsla(0, 0%, 100%, .9);}
.video-author-divider {  color: hsla(0, 0%, 100%, .3);}
.video-author-mini .video-author-role {  font-size: .75rem;color: hsla(0, 0%, 100%, .5);}
/* Video iFrame */
.video-iframe {  position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 4;}
/* Responsive */
@media (max-width:768px) {.founder-video-section {padding: 3rem 0 4rem;}
  .founder-video-title {font-size: 1.375rem;}
  .video-player-compact {max-width: 100%;}
  .video-play-btn {width: 64px;height: 64px;}
  .play-btn-inner {width: 52px;height: 52px;}
  .play-btn-inner svg {width: 22px;height: 22px;}
  .video-controls-inner {padding: .5rem .75rem;}
  .video-author-mini {display: none;}
}