root--primary#2563EB--primary-dark#1D4ED8--primary-light#3B82F6--secondary#10B981--secondary-dark#059669--accent#F59E0B--dark#1E293B--gray-900#0F172A--gray-800#1E293B--gray-700#334155--gray-600#475569--gray-500#64748B--gray-400#94A3B8--gray-300#CBD5E1--gray-200#E2E8F0--gray-100#F1F5F9--gray-50#F8FAFC--white#FFFFFF--shadow-sm0 1px 2px rgba(0000.05)--shadow0 4px 6px -1px rgba(0000.1)--shadow-md0 10px 15px -3px rgba(0000.1)--shadow-lg0 20px 25px -5px rgba(0000.1)--shadow-xl0 25px 50px -12px rgba(0000.25)--radius8px--radius-lg12px--radius-xl16px--transition0.3s ease.img-responsivemax-width100%heightautodisplayblock.img-blurfilterblur(10px)transitionfilter 0.3s ease.img-blur.loadedfilterblur(0)picture imgwidth100%heightautodisplayblock.feature-imagewidth100%height180pxobject-fitcoverborder-radiusvar(--radius)transitiontransform var(--transition).feature-cardhover .feature-imagetransformscale(1.03).solution-imagewidth100%height200pxobject-fitcovertransitiontransform var(--transition).solution-cardhover .solution-imagetransformscale(1.02).team-photowidth150pxheight150pxborder-radius50%object-fitcoverborder4px solid var(--gray-200)transitionall var(--transition).team-photohoverborder-colorvar(--primary)transformscale(1.05).testimonial-avatarwidth48pxheight48pxborder-radius50%object-fitcover.trust-iconwidth40pxheight40pxborder-radius50%object-fitcover.pricing-imagewidth100%height120pxobject-fitcoverborder-radiusvar(--radius).office-image.contact-imagewidth100%height300pxobject-fitcoverborder-radiusvar(--radius)@media (max-width768px).feature-imageheight140px.solution-imageheight160px.team-photowidth120pxheight120px.pricing-imageheight100px.office-image.contact-imageheight200px.hero-with-image imgheight300px !important@media (max-width480px).feature-imageheight120px.solution-imageheight140px.team-photowidth100pxheight100px.hero-with-image imgheight250px !important.lazy-placeholderbackgroundvar(--gray-200)positionrelativeoverflowhidden.lazy-placeholderaftercontent''positionabsolutetop0left0right0bottom0backgroundlinear-gradient(90degtransparentrgba(2552552550.2)transparent)animationshimmer 1.5s infinite@keyframes shimmer0%transformtranslateX(-100%)100%transformtranslateX(100%)picturedisplayblockwidth100%picture imgwidth100%heightauto*margin0padding0box-sizingborder-boxhtmlscroll-behaviorsmoothbodyfont-family'Inter'-apple-systemBlinkMacSystemFontsans-seriffont-size16pxline-height1.6colorvar(--gray-800)background-colorvar(--white)-webkit-font-smoothingantialiasedatext-decorationnonecolorinheritullist-stylenoneimgmax-width100%heightautodisplayblock.containermax-width1200pxmargin0 autopadding0 24px.btndisplayinline-flexalign-itemscenterjustify-contentcentergap8pxpadding12px 24pxbordernoneborder-radiusvar(--radius)font-familyinheritfont-size16pxfont-weight600cursorpointertransitionall var(--transition)text-aligncenter.btn-primarybackgroundvar(--primary)colorvar(--white).btn-primaryhoverbackgroundvar(--primary-dark)transformtranslateY(-2px)box-shadowvar(--shadow-md).btn-secondarybackgroundvar(--secondary)colorvar(--white).btn-secondaryhoverbackgroundvar(--secondary-dark)transformtranslateY(-2px)box-shadowvar(--shadow-md).btn-outlinebackgroundtransparentcolorvar(--primary)border2px solid var(--primary).btn-outlinehoverbackgroundvar(--primary)colorvar(--white).btn-whitebackgroundvar(--white)colorvar(--primary).btn-whitehoverbackgroundvar(--gray-100)transformtranslateY(-2px).btn-smpadding8px 16pxfont-size14px.btn-lgpadding16px 32pxfont-size18px.navbarpositionfixedtop0left0right0z-index1000backgroundrgba(2552552550.95)backdrop-filterblur(10px)border-bottom1px solid var(--gray-200)height72pxtransitionall var(--transition).navbar.scrolledbox-shadowvar(--shadow).navbar-innerdisplayflexalign-itemscenterjustify-contentspace-betweenheight72px.logodisplayflexalign-itemscentergap8pxfont-weight700font-size24pxcolorvar(--primary).logo-textfont-weight800.nav-linksdisplayflexalign-itemscentergap32px.nav-links afont-size15pxfont-weight500colorvar(--gray-600)transitioncolor var(--transition)positionrelative.nav-links ahovercolorvar(--primary).nav-links a.activecolorvar(--primary).nav-links a.activeaftercontent''positionabsolutebottom-4pxleft0right0height2pxbackgroundvar(--primary).hamburgerdisplaynoneflex-directioncolumngap5pxbackgroundnonebordernonecursorpointerpadding4px.hamburger spandisplayblockwidth28pxheight3pxbackgroundvar(--gray-800)border-radius3pxtransitionall var(--transition).hamburger.active spannth-child(1)transformrotate(45deg) translate(5px5px).hamburger.active spannth-child(2)opacity0.hamburger.active spannth-child(3)transformrotate(-45deg) translate(5px-5px)@media (max-width768px).hamburgerdisplayflex.nav-linkspositionfixedtop72pxleft0right0backgroundvar(--white)flex-directioncolumnpadding24pxgap16pxborder-bottom1px solid var(--gray-200)transformtranslateY(-110%)transitiontransform 0.3s ease.nav-links.opentransformtranslateY(0).nav-links afont-size18px.nav-links .btnwidth100%justify-contentcenter.heropadding140px 0 80pxbackgroundlinear-gradient(135degvar(--gray-900) 0%var(--dark) 50%var(--primary-dark) 100%)colorvar(--white)positionrelativeoverflowhiddenmin-height600pxdisplayflexalign-itemscenter.herobeforecontent''positionabsolutetop-50%right-20%width600pxheight600pxbackgroundradial-gradient(circlergba(37992350.3)transparent 70%)border-radius50%.hero-contentpositionrelativez-index1max-width640px.hero h1font-size48pxfont-weight800line-height1.1margin-bottom16px.hero h1 .highlightcolorvar(--accent).hero pfont-size20pxcolorvar(--gray-300)margin-bottom32pxmax-width540px.hero-ctadisplayflexgap16pxflex-wrapwrap.hero-statsdisplayflexgap48pxmargin-top48pxpadding-top48pxborder-top1px solid rgba(2552552550.1).hero-stats .stat h3font-size32pxfont-weight700colorvar(--white).hero-stats .stat pfont-size14pxcolorvar(--gray-400)margin0.hero-imagepositionabsoluteright0top50%transformtranslateY(-50%)width50%max-width600px.trust-barpadding40px 0backgroundvar(--gray-50)border-bottom1px solid var(--gray-200).trust-bar .containerdisplayflexalign-itemscenterjustify-contentspace-betweenflex-wrapwrapgap24px.trust-itemdisplayflexalign-itemscentergap12pxcolorvar(--gray-600)font-weight500.trust-item ifont-size24pxcolorvar(--primary).featurespadding80px 0.section-headertext-aligncentermargin-bottom48px.section-header h2font-size36pxfont-weight700margin-bottom12px.section-header pfont-size18pxcolorvar(--gray-500)max-width600pxmargin0 auto.features-griddisplaygridgrid-template-columnsrepeat(auto-fitminmax(280px1fr))gap32px.feature-cardbackgroundvar(--white)border1px solid var(--gray-200)border-radiusvar(--radius-lg)padding32pxtransitionall var(--transition)text-aligncenter.feature-cardhovertransformtranslateY(-4px)box-shadowvar(--shadow-lg)border-colorvar(--primary).feature-card .iconwidth64pxheight64pxbackgroundvar(--gray-100)border-radius50%displayflexalign-itemscenterjustify-contentcentermargin0 auto 16pxfont-size28pxcolorvar(--primary).feature-card h3font-size20pxfont-weight600margin-bottom8px.feature-card pcolorvar(--gray-500)font-size15px.pricingpadding80px 0backgroundvar(--gray-50).pricing-toggledisplayflexalign-itemscenterjustify-contentcentergap16pxmargin-bottom48px.toggle-switchwidth48pxheight28pxbackgroundvar(--gray-300)border-radius14pxcursorpointerpositionrelativetransitionbackground var(--transition).toggle-switch.activebackgroundvar(--primary).toggle-switch .toggle-knobwidth24pxheight24pxbackgroundvar(--white)border-radius50%positionabsolutetop2pxleft2pxtransitiontransform var(--transition).toggle-switch.active .toggle-knobtransformtranslateX(20px).pricing-griddisplaygridgrid-template-columnsrepeat(auto-fitminmax(300px1fr))gap32pxalign-itemsstretch.pricing-cardbackgroundvar(--white)border-radiusvar(--radius-xl)padding40pxborder1px solid var(--gray-200)transitionall var(--transition)text-aligncenterdisplayflexflex-directioncolumn.pricing-card.popularborder-colorvar(--primary)box-shadowvar(--shadow-lg)positionrelative.pricing-card.popular .popular-badgepositionabsolutetop-12pxleft50%transformtranslateX(-50%)backgroundvar(--primary)colorvar(--white)padding4px 16pxborder-radius20pxfont-size12pxfont-weight600.pricing-card .pricefont-size48pxfont-weight800colorvar(--gray-900)margin16px 0.pricing-card .price spanfont-size18pxfont-weight400colorvar(--gray-400).pricing-card .descriptioncolorvar(--gray-500)margin-bottom24px.pricing-card ultext-alignleftmargin24px 0flex-grow1.pricing-card ul lipadding8px 0displayflexalign-itemscentergap12pxcolorvar(--gray-600).pricing-card ul li icolorvar(--secondary)font-size16px.pricing-card .btnmargin-topauto.testimonialspadding80px 0.testimonial-griddisplaygridgrid-template-columnsrepeat(auto-fitminmax(280px1fr))gap32px.testimonial-cardbackgroundvar(--white)border1px solid var(--gray-200)border-radiusvar(--radius-lg)padding32px.testimonial-card .quotefont-size16pxcolorvar(--gray-600)margin-bottom16pxfont-styleitalic.testimonial-card .authordisplayflexalign-itemscentergap12px.testimonial-card .author imgwidth48pxheight48pxborder-radius50%object-fitcover.testimonial-card .author .namefont-weight600.testimonial-card .author .titlefont-size14pxcolorvar(--gray-500).cta-sectionpadding80px 0backgroundlinear-gradient(135degvar(--primary)var(--primary-dark))colorvar(--white)text-aligncenter.cta-section h2font-size36pxfont-weight700margin-bottom12px.cta-section pfont-size18pxopacity0.9max-width600pxmargin0 auto 32px.faqpadding80px 0.faq-itemborder-bottom1px solid var(--gray-200)padding16px 0.faq-item .questiondisplayflexjustify-contentspace-betweenalign-itemscentercursorpointerfont-weight600font-size18pxpadding8px 0.faq-item .question .icontransitiontransform var(--transition).faq-item.active .question .icontransformrotate(180deg).faq-item .answermax-height0overflowhiddentransitionmax-height var(--transition)colorvar(--gray-600)padding0.faq-item.active .answermax-height200pxpadding16px 0 8px.footerbackgroundvar(--gray-900)colorvar(--gray-300)padding60px 0 30px.footer-griddisplaygridgrid-template-columns2fr 1fr 1fr 1fr 1.5frgap40pxmargin-bottom40px.footer-logodisplayflexalign-itemscentergap8pxfont-weight700font-size20pxcolorvar(--white).footer-descriptionmargin16px 0max-width300pxfont-size14px.footer-socialdisplayflexgap12px.footer-social awidth40pxheight40pxbackgroundrgba(2552552550.1)border-radius50%displayflexalign-itemscenterjustify-contentcentertransitionbackground var(--transition)colorvar(--white).footer-social ahoverbackgroundvar(--primary).footer-col h4colorvar(--white)margin-bottom16pxfont-size16px.footer-col ul limargin-bottom8px.footer-col ul li acolorvar(--gray-400)font-size14pxtransitioncolor var(--transition).footer-col ul li ahovercolorvar(--white).newsletter-formdisplayflexgap8pxmargin-top12px.newsletter-form inputflex1padding10px 16pxborder1px solid var(--gray-700)border-radiusvar(--radius)backgroundvar(--gray-800)colorvar(--white)font-familyinherit.newsletter-form buttonpadding10px 16pxbackgroundvar(--primary)colorvar(--white)bordernoneborder-radiusvar(--radius)cursorpointertransitionbackground var(--transition).newsletter-form buttonhoverbackgroundvar(--primary-dark).footer-bottomborder-top1px solid var(--gray-800)padding-top24pxtext-aligncenterfont-size14pxcolorvar(--gray-500).chat-widgetpositionfixedbottom24pxright24pxz-index1000.chat-togglewidth60pxheight60pxborder-radius50%backgroundvar(--primary)colorvar(--white)bordernonecursorpointerfont-size24pxbox-shadowvar(--shadow-lg)transitionall var(--transition).chat-togglehovertransformscale(1.05)backgroundvar(--primary-dark).chat-windowdisplaynonepositionabsolutebottom80pxright0width360pxheight480pxbackgroundvar(--white)border-radiusvar(--radius-xl)box-shadowvar(--shadow-xl)overflowhiddenflex-directioncolumn.chat-window.opendisplayflex.chat-headerpadding16px 20pxbackgroundvar(--primary)colorvar(--white)displayflexjustify-contentspace-betweenalign-itemscenter.chat-header buttonbackgroundnonebordernonecolorvar(--white)font-size24pxcursorpointer.chat-bodyflex1padding20pxoverflow-yauto.chat-footerpadding12px 20pxborder-top1px solid var(--gray-200)displayflexgap8px.chat-footer inputflex1padding8px 12pxborder1px solid var(--gray-200)border-radiusvar(--radius)font-familyinherit.chat-footer buttonpadding8px 16pxbackgroundvar(--primary)colorvar(--white)bordernoneborder-radiusvar(--radius)cursorpointer.pagination-wrapperdisplayflexjustify-contentspace-betweenalign-itemscenterflex-wrapwrapgap12pxpadding16px 0border-top1px solid #e2e8f0margin-top16px.pagination-wrapper .pagination-infofont-size13pxcolor#64748b.pagination-wrapper .pagination-linksdisplayflexgap4pxflex-wrapwrap.pagination-wrapper .pagination-links a.pagination-wrapper .pagination-links spanpadding6px 12pxborder1px solid #e2e8f0border-radius4pxfont-size13pxtext-decorationnonecolor#1e293btransitionall 0.2smin-width36pxtext-aligncenter.pagination-wrapper .pagination-links ahoverbackground#f1f5f9border-color#2563eb.pagination-wrapper .pagination-links .activebackground#2563ebcolorwhiteborder-color#2563eb.pagination-wrapper .pagination-links .disabledcolor#94a3b8pointer-eventsnonebackground#f8fafc.pagination-wrapper .pagination-limitdisplayflexalign-itemscentergap8px.pagination-wrapper .pagination-limit labelfont-size13pxcolor#64748b.pagination-wrapper .pagination-limit selectpadding6px 10pxborder1px solid #e2e8f0border-radius4pxfont-size13pxbackgroundwhitecursorpointeroutlinenone.pagination-wrapper .pagination-limit selectfocusborder-color#2563ebbox-shadow0 0 0 2px rgba(37992350.1)@media (max-width1024px).hero h1font-size36px.footer-gridgrid-template-columns1fr 1fr.pricing-gridgrid-template-columns1fr 1fr@media (max-width768px).pagination-wrapperflex-directioncolumnalign-itemscentergap8px.pagination-wrapper .pagination-linksorder2.pagination-wrapper .pagination-infoorder1text-aligncenter.pagination-wrapper .pagination-limitorder3.pagination-wrapper .pagination-links a.pagination-wrapper .pagination-links spanpadding4px 8pxfont-size12pxmin-width30px.heropadding120px 0 60pxmin-heightautotext-aligncenter.hero h1font-size28px.hero pfont-size16pxmargin0 auto 24px.hero-ctajustify-contentcenter.hero-statsjustify-contentcentergap24pxflex-wrapwrap.hero-stats .stat h3font-size24px.features-gridgrid-template-columns1fr 1frgap16px.feature-cardpadding20px.pricing-gridgrid-template-columns1frmax-width400pxmargin0 auto.testimonial-gridgrid-template-columns1fr.footer-gridgrid-template-columns1frgap24px.footer-colfirst-childtext-aligncenter.footer-socialjustify-contentcenter.section-header h2font-size28px.section-header pfont-size16px.cta-section h2font-size28px.containerpadding0 16px@media (max-width480px).containerpadding0 12px.hero h1font-size24px.hero .btnwidth100%justify-contentcenter.features-gridgrid-template-columns1fr.pricing-cardpadding24px.pricing-card .pricefont-size36px.trust-bar .containerflex-directioncolumnalign-itemscentertext-aligncenter.sidebartransitionwidth 0.3s cubic-bezier(0.400.21).sidebar.collapsedwidth72px.sidebar.collapsed .sidebar-nav ahover spananimationslideIn 0.2s ease@keyframes slideInfromopacity0transformtranslateY(-50%) translateX(-10px)toopacity1transformtranslateY(-50%) translateX(0).sidebar.collapsed .sidebar-brandhover h1.sidebar.collapsed .sidebar-brandhover .roleanimationslideIn 0.2s ease.sidebar.collapsed .sidebar-nav-webkit-scrollbarwidth2px.main-contenttransitionmargin-left 0.3s cubic-bezier(0.400.21).sidebar.collapsed ~ .main-contentmargin-left72px@media (max-width768px).sidebar.collapsed ~ .main-contentmargin-left0bodypadding-top76px@media (max-width768px)bodypadding-top64px