*{margin:0;padding:0;box-sizing:border-box}
.max-w-\[1400px\]{max-width:1200px!important}
html{scroll-behavior:smooth}
h1,h2{letter-spacing:-0.03em}
h3{letter-spacing:-0.01em}
body{font-family:'Plus Jakarta Sans','Cairo',sans-serif;background:#0B1121;color:#F8FAFC;line-height:1.6}
[dir="rtl"] body,[dir="rtl"]{font-family:'Cairo','Inter',sans-serif}
[dir="rtl"] .font-heading,[dir="rtl"] [class*="font-heading"],[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{font-family:'Cairo',sans-serif!important;letter-spacing:0}
[dir="rtl"] button,[dir="rtl"] a{font-family:'Cairo','Inter',sans-serif}
[dir="rtl"] .font-stat{font-family:'Outfit','Cairo',sans-serif!important}

.gradient-text{background:linear-gradient(135deg,#38BDF8 0%,#34D399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.glow-btn{box-shadow:0 0 20px rgba(52,211,153,0.3);transition:all .3s ease}
.glow-btn:hover{box-shadow:0 0 40px rgba(52,211,153,0.5);transform:translateY(-2px)}
.service-card{transition:all .3s ease;border:1px solid rgba(56,189,248,0.08)}
.service-card:hover{border-color:rgba(56,189,248,0.25);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.3)}
.grid-bg{background-image:linear-gradient(rgba(56,189,248,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,0.03) 1px,transparent 1px);background-size:60px 60px}
.nav-blur{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}

/* Hero badge gradient border */
.hero-badge{position:relative}
.hero-badge::after{content:'';position:absolute;inset:-1px;border-radius:9999px;padding:1.5px;background:linear-gradient(135deg,#38BDF8,#34D399);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

/* Animations */
.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.fade-in.visible{opacity:1;transform:translateY(0)}
.slide-in-left{opacity:0;transform:translateX(-40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.slide-in-left.visible{opacity:1;transform:translateX(0)}
.slide-in-right{opacity:0;transform:translateX(40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.slide-in-right.visible{opacity:1;transform:translateX(0)}
.scale-in{opacity:0;transform:scale(0.95);transition:opacity .6s ease,transform .6s ease}
.scale-in.visible{opacity:1;transform:scale(1)}
.stagger>*:nth-child(1){transition-delay:.05s}.stagger>*:nth-child(2){transition-delay:.1s}.stagger>*:nth-child(3){transition-delay:.15s}
.stagger>*:nth-child(4){transition-delay:.2s}.stagger>*:nth-child(5){transition-delay:.25s}.stagger>*:nth-child(6){transition-delay:.3s}

@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}100%{transform:scale(2);opacity:0}}
.whatsapp-pulse::before{content:'';position:absolute;inset:0;border-radius:50%;background:#25D366;animation:pulse-ring 2s ease-out infinite;z-index:-1}
.mobile-menu{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.mobile-menu.open{opacity:1;visibility:visible}
input:focus,textarea:focus{outline:none;border-color:#38BDF8;box-shadow:0 0 0 3px rgba(56,189,248,0.1)}

/* Custom select */
.custom-select-menu.open{opacity:1;visibility:visible;transform:translateY(0)}
.custom-select.open .custom-select-trigger svg{transform:rotate(180deg)}
.custom-select-option.selected{color:#34D399}

/* Tabs */
.tab-btn{transition:all .3s ease}
.tab-btn.active{background:rgba(56,189,248,0.1);border-color:#38BDF8;color:#fff}

/* FAQ */
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}
.faq-answer.open{max-height:300px}
.faq-icon{transition:transform .3s ease}
.faq-item.open .faq-icon{transform:rotate(45deg)}


/* Client logos – pure white in dark mode, pure black in light mode */
.client-logo{filter:brightness(0) invert(1);opacity:.6;transition:opacity .3s ease}
.client-logo:hover{opacity:1}
[data-theme="light"] .client-logo{filter:brightness(0)}

/* Mobile logo marquee */
@keyframes logo-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.logo-marquee{animation:logo-marquee 20s linear infinite;width:max-content}
[data-theme="light"] .logo-fade-left{background:linear-gradient(to right,#F5F5F4,transparent)}
[data-theme="light"] .logo-fade-right{background:linear-gradient(to left,#F5F5F4,transparent)}

/* Tech stack marquee */
@keyframes tech-marquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 12px))}}
.tech-marquee{animation:tech-marquee 30s linear infinite;width:max-content}
.tech-marquee:hover{animation-play-state:paused}
[data-theme="light"] .tech-fade-left{background:linear-gradient(to right,#F5F5F4,transparent)}
[data-theme="light"] .tech-fade-right{background:linear-gradient(to left,#F5F5F4,transparent)}
[data-theme="light"] .tech-icon-dark{background:rgba(30,30,40,0.85);border-radius:8px}

/* Tabbed showcase component */
.showcase-tab{cursor:pointer;padding:16px 0;transition:all .3s ease;position:relative}
.showcase-tab .showcase-progress{height:2px;background:rgba(255,255,255,0.08);position:relative;margin-bottom:14px;border-radius:2px;overflow:hidden}
.showcase-tab .showcase-progress-bar{position:absolute;inset:0;background:linear-gradient(90deg,#38BDF8,#22D3EE);transform:scaleX(0);transform-origin:left;border-radius:2px}
.showcase-tab.active .showcase-progress-bar{animation:showcase-fill var(--showcase-duration,6s) linear forwards}
.showcase-tab .showcase-title{font-weight:700;color:rgba(255,255,255,0.35);transition:color .3s ease}
.showcase-tab.active .showcase-title{color:#fff}
.showcase-tab .showcase-desc{color:rgba(255,255,255,0.5);transition:all .3s ease;margin-top:4px;height:0;overflow:hidden;opacity:0}
.showcase-tab.active .showcase-desc{height:auto;opacity:1}
.showcase-tabs{display:flex;flex-direction:column;min-height:280px}
.showcase-media img,.showcase-media video{transition:opacity .5s ease}
@keyframes showcase-fill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}

/* Mockup windows (used in capabilities cards) */
.mockup-window{background:#1E293B;border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden}
.mockup-window-sm{height:280px}
.mockup-dots span{width:10px;height:10px;border-radius:50%;display:block}

/* Tab mockup transitions */
.tab-mockup{transition:opacity .4s ease,transform .4s ease}

/* Use-case full-width tabs (legacy) */
.uc-tabs-bar{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.uc-tabs-bar::-webkit-scrollbar{display:none}
.uc-tab-btn{position:relative;padding:14px 20px;font-family:'Space Grotesk','Cairo',sans-serif;font-weight:600;font-size:14px;color:rgba(255,255,255,0.35);background:none;border:none;cursor:pointer;white-space:nowrap;transition:color .3s ease;flex-shrink:0}
[dir="rtl"] .uc-tab-btn{font-family:'Cairo',sans-serif}
.uc-tab-btn:hover{color:rgba(255,255,255,0.6)}
.uc-tab-btn.active{color:#fff}
.uc-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden}
.uc-progress-bar{height:100%;background:linear-gradient(90deg,#38BDF8,#34D399);transform:scaleX(0);transform-origin:left;border-radius:2px}
.uc-tab-btn.active .uc-progress-bar{animation:uc-fill var(--uc-duration,6s) linear forwards}
[dir="rtl"] .uc-progress-bar{transform-origin:right}
@keyframes uc-fill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.uc-content-area{background:linear-gradient(145deg,#0F172A 0%,#1E293B 100%);border:1px solid rgba(255,255,255,0.06);border-radius:20px;overflow:hidden}
.uc-content-inner{display:grid;grid-template-columns:1fr 1fr;transition:opacity .35s ease}

/* ========== TABBED COMPONENT (reusable) ========== */
/* Outer box */
.uc-unified-box{display:flex;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,rgba(15,23,42,0.6) 0%,rgba(30,41,59,0.4) 100%);min-height:540px}
/* Sidebar */
.uc-sidebar{display:flex;flex-direction:column;width:280px;flex-shrink:0;border-inline-end:1px solid rgba(255,255,255,0.06);overflow:visible;padding:0}
.uc-sidebar::-webkit-scrollbar{display:none}
/* Icon tab */
.uc-icon-tab{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;border:1px solid transparent;border-bottom:1px solid rgba(255,255,255,0.06);border-radius:0;background:none;cursor:pointer;transition:all .35s ease;position:relative;text-align:start;color:rgba(255,255,255,0.35);font-family:'Space Grotesk','Cairo',sans-serif}
[dir="rtl"] .uc-icon-tab{font-family:'Cairo',sans-serif}
.uc-icon-tab:last-child{border-bottom:none}
.uc-icon-tab:hover{color:rgba(255,255,255,0.65);background:rgba(255,255,255,0.03)}
.uc-icon-tab.active{color:#fff;background:rgba(56,189,248,0.06);border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 12px rgba(56,189,248,0.08)}
/* Gradient border via pseudo-element */
.uc-icon-tab::after{content:'';position:absolute;inset:-1px;border-radius:0;padding:1px;background:linear-gradient(135deg,#38BDF8,#34D399);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .35s ease}
.uc-icon-tab.active::after{inset:-2px;padding:2px;opacity:1}
.uc-icon-tab:first-child::after{border-start-start-radius:20px}
.uc-icon-tab:last-child::after{border-end-start-radius:20px}
/* Icon box */
.uc-icon-tab-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);flex-shrink:0;transition:all .35s ease}
.uc-icon-tab.active .uc-icon-tab-icon{background:rgba(56,189,248,0.1);border-color:rgba(56,189,248,0.2);color:#38BDF8}
.uc-icon-tab-label{font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
/* Main panel + content grid */
.uc-main-panel{flex:1;min-width:0;display:flex;flex-direction:column}
.uc-main-panel .uc-content-inner{flex:1}
/* Content columns */
.uc-text-col{padding:32px 36px;display:flex;flex-direction:column;justify-content:flex-start}
.uc-text-col h3{font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:700;margin-bottom:1rem}
.uc-text-col p{color:rgba(156,163,175,1);font-size:1rem;line-height:1.75;margin-bottom:1.5rem}
.uc-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem}
.uc-features{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.75rem}
.uc-feature-item{display:flex;align-items:flex-start;gap:0.75rem}
.uc-feature-icon{width:22px;height:22px;border-radius:6px;background:rgba(52,211,153,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.uc-feature-icon svg{width:13px;height:13px;color:#34D399}
.uc-feature-text{font-size:0.9rem;color:rgba(156,163,175,1);line-height:1.5}
[data-theme="light"] .uc-feature-text{color:#64748B}
[data-theme="light"] .uc-feature-icon{background:rgba(52,211,153,0.08)}
.uc-cta{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(52,211,153,0.1);color:#34D399;padding:0.625rem 1.25rem;border-radius:0.75rem;font-weight:600;font-size:0.875rem;transition:background .2s ease}
.uc-cta:hover{background:rgba(52,211,153,0.2)}
.uc-mockup-col{border-inline-start:1px solid rgba(255,255,255,0.06);display:flex;flex-direction:column}
.uc-mockup-frame{flex:1;display:flex;flex-direction:column;background:rgba(15,23,42,0.3)}
.uc-mockup-frame .tab-mockup{flex:1;overflow-y:auto}
.uc-mockup-bar{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;border-bottom:1px solid rgba(255,255,255,0.05)}
.uc-mockup-bar .mockup-dots{display:flex;gap:0.375rem}
.uc-mockup-bar .mockup-dots span{width:10px;height:10px;border-radius:50%}
/* Mobile / Tablet */
@media(max-width:1023px){
  .uc-unified-box{flex-direction:column;min-height:auto}
  .uc-sidebar{width:100%;flex-direction:row;border-inline-end:none;border-bottom:1px solid rgba(255,255,255,0.06);overflow-x:auto;padding:0}
  .uc-icon-tab{flex-direction:column;gap:6px;padding:10px 12px;align-items:center;min-width:80px;text-align:center;width:auto;border-bottom:none;border-inline-end:1px solid rgba(255,255,255,0.06)}
  .uc-icon-tab:last-child{border-inline-end:none}
  .uc-icon-tab-label{font-size:10px;white-space:nowrap}
  .uc-icon-tab-icon{width:30px;height:30px;border-radius:8px}
  .uc-icon-tab-icon svg{width:16px;height:16px}
  .uc-content-inner{grid-template-columns:1fr}
  .uc-text-col{padding:24px 20px}
  .uc-mockup-col{border-inline-start:none;border-top:1px solid rgba(255,255,255,0.06)}
}

/* ========== LIGHT MODE ========== */
[data-theme="light"] body,.light-mode{background:#FFFFFF;color:#0F172A}
[data-theme="light"] .grid-bg{background-image:linear-gradient(rgba(15,23,42,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,0.03) 1px,transparent 1px)}
[data-theme="light"] .nav-blur{background:rgba(255,255,255,0.92);box-shadow:0 1px 3px rgba(0,0,0,0.05)}
[data-theme="light"] nav{border-color:rgba(0,0,0,0.06)!important}
.nav-link{position:relative}
.nav-link.nav-active{color:#fff!important}
[data-theme="light"] .nav-link{color:#475569}
[data-theme="light"] .nav-link:hover{color:#0F172A}
[data-theme="light"] .nav-link.nav-active{color:#0F172A!important}
[data-theme="light"] .nav-link.nav-active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#0F172A;border-radius:1px}
[data-theme="light"] .solutions-dropdown{background:#FFFFFF;border-color:rgba(0,0,0,0.08);box-shadow:0 8px 24px rgba(0,0,0,0.08)}
[data-theme="light"] .solutions-dropdown a{color:#475569}
[data-theme="light"] .solutions-dropdown a:hover{color:#0F172A;background:rgba(56,189,248,0.05)}

/* Industries mega-menu dropdown */
.nav-dropdown-wrap{position:relative}
.nav-dropdown-wrap .industries-mega{position:absolute;top:calc(100% + 14px);left:-16px;min-width:580px;background:rgba(11,15,25,0.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:20px 24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:100;box-shadow:0 20px 60px rgba(0,0,0,0.5);transform:translateY(6px)}
.nav-dropdown-wrap:hover .industries-mega,.nav-dropdown-wrap .industries-mega:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav-dropdown-wrap:hover>.nav-link{color:#fff!important}
.nav-dropdown-wrap::after{content:'';position:absolute;top:100%;left:0;right:0;height:20px}
[data-theme="light"] .nav-dropdown-wrap:hover>.nav-link{color:#0F172A!important;background:rgba(15,23,42,0.06);border-radius:8px}
.industries-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.industries-mega-grid a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:#94A3B8;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}
.industries-mega-grid a:hover{color:#fff;background:rgba(56,189,248,0.08)}
.industries-mega-grid a svg{flex-shrink:0;color:#38BDF8;transition:color .2s ease}
.industries-mega-grid a:hover svg{color:#34D399}
[data-theme="light"] .industries-mega{background:rgba(255,255,255,0.97);border-color:rgba(0,0,0,0.08);box-shadow:0 20px 60px rgba(0,0,0,0.1)}
[data-theme="light"] .industries-mega-grid a{color:#475569}
[data-theme="light"] .industries-mega-grid a:hover{color:#0F172A;background:rgba(56,189,248,0.06)}
[data-theme="light"] .industries-mega-grid a svg{color:#0EA5E9}
[data-theme="light"] .industries-mega-grid a:hover svg{color:#10B981}
[dir="rtl"] .industries-mega{left:auto;right:-16px}
[data-theme="light"] #langToggle,[data-theme="light"] #langToggleMobile{color:#475569;border-color:rgba(0,0,0,0.1)}
[data-theme="light"] #langToggle:hover{color:#0F172A}
[data-theme="light"] #themeToggle svg,[data-theme="light"] #themeToggleMobile svg{color:#475569}
/* Text colors — stronger contrast */
[data-theme="light"] .text-white{color:#0F172A!important}
[data-theme="light"] .text-gray-400{color:#475569!important}
[data-theme="light"] .text-gray-500{color:#64748B!important}
[data-theme="light"] .text-gray-300{color:#334155!important}
[data-theme="light"] .text-gray-600{color:#64748B!important}
[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3{color:#0F172A}
[data-theme="light"] .gradient-text{background:linear-gradient(135deg,#0EA5E9 0%,#10B981 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
[data-theme="light"] .font-heading{color:inherit}
/* Backgrounds — white base with subtle layer separation */
[data-theme="light"] .bg-dark-900{background:#FFFFFF!important}
[data-theme="light"] .bg-dark-900\/80{background:rgba(255,255,255,0.9)!important}
[data-theme="light"] .bg-dark-800{background:#F9FAFB!important}
[data-theme="light"] .bg-dark-800\/30{background:rgba(249,250,251,0.5)!important}
[data-theme="light"] .bg-dark-700{background:#FFFFFF!important}
[data-theme="light"] .bg-dark-700\/80{background:rgba(255,255,255,0.85)!important}
[data-theme="light"] .bg-dark-700\/40{background:rgba(255,255,255,0.5)!important}
[data-theme="light"] .bg-dark-700\/50{background:rgba(255,255,255,0.6)!important}
[data-theme="light"] .bg-dark-600\/50{background:rgba(255,255,255,0.7)!important}
[data-theme="light"] .bg-dark-600{background:#F3F4F6!important}
[data-theme="light"] .bg-white\/5{background:rgba(0,0,0,0.03)!important}
[data-theme="light"] .bg-white\/\[0\.02\]{background:rgba(0,0,0,0.015)!important}
/* Borders — slightly stronger */
[data-theme="light"] .border-white\/5,[data-theme="light"] .border-white\/10,[data-theme="light"] .border-white\/20{border-color:rgba(0,0,0,0.1)!important}
/* Stat boxes — white cards with shadow */
[data-theme="light"] .stat-box{background:#FFFFFF!important;border-color:rgba(0,0,0,0.06)!important;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
[data-theme="light"] .stat-box:hover{border-color:rgba(14,165,233,0.4)!important;box-shadow:0 8px 32px rgba(14,165,233,0.08)}
/* Cards & mockups — white with soft shadows */
[data-theme="light"] .mockup-window{background:#FFFFFF;border-color:rgba(0,0,0,0.08);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
[data-theme="light"] .service-card{background:#FFFFFF!important;border-color:rgba(0,0,0,0.06);box-shadow:0 1px 4px rgba(0,0,0,0.04)}
[data-theme="light"] .service-card:hover{border-color:rgba(14,165,233,0.35);box-shadow:0 20px 40px rgba(14,165,233,0.08);transform:translateY(-4px)}
/* Solution cards (industry detail page) */
[data-theme="light"] .light-mode-card{background:#FFFFFF!important;border-color:rgba(0,0,0,0.08)!important;box-shadow:0 1px 4px rgba(0,0,0,0.05)}
[data-theme="light"] .light-mode-card:hover{border-color:rgba(0,0,0,0.15)!important;box-shadow:0 8px 24px rgba(0,0,0,0.08)}
/* Force-dark: keep video card dark in light mode */
[data-theme="light"] .force-dark{background:#1a1a2e!important;border-color:rgba(255,255,255,0.05)!important}
[data-theme="light"] .force-dark h3{color:#FFFFFF!important}
[data-theme="light"] .force-dark p{color:#E2E8F0!important}
[data-theme="light"] .force-dark .bg-gradient-to-b{background:linear-gradient(to bottom,rgba(15,23,42,0.9),rgba(15,23,42,0.4),transparent)!important}
/* Mockup internals */
[data-theme="light"] .bg-dark-900\/50{background:rgba(255,255,255,0.85)!important}
[data-theme="light"] .bg-dark-900\/40{background:rgba(255,255,255,0.75)!important}
[data-theme="light"] .bg-dark-900\/30{background:rgba(255,255,255,0.6)!important}
[data-theme="light"] [class*="bg-dark-800"]{background:#F9FAFB!important}
/* Mobile menu */
[data-theme="light"] .mobile-menu{background:#FFFFFF!important}
/* Inputs & selects */
[data-theme="light"] input,[data-theme="light"] textarea,[data-theme="light"] select{background:#FFFFFF!important;border-color:rgba(0,0,0,0.12)!important;color:#0F172A!important;box-shadow:0 1px 2px rgba(0,0,0,0.04)}
[data-theme="light"] input::placeholder,[data-theme="light"] textarea::placeholder{color:#94A3B8!important}
[data-theme="light"] select option{background:#FFFFFF;color:#0F172A}
/* Select dropdown dark mode */
#quoteForm select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}
#quoteForm select option{background:#1a1f2e;color:#e2e8f0}
/* FAQ */
[data-theme="light"] .faq-item{border-color:rgba(0,0,0,0.08)!important;background:rgba(0,0,0,0.02)!important}
/* CTA banner */
[data-theme="light"] .from-dark-700{--tw-gradient-from:#FFFFFF!important}
[data-theme="light"] .to-dark-800{--tw-gradient-to:#F9FAFB!important}
/* Logo scroll edges */
[data-theme="light"] .from-dark-900{--tw-gradient-from:#FFFFFF!important}
[data-theme="light"] .bg-gradient-to-r.from-dark-900{background:linear-gradient(to right,#FFFFFF,transparent)!important}
[data-theme="light"] .bg-gradient-to-l.from-dark-900{background:linear-gradient(to left,#FFFFFF,transparent)!important}
/* Showcase tabs light mode */
[data-theme="light"] .showcase-tab .showcase-progress{background:rgba(0,0,0,0.08)}
[data-theme="light"] .showcase-tab .showcase-title{color:rgba(0,0,0,0.35)}
[data-theme="light"] .showcase-tab.active .showcase-title{color:#0F172A}
[data-theme="light"] .showcase-tab .showcase-desc{color:rgba(0,0,0,0.55)}
[data-theme="light"] .showcase-tab.active .showcase-desc{color:#475569}
[data-theme="light"] .showcase-media-wrapper{background:#FFFFFF;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
/* Glow bg blurs - more visible accents */
[data-theme="light"] .bg-cyan\/5{background:rgba(14,165,233,0.1)!important}
[data-theme="light"] .bg-accent\/5{background:rgba(16,185,129,0.1)!important}
[data-theme="light"] .bg-cyan\/\[0\.03\]{background:rgba(14,165,233,0.07)!important}
/* Slide dots */
[data-theme="light"] .slide-dot{background:rgba(0,0,0,0.2)}
/* Use-case tabs */
[data-theme="light"] .uc-tab-btn{color:rgba(0,0,0,0.35)}
[data-theme="light"] .uc-tab-btn:hover{color:rgba(0,0,0,0.6)}
[data-theme="light"] .uc-tab-btn.active{color:#0F172A}
[data-theme="light"] .uc-progress{background:rgba(0,0,0,0.08)}
[data-theme="light"] .uc-content-area{background:linear-gradient(145deg,#FFFFFF 0%,#F9FAFB 100%);border-color:rgba(0,0,0,0.08);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
[data-theme="light"] .uc-unified-box{background:#FFFFFF;border-color:rgba(0,0,0,0.08);box-shadow:0 2px 12px rgba(0,0,0,0.05)}
[data-theme="light"] .uc-sidebar{border-color:rgba(0,0,0,0.07)}
[data-theme="light"] .uc-icon-tab{color:rgba(0,0,0,0.4)}
[data-theme="light"] .uc-icon-tab:hover{color:rgba(0,0,0,0.7);background:rgba(14,165,233,0.04);border-color:rgba(0,0,0,0.08)}
[data-theme="light"] .uc-icon-tab.active{color:#0F172A;background:rgba(14,165,233,0.06);box-shadow:0 0 12px rgba(14,165,233,0.06)}
[data-theme="light"] .uc-icon-tab-icon{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.08)}
[data-theme="light"] .uc-icon-tab.active .uc-icon-tab-icon{background:rgba(14,165,233,0.1);border-color:rgba(14,165,233,0.25)}
[data-theme="light"] .uc-icon-tab{border-bottom-color:rgba(0,0,0,0.07)}
[data-theme="light"] .uc-mockup-col{border-color:rgba(0,0,0,0.07)}
[data-theme="light"] .uc-mockup-frame{background:#F9FAFB}
[data-theme="light"] .uc-text-col p{color:#475569}
[data-theme="light"] .uc-cta{background:rgba(16,185,129,0.1);color:#059669}
[data-theme="light"] .uc-cta:hover{background:rgba(16,185,129,0.18)}
/* Process step circles */
[data-theme="light"] .bg-dark-700.border-2{background:#FFFFFF!important}
/* Glow button — deeper in light mode */
[data-theme="light"] .glow-btn{box-shadow:0 0 20px rgba(16,185,129,0.2)}
[data-theme="light"] .glow-btn:hover{box-shadow:0 0 40px rgba(16,185,129,0.35)}

/* ========== AI AGENT CARDS (horizontal scroll) ========== */
/* Agent chips selector */
.agent-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}
.agent-chip{padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);background:transparent;color:rgba(255,255,255,0.6);font-size:0.84rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}
.agent-chip:hover{border-color:rgba(56,189,248,0.3);color:#fff}
.agent-chip.active{background:rgba(52,211,153,0.12);border-color:rgba(52,211,153,0.4);color:#34D399;font-weight:600}
/* Agent display — horizontal split, fixed height */
.agent-display{display:flex;flex-direction:row;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(165deg,rgba(15,23,42,0.7) 0%,rgba(30,41,59,0.5) 100%);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);height:380px}
.agent-display:hover{border-color:rgba(56,189,248,0.3);box-shadow:0 24px 48px rgba(0,0,0,0.3),0 0 0 1px rgba(56,189,248,0.1)}
/* Left — media takes ~60%, fills fixed height */
.agent-display-media{position:relative;width:60%;overflow:hidden;background:#0B1121;flex-shrink:0}
.agent-display-media video,.agent-display-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.agent-display-media .agent-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0F172A 0%,#1E293B 100%)}
/* Right — text */
.agent-display-body{flex:1;padding:32px 36px;display:flex;flex-direction:column;justify-content:center}
.agent-display-body h3{font-size:1.5rem;font-weight:700;margin-bottom:14px;color:#fff}
.agent-display-body p{font-size:1rem;line-height:1.8;color:rgba(156,163,175,1);margin:0}
/* Tablet */
@media(max-width:1023px){
  .agent-display-media{width:55%}
  .agent-display-body{padding:24px 28px}
}
/* Mobile — stack vertically */
@media(max-width:639px){
  .agent-chips{gap:8px}
  .agent-chip{padding:8px 14px;font-size:0.8rem}
  .agent-display{flex-direction:column;height:auto}
  .agent-display-media{width:100%;height:240px}
  .agent-display-body{padding:20px}
  .agent-display-body h3{font-size:1.25rem}
}
/* Light mode */
[data-theme="light"] .agent-chip{border-color:rgba(0,0,0,0.1);color:rgba(0,0,0,0.5)}
[data-theme="light"] .agent-chip:hover{border-color:rgba(14,165,233,0.3);color:#0F172A}
[data-theme="light"] .agent-chip.active{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.4);color:#059669}
[data-theme="light"] .agent-display{background:#FFFFFF;border-color:rgba(0,0,0,0.08);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
[data-theme="light"] .agent-display:hover{border-color:rgba(14,165,233,0.3);box-shadow:0 20px 40px rgba(14,165,233,0.08)}
[data-theme="light"] .agent-display-media{background:#F1F5F9}
[data-theme="light"] .agent-display-media .agent-placeholder{background:linear-gradient(160deg,#0F172A 0%,#1E293B 100%)}
[data-theme="light"] .agent-display-body h3{color:#0F172A}
[data-theme="light"] .agent-display-body p{color:#475569}
/* Agent detail modal */
.agent-detail-panel{position:relative;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;background:linear-gradient(165deg,rgba(15,23,42,0.95) 0%,rgba(30,41,59,0.95) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:40px;backdrop-filter:blur(20px)}
.agent-detail-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:0.6;transition:opacity .2s}
.agent-detail-close:hover{opacity:1}
.agent-detail-panel h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:16px}
.agent-detail-panel p{font-size:1.05rem;line-height:1.8;color:rgba(156,163,175,1);margin-bottom:24px}
.agent-detail-panel video{width:100%;height:auto;border-radius:12px;margin-bottom:24px}
.agent-detail-panel .agent-placeholder{border-radius:12px;margin-bottom:24px;background:linear-gradient(160deg,#0F172A 0%,#1E293B 100%)}
[data-theme="light"] .agent-detail-panel{background:rgba(255,255,255,0.97);border-color:rgba(0,0,0,0.1)}
[data-theme="light"] .agent-detail-close{color:#0F172A}
[data-theme="light"] .agent-detail-panel h2{color:#0F172A}
[data-theme="light"] .agent-detail-panel p{color:#475569}

/* Footer */
[data-theme="light"] footer{border-color:rgba(0,0,0,0.08)!important}
/* Hamburger & mobile toggle */
[data-theme="light"] button[aria-label="Menu"] svg{color:#0F172A}
/* Gradient overlay on video */
[data-theme="light"] .from-dark-900\/40{--tw-gradient-from:rgba(255,255,255,0.4)!important}
/* Bento card image overlay — use white gradient so dark text stays readable */
[data-theme="light"] .from-dark-900\/80{--tw-gradient-from:rgba(255,255,255,0.88)!important}
[data-theme="light"] .via-dark-900\/40{--tw-gradient-stops:var(--tw-gradient-from),rgba(255,255,255,0.5),var(--tw-gradient-to)!important}
[data-theme="light"] .to-dark-900\/20{--tw-gradient-to:rgba(255,255,255,0.2)!important}
/* Logo */
[data-theme="light"] .logo-text{color:#0F172A}
/* Schedule card timeline */
.schedule-card{background:rgba(15,23,42,0.5)}
.timeline-step{transform:scale(1);transform-origin:left center}

/* Light mode — schedule card */
[data-theme="light"] .schedule-card{background:#FFFFFF;border-color:rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.05)}
[data-theme="light"] .timeline-step{background:#FFFFFF;border-color:rgba(0,0,0,0.07)}
[data-theme="light"] .timeline-icon{background:#F9FAFB;border-color:rgba(0,0,0,0.08)}
[data-theme="light"] .timeline-icon svg{color:#64748B}
[data-theme="light"] .timeline-connector div{background:linear-gradient(to bottom,rgba(14,165,233,0.2),rgba(14,165,233,0.06))}
[data-theme="light"] .timeline-step p{color:#475569}

/* Dark mode — gentle sequential glow + scale */
@keyframes timeline-glow{
  0%{border-color:rgba(255,255,255,0.04);box-shadow:none;background:rgba(51,65,85,0.3);transform:scale(1)}
  8%{border-color:rgba(56,189,248,0.25);box-shadow:0 0 12px rgba(56,189,248,0.06);background:rgba(56,189,248,0.04);transform:scale(1.02)}
  16%{border-color:rgba(56,189,248,0.25);box-shadow:0 0 12px rgba(56,189,248,0.06);background:rgba(56,189,248,0.04);transform:scale(1.02)}
  28%{border-color:rgba(255,255,255,0.04);box-shadow:none;background:rgba(51,65,85,0.3);transform:scale(1)}
  100%{border-color:rgba(255,255,255,0.04);box-shadow:none;background:rgba(51,65,85,0.3);transform:scale(1)}
}
@keyframes timeline-glow-accent{
  0%{border-color:rgba(255,255,255,0.04);box-shadow:none;background:rgba(51,65,85,0.3);transform:scale(1)}
  8%{border-color:rgba(52,211,153,0.25);box-shadow:0 0 12px rgba(52,211,153,0.06);background:rgba(52,211,153,0.04);transform:scale(1.02)}
  16%{border-color:rgba(52,211,153,0.25);box-shadow:0 0 12px rgba(52,211,153,0.06);background:rgba(52,211,153,0.04);transform:scale(1.02)}
  28%{border-color:rgba(255,255,255,0.04);box-shadow:none;background:rgba(51,65,85,0.3);transform:scale(1)}
  100%{border-color:rgba(255,255,255,0.04);box-shadow:none;background:rgba(51,65,85,0.3);transform:scale(1)}
}
@keyframes timeline-icon-glow{
  0%{border-color:rgba(255,255,255,0.1);background:rgba(100,116,139,0.3)}
  8%{border-color:rgba(56,189,248,0.3);background:rgba(56,189,248,0.08)}
  16%{border-color:rgba(56,189,248,0.3);background:rgba(56,189,248,0.08)}
  28%{border-color:rgba(255,255,255,0.1);background:rgba(100,116,139,0.3)}
  100%{border-color:rgba(255,255,255,0.1);background:rgba(100,116,139,0.3)}
}
@keyframes timeline-icon-glow-accent{
  0%{border-color:rgba(255,255,255,0.1);background:rgba(100,116,139,0.3)}
  8%{border-color:rgba(52,211,153,0.3);background:rgba(52,211,153,0.08)}
  16%{border-color:rgba(52,211,153,0.3);background:rgba(52,211,153,0.08)}
  28%{border-color:rgba(255,255,255,0.1);background:rgba(100,116,139,0.3)}
  100%{border-color:rgba(255,255,255,0.1);background:rgba(100,116,139,0.3)}
}
@keyframes connector-flow{
  0%{opacity:0.4}
  8%{opacity:0.9}
  16%{opacity:0.9}
  28%{opacity:0.4}
  100%{opacity:0.4}
}
.timeline-step-1{animation:timeline-glow 6s ease infinite}
.timeline-step-1 .timeline-icon{animation:timeline-icon-glow 6s ease infinite}
.timeline-step-2{animation:timeline-glow 6s ease 2s infinite}
.timeline-step-2 .timeline-icon{animation:timeline-icon-glow 6s ease 2s infinite}
.timeline-step-3{animation:timeline-glow-accent 6s ease 4s infinite}
.timeline-step-3 .timeline-icon{animation:timeline-icon-glow-accent 6s ease 4s infinite}
.schedule-card .timeline-connector:nth-child(2) div{animation:connector-flow 6s ease 1.7s infinite}
.schedule-card .timeline-connector:nth-child(4) div{animation:connector-flow 6s ease 3.7s infinite}

/* Light mode — gentle sequential glow + scale */
@keyframes timeline-glow-light{
  0%{border-color:rgba(0,0,0,0.06);box-shadow:none;background:rgba(255,255,255,0.85);transform:scale(1)}
  8%{border-color:rgba(56,189,248,0.2);box-shadow:0 1px 8px rgba(56,189,248,0.06);background:rgba(56,189,248,0.04);transform:scale(1.02)}
  16%{border-color:rgba(56,189,248,0.2);box-shadow:0 1px 8px rgba(56,189,248,0.06);background:rgba(56,189,248,0.04);transform:scale(1.02)}
  28%{border-color:rgba(0,0,0,0.06);box-shadow:none;background:rgba(255,255,255,0.85);transform:scale(1)}
  100%{border-color:rgba(0,0,0,0.06);box-shadow:none;background:rgba(255,255,255,0.85);transform:scale(1)}
}
@keyframes timeline-glow-accent-light{
  0%{border-color:rgba(0,0,0,0.06);box-shadow:none;background:rgba(255,255,255,0.85);transform:scale(1)}
  8%{border-color:rgba(52,211,153,0.2);box-shadow:0 1px 8px rgba(52,211,153,0.06);background:rgba(52,211,153,0.04);transform:scale(1.02)}
  16%{border-color:rgba(52,211,153,0.2);box-shadow:0 1px 8px rgba(52,211,153,0.06);background:rgba(52,211,153,0.04);transform:scale(1.02)}
  28%{border-color:rgba(0,0,0,0.06);box-shadow:none;background:rgba(255,255,255,0.85);transform:scale(1)}
  100%{border-color:rgba(0,0,0,0.06);box-shadow:none;background:rgba(255,255,255,0.85);transform:scale(1)}
}
@keyframes timeline-icon-glow-light{
  0%{border-color:rgba(0,0,0,0.08);background:rgba(255,255,255,0.9)}
  8%{border-color:rgba(56,189,248,0.25);background:rgba(56,189,248,0.06)}
  16%{border-color:rgba(56,189,248,0.25);background:rgba(56,189,248,0.06)}
  28%{border-color:rgba(0,0,0,0.08);background:rgba(255,255,255,0.9)}
  100%{border-color:rgba(0,0,0,0.08);background:rgba(255,255,255,0.9)}
}
@keyframes timeline-icon-glow-accent-light{
  0%{border-color:rgba(0,0,0,0.08);background:rgba(255,255,255,0.9)}
  8%{border-color:rgba(52,211,153,0.25);background:rgba(52,211,153,0.06)}
  16%{border-color:rgba(52,211,153,0.25);background:rgba(52,211,153,0.06)}
  28%{border-color:rgba(0,0,0,0.08);background:rgba(255,255,255,0.9)}
  100%{border-color:rgba(0,0,0,0.08);background:rgba(255,255,255,0.9)}
}
[data-theme="light"] .timeline-step-1{animation:timeline-glow-light 6s ease infinite}
[data-theme="light"] .timeline-step-1 .timeline-icon{animation:timeline-icon-glow-light 6s ease infinite}
[data-theme="light"] .timeline-step-2{animation:timeline-glow-light 6s ease 2s infinite}
[data-theme="light"] .timeline-step-2 .timeline-icon{animation:timeline-icon-glow-light 6s ease 2s infinite}
[data-theme="light"] .timeline-step-3{animation:timeline-glow-accent-light 6s ease 4s infinite}
[data-theme="light"] .timeline-step-3 .timeline-icon{animation:timeline-icon-glow-accent-light 6s ease 4s infinite}

/* ========== FOR STARTUPS — Horizontal Timeline ========== */

/* Startup benefits grid — 4 columns desktop, 2 columns tablet, 1 column mobile */
.startup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* Card */
.startup-timeline-card{transition:all .4s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:100%}
.startup-timeline-card:hover{border-color:rgba(56,189,248,0.15);box-shadow:0 8px 32px rgba(0,0,0,0.2)}

/* Badge */
.startup-badge{background:rgba(56,189,248,0.05)}

/* ===== Tablet: 2-column grid ===== */
@media(max-width:768px){
  .startup-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}

/* ===== Mobile: single column ===== */
@media(max-width:480px){
  .startup-grid{grid-template-columns:1fr;gap:14px}
}

/* ===== Light mode ===== */
[data-theme="light"] .startup-section{background:rgba(245,245,244,0.5)}
[data-theme="light"] .startup-timeline-card{background:rgba(255,255,255,0.85);border-color:rgba(0,0,0,0.07);box-shadow:0 1px 4px rgba(0,0,0,0.04);backdrop-filter:none}
[data-theme="light"] .startup-timeline-card:hover{border-color:rgba(14,165,233,0.25);box-shadow:0 8px 24px rgba(14,165,233,0.08)}
[data-theme="light"] .startup-timeline-card h3{color:#0F172A}
[data-theme="light"] .startup-timeline-card p{color:#475569}
[data-theme="light"] .startup-badge{background:rgba(14,165,233,0.06)}
[data-theme="light"] .startup-card-icon{border-color:rgba(0,0,0,0.08)}

/* ========== SOLUTIONS GRID — mobile horizontal scroll ========== */
@media(max-width:639px){
  .solutions-grid{
    display:flex!important;
    grid-template-columns:none!important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:12px;
    padding-bottom:4px;
  }
  .solutions-grid::-webkit-scrollbar{display:none}
  .solutions-grid>.solutions-card{
    width:78%;
    max-width:calc(100vw - 48px);
    min-width:0;
    flex-shrink:0;
    scroll-snap-align:start;
  }
}

/* Theme toggle transition */
html{transition:background .3s ease}
body{transition:background .3s ease,color .3s ease}