/* LocalBIX Design System v2.0 */
:root{
  --lx-bg:#FAFAFB;--lx-bg-2:#F4F5FA;--lx-surface:#fff;--lx-ink:#0B0F1A;--lx-ink-2:#1F2937;--lx-mute:#6B7280;
  --lx-line:#E7E9F0;--lx-line-2:#DCE0EB;
  --lx-primary:#4F46E5;--lx-primary-2:#6366F1;--lx-primary-3:#818CF8;--lx-primary-soft:#EEF2FF;
  --lx-accent:#FB7185;--lx-accent-2:#F43F5E;--lx-accent-soft:#FFE4E6;
  --lx-mint:#10B981;--lx-mint-soft:#D1FAE5;--lx-purple:#7C3AED;--lx-purple-2:#A78BFA;--lx-sky:#0EA5E9;--lx-amber:#F59E0B;
  --lx-grad-brand:linear-gradient(135deg,#4F46E5 0%,#7C3AED 50%,#EC4899 100%);
  --lx-grad-cta:linear-gradient(135deg,#4F46E5 0%,#EC4899 100%);
  --lx-grad-mint:linear-gradient(135deg,#10B981 0%,#0EA5E9 100%);
  --lx-grad-amber:linear-gradient(135deg,#F59E0B 0%,#F43F5E 100%);
  --lx-grad-mesh:radial-gradient(at 20% 10%,rgba(124,58,237,.18) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(79,70,229,.18) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(244,63,94,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.12) 0px,transparent 50%);
  --lx-shadow-sm:0 1px 2px rgba(15,17,36,.06),0 1px 3px rgba(15,17,36,.04);
  --lx-shadow-md:0 4px 12px -2px rgba(15,17,36,.08),0 2px 4px -2px rgba(15,17,36,.04);
  --lx-shadow-lg:0 24px 48px -12px rgba(15,17,36,.12),0 8px 16px -4px rgba(15,17,36,.06);
  --lx-shadow-glow:0 0 0 1px rgba(79,70,229,.2),0 12px 40px -8px rgba(79,70,229,.35);
  --lx-shadow-cta:0 12px 32px -8px rgba(244,63,94,.45),0 4px 12px -2px rgba(244,63,94,.25);
  --lx-r-sm:8px;--lx-r-md:12px;--lx-r-lg:18px;--lx-r-xl:24px;--lx-r-2xl:32px;
  --lx-font-display:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --lx-font-body:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
html,body{font-family:var(--lx-font-body);background:var(--lx-bg);color:var(--lx-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.lx-display{font-family:var(--lx-font-display);letter-spacing:-.02em}
.lx-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--lx-primary-soft);color:var(--lx-primary);border:1px solid rgba(79,70,229,.18)}
.lx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;border-radius:var(--lx-r-md);border:1px solid transparent;transition:all .2s cubic-bezier(.2,.7,.2,1);text-decoration:none;cursor:pointer;line-height:1.2;position:relative;overflow:hidden;font-family:var(--lx-font-body)}
.lx-btn-primary{color:#fff;background:var(--lx-grad-cta);box-shadow:var(--lx-shadow-cta)}
.lx-btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 40px -8px rgba(244,63,94,.55),0 6px 16px -2px rgba(244,63,94,.3)}
.lx-btn-primary:active{transform:translateY(0)}
.lx-btn-secondary{color:var(--lx-ink);background:#fff;border-color:var(--lx-line-2);box-shadow:var(--lx-shadow-sm)}
.lx-btn-secondary:hover{border-color:var(--lx-primary);color:var(--lx-primary)}
.lx-btn-ghost{color:var(--lx-ink);background:transparent}
.lx-btn-ghost:hover{background:var(--lx-bg-2)}
.lx-btn-lg{padding:14px 26px;font-size:15px;border-radius:var(--lx-r-lg)}
.lx-btn-sm{padding:7px 12px;font-size:12.5px}
.lx-glass{background:rgba(255,255,255,.7);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--lx-shadow-md)}
.lx-glass-dark{background:rgba(11,15,26,.65);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border:1px solid rgba(255,255,255,.08)}
.lx-card{background:#fff;border:1px solid var(--lx-line);border-radius:var(--lx-r-xl);box-shadow:var(--lx-shadow-sm);transition:all .3s cubic-bezier(.2,.7,.2,1)}
.lx-card-hover:hover{transform:translateY(-4px);box-shadow:var(--lx-shadow-lg);border-color:rgba(79,70,229,.3)}
.lx-3d{perspective:1000px}
.lx-3d-inner{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;transform-style:preserve-3d;will-change:transform}
.lx-3d:hover .lx-3d-inner{transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg)) translateZ(8px)}
.lx-mesh{background-color:var(--lx-bg);background-image:var(--lx-grad-mesh);background-attachment:fixed}
.lx-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}
@keyframes lx-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(8deg)}}
.lx-anim-float{animation:lx-float 6s ease-in-out infinite}
.lx-anim-float-d1{animation-delay:1s}
.lx-anim-float-d2{animation-delay:2s}
.lx-anim-float-d3{animation-delay:3s}
@keyframes lx-pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}
.lx-anim-pulse{animation:lx-pulse 4s ease-in-out infinite}
@keyframes lx-spin-slow{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.lx-anim-spin-slow{animation:lx-spin-slow 30s linear infinite}
@keyframes lx-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.lx-text-shimmer{background:linear-gradient(90deg,var(--lx-ink) 0%,var(--lx-primary) 30%,var(--lx-purple) 50%,var(--lx-primary) 70%,var(--lx-ink) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:lx-shimmer 5s linear infinite}
.lx-reveal{opacity:0;transform:translateY(24px);transition:all .8s cubic-bezier(.2,.7,.2,1)}
.lx-reveal.lx-in{opacity:1;transform:translateY(0)}
.lx-reveal-d1{transition-delay:.08s}
.lx-reveal-d2{transition-delay:.16s}
.lx-reveal-d3{transition-delay:.24s}
.lx-reveal-d4{transition-delay:.32s}
.lx-bento{display:grid;gap:18px;grid-template-columns:repeat(6,1fr)}
@media(max-width:768px){.lx-bento{grid-template-columns:repeat(2,1fr)}}
.lx-bento>.lx-span-2{grid-column:span 2}
.lx-bento>.lx-span-3{grid-column:span 3}
.lx-bento>.lx-span-4{grid-column:span 4}
.lx-bento>.lx-span-6{grid-column:span 6}
@media(max-width:768px){.lx-bento>.lx-span-2,.lx-bento>.lx-span-3,.lx-bento>.lx-span-4{grid-column:span 2}.lx-bento>.lx-span-6{grid-column:span 2}}
@keyframes lx-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lx-marquee{display:flex;gap:48px;width:max-content;animation:lx-marquee 30s linear infinite}
.lx-grad-border{position:relative;border-radius:var(--lx-r-xl);background:#fff}
.lx-grad-border::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--lx-grad-brand);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lx-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;letter-spacing:.02em;border-radius:999px}
.lx-pill-primary{background:var(--lx-primary-soft);color:var(--lx-primary)}
.lx-pill-mint{background:var(--lx-mint-soft);color:#047857}
.lx-pill-accent{background:var(--lx-accent-soft);color:#BE123C}
.lx-input{width:100%;padding:12px 14px;font-size:14.5px;background:#fff;color:var(--lx-ink);border:1.5px solid var(--lx-line);border-radius:var(--lx-r-md);transition:all .15s ease;font-family:var(--lx-font-body)}
.lx-input:focus{outline:none;border-color:var(--lx-primary);box-shadow:0 0 0 4px rgba(79,70,229,.12)}
.lx-input::placeholder{color:#9CA3AF}
.lx-label{display:block;font-size:13px;font-weight:600;color:var(--lx-ink);margin-bottom:6px}
.lx-section{padding:96px 0}
@media(max-width:768px){.lx-section{padding:64px 0}}
.lx-container{max-width:1240px;margin:0 auto;padding:0 24px}
.lx-price-card{position:relative;padding:32px;border-radius:var(--lx-r-2xl);background:#fff;border:1px solid var(--lx-line);transition:all .35s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.lx-price-card:hover{transform:translateY(-8px);box-shadow:var(--lx-shadow-lg)}
.lx-price-card.featured{background:linear-gradient(180deg,#FAFBFF 0%,#fff 100%);border:2px solid var(--lx-primary);box-shadow:var(--lx-shadow-glow)}
.lx-price-card.featured::before{content:'';position:absolute;top:-1px;left:0;right:0;height:4px;border-radius:24px 24px 0 0;background:var(--lx-grad-brand)}
.lx-counter{font-family:var(--lx-font-display);font-weight:800;letter-spacing:-.03em}
.lx-glow-ring:focus-visible{box-shadow:0 0 0 4px rgba(79,70,229,.25)}
.lx-dark-mesh{background-color:#0B0F1A;background-image:radial-gradient(at 20% 20%,rgba(124,58,237,.35) 0px,transparent 50%),radial-gradient(at 80% 10%,rgba(79,70,229,.35) 0px,transparent 50%),radial-gradient(at 70% 80%,rgba(244,63,94,.25) 0px,transparent 50%),radial-gradient(at 10% 90%,rgba(16,185,129,.25) 0px,transparent 50%)}
.lx-tilt{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;transform-style:preserve-3d;will-change:transform}
.lx-tilt:hover{transform:rotateX(2deg) rotateY(-2deg) translateZ(0);box-shadow:var(--lx-shadow-lg)}
.lx-nav-link{position:relative;padding:8px 12px;font-size:14px;font-weight:600;color:var(--lx-ink-2);border-radius:8px;transition:all .2s ease;text-decoration:none}
.lx-nav-link:hover{color:var(--lx-primary);background:var(--lx-primary-soft)}
.lx-nav-link.active{color:var(--lx-primary)}
.lx-nav-link.active::after{content:'';position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--lx-primary);border-radius:2px}
.lx-mobile-menu{position:fixed;inset:0;background:rgba(11,15,26,.5);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:90}
.lx-mobile-menu.open{opacity:1;pointer-events:auto}
.lx-mobile-menu-panel{position:absolute;top:0;right:0;bottom:0;width:320px;max-width:90vw;background:#fff;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);overflow-y:auto;padding:24px}
.lx-mobile-menu.open .lx-mobile-menu-panel{transform:translateX(0)}
.lx-hero-phone{position:relative;transform-style:preserve-3d;animation:lx-float 6s ease-in-out infinite}
.lx-hero-phone::after{content:'';position:absolute;inset:12% -10% -25% -10%;background:radial-gradient(ellipse,rgba(79,70,229,.45) 0%,transparent 60%);filter:blur(40px);z-index:-1}
.lx-toggle-pill{display:inline-flex;padding:4px;background:#fff;border:1px solid var(--lx-line);border-radius:999px;box-shadow:var(--lx-shadow-sm)}
.lx-toggle-pill button{padding:8px 18px;font-size:13.5px;font-weight:600;color:var(--lx-mute);border-radius:999px;transition:all .25s ease;border:none;background:transparent;cursor:pointer}
.lx-toggle-pill button.active{background:var(--lx-primary);color:#fff;box-shadow:0 4px 12px -2px rgba(79,70,229,.35)}
.lx-section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--lx-line-2),transparent);border:0}

/* ===== Mobile submenu accordion (inside lx-mobile-menu) ===== */
.lx-mob-acc{border-radius:8px;overflow:hidden}
.lx-mob-acc-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;font-size:14px;font-weight:600;color:var(--lx-ink);background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s ease;font-family:var(--lx-font-body)}
.lx-mob-acc-trigger:hover{background:var(--lx-bg-2);color:var(--lx-primary)}
.lx-mob-acc-chev{width:16px;height:16px;transition:transform .2s ease;color:var(--lx-mute);flex-shrink:0}
.lx-mob-acc.open .lx-mob-acc-chev{transform:rotate(180deg);color:var(--lx-primary)}
.lx-mob-acc-panel{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 0 0 4px}
.lx-mob-acc.open .lx-mob-acc-panel{max-height:600px;padding:4px 0 8px 4px}
.lx-mob-acc-panel a{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;color:var(--lx-mute);text-decoration:none;border-radius:6px;transition:all .15s ease;line-height:1.3}
.lx-mob-acc-panel a:hover,.lx-mob-acc-panel a:active{color:var(--lx-primary);background:var(--lx-primary-soft)}
.lx-mob-acc-panel a .mob-icon{width:18px;height:18px;flex-shrink:0;opacity:.85}@@media(min-width:640px){.lx-footer-grid{grid-template-columns:repeat(2,1fr);gap:36px}}
@@media(min-width:1024px){.lx-footer-grid{grid-template-columns:repeat(6,1fr);gap:40px}}
/* ===== Hero mobile: hide 3D phone mockup on small screens, scale down ===== */
@@media(max-width:768px){
  .lx-phone-mock{transform:none !important;width:220px !important;height:460px !important;padding:10px !important}
  .lx-phone-mock .lx-phone-screen{border-radius:26px}
  .lx-phone-mock .lx-phone-notch{height:18px;width:70px}
  .lx-hero-right{height:auto !important;min-height:480px !important;margin-top:32px}
  .lx-float-card-1,.lx-float-card-2,.lx-float-card-3,.lx-float-card-4{display:none !important}
}
@@media(max-width:480px){
  .lx-phone-mock{width:200px !important;height:420px !important}
  .lx-hero-right{min-height:440px !important}
}

/* ===== Section padding mobile ===== */
@@media(max-width:640px){
  .lx-section{padding:56px 0}
  .lx-container{padding:0 18px}
}

/* ===== Make sure form inputs are 16px on mobile (prevents iOS zoom) ===== */
@@media(max-width:768px){
  .lx-input,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea{font-size:16px !important}
}

/* ===== Touch target minimum 44x44 for all clickable ===== */
.lx-btn,.lx-mob-acc-trigger,a.lx-nav-link{cursor:pointer}

/* ===== Reveal: disable on mobile to prevent jank ===== */
@@media(max-width:640px){
  .lx-reveal{opacity:1 !important;transform:none !important;transition:none !important}
}

/* ===== Trust marquee: ensure smooth on mobile ===== */
@@media(max-width:640px){
  .lx-marquee{gap:32px;animation-duration:22s}
}

/* ===== PRO DESIGNER POLISH (v3) ===== */

/* Focus rings (a11y) */
:focus-visible{outline:2px solid var(--lx-primary);outline-offset:2px;border-radius:6px}
.lx-btn:focus-visible{outline-offset:3px}

/* Reduced motion */
@@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}

/* Cursor pointer for all clickable */
button,a,[role=button]{cursor:pointer}

/* Better scroll behavior */
html{scroll-behavior:smooth;scroll-padding-top:80px}

/* Selection */
::selection{background:rgba(79,70,229,.18);color:var(--lx-ink)}

/* ===== Full-screen mobile menu overlay (replaces side-drawer) ===== */
.lx-mob-overlay{position:fixed;inset:0;background:#fff;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}
.lx-mob-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.lx-mob-overlay-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--lx-line);position:sticky;top:0;background:#fff;z-index:2}
.lx-mob-overlay-body{padding:20px;padding-bottom:120px}
.lx-mob-overlay-foot{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--lx-line);padding:16px 20px;display:flex;gap:10px;z-index:2}
.lx-mob-overlay-foot .lx-btn{flex:1;min-height:48px}
.lx-mob-link{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;font-size:16px;font-weight:600;color:var(--lx-ink);text-decoration:none;border-radius:10px;transition:background .15s ease}
.lx-mob-link:hover,.lx-mob-link:active{background:var(--lx-bg-2);color:var(--lx-primary)}
.lx-mob-link .arrow{width:18px;height:18px;color:var(--lx-mute);transition:transform .2s ease}
.lx-mob-acc-trigger{font-size:16px;padding:14px 12px}

/* ===== Header sticky scroll states ===== */
.lx-header{border-bottom-color:transparent !important;box-shadow:none !important;transition:all .25s ease}
.lx-header.scrolled{border-bottom-color:rgba(231,233,240,1) !important;box-shadow:0 4px 20px -8px rgba(11,15,26,.08) !important}

/* ===== Better button states (no layout shift) ===== */
.lx-btn:hover{transform:none}
.lx-btn-primary:hover{box-shadow:0 16px 40px -8px rgba(244,63,94,.55),0 6px 16px -2px rgba(244,63,94,.3)}
.lx-btn-secondary:hover{border-color:var(--lx-primary);color:var(--lx-primary);background:#FAFBFF}

/* ===== Better nav-link active state (no layout shift) ===== */
.lx-nav-link{position:relative}
.lx-nav-link.active::after{content:'';position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--lx-primary);border-radius:2px;transition:all .2s ease}

/* ===== Better mega menu (3 columns + featured card) ===== */
.lx-mega{position:absolute;top:calc(100% + 12px);left:0;width:min(720px,92vw);background:#fff;border:1px solid var(--lx-line);border-radius:18px;box-shadow:0 24px 60px -12px rgba(11,15,26,.18),0 8px 24px -8px rgba(11,15,26,.08);padding:20px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,visibility .2s ease,transform .25s cubic-bezier(.2,.7,.2,1);z-index:60}
.lx-mega-right{right:0;left:auto}
.group:hover>.lx-mega,.lx-mega:hover{opacity:1;visibility:visible;transform:translateY(0)}
.lx-mega-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.lx-mega-col-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lx-mute);padding:8px 12px;margin-bottom:4px}
.lx-mega-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;transition:all .15s ease;cursor:pointer}
.lx-mega-item:hover{background:var(--lx-bg-2)}
.lx-mega-item .icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.lx-mega-item .icon svg{width:18px;height:18px}
.lx-mega-item .label{font-size:14px;font-weight:600;color:var(--lx-ink);line-height:1.3}
.lx-mega-item .desc{font-size:12px;color:var(--lx-mute);margin-top:1px;line-height:1.3}
.lx-mega-featured{grid-column:span 1;background:linear-gradient(135deg,#4F46E5,#7C3AED);color:#fff;border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;text-decoration:none}
.lx-mega-featured:hover{transform:translateY(-2px);box-shadow:0 16px 32px -8px rgba(79,70,229,.4)}
.lx-mega-featured .title{font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px}
.lx-mega-featured .desc{font-size:12.5px;opacity:.85;line-height:1.4}
.lx-mega-featured .cta{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#fff;margin-top:10px}
@@media(max-width:768px){.lx-mega{display:none}}
@@media(max-width:1023px){.lx-mega{display:none}}@@media(min-width:768px){.lx-footer-cta{grid-template-columns:1.5fr 1fr;padding:48px;gap:40px}}@@media(min-width:768px){.lx-footer-cta h3{font-size:32px}}@@media(min-width:1024px){.lx-footer-brand-section{padding-bottom:0;border-bottom:0;margin-bottom:0}}@@media(min-width:640px){.lx-footer-sections{grid-template-columns:repeat(2,1fr);gap:32px}}
@@media(min-width:1024px){.lx-footer-sections{grid-template-columns:repeat(4,1fr);gap:40px}}@@media(min-width:640px){.lx-footer-section{padding:0;border:0 !important}}@@media(min-width:1024px){.lx-footer-section h4{font-size:14px}}@@media(min-width:1024px){.lx-footer-section ul{grid-template-columns:1fr;gap:10px}}@@media(min-width:768px){.lx-footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}@@media(min-width:640px){.lx-footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}
@@media(min-width:1024px){.lx-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px}}
/* ===== FAQ polish ===== */
.lx-faq{transition:all .25s ease}
.lx-faq:hover{border-color:rgba(79,70,229,.2);box-shadow:var(--lx-shadow-md)}
.lx-faq summary{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font-weight:600;font-size:15.5px;color:var(--lx-ink);cursor:pointer;list-style:none;gap:16px}
.lx-faq summary::-webkit-details-marker{display:none}
.lx-faq summary .lx-chev{transition:transform .25s ease;color:var(--lx-mute);flex-shrink:0;width:18px;height:18px}
.lx-faq[open] summary .lx-chev{transform:rotate(180deg);color:var(--lx-primary)}
.lx-faq .lx-faq-body{padding:0 22px 20px;color:var(--lx-mute);line-height:1.65;font-size:14.5px}

/* ===== Better bento card hover (no scale, just shadow) ===== */
.lx-bento-item{transition:all .3s cubic-bezier(.2,.7,.2,1)}
.lx-bento-item:hover{box-shadow:0 24px 48px -12px rgba(11,15,26,.15)}

/* ===== Testimonial card polish ===== */
.lx-card-hover{transition:all .3s cubic-bezier(.2,.7,.2,1)}
.lx-card-hover:hover{box-shadow:0 24px 48px -12px rgba(11,15,26,.12);border-color:rgba(79,70,229,.2)}
.lx-card-hover:hover{transform:none}

/* ===== Section heading polish ===== */
.lx-section-title{font-size:clamp(1.875rem,3.5vw,2.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--lx-ink)}
.lx-section-sub{font-size:16px;color:var(--lx-mute);line-height:1.6;margin-top:14px;max-width:600px;margin-left:auto;margin-right:auto}
@@media(max-width:640px){.lx-section-title{font-size:1.75rem}}

/* ===== Skip-to-content link (a11y) ===== */
.lx-skip{position:absolute;left:-9999px;top:0;background:var(--lx-primary);color:#fff;padding:10px 18px;border-radius:0 0 10px 10px;font-weight:600;text-decoration:none;z-index:200}
.lx-skip:focus{left:0}

/* ===== Visually hidden (a11y) ===== */
.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}@@media(min-width:640px){.lx-footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}
@@media(min-width:1024px){.lx-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:40px;align-items:start}}@@media(min-width:768px){.lx-footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}

/* ===== FOOTER v5 — 5-COL GRID (BRAND + 4 LINK SECTIONS) ===== */
.lx-footer{color:#E2E8F0;position:relative;overflow:hidden;background-color:#0B0F1A;background-image:radial-gradient(at 20% 20%,rgba(124,58,237,.28) 0px,transparent 50%),radial-gradient(at 80% 10%,rgba(79,70,229,.28) 0px,transparent 50%),radial-gradient(at 70% 80%,rgba(244,63,94,.18) 0px,transparent 50%),radial-gradient(at 10% 90%,rgba(16,185,129,.18) 0px,transparent 50%)}

/* Main 5-col grid */
.lx-footer-grid{display:grid;gap:32px;margin-bottom:48px;grid-template-columns:1fr}
@@media(min-width:640px){.lx-footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}
@@media(min-width:1024px){.lx-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:40px;align-items:start}}

/* Column heading */
.lx-footer-col h4{color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:8px}
.lx-footer-col h4::before{content:'';width:3px;height:14px;background:var(--lx-grad-brand);border-radius:2px;flex-shrink:0}

/* Column list */
.lx-footer-col ul{list-style:none;padding:0;margin:0}
.lx-footer-col li{margin-bottom:11px}
.lx-footer-col a{color:#94A3B8;font-size:14px;text-decoration:none;transition:color .15s ease;display:inline-block;line-height:1.4}
.lx-footer-col a:hover{color:#fff}

/* Brand column (1.5fr) */
.lx-footer-brand p{color:#94A3B8;font-size:14px;line-height:1.6;margin:14px 0 18px}
.lx-footer-social{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.lx-footer-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#E2E8F0;text-decoration:none;transition:all .15s ease}
.lx-footer-social a:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-2px)}
.lx-footer-social svg{width:16px;height:16px}
.lx-footer-trust{display:flex;flex-wrap:wrap;gap:8px}
.lx-footer-trust .badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#94A3B8;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:5px 9px;border-radius:7px;white-space:nowrap}
.lx-footer-trust .badge svg{width:11px;height:11px;color:var(--lx-mint);flex-shrink:0}

/* Bottom bar */
.lx-footer-bottom{display:flex;flex-direction:column;gap:14px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);align-items:center;text-align:center}
@@media(min-width:768px){.lx-footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}
.lx-footer-bottom .copyright{color:#94A3B8;font-size:13.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.lx-footer-legal{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}
.lx-footer-legal a{color:#94A3B8;font-size:13.5px;text-decoration:none;transition:color .15s ease}
.lx-footer-legal a:hover{color:#fff}