/* =========================================================
   E-label studio – landing page styles for Elementor
   Scope: body.el-landing (added by the plugin to the landing page)
   ========================================================= */

/* ---------- Brand tokens: also feed Elementor's global colors/fonts ---------- */
body.el-landing{
  --el-blue:#0457E3;
  --el-blue-light:#0A84F5;
  --el-navy:#001D45;
  --el-slate:#44566C;
  --el-orange:#F57C1F;
  --el-text:#1E293B;
  --el-muted:#475569;
  --el-line:#E6E8EF;
  --el-bg:#F5F6FA;

  --e-global-color-primary:#001D45;
  --e-global-color-secondary:#44566C;
  --e-global-color-text:#1E293B;
  --e-global-color-accent:#0457E3;
  --e-global-typography-primary-font-family:'Inter';
  --e-global-typography-secondary-font-family:'Inter';
  --e-global-typography-text-font-family:'Inter';
  --e-global-typography-accent-font-family:'Inter';

  margin:0;
  background:var(--el-bg);
  color:var(--el-text);
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif;
  font-size:15px;
  line-height:1.6;
  overflow-x:clip;
}
.el-landing a{color:var(--el-navy)}
.el-landing a:hover{color:var(--el-blue)}
.el-landing ::selection{background:#FFD9B8}
.el-landing .elementor-heading-title,
.el-landing .elementor-widget-text-editor,
.el-landing .elementor-button,
.el-landing .elementor-icon-list-text,
.el-landing .elementor-icon-box-title,
.el-landing .elementor-icon-box-description,
.el-landing .elementor-tab-title,
.el-landing .elementor-tab-content,
.el-landing .elementor-counter{font-family:'Inter',-apple-system,'Segoe UI',sans-serif}
.el-landing .elementor-widget-text-editor p{margin:0}

/* ---------- Section shell + animated background layer ---------- */
.el-landing .el-sec{position:relative;overflow:hidden}
.el-landing .el-sec > .e-con-inner{position:static}
.el-landing .el-sec > .e-con-inner > :not(.el-bgw),
.el-landing .el-sec > :not(.el-bgw):not(.e-con-inner){position:relative;z-index:1}
.el-landing .el-bgw{position:absolute !important;inset:0;z-index:0;margin:0 !important;width:auto !important;max-width:none !important;pointer-events:none}
.el-landing .el-bgw .elementor-widget-container{height:100%}
.el-landing .bg-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}

/* ---------- Section headings ---------- */
.el-landing .el-sec-head{text-align:center;max-width:720px;margin:0 auto;--gap:8px}
.el-landing .el-eyebrow .elementor-heading-title{font-size:13px;font-weight:800;letter-spacing:2px;color:var(--el-blue);text-transform:uppercase}
.el-landing .el-h2 .elementor-heading-title{font-size:clamp(26px,5vw,36px);line-height:1.2;font-weight:800;color:var(--el-navy)}
.el-landing .el-lead{color:var(--el-muted);font-size:16px}

/* ---------- Buttons ---------- */
.el-landing .el-btn .elementor-button{
  background:var(--el-blue);color:#FFFFFF;font-weight:700;font-size:15px;
  padding:14px 24px;border-radius:8px;min-height:48px;border:1px solid transparent;
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.el-landing .el-btn .elementor-button:hover,.el-landing .el-btn .elementor-button:focus{color:#FFFFFF}
.el-landing .el-btn-ghost .elementor-button{background:#FFFFFF;color:var(--el-navy);border-color:#D5D9E3}
.el-landing .el-btn-ghost .elementor-button:hover{color:var(--el-navy)}
.el-landing .el-btn-navy .elementor-button{background:var(--el-navy)}
.el-landing .el-btn-orange .elementor-button{background:var(--el-orange);color:var(--el-navy);font-weight:800}
.el-landing .el-btn-orange .elementor-button:hover{color:var(--el-navy)}
.el-landing .el-btn-outline-light .elementor-button{background:transparent;border-color:#8FB4F0}
.el-landing .el-btn-sm .elementor-button{font-size:14px;padding:12px 20px;min-height:44px}
.el-landing .el-btn-block,.el-landing .el-btn-block .elementor-button{width:100%}
.el-landing .el-btn-row{--gap:12px;--flex-wrap:wrap}

/* ---------- Header ---------- */
.el-landing .el-header{position:sticky;top:0;z-index:50;background:#FFFFFF;border-bottom:1px solid var(--el-line);transition:box-shadow .3s ease}
body.admin-bar.el-landing .el-header{top:32px}
.el-landing .el-header.el-scrolled{box-shadow:0 6px 24px rgba(0,29,69,.10)}
.el-landing .el-brand{--gap:10px;--width:auto;flex:0 0 auto;width:auto}
.el-landing .el-brand img{width:44px;height:44px;object-fit:contain}
.el-landing .el-brand-name .elementor-heading-title{font-size:22px;font-weight:900;letter-spacing:-.5px;color:var(--el-navy);line-height:1}
.el-landing .el-brand-name small{display:block;font-size:15px;font-weight:600;color:var(--el-slate);letter-spacing:0;margin-top:2px}
.el-landing .el-c-e{color:var(--el-blue-light)}
.el-landing .el-c-label{color:var(--el-navy)}
.el-landing .el-c-studio{color:var(--el-slate)}
.el-landing .el-nav .elementor-icon-list-items{gap:4px 24px}
.el-landing .el-nav .elementor-icon-list-item{margin:0 !important;padding:0 !important}
.el-landing .el-nav .elementor-icon-list-item::after{display:none !important}
.el-landing .el-nav .elementor-icon-list-text{font-weight:600;font-size:14px;color:var(--el-navy);position:relative;padding:6px 0}
.el-landing .el-nav .elementor-icon-list-text::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--el-blue);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.el-landing .el-burger{display:none}
.el-landing .el-burger-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #D5D9E3;border-radius:10px;background:#FFFFFF;color:var(--el-navy);cursor:pointer;padding:0}
.el-landing .el-burger-btn .i-close{display:none}
.el-landing .el-header.el-menu-open .el-burger-btn .i-open{display:none}
.el-landing .el-header.el-menu-open .el-burger-btn .i-close{display:block}
.el-landing .el-header > .e-con-inner{position:static}
.el-landing .el-progress-w{position:absolute !important;left:0;right:0;bottom:-1px;height:3px;width:auto !important;margin:0 !important;pointer-events:none}
.el-landing .el-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#0A84F5,#0457E3 60%,#F57C1F);transform-origin:left;transform:scaleX(0);pointer-events:none}
.el-landing .el-burger.elementor-widget{position:static}

@media (max-width:767px){
  body.admin-bar.el-landing .el-header{top:0}
  .el-landing .el-nav,.el-landing .el-header-cta{display:none}
  .el-landing .el-burger{display:block}
  .el-landing .el-header.el-menu-open .el-nav{display:block;order:20;width:100%;border-top:1px solid var(--el-line);padding-top:4px;animation:el-slideDown .25s ease both}
  .el-landing .el-header.el-menu-open .el-nav .elementor-icon-list-items{flex-direction:column;align-items:stretch;gap:0}
  .el-landing .el-header.el-menu-open .el-nav .elementor-icon-list-item{border-bottom:1px solid #EEF0F5}
  .el-landing .el-header.el-menu-open .el-nav .elementor-icon-list-item a{display:flex;min-height:44px;align-items:center;width:100%}
  .el-landing .el-header.el-menu-open .el-nav .elementor-icon-list-text{font-size:16px}
  .el-landing .el-header.el-menu-open .el-header-cta{display:block;order:21;width:100%;padding-bottom:12px}
  .el-landing .el-header.el-menu-open .el-header-cta .elementor-button{width:100%}
}

/* ---------- Hero ---------- */
.el-landing .el-hero{background:linear-gradient(180deg,#FFFFFF 0%,#EAF4FF 100%)}
.el-landing .el-hero-copy{--gap:20px}
.el-landing .el-nav .elementor-icon-list-items,
.el-landing .el-checks .elementor-icon-list-items,
.el-landing .el-badge .elementor-icon-list-items{margin:0 !important}
.el-landing .el-badge{width:auto !important;max-width:100%;align-self:flex-start}
.el-landing .el-badge .elementor-icon-list-item{display:inline-flex;margin:0 !important;padding:0 !important}
.el-landing .el-badge .elementor-icon-list-item::after{display:none !important}
.el-landing .el-badge .elementor-icon-list-items{display:inline-flex !important;width:auto;border:1px solid #BFDBFE;background:#FFFFFF;border-radius:999px;padding:6px 14px}
.el-landing .el-badge .elementor-icon-list-text{color:#0447B8;font-size:13px;font-weight:600;padding-left:8px}
.el-landing .el-badge .elementor-icon-list-icon i{color:var(--el-orange);font-size:13px}
.el-landing .el-badge .elementor-icon-list-icon svg{fill:var(--el-orange);width:13px;height:13px}
.el-landing .el-h1 .elementor-heading-title{font-size:clamp(32px,7vw,52px);line-height:1.15;font-weight:900;color:var(--el-navy);letter-spacing:-1px}
.el-landing .el-hero-text{font-size:clamp(15px,2.4vw,17px);color:var(--el-muted);max-width:560px}
.el-landing .el-checks .elementor-icon-list-items{gap:8px 20px}
.el-landing .el-checks .elementor-icon-list-item{margin:0 !important;padding:0 !important}
.el-landing .el-checks .elementor-icon-list-item::after{display:none !important}
.el-landing .el-checks .elementor-icon-list-text{font-size:13px;color:var(--el-muted);font-weight:500;padding-left:6px}
.el-landing .el-checks .elementor-icon-list-icon i{color:#15803D;font-size:12px}
.el-landing .el-checks .elementor-icon-list-icon svg{fill:#15803D;width:12px;height:12px}

.el-landing .el-hero-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:16px 0}
.el-landing .el-hero-card{background:#FFFFFF;border-radius:14px;box-shadow:0 18px 40px rgba(0,29,69,.14);box-sizing:border-box;transition:transform .4s ease,box-shadow .4s ease}
.el-landing .el-card-bar{padding:20px;width:300px;max-width:100%;transform:rotate(-3deg)}
.el-landing .el-card-qr{padding:18px;width:170px;transform:rotate(3deg);display:flex;flex-direction:column;align-items:center;gap:8px}
.el-landing .el-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.el-landing .el-card-name{font-weight:700;color:var(--el-navy);font-size:15px;line-height:1.3}
.el-landing .el-card-price{font-weight:800;color:var(--el-blue);font-size:17px;white-space:nowrap}
.el-landing .el-card-sku{font-size:11px;color:#64748B;margin-top:4px}
.el-landing .el-barcode{position:relative;margin-top:14px;height:64px}
.el-landing .el-barcode svg{display:block;width:100%;height:64px}
.el-landing .el-bc-num{text-align:center;font-family:'SF Mono',Menlo,monospace;font-size:12px;letter-spacing:3px;margin-top:6px;color:var(--el-text)}
.el-landing .el-qr-cap{font-size:11px;color:#64748B}
.el-landing .el-scan{position:absolute;top:-4px;bottom:-4px;left:0;width:3px;border-radius:2px;background:var(--el-orange);box-shadow:0 0 10px 2px rgba(245,124,31,.55);opacity:0}

/* ---------- Stats ---------- */
.el-landing .el-stats{background:#FFFFFF;border:1px solid var(--el-line);border-radius:16px;display:grid !important;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:0 !important;padding:0 !important}
.el-landing .el-stat{text-align:center;padding:clamp(16px,3vw,24px) 12px !important;--gap:0}
.el-landing .el-stat .elementor-counter-number-wrapper,
.el-landing .el-stat-num .elementor-heading-title{font-size:clamp(20px,4.5vw,30px);font-weight:900;color:var(--el-blue);line-height:1.3;transition:transform .3s ease,color .3s ease;display:inline-block}
.el-landing .el-stat .elementor-counter-number-wrapper{display:flex;justify-content:center}
.el-landing .el-stat .elementor-counter-title,
.el-landing .el-stat-label{font-size:13px;color:var(--el-muted);font-weight:400;line-height:1.5}

/* ---------- Grids ---------- */
.el-landing .el-grid-3{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px !important;align-items:stretch}
.el-landing .el-grid-3.el-grid-steps{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:32px !important}

/* ---------- Feature cards (Icon Box) ---------- */
.el-landing .el-feature{background:#FFFFFF;border:1px solid var(--el-line);border-radius:14px;padding:28px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.el-landing .el-feature .elementor-icon-box-wrapper{text-align:left}
.el-landing .el-feature .elementor-icon-box-icon{margin-bottom:14px !important;display:block}
.el-landing .el-feature .elementor-icon{width:48px;height:48px;border-radius:12px;background:#E6F1FF;color:var(--el-blue);fill:var(--el-blue);font-size:22px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background-color .3s ease,color .3s ease}
.el-landing .el-feature .elementor-icon svg{width:22px;height:22px;fill:currentColor}
.el-landing .el-feature .elementor-icon-box-title{font-size:18px;font-weight:700;color:var(--el-navy);margin:0 0 10px}
.el-landing .el-feature .elementor-icon-box-description{color:var(--el-muted);font-size:14px;margin:0}

/* ---------- Steps ---------- */
.el-landing .el-steps{background:#FFFFFF;border-top:1px solid var(--el-line);border-bottom:1px solid var(--el-line)}
.el-landing .el-step{text-align:center;align-items:center;--gap:12px}
.el-landing .el-snum .elementor-heading-title{width:56px;height:56px;border-radius:999px;background:var(--el-blue);color:#FFFFFF;font-weight:900;font-size:22px;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:transform .3s ease,box-shadow .3s ease}
.el-landing .el-step-title .elementor-heading-title{font-size:19px;font-weight:700;color:var(--el-navy)}
.el-landing .el-step-text{color:var(--el-muted);font-size:14px;max-width:300px;margin:0 auto}

/* ---------- Pricing ---------- */
.el-landing .el-pricing{background:linear-gradient(180deg,#F5F6FA 0%,#EEF5FF 50%,#F5F6FA 100%)}
.el-landing .el-toggle{display:flex;justify-content:center}
.el-landing .el-toggle-in{display:inline-flex;background:#E9EBF2;border-radius:999px;padding:4px;gap:4px}
.el-landing .el-toggle button{border:none;border-radius:999px;padding:10px 20px;min-height:44px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;background:transparent;color:var(--el-muted);display:inline-flex;align-items:center;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.el-landing .el-toggle button[aria-pressed="true"]{background:#FFFFFF;color:var(--el-navy);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.el-landing .el-toggle .el-save{font-size:11px;font-weight:700;color:#15803D;background:#DCFCE7;padding:2px 8px;border-radius:999px;margin-left:6px}
.el-landing .el-plan{position:relative;overflow:visible;background:#FFFFFF;border:1px solid var(--el-line);border-radius:16px;padding:32px 28px !important;--gap:12px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.el-landing .el-plan-pop{border:2px solid var(--el-blue);box-shadow:0 20px 44px rgba(0,29,69,.12)}
.el-landing .el-pop-badge{position:absolute !important;top:-14px;left:50%;transform:translateX(-50%);width:auto !important;margin:0 !important}
.el-landing .el-pop-badge .elementor-heading-title{background:var(--el-orange);color:var(--el-navy);font-size:12px;font-weight:700;padding:4px 14px;border-radius:999px;white-space:nowrap}
.el-landing .el-plan-name .elementor-heading-title{font-size:20px;font-weight:700;color:var(--el-navy)}
.el-landing .el-plan-desc{color:var(--el-muted);font-size:14px;min-height:44px}
.el-landing .el-plan-price .elementor-heading-title{font-size:clamp(24px,6vw,32px);font-weight:900;color:var(--el-navy);line-height:1.2}
.el-landing .el-plan-price small{font-size:14px;font-weight:400;color:#64748B;margin-left:4px}
.el-landing .el-plan-list{flex-grow:1}
.el-landing .el-plan-list .elementor-icon-list-item{align-items:flex-start;padding:5px 0 !important}
.el-landing .el-plan-list .elementor-icon-list-text{font-size:14px;color:var(--el-text);padding-left:10px}
.el-landing .el-plan-list .elementor-icon-list-icon{padding-top:3px}
.el-landing .el-plan-list .elementor-icon-list-icon i{color:#15803D;font-size:14px}
.el-landing .el-plan-list .elementor-icon-list-icon svg{fill:#15803D;width:14px;height:14px}
.el-landing .el-plan-list .elementor-icon-list-item:has(.fa-times,.e-fas-times) .elementor-icon-list-text{color:#94A3B8}
.el-landing .el-plan-list .elementor-icon-list-item:has(.fa-times,.e-fas-times) i{color:#94A3B8}
.el-landing .el-plan-list .elementor-icon-list-item:has(.fa-times,.e-fas-times) svg{fill:#94A3B8}

/* ---------- Compare table ---------- */
.el-landing .el-swipe{display:none;margin:0 0 8px;font-size:13px;color:#64748B;text-align:center}
.el-landing .el-table-wrap{overflow-x:auto;background:#FFFFFF;border:1px solid var(--el-line);border-radius:14px}
.el-landing .el-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;margin:0;border:none}
.el-landing .el-table th,.el-landing .el-table td{border:none;padding:12px 20px}
.el-landing .el-table thead tr{background:var(--el-navy);color:#FFFFFF}
.el-landing .el-table thead th{font-weight:700;text-align:center;padding:14px 20px}
.el-landing .el-table thead th:first-child{text-align:left}
.el-landing .el-table thead th.pro{background:var(--el-blue)}
.el-landing .el-table tbody tr{border-top:1px solid #EEF0F5;transition:background-color .2s ease;background:transparent}
.el-landing .el-table tbody th{text-align:left;font-weight:500;color:var(--el-text);background:transparent}
.el-landing .el-table tbody td{text-align:center;color:var(--el-text);background:transparent}
.el-landing .el-table tbody td.free{color:var(--el-muted)}
.el-landing .el-table tbody td.pro{background:#F0F7FF;font-weight:600}

/* ---------- FAQ (Accordion) ---------- */
.el-landing .el-faq{background:#FFFFFF;border-top:1px solid var(--el-line)}
.el-landing .el-narrow{max-width:840px;margin:0 auto;width:100%}
.el-landing .el-accordion .elementor-accordion{display:flex;flex-direction:column;gap:12px}
.el-landing .el-accordion .elementor-accordion-item{border:1px solid var(--el-line) !important;border-radius:12px;background:#FAFBFD;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}
.el-landing .el-accordion .elementor-tab-title{padding:16px 20px;min-height:56px;display:flex;align-items:center;font-weight:700;font-size:16px;border:none !important}
.el-landing .el-accordion .elementor-tab-title a,.el-landing .el-accordion .elementor-accordion-title{color:var(--el-navy);flex:1}
.el-landing .el-accordion .elementor-accordion-icon{order:2;color:var(--el-blue);margin-left:16px}
.el-landing .el-accordion .elementor-accordion-icon svg{fill:var(--el-blue)}
.el-landing .el-accordion .elementor-tab-content{padding:0 20px 18px;color:var(--el-muted);font-size:15px;border:none !important}
.el-landing .el-accordion .elementor-tab-content.elementor-active{animation:el-fadeIn .3s ease both}

/* ---------- CTA ---------- */
.el-landing .el-cta{background:linear-gradient(135deg,#0457E3 0%,#001D45 100%);text-align:center}
.el-landing .el-cta-in{--gap:16px;align-items:center;max-width:900px;margin:0 auto}
.el-landing .el-cta-title .elementor-heading-title{font-size:clamp(26px,5vw,36px);line-height:1.2;font-weight:800;color:#FFFFFF}
.el-landing .el-cta-text{color:#DCE8FB;font-size:17px}
.el-landing .el-cta .el-btn-row{justify-content:center}

/* ---------- Footer ---------- */
.el-landing .el-footer{background:#00142F;color:#CBD5E1;font-size:14px}
.el-landing .el-footer-row{--gap:32px;--flex-wrap:wrap;justify-content:space-between}
.el-landing .el-footer-brand{--gap:12px;flex:1 1 280px}
.el-landing .el-footer-brand img{width:44px;height:44px;object-fit:contain;background:#FFFFFF;border-radius:10px;padding:2px}
.el-landing .el-footer .el-brand-name .elementor-heading-title{color:#FFFFFF}
.el-landing .el-footer .el-c-e{color:#4DB2FF}
.el-landing .el-footer .el-c-label{color:#FFFFFF}
.el-landing .el-footer .el-c-studio{color:#B7C4D6;font-weight:600}
.el-landing .el-footer-text{color:#CBD5E1;max-width:320px}
.el-landing .el-footer-links{flex:0 1 180px}
.el-landing .el-footer-links .elementor-icon-list-item{padding:4px 0 !important}
.el-landing .el-footer-links .elementor-icon-list-text{color:#E2E8F0;font-size:14px;transition:color .2s ease}
.el-landing .el-footer-info{flex:1 1 320px;color:#CBD5E1}
.el-landing .el-footer-info p{margin:0 0 6px}
.el-landing .el-footer-info strong{color:#FFFFFF}
.el-landing .el-copy{border-top:1px solid #1E3358;padding-top:20px;font-size:13px;color:#94A3B8}

/* ---------- Mobile tweaks ---------- */
@media (max-width:767px){
  .el-landing .el-swipe{display:block}
  .el-landing .el-hero .el-btn-row > .el-btn{flex:1 1 100%}
  .el-landing .el-hero .el-btn-row .elementor-button{width:100%}
}

/* =========================================================
   Animated backgrounds
   ========================================================= */
@keyframes el-fadeIn{from{opacity:0}to{opacity:1}}
@keyframes el-slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes el-floatA{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes el-floatB{0%,100%{translate:0 0}50%{translate:0 8px}}
@keyframes el-scan{0%{left:0}50%{left:calc(100% - 3px)}100%{left:0}}
@keyframes el-bgshift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes el-drift1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(80px,50px) scale(1.12)}66%{transform:translate(-40px,90px) scale(.92)}}
@keyframes el-drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-90px,-60px) scale(1.15)}}
@keyframes el-drift3{0%,100%{transform:translate(0,0)}25%{transform:translate(50px,-40px)}75%{transform:translate(-60px,30px)}}
@keyframes el-dotsMove{from{background-position:0 0}to{background-position:28px 28px}}
@keyframes el-bob{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-22px) rotate(10deg)}}
@keyframes el-ripple{from{transform:translate(-50%,-50%) scale(.4);opacity:.7}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}
@keyframes el-twinkle{0%,100%{opacity:.15}50%{opacity:.7}}
@keyframes el-stripeMove{from{background-position:0 0}to{background-position:240px 0}}
@keyframes el-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes el-rise{0%{transform:translateY(0) scale(.8);opacity:0}15%{opacity:.7}100%{transform:translateY(-560px) scale(1.15);opacity:0}}
@keyframes el-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

.el-landing .blob{position:absolute;border-radius:50%;filter:blur(64px)}
.el-landing .blob-1{width:440px;height:440px;background:#8FD0FF;opacity:.55;top:-140px;left:-120px}
.el-landing .blob-2{width:380px;height:380px;background:#A9C2FF;opacity:.5;bottom:-160px;right:4%}
.el-landing .blob-3{width:260px;height:260px;background:#FFC793;opacity:.38;top:28%;right:34%}
.el-landing .dots{position:absolute;inset:0;background-image:radial-gradient(#0457E3 1.1px,transparent 1.3px);background-size:28px 28px;opacity:.12;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 40%,#000 25%,transparent 75%)}
.el-landing .dots-light{background-image:radial-gradient(#FFFFFF 1.1px,transparent 1.3px);opacity:.16;-webkit-mask-image:none;mask-image:none}
.el-landing .fl{position:absolute;color:#0457E3;opacity:.22}
.el-landing .fl-o{color:#F57C1F;opacity:.35}
.el-landing .f1{top:12%;left:46%}.el-landing .f2{top:70%;left:6%}.el-landing .f3{top:16%;right:6%}
.el-landing .f4{bottom:10%;left:40%}.el-landing .f5{top:48%;left:2%}.el-landing .f6{bottom:22%;right:3%}
.el-landing .ring{position:absolute;top:50%;left:50%;width:520px;height:520px;border:2px solid rgba(255,255,255,.22);border-radius:50%;transform:translate(-50%,-50%);opacity:0}
.el-landing .spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#FFFFFF;opacity:.3}
.el-landing .s1{top:20%;left:12%}.el-landing .s2{top:70%;left:22%}.el-landing .s3{top:30%;right:14%}
.el-landing .s4{bottom:18%;right:26%}.el-landing .s5{top:12%;left:58%;background:#F57C1F}.el-landing .s6{bottom:30%;left:46%;background:#4DB2FF}
.el-landing .stripes{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(4,87,227,.08) 0 3px,transparent 3px 9px,rgba(4,87,227,.06) 9px 10px,transparent 10px 18px,rgba(4,87,227,.09) 18px 24px,transparent 24px 40px);-webkit-mask-image:radial-gradient(ellipse at 88% 12%,#000 0%,transparent 45%);mask-image:radial-gradient(ellipse at 88% 12%,#000 0%,transparent 45%)}
.el-landing .stripes-2{-webkit-mask-image:radial-gradient(ellipse at 6% 92%,#000 0%,transparent 40%);mask-image:radial-gradient(ellipse at 6% 92%,#000 0%,transparent 40%)}
.el-landing .orbit{position:absolute;top:26%;left:50%;border:2px dashed rgba(4,87,227,.16);border-radius:50%;transform:translate(-50%,-50%)}
.el-landing .orbit::after{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;border-radius:50%;background:#0A84F5;box-shadow:0 0 12px rgba(10,132,245,.6)}
.el-landing .o1{width:980px;height:980px}
.el-landing .o2{width:660px;height:660px;border-color:rgba(245,124,31,.22)}
.el-landing .o2::after{background:#F57C1F;box-shadow:0 0 12px rgba(245,124,31,.6)}
.el-landing .bubble{position:absolute;bottom:-60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#FFFFFF,#CFE6FF);border:1px solid rgba(4,87,227,.18);opacity:0}
.el-landing .b1{left:6%;width:28px;height:28px}.el-landing .b2{left:18%;width:14px;height:14px}.el-landing .b3{left:84%;width:34px;height:34px}
.el-landing .b4{left:92%;width:16px;height:16px}.el-landing .b5{left:74%;width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#FFFFFF,#FFD9B8);border-color:rgba(245,124,31,.25)}.el-landing .b6{left:12%;width:22px;height:22px}
.el-landing .qm{position:absolute;font-weight:900;line-height:1;color:#0457E3;opacity:.06;font-size:220px;font-family:'Inter',sans-serif}
.el-landing .qm-1{top:4%;left:3%}.el-landing .qm-2{bottom:2%;right:4%;color:#F57C1F;opacity:.08;font-size:160px}
.el-landing .shine{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0A84F5,#F57C1F,transparent)}
.el-landing .blob-dim{opacity:.18 !important}

@media (prefers-reduced-motion: no-preference){
  .el-landing .el-float-a{animation:el-floatA 6s ease-in-out infinite}
  .el-landing .el-float-b{animation:el-floatB 5s ease-in-out .6s infinite}
  .el-landing .el-scan{opacity:1;animation:el-scan 3.2s ease-in-out infinite}
  .el-landing .el-cta{background-size:200% 200%;animation:el-bgshift 14s ease infinite}
  .el-landing .blob-1{animation:el-drift1 18s ease-in-out infinite}
  .el-landing .blob-2{animation:el-drift2 22s ease-in-out infinite}
  .el-landing .blob-3{animation:el-drift3 16s ease-in-out infinite}
  .el-landing .dots{animation:el-dotsMove 6s linear infinite}
  .el-landing .fl{animation:el-bob 7s ease-in-out infinite}
  .el-landing .f2{animation-duration:9s;animation-delay:-2s}.el-landing .f3{animation-duration:8s;animation-delay:-4s}
  .el-landing .f4{animation-duration:10s;animation-delay:-1s}.el-landing .f5{animation-duration:6s;animation-delay:-3s}
  .el-landing .f6{animation-duration:11s;animation-delay:-5s}
  .el-landing .ring{animation:el-ripple 6s ease-out infinite}
  .el-landing .ring-2{animation-delay:2s}.el-landing .ring-3{animation-delay:4s}
  .el-landing .spark{animation:el-twinkle 3s ease-in-out infinite}
  .el-landing .s2{animation-delay:.6s}.el-landing .s3{animation-delay:1.2s}.el-landing .s4{animation-delay:1.8s}
  .el-landing .s5{animation-delay:.9s}.el-landing .s6{animation-delay:2.2s}
  .el-landing .stripes{animation:el-stripeMove 12s linear infinite}
  .el-landing .stripes-2{animation-direction:reverse}
  .el-landing .o1{animation:el-spin 70s linear infinite}
  .el-landing .o2{animation:el-spin 45s linear infinite reverse}
  .el-landing .bubble{animation:el-rise 12s ease-in infinite}
  .el-landing .b2{animation-duration:9s;animation-delay:2s}.el-landing .b3{animation-duration:14s;animation-delay:1s}
  .el-landing .b4{animation-duration:10s;animation-delay:5s}.el-landing .b5{animation-duration:11s;animation-delay:3s}
  .el-landing .b6{animation-duration:13s;animation-delay:7s}
  .el-landing .qm{animation:el-bob 9s ease-in-out infinite}.el-landing .qm-2{animation-duration:11s;animation-delay:-3s}
  .el-landing .shine{animation:el-shimmer 5s linear infinite}
}
@media (max-width:767px){
  .el-landing .blob-1{width:280px;height:280px}.el-landing .blob-2{width:240px;height:240px}
  .el-landing .blob-3{width:180px;height:180px;right:10%}
  .el-landing .f1,.el-landing .f4{display:none}
  .el-landing .o1{width:620px;height:620px}.el-landing .o2{width:420px;height:420px}
  .el-landing .qm{font-size:140px}.el-landing .qm-2{font-size:110px}
}

/* =========================================================
   Hover effects (pointer devices only)
   ========================================================= */
@media (hover: hover){
  .el-landing .el-btn .elementor-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(4,87,227,.28);filter:brightness(1.07)}
  .el-landing .el-nav .elementor-icon-list-item:hover .elementor-icon-list-text::after{transform:scaleX(1)}
  .el-landing .el-lift:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,29,69,.13);border-color:#9CC6FF}
  .el-landing .el-feature:hover .elementor-icon{background:var(--el-blue);color:#FFFFFF;fill:#FFFFFF;transform:rotate(-6deg) scale(1.08)}
  .el-landing .el-step:hover .el-snum .elementor-heading-title{transform:scale(1.12);box-shadow:0 0 0 10px rgba(4,87,227,.14)}
  .el-landing .el-stat:hover .elementor-counter-number-wrapper,
  .el-landing .el-stat:hover .el-stat-num .elementor-heading-title{transform:scale(1.1);color:var(--el-orange)}
  .el-landing .el-hero-card:hover{transform:rotate(0deg) scale(1.05);box-shadow:0 28px 56px rgba(0,29,69,.22)}
  .el-landing .el-accordion .elementor-accordion-item:hover{border-color:#9CC6FF !important;box-shadow:0 8px 20px rgba(0,29,69,.07)}
  .el-landing .el-table tbody tr:hover{background:#F5F9FF}
  .el-landing .el-footer-links .elementor-icon-list-item:hover .elementor-icon-list-text{color:#4DB2FF}
}

/* =========================================================
   Trial sign-up popup (Elementor Pro popup, class "el-trial-popup")
   Colors, spacing and typography are set in Elementor; these are extras it has no control for.
   ========================================================= */
.el-trial-popup .dialog-widget-content{overflow:hidden}
/* Two views: form, then "download app" after submit (class added by elabel.js). Both stay visible in the Elementor editor. */
.el-trial-popup .el-trial-done{display:none !important}
.el-trial-popup .el-trial-sent .el-trial-done{display:flex !important;animation:el-fadeUp .35s ease both}
.el-trial-popup .el-trial-sent .el-trial-form-view{display:none !important}
.el-trial-popup .el-trial-download .elementor-button{width:100%;min-height:50px}
.el-trial-popup .dialog-widget-content::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:2;background:linear-gradient(90deg,#0A84F5,#0457E3 60%,#F57C1F)}
.el-trial-popup .el-trial-eyebrow .elementor-heading-title{display:inline-block;background:#FFF1E6;padding:4px 12px;border-radius:999px}
.el-trial-popup .elementor-field-group .elementor-field:not(.elementor-select-wrapper){min-height:46px;transition:border-color .2s ease,box-shadow .2s ease}
.el-trial-popup .elementor-field-group .elementor-field:focus{outline:none;border-color:#0457E3 !important;box-shadow:0 0 0 3px rgba(4,87,227,.15)}
.el-trial-popup .elementor-field-textual::placeholder{color:#94A3B8}
.el-trial-popup .elementor-button[type="submit"]{min-height:50px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.el-trial-popup .elementor-message{margin-top:14px;font-size:14px;line-height:1.5}
.el-trial-popup .elementor-message::before{vertical-align:top}
@media (hover: hover){
  .el-trial-popup .elementor-button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(4,87,227,.28)}
}
@keyframes el-fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}