@font-face{font-family:'Space Grotesk';src:url('fonts/grotesk/SpaceGrotesk-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:'Space Grotesk';src:url('fonts/grotesk/SpaceGrotesk-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'Space Grotesk';src:url('fonts/grotesk/SpaceGrotesk-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:'Space Grotesk';src:url('fonts/grotesk/SpaceGrotesk-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:'Space Grotesk';src:url('fonts/grotesk/SpaceGrotesk-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;}*{margin:0;padding:0;box-sizing:border-box;}:root{--color-primary:#242c4f;--color-primary-dark:#1a2140;--color-primary-light:#E8EBF5;--color-secondary:#3a4a6f;--color-accent:#10B981;--color-text:#1F2937;--color-text-light:#6B7280;--color-text-lighter:#9CA3AF;--color-bg:#FFFFFF;--color-bg-light:#F5F7FA;--color-bg-dark:#242c4f;--color-border:#E5E7EB;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;}html{scroll-behavior:smooth;overflow-x:hidden;}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}::selection{background-color:#242c4f;color:#ffffff;}::-moz-selection{background-color:#000000;color:#ffffff;}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);}@media (min-width:768px){.container{padding:0 var(--spacing-xl);}}.announcement-bar{position:fixed;top:0;left:0;right:0;background:#242c4f;color:white;padding:var(--spacing-sm) 0;z-index:1001;text-align:center;}.announcement-text{font-size:var(--font-size-sm);font-weight:500;margin:0;color:white;}@media (max-width:767px){.announcement-bar{padding:var(--spacing-xs) 0;}.announcement-text{font-size:var(--font-size-xs);line-height:1.4;}}.header{position:fixed;top:40px;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:1000;transition:box-shadow var(--transition-base);}.header.scrolled{box-shadow:var(--shadow-md);}.header .container{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 var(--spacing-md);}@media (min-width:768px){.header .container{padding:0 var(--spacing-xl);}}.logo{text-decoration:none;font-weight:700;font-size:var(--font-size-xl);color:var(--color-text);transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);}.logo:hover{color:var(--color-primary);}.logo-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0;}.logo-text{letter-spacing:-0.02em;color:#242c4f;}.logo-dot{color:var(--color-primary);}.nav{display:none;}@media (min-width:1024px){.nav{display:block;}}.nav-list{display:flex;list-style:none;gap:var(--spacing-xl);align-items:center;}.nav-link{text-decoration:none;color:var(--color-text);font-weight:500;font-size:var(--font-size-sm);transition:color var(--transition-fast);position:relative;}.nav-link:hover{color:#242c4f;}.header-actions{display:none;gap:var(--spacing-md);align-items:center;}@media (min-width:1024px){.header-actions{display:flex;}}.mobile-menu-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);}@media (min-width:1024px){.mobile-menu-toggle{display:none;}}.mobile-menu-toggle span{width:24px;height:2px;background:var(--color-text);transition:all var(--transition-base);}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);}.mobile-menu-toggle.active span:nth-child(2){opacity:0;}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}@media (max-width:1023px){.header .container{height:60px;justify-content:center;}.nav{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg);z-index:1002;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);}.nav.mobile-open{opacity:1;visibility:visible;}.nav-list{flex-direction:column;gap:0;padding:var(--spacing-md);text-align:center;}.nav-list li{width:100%;}.nav-link{display:block;padding:var(--spacing-lg) var(--spacing-md);font-size:var(--font-size-xl);font-weight:600;border-bottom:none;}.nav-link::after{display:none;}.mobile-menu-toggle{z-index:1003;position:absolute;right:var(--spacing-md);}.header-actions{display:none;}.mobile-nav-actions{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-md) 0;width:100%;max-width:280px;}.mobile-nav-actions .btn{width:100%;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);}}@media (min-width:1024px){.mobile-nav-actions{display:none;}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;border-radius:8px;transition:all var(--transition-base);cursor:pointer;border:none;white-space:nowrap;}.btn-primary{background:var(--color-primary);color:white;}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md);}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);}.btn-secondary:hover{background:var(--color-bg-light);border-color:var(--color-text-light);}.btn-link{background:transparent;color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);}.btn-link:hover{color:var(--color-primary);}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);}@media (max-width:639px){.hero-cta .btn{width:100%;}.btn-large{padding:var(--spacing-md) var(--spacing-lg);}}.hero{min-height:100vh;min-height:100dvh;padding:calc(112px + var(--spacing-xl)) var(--spacing-md) var(--spacing-xl);background:linear-gradient(180deg,var(--color-bg-light) 0%,var(--color-bg) 100%);display:flex;align-items:center;}@media (max-width:767px){.hero{min-height:auto;padding:calc(100px + var(--spacing-lg)) var(--spacing-md) var(--spacing-2xl);}}.hero-wrapper{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center;width:100%;}@media (min-width:1024px){.hero{padding:calc(72px + var(--spacing-2xl)) var(--spacing-xl) var(--spacing-2xl);}.hero-wrapper{grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);}}.hero-content{max-width:800px;margin:0 auto;text-align:center;}@media (min-width:1024px){.hero-content{text-align:left;margin:0;max-width:none;}}.hero-title{font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-lg);color:var(--color-text);letter-spacing:-0.02em;}@media (max-width:374px){.hero-title{font-size:var(--font-size-2xl);}}@media (min-width:768px){.hero-title{font-size:var(--font-size-5xl);}}.highlight{color:var(--color-primary);}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--spacing-2xl);line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto;}@media (min-width:1024px){.hero-subtitle{margin-left:0;margin-right:0;}}.hero-cta{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-3xl);}@media (min-width:640px){.hero-cta{flex-direction:row;justify-content:center;}}@media (min-width:1024px){.hero-cta{justify-content:flex-start;}}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border);}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);}.stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-light);}@media (max-width:767px){.hero-stats{gap:var(--spacing-md);padding-top:var(--spacing-lg);}.stat-number{font-size:var(--font-size-xl);}.stat-label{font-size:var(--font-size-xs);text-align:center;}}.hero-visual{display:flex;align-items:center;justify-content:center;}.hero-image{width:100%;max-width:600px;height:auto;display:block;}@media (max-width:767px){.hero-visual{display:none;}}section{padding:var(--spacing-3xl) 0;}@media (max-width:767px){section{padding:var(--spacing-2xl) 0;}}.section-header{text-align:center;margin-bottom:var(--spacing-3xl);max-width:700px;margin-left:auto;margin-right:auto;}@media (max-width:767px){.section-header{margin-bottom:var(--spacing-xl);}}.section-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text);letter-spacing:-0.02em;}@media (max-width:767px){.section-title{font-size:var(--font-size-2xl);}}@media (min-width:768px){.section-title{font-size:var(--font-size-4xl);}}.section-description{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:1.7;}@media (max-width:767px){.section-description{font-size:var(--font-size-base);}}.features{background:var(--color-bg);}.feature-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);}@media (min-width:640px){.feature-cards{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);}}@media (min-width:1024px){.feature-cards{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);}}.feature-card{padding:var(--spacing-xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;transition:all var(--transition-base);position:relative;}@media (max-width:767px){.feature-card{padding:var(--spacing-lg);}.feature-icon{width:48px;height:48px;margin-bottom:var(--spacing-md);}.feature-title{font-size:var(--font-size-lg);}.feature-description{font-size:var(--font-size-sm);}}.feature-card:nth-child(1){z-index:1;}.feature-card:nth-child(2){z-index:1;}@media (min-width:1024px){.feature-card:nth-child(2){margin-left:0;}}.feature-card:nth-child(3){z-index:1;}@media (min-width:1024px){.feature-card:nth-child(3){margin-left:0;}}.feature-card:nth-child(4){z-index:1;}@media (min-width:1024px){.feature-card:nth-child(4){margin-left:0;}}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px);}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:12px;color:var(--color-primary);margin-bottom:var(--spacing-lg);}.feature-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text);}.feature-description{font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.6;}.audience{background:var(--color-bg);}.audience-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);}@media (min-width:640px){.audience-cards{grid-template-columns:repeat(2,1fr);}}.audience-card{padding:var(--spacing-xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;transition:all var(--transition-base);position:relative;}.audience-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px);}.audience-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:12px;color:var(--color-primary);margin-bottom:var(--spacing-lg);}.audience-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text);}.audience-description{font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.6;}@media (max-width:639px){.audience-cards{grid-template-columns:1fr;}.audience-card{padding:var(--spacing-lg);}.audience-icon{width:48px;height:48px;margin-bottom:var(--spacing-md);}.audience-title{font-size:var(--font-size-lg);}.audience-description{font-size:var(--font-size-sm);}}.how-it-works{background:var(--color-bg-light);}.steps{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:1200px;margin:0 auto;}.step{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-lg);position:relative;}.step-left{flex-direction:row;}.step-right{flex-direction:row-reverse;}@media (max-width:1023px){.step-left,.step-right{flex-direction:column;}}.step-card{flex:1;display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;transition:all var(--transition-base);position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04);z-index:2;}.step-card:hover{border-color:var(--color-primary);box-shadow:0 12px 24px rgba(36,44,79,0.15),0 4px 8px rgba(0,0,0,0.08);transform:translateY(-8px);}.step-svg{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}.step-svg-left{justify-content:flex-end;}.step-svg-right{justify-content:flex-start;}@media (max-width:1023px){.step-svg-left,.step-svg-right{justify-content:center;}}@media (max-width:767px){.step-svg{display:none;}.step-card{flex-direction:row;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);}.step-icon{width:48px;height:48px;min-width:48px;font-size:var(--font-size-xl);}.step-title{font-size:var(--font-size-lg);}.step-description{font-size:var(--font-size-sm);}}.step-image{width:100%;max-width:350px;height:auto;opacity:0.8;transition:opacity var(--transition-base);}.step:hover .step-image{opacity:1;}.step-icon{width:64px;height:64px;min-width:64px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:12px;color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:700;line-height:1;}.step-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text);}.step-description{font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.6;}.integrations{background:var(--color-bg);}.integrations-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl);align-items:center;}@media (min-width:1024px){.integrations-content{grid-template-columns:1fr 1fr;}}.integrations-text{min-width:0;}.integrations-description{text-align:left;margin-bottom:var(--spacing-xl);}.integration-features{display:flex;flex-direction:column;gap:var(--spacing-xl);margin:var(--spacing-2xl) 0;}.integration-feature{display:flex;gap:var(--spacing-lg);align-items:flex-start;}.integration-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-primary);}.integration-feature h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text);}.integration-feature p{font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.6;}@media (max-width:767px){.integration-features{margin:var(--spacing-lg) 0;gap:var(--spacing-lg);}.integration-icon{width:40px;height:40px;}.integration-icon svg{width:32px;height:32px;}.integration-feature h4{font-size:var(--font-size-base);}.integration-feature p{font-size:var(--font-size-sm);}}.integrations-visual{display:block;min-width:0;max-width:100%;}@media (max-width:767px){.integrations-visual{margin-top:var(--spacing-lg);}.code-snippet pre{padding:var(--spacing-md);}.code-snippet code{font-size:var(--font-size-xs);}}.code-snippet{background:var(--color-bg-dark);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xl);}.code-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.1);}.code-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.3);}.code-dot:nth-child(1){background:#FF5F56;}.code-dot:nth-child(2){background:#FFBD2E;}.code-dot:nth-child(3){background:#27C93F;}.code-title{margin-left:auto;font-size:var(--font-size-sm);color:rgba(255,255,255,0.6);font-family:'Monaco','Courier New',monospace;}.code-snippet pre{padding:var(--spacing-xl);margin:0;overflow-x:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}.code-snippet code{font-family:'JetBrains Mono','Fira Code','Source Code Pro','Monaco','Menlo','Ubuntu Mono','Consolas','Courier New',monospace;font-size:var(--font-size-sm);line-height:1.6;color:#E5E7EB;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0;font-variant-ligatures:none;}.code-snippet .code-keyword{color:#C586C0;}.code-snippet .code-variable{color:#9CDCFE;}.code-snippet .code-property{color:#9CDCFE;}.code-snippet .code-function{color:#DCDCAA;}.code-snippet .code-string{color:#CE9178;}.code-snippet .code-number{color:#B5CEA8;}.code-snippet .code-comment{color:#6A9955;font-style:italic;}.trust{background:var(--color-bg-light);}.trust-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1000px;margin:0 auto;}@media (min-width:768px){.trust-grid{grid-template-columns:repeat(3,1fr);}}.trust-item{text-align:center;padding:var(--spacing-xl);}.trust-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:16px;color:var(--color-primary);}.trust-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text);}.trust-description{font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.6;}@media (max-width:767px){.trust-grid{grid-template-columns:1fr;gap:var(--spacing-md);}.trust-item{padding:var(--spacing-lg);}.trust-icon{width:52px;height:52px;}.trust-title{font-size:var(--font-size-lg);}.trust-description{font-size:var(--font-size-sm);}}.faq{background:var(--color-bg-light);}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);}.faq-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm);}.faq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);}.faq-item.active{border-color:var(--color-primary);box-shadow:var(--shadow-md);}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg);border:none;cursor:pointer;text-align:left;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);line-height:1.4;}@media (min-width:768px){.faq-question{font-size:var(--font-size-lg);}}.faq-question:hover{background:var(--color-bg-light);}.faq-question:focus{outline:2px solid var(--color-primary);outline-offset:-2px;}.faq-chevron{flex-shrink:0;color:var(--color-text-light);transition:transform var(--transition-base);}.faq-item.active .faq-chevron{transform:rotate(180deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow);}.faq-item.active .faq-answer{max-height:500px;}.faq-answer p,.faq-answer ol{padding:0 var(--spacing-xl);font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.7;}.faq-answer p:first-child{padding-top:0;}.faq-answer p:last-child{padding-bottom:var(--spacing-lg);}.faq-answer ol{padding-left:calc(var(--spacing-xl) + var(--spacing-lg));padding-bottom:var(--spacing-sm);}.faq-answer ol li{margin-bottom:var(--spacing-xs);}@media (max-width:767px){.faq-question{padding:var(--spacing-md);font-size:var(--font-size-sm);}.faq-answer p,.faq-answer ol{padding:0 var(--spacing-md);font-size:var(--font-size-sm);}.faq-answer ol{padding-left:calc(var(--spacing-md) + var(--spacing-lg));}}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,#3a4a6f 100%);color:white;padding:var(--spacing-3xl) 0;}.cta-content{text-align:center;max-width:700px;margin:0 auto;}.cta-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-0.02em;}@media (min-width:768px){.cta-title{font-size:var(--font-size-4xl);}}.cta-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);opacity:0.95;}.cta-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;justify-content:center;}@media (min-width:640px){.cta-buttons{flex-direction:row;}}.cta-section .btn-primary{background:white;color:var(--color-primary);}.cta-section .btn-primary:hover{background:var(--color-bg-light);}.cta-section .btn-secondary{background:transparent;color:white;border-color:rgba(255,255,255,0.3);}.cta-section .btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);}@media (max-width:767px){.cta-section{padding:var(--spacing-2xl) 0;}.cta-title{font-size:var(--font-size-2xl);}.cta-description{font-size:var(--font-size-base);}.cta-buttons{gap:var(--spacing-sm);}.cta-buttons .btn{width:100%;}}.footer{background:var(--color-bg-dark);color:rgba(255,255,255,0.8);padding:var(--spacing-3xl) 0 var(--spacing-xl);}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);}@media (min-width:768px){.footer-content{grid-template-columns:2fr 3fr;}}.footer-brand{max-width:300px;}.footer .logo{color:white;margin-bottom:var(--spacing-md);}.footer-description{font-size:var(--font-size-sm);line-height:1.6;color:rgba(255,255,255,0.6);}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);}@media (min-width:768px){.footer-links{grid-template-columns:repeat(4,1fr);}}@media (max-width:767px){.footer-content{gap:var(--spacing-xl);}.footer-brand{max-width:100%;}.footer{padding:var(--spacing-2xl) 0 var(--spacing-lg);}}.footer-column{display:flex;flex-direction:column;gap:var(--spacing-md);}.footer-title{font-size:var(--font-size-sm);font-weight:600;color:white;margin-bottom:var(--spacing-xs);}.footer-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm);}.footer-list a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast);}.footer-list a:hover{color:white;}.footer-bottom{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,0.1);}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;}}.footer-copyright{font-size:var(--font-size-sm);color:rgba(255,255,255,0.5);}.footer-social{display:flex;gap:var(--spacing-lg);}.footer-social a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast);}.footer-social a:hover{color:white;}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.fade-in{animation:fadeInUp 0.6s ease-out forwards;}@media (max-width:767px){.mobile-hidden{display:none;}}a,button{transition:all var(--transition-base);}a:focus,a:active{outline:none;}button:focus{outline:2px solid var(--color-primary);outline-offset:2px;}svg,img[src$=".svg"],.logo-icon,.feature-icon svg,.trust-icon svg,.integration-icon svg,.step-image,.hero-image{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;}.whatsapp-float{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,211,102,0.4),0 2px 6px rgba(0,0,0,0.15);z-index:999;transition:transform var(--transition-base),box-shadow var(--transition-base);color:white;text-decoration:none;}.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(37,211,102,0.5),0 4px 10px rgba(0,0,0,0.2);color:white;}.whatsapp-float:focus{outline:2px solid #25D366;outline-offset:3px;color:white;}.whatsapp-float-icon{width:32px;height:32px;flex-shrink:0;}@media (max-width:767px){.whatsapp-float{width:48px;height:48px;bottom:var(--spacing-md);right:var(--spacing-md);}.whatsapp-float-icon{width:26px;height:26px;}}.blog-listing{padding:calc(112px + var(--spacing-3xl)) 0 var(--spacing-3xl);background:var(--color-bg);min-height:80vh;}.blog-listing .container{max-width:900px;}.blog-listing-header{margin-bottom:var(--spacing-3xl);}.blog-listing-header h1{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-text);letter-spacing:-0.02em;margin-bottom:var(--spacing-sm);}.blog-listing-header p{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:1.6;}.blog-grid{display:flex;flex-direction:column;gap:var(--spacing-lg);}.blog-card{display:block;padding:var(--spacing-xl) var(--spacing-2xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;transition:all var(--transition-base);}.blog-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px);}.blog-card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.3;}.blog-card-description{font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-md);}.blog-card-meta{font-size:var(--font-size-sm);color:var(--color-text-lighter);display:flex;align-items:center;gap:var(--spacing-sm);}@media (max-width:767px){.blog-listing-header h1{font-size:var(--font-size-3xl);}.blog-card{padding:var(--spacing-lg);}}.blog-article{padding:calc(112px + var(--spacing-3xl)) 0 var(--spacing-3xl);background:var(--color-bg);}.blog-article .container{max-width:760px;}.blog-breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-lighter);margin-bottom:var(--spacing-2xl);display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;}.blog-breadcrumb a{color:var(--color-primary);text-decoration:none;font-weight:500;}.blog-breadcrumb a:hover{text-decoration:underline;}.blog-breadcrumb .separator{color:var(--color-text-lighter);}.blog-article h1{font-size:var(--font-size-4xl);font-weight:700;line-height:1.15;margin-bottom:var(--spacing-lg);color:var(--color-text);letter-spacing:-0.02em;}.blog-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-lighter);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border);}.blog-body h2{font-size:var(--font-size-2xl);font-weight:700;margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-lg);color:var(--color-text);letter-spacing:-0.01em;}.blog-body h3{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);color:var(--color-text);}.blog-body p{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text-light);margin-bottom:var(--spacing-lg);}.blog-body strong{color:var(--color-text);font-weight:600;}.blog-body ul,.blog-body ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl);}.blog-body li{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text-light);margin-bottom:var(--spacing-xs);}.blog-body li strong{color:var(--color-text);}.blog-body code{font-family:'JetBrains Mono',monospace;font-size:var(--font-size-sm);background:var(--color-bg-light);border:1px solid var(--color-border);padding:2px 6px;border-radius:4px;color:var(--color-primary);}.blog-body pre{background:var(--color-bg-dark);border-radius:12px;padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);overflow-x:auto;}.blog-body pre code{background:none;border:none;padding:0;color:#E5E7EB;font-size:var(--font-size-sm);line-height:1.7;}.blog-body .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-xl);}.blog-body table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;min-width:400px;}.blog-body thead tr{background:var(--color-bg-light);}.blog-body th,.blog-body td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-light);}.blog-body th{font-weight:600;color:var(--color-text);}.blog-body td:not(:first-child),.blog-body th:not(:first-child){text-align:center;}.blog-cta{background:linear-gradient(135deg,var(--color-primary) 0%,#3a4a6f 100%);border-radius:16px;padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;margin-top:var(--spacing-3xl);}.blog-cta h3{font-size:var(--font-size-2xl);font-weight:700;color:white;margin-bottom:var(--spacing-md);margin-top:0;letter-spacing:-0.01em;}.blog-cta p{color:rgba(255,255,255,0.9);max-width:500px;margin:0 auto var(--spacing-xl);font-size:var(--font-size-base);line-height:1.6;}.blog-cta .btn-primary{background:white;color:var(--color-primary);}.blog-cta .btn-primary:hover{background:var(--color-bg-light);}@media (max-width:767px){.blog-article h1{font-size:var(--font-size-3xl);}.blog-body h2{font-size:var(--font-size-xl);margin-top:var(--spacing-2xl);}.blog-cta{padding:var(--spacing-2xl) var(--spacing-lg);}}