:root{--color-primary:#06f;--color-primary-hover:#0052cc;--color-cyan:#00d4ff;--color-sky:#3b82f6;--gradient-primary:linear-gradient(135deg,#06f 0%,#00d4ff 100%);--gradient-subtle:linear-gradient(180deg,#fff 0%,#f1f5f9 100%);--gradient-hero:linear-gradient(180deg,#fff 0%,#fafbfc 100%);--gradient-dark:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);--gradient-dark-blue:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);--color-white:#fff;--color-gray-50:#fafbfc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-inverse:#fff;--color-text-inverse-secondary:#fffc;--color-bg-primary:#fff;--color-bg-secondary:#fafbfc;--color-bg-tertiary:#f1f5f9;--color-bg-dark:#0f172a;--color-bg-dark-elevated:#1e293b;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-border-dark:#ffffff1a;--color-border-subtle:#0000000f;--color-tint-blue:#bae6fd;--color-tint-warm:#fed7aa;--color-tint-cool:#a7f3d0;--color-tint-purple:#e9d5ff;--color-tint-amber:#fde68a;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.1;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.8;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:8rem;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 10px 30px #00000026;--shadow-xl:0 20px 60px #0003;--shadow-xs:0 1px 2px #0000000a;--shadow-card:0 1px 3px #0000000d;--shadow-card-hover:0 4px 12px #00000014;--shadow-primary:0 4px 12px #0066ff4d;--shadow-cyan:0 4px 12px #00d4ff40;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--glass-light:#ffffff1a;--glass-medium:#ffffff26;--glass-strong:#fff3;--glass-dark:#0f172a99;--glass-border-light:#ffffff26;--glass-border-medium:#fff3;--glass-border-strong:#ffffff4d;--blur-sm:blur(10px);--blur-md:blur(20px);--blur-lg:blur(30px);--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);margin:0}h1{font-size:var(--text-5xl);letter-spacing:-.03em}h2{font-size:var(--text-4xl);letter-spacing:-.02em}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{line-height:var(--leading-relaxed);margin:0}a{color:var(--color-primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-primary-hover)}.glass-card{background:var(--glass-medium);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border-medium);box-shadow:var(--shadow-md);border-radius:var(--radius-xl)}.glass-card-subtle{background:var(--glass-light);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border-light);box-shadow:var(--shadow-sm);border-radius:var(--radius-xl)}.glass-card-strong{background:var(--glass-strong);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border-strong);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;background-clip:text}.btn{font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0066ff59}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-gray-50)}.btn-glass{background:var(--glass-medium);-webkit-backdrop-filter:var(--blur-sm);color:var(--color-white);border:1px solid var(--glass-border-medium)}.btn-glass:hover{background:var(--glass-strong);border-color:var(--glass-border-strong)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-ghost{color:var(--color-primary);background:0 0;border:none;padding:.75rem 0}.btn-ghost:hover{color:var(--color-primary-hover);text-decoration:underline}.btn-text{color:var(--color-text-secondary);font-weight:var(--font-medium);background:0 0;border:none;padding:.5rem 0}.btn-text:hover{color:var(--color-text-primary)}.btn-sm{font-size:var(--text-sm);border-radius:var(--radius-sm);padding:.5rem 1rem}.btn-md{font-size:var(--text-base);padding:.75rem 1.5rem}.btn-lg{font-size:var(--text-lg);padding:1rem 2rem}.card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-elevated{box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg)}.card-highlight{border-color:var(--color-sky);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.card-highlight h3,.card-highlight p{color:#1e40af}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.container-narrow{width:100%;max-width:800px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.container-wide{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.section{padding:var(--space-4xl)var(--space-lg)}.section-sm{padding:var(--space-2xl)var(--space-lg)}.section-lg{padding:8rem var(--space-lg)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-subtle{background:var(--gradient-subtle)}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-dark{background:var(--gradient-dark)}.bg-dark{background:var(--color-bg-dark)}.cta-dark{background:var(--color-bg-dark);color:var(--color-text-inverse);padding:var(--space-4xl)var(--space-lg);text-align:center}.cta-dark h2,.cta-dark h3{color:var(--color-text-inverse)}.cta-dark p{color:var(--color-text-inverse-secondary)}.cta-gradient-dark{background:var(--gradient-dark);color:var(--color-text-inverse);padding:var(--space-4xl)var(--space-lg);text-align:center}.cta-gradient-dark h2,.cta-gradient-dark h3{color:var(--color-text-inverse)}.cta-gradient-dark p{color:var(--color-text-inverse-secondary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-white{color:var(--color-white)}.text-brand{color:var(--color-primary)}.navbar{-webkit-backdrop-filter:var(--blur-md);z-index:var(--z-sticky);transition:all var(--transition-base);background:#fffc;border-bottom:1px solid #0000000f;padding:.75rem 2rem;position:sticky;top:0}.navbar-scrolled{box-shadow:var(--shadow-sm);background:#fffffff2}.navbar-container{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;max-width:1400px;margin:0 auto;display:grid}@media (width<=768px){.navbar-container{grid-template-columns:auto 1fr auto;gap:1rem}}.navbar-logo{align-items:center;text-decoration:none;display:flex}.navbar-logo img{display:block}.navbar-center{justify-self:center;align-items:center;gap:.5rem;display:flex}@media (width<=768px){.navbar-center{display:none}}.navbar-link{color:var(--color-text-secondary);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;padding:.5rem .75rem;font-size:.875rem;text-decoration:none}.navbar-link:hover{color:var(--color-text-primary);background:#0000000a}.navbar-actions{justify-self:end;align-items:center;gap:.5rem;display:flex}@media (width<=768px){.navbar-actions{display:none}}.nav-dropdown{position:relative}.nav-dropdown-trigger{color:var(--color-text-secondary);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:.875rem;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.25rem;padding:.5rem .75rem;display:flex}.nav-dropdown-trigger:hover{color:var(--color-text-primary);background:#0000000a}.nav-dropdown-trigger.active{color:var(--color-text-primary);background:#0000000f}.nav-dropdown-trigger svg{transition:transform var(--transition-fast)}.nav-dropdown-trigger.active svg{transform:rotate(180deg)}.nav-dropdown-menu{border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:280px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-dropdown);background:#fff;padding:1rem;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(-8px)}.nav-dropdown-menu.active{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown-grid{gap:1.5rem;display:grid}.dropdown-column{flex-direction:column;gap:.25rem;display:flex}.dropdown-section-title{font-size:.6875rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);padding:.5rem .75rem .25rem}.dropdown-item{color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast);flex-direction:column;padding:.5rem .75rem;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--color-gray-100)}.dropdown-item-title{font-size:.875rem;font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:.125rem}.dropdown-item-desc{color:var(--color-text-tertiary);font-size:.75rem;line-height:1.4}.dropdown-grid:has(.dropdown-column:nth-child(2)){grid-template-columns:repeat(2,1fr);min-width:480px}.mobile-menu-toggle{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;justify-self:end;padding:.5rem;display:none}@media (width<=768px){.mobile-menu-toggle{display:block}}.mobile-menu-toggle .close-icon,.mobile-menu-toggle.active .hamburger-icon{display:none}.mobile-menu-toggle.active .close-icon{display:block}.mobile-menu{height:100vh;z-index:calc(var(--z-sticky) + 1);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);pointer-events:none;background:#fff;display:none;position:fixed;inset:0;overflow-y:auto}@media (width<=768px){.mobile-menu{display:block}}.mobile-menu.active{opacity:1;visibility:visible;pointer-events:auto}body.mobile-menu-open{overflow:hidden}.mobile-menu-content{flex-direction:column;max-width:600px;height:100%;margin:0 auto;display:flex}.mobile-menu-header{border-bottom:1px solid var(--color-border);background:#fff;align-items:center;gap:0;padding:1rem;display:flex}.mobile-menu-header .btn{margin-left:auto;margin-right:.5rem}.mobile-menu-logo{align-items:center;display:flex}.mobile-menu-logo img{display:block}.mobile-menu-close{cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-base);background:0 0;border:none;margin-left:0;padding:.5rem}.mobile-menu-close:hover{color:var(--color-text-primary)}.mobile-menu-body{flex:1;padding:1.5rem 2rem;overflow-y:auto}.mobile-menu-section{padding:.75rem 0}.mobile-menu-section:not(:last-child){margin-bottom:.5rem}.mobile-section-toggle{width:100%;font-size:1rem;font-weight:var(--font-medium);color:var(--color-text-primary);cursor:pointer;text-align:left;font-family:var(--font-sans);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.mobile-section-toggle svg{transition:transform var(--transition-fast)}.mobile-section-toggle.active svg{transform:rotate(180deg)}.mobile-section-content{max-height:0;transition:max-height var(--transition-base);overflow:hidden}.mobile-section-content.active{max-height:500px}.mobile-section-title{font-size:.6875rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-top:.5rem;padding:.75rem 0 .5rem}.mobile-menu-item{color:var(--color-text-primary);transition:opacity var(--transition-base);flex-direction:column;padding:.75rem 0;text-decoration:none;display:flex}.mobile-menu-item:hover{opacity:.7}.mobile-item-title{font-size:1rem;font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:.25rem}.mobile-item-desc{color:var(--color-text-tertiary);font-size:.875rem;line-height:1.4}.mobile-menu-link{font-size:1rem;font-weight:var(--font-medium);color:var(--color-text-primary);transition:opacity var(--transition-base);padding:1rem 0;text-decoration:none;display:block}.mobile-menu-link:hover{opacity:.7}.mobile-menu-footer{border-top:1px solid var(--color-border);background:#fff;flex-direction:column;gap:1rem;margin-top:auto;padding:2rem;display:flex}.mobile-login-btn{width:100%}.footer{background:var(--gradient-dark);color:var(--color-text-inverse);padding:var(--space-4xl)var(--space-lg)var(--space-lg);border-top:1px solid var(--color-border-dark)}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{gap:var(--space-3xl);margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border-dark);grid-template-columns:2fr repeat(3,1fr);display:grid}.footer-brand{gap:var(--space-md);flex-direction:column;display:flex}.footer-logo{display:inline-block}.footer-logo img{width:auto;height:32px}.footer-badges{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.footer-badges .sf-root{max-width:50px;height:auto}.footer-badges .sf-root a{display:block}.footer-badges .sf-root img{max-width:100%;height:auto}.footer-social{gap:var(--space-sm);align-items:center;display:flex}.footer-social a{color:var(--color-text-inverse-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.footer-social a:hover{color:var(--color-text-inverse);transform:translateY(-2px)}.footer-social a svg{width:18px;height:18px}.footer-section h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-inverse);margin-bottom:var(--space-md)}.footer-section ul{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-section li{margin:0}.footer-section a{color:var(--color-text-inverse-secondary);font-size:var(--text-sm);transition:color var(--transition-base)}.footer-section a:hover{color:var(--color-text-inverse)}.footer-bottom{text-align:center}.footer-bottom p{color:var(--color-text-inverse-secondary);font-size:var(--text-sm)}@media (width<=1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}@media (width<=640px){.footer{padding:var(--space-2xl)var(--space-md)var(--space-md)}.footer-grid{gap:var(--space-xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);grid-template-columns:1fr}.footer-brand{grid-column:1}.footer-section h4{margin-bottom:var(--space-sm)}}.hero{min-height:100vh;padding:var(--space-3xl)var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-content{max-width:1200px;margin:0 auto}.hero-logo{max-width:550px;height:auto;margin:0 auto var(--space-xl)auto;display:block}@media (width<=768px){.hero-logo{max-width:280px}}.hero h1{margin-bottom:var(--space-md)}.hero p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-xl)auto}.hero-cta{margin-bottom:var(--space-3xl)}.hero-image{border-radius:var(--radius-xl);max-width:100%;height:auto;box-shadow:var(--shadow-lg)}.social-proof{padding:var(--space-xl)var(--space-lg);text-align:center}.social-proof p{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.logo-grid{justify-content:center;align-items:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.logo-grid img{opacity:.6;filter:grayscale();height:40px;transition:opacity var(--transition-base),filter var(--transition-base)}.logo-grid img:hover{opacity:1;filter:grayscale(0%)}.feature-section{padding:var(--space-4xl)var(--space-lg)}.feature-section-header{text-align:center;margin-bottom:var(--space-3xl)}.feature-section-header .badge{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);border-radius:var(--radius-full);margin-bottom:var(--space-md);background:#0066ff1a;padding:.5rem 1rem;display:inline-block}.feature-section-header h2{margin-bottom:var(--space-md)}.feature-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{padding:var(--space-xl)}.feature-card h3{margin-bottom:var(--space-sm);font-size:var(--text-xl)}.feature-card p{color:var(--color-text-secondary)}.two-column{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.two-column img{border-radius:var(--radius-xl);max-width:100%;height:auto;box-shadow:var(--shadow-md)}.feature-showcase{padding:var(--space-4xl)var(--space-lg);background:var(--color-bg-secondary)}.showcase-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.showcase-card{border-radius:var(--radius-xl);padding:var(--space-2xl);color:#fff;position:relative;overflow:hidden}.showcase-card p{font-size:var(--text-sm);opacity:.9;margin-bottom:var(--space-sm)}.showcase-card h3{font-size:var(--text-2xl);color:#fff}.showcase-card.orange{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.showcase-card.green{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.steps-section{padding:var(--space-4xl)var(--space-lg)}.steps-section h2{text-align:center;margin-bottom:var(--space-3xl)}.step{gap:var(--space-3xl);margin-bottom:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.step:nth-child(2n){direction:rtl}.step:nth-child(2n)>*{direction:ltr}.step-content .badge{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary);border-radius:var(--radius-full);margin-bottom:var(--space-sm);background:#0066ff1a;padding:.375rem .75rem;display:inline-block}.step-content h3{margin-bottom:var(--space-sm)}.step-content p{color:var(--color-text-secondary)}.step img{border-radius:var(--radius-xl);max-width:100%;height:auto;box-shadow:var(--shadow-md)}.use-cases-section{padding:var(--space-4xl)var(--space-lg);text-align:center;background:var(--color-bg-secondary)}.use-cases-section h2{margin-bottom:var(--space-3xl)}.use-cases-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.use-case-card{text-align:left}.use-case-card img{border-radius:var(--radius-lg);width:100%;height:auto;margin-bottom:var(--space-md)}.use-case-card h3{margin-bottom:var(--space-sm);font-size:var(--text-xl)}.use-case-card p{color:var(--color-text-secondary);font-style:italic}.cta-section{padding:var(--space-4xl)var(--space-lg);text-align:center}.cta-section h2{margin-bottom:var(--space-md)}.cta-section p{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:var(--text-lg)}.pricing-section{padding:var(--space-4xl)var(--space-lg);background:var(--color-bg-secondary)}.pricing-section-header{text-align:center;margin-bottom:var(--space-3xl)}.pricing-section-header h2{margin-bottom:var(--space-sm)}.pricing-section-header p{color:var(--color-text-secondary);font-size:var(--text-lg)}.pricing-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1200px;margin:0 auto;display:grid}.pricing-card{padding:var(--space-2xl);text-align:center;position:relative}.pricing-card.featured{border:2px solid var(--color-primary);transform:scale(1.05)}.pricing-badge{background:var(--gradient-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);padding:.375rem 1rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:var(--space-md);font-size:var(--text-2xl)}.pricing-price{margin-bottom:var(--space-lg)}.pricing-price .amount{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.pricing-price .period{font-size:var(--text-sm);color:var(--color-text-tertiary)}.pricing-features{margin-bottom:var(--space-xl);text-align:left;list-style:none}.pricing-features li{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:.5rem 0}.pricing-features li:last-child{border-bottom:none}.pricing-grid-4col{grid-template-columns:repeat(4,1fr)}@media (width<=1200px){.pricing-grid-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pricing-grid-4col{grid-template-columns:1fr}}.credits-info{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:center;flex-direction:column;gap:.25rem;display:flex}.credits-info strong{font-size:var(--text-lg);color:var(--color-primary)}.signup-bonus{font-size:var(--text-xs);color:var(--color-success);font-weight:var(--font-semibold)}.overage-rate{font-size:var(--text-xs);color:var(--color-text-tertiary)}.credits-explainer{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-sm);font-style:italic}.pricing-footer{text-align:center;margin-top:var(--space-xl)}@media (width<=768px){:root{--text-3xl:1.5rem;--text-4xl:2rem;--text-5xl:2.5rem}.container,.section,.section-sm,.section-lg{padding-left:1rem;padding-right:1rem}.navbar{padding:.75rem 1rem}.navbar-links{gap:1rem}.two-column,.step,.showcase-grid{grid-template-columns:1fr}.step:nth-child(2n){direction:ltr}.pricing-card.featured{transform:none}}.nira-section{padding:var(--space-2xl)0;background:linear-gradient(#fff 0%,#fafbfc 50%,#fff 100%);position:relative;overflow:hidden}.nira-container{gap:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.nira-content{gap:var(--space-md);z-index:2;flex-direction:column;display:flex;position:relative}.nira-header{gap:var(--space-sm);flex-direction:column;display:flex}.nira-header h2{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin:0;line-height:1.2;display:flex}.nira-headline{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em;margin:0;line-height:1.3}.nira-description{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:540px;margin:0;line-height:1.7}.nira-features{gap:var(--space-md);flex-direction:column;display:flex}.nira-feature-item{gap:var(--space-sm);align-items:flex-start;display:flex}.nira-feature-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-primary);transition:all var(--transition-base);background:linear-gradient(135deg,#0066ff1a 0%,#00d4ff1a 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nira-feature-item:hover .nira-feature-icon{background:linear-gradient(135deg,#0066ff26 0%,#00d4ff26 100%);transform:translateY(-2px)}.nira-feature-item h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 .25rem}.nira-feature-item p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.nira-visual{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.nira-orb-container{pointer-events:none;z-index:0;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nira-orb-glow{object-fit:contain;opacity:.4;filter:blur(40px);width:100%;height:100%;animation:4s ease-in-out infinite nira-pulse}@keyframes nira-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.nira-demo-container{border-radius:var(--radius-2xl);z-index:1;width:100%;transition:all var(--transition-slow);background:#fff;border:1px solid #0066ff1a;position:relative;overflow:hidden;box-shadow:0 20px 60px #0066ff26}.nira-demo-container:hover{transform:translateY(-4px);box-shadow:0 30px 80px #06f3}.nira-demo-image{width:100%;height:auto;display:block}.showcase-card{border-radius:var(--radius-lg);transition:var(--transition-base);border:1px solid var(--color-border);background:#fff;flex-direction:column;display:flex;overflow:hidden}.showcase-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.showcase-card-content{gap:var(--space-xs);padding:var(--space-lg)var(--space-lg)var(--space-md)var(--space-lg);flex-direction:column;display:flex}.showcase-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.showcase-card-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;line-height:1.4}.showcase-card-media{padding:var(--space-lg);aspect-ratio:16/10;justify-content:center;align-items:center;display:flex;overflow:hidden}.showcase-card-media[data-color=blue]{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.showcase-card-media[data-color=sky]{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%)}.showcase-card-media[data-color=amber]{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.showcase-card-media[data-color=green]{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)}.showcase-card-media img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}@media (width<=768px){.nira-section{padding:var(--space-3xl)0}.nira-container{gap:var(--space-3xl);grid-template-columns:1fr}.nira-header h2{font-size:var(--text-3xl)}.nira-headline{font-size:var(--text-2xl)}.nira-description{font-size:var(--text-base)}.nira-features{gap:var(--space-lg)}.nira-feature-item{gap:var(--space-sm)}.nira-feature-icon{width:36px;height:36px}.nira-feature-item h4{font-size:var(--text-base)}.nira-feature-item p{font-size:var(--text-sm)}.nira-orb-container{width:300px;height:300px}.showcase-card-media{padding:var(--space-md);aspect-ratio:16/12}.showcase-card-content h3{font-size:var(--text-base)}}.card-tinted-blue{background:linear-gradient(135deg,var(--color-tint-blue)0%,#eff6ff 100%);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.card-tinted-warm{background:linear-gradient(135deg,var(--color-tint-warm)0%,#fff7ed 100%);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.card-tinted-cool{background:linear-gradient(135deg,var(--color-tint-cool)0%,#ecfdf5 100%);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.card-tinted-purple{background:linear-gradient(135deg,var(--color-tint-purple)0%,#f3e8ff 100%);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.card-tinted-amber{background:linear-gradient(135deg,var(--color-tint-amber)0%,#fef3c7 100%);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.card-tinted-blue:hover,.card-tinted-warm:hover,.card-tinted-cool:hover,.card-tinted-purple:hover,.card-tinted-amber:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.feature-card-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.feature-card-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-white);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);overflow:hidden}.feature-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.feature-card-with-media{flex-direction:column;padding:0;display:flex}.feature-card-content{padding:var(--space-xl)var(--space-xl)var(--space-lg);order:1}.feature-card-media-bottom{aspect-ratio:16/9;background:var(--color-gray-50);width:100%;padding:calc(var(--space-md)*.5);border-radius:var(--radius-md);flex-shrink:0;order:2;justify-content:center;align-items:center;display:flex;overflow:hidden}.feature-card-media-bottom img,.feature-card-media-bottom video{object-fit:contain;border-radius:var(--radius-md);width:100%;height:100%;display:block}.feature-card-media-top{aspect-ratio:16/10;background:var(--color-gray-50);flex-shrink:0;order:1;width:100%;overflow:hidden}.feature-card-media-top img,.feature-card-media-top video{object-fit:cover;width:100%;height:100%;display:block}.feature-card-media-top~.feature-card-content{padding:var(--space-lg)var(--space-xl)var(--space-xl);order:2}.feature-card-label{font-size:.6875rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-xs);display:block}.feature-card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm);line-height:1.3}.feature-card-description{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.6}.media-bg-blue{background:var(--color-tint-blue)}.media-bg-warm{background:var(--color-tint-warm)}.media-bg-cool{background:var(--color-tint-cool)}.media-bg-purple{background:var(--color-tint-purple)}.media-bg-amber{background:var(--color-tint-amber)}.media-bg-gray{background:var(--color-gray-50)}.feature-card-media{margin-top:var(--space-md);border-radius:var(--radius-md);aspect-ratio:16/10;background:var(--color-gray-50);justify-content:center;align-items:center;display:flex;overflow:hidden}.feature-card-media img,.feature-card-media video{object-fit:cover;width:100%;height:100%;display:block}.feature-icon{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-md);background:var(--color-gray-50);justify-content:center;align-items:center;display:flex}.feature-icon-blue{background:var(--color-tint-blue);color:var(--color-primary)}.feature-icon-warm{background:var(--color-tint-warm);color:#ea580c}.feature-icon-cool{background:var(--color-tint-cool);color:#059669}.feature-icon-purple{background:var(--color-tint-purple);color:#9333ea}.icon-xs{width:16px;height:16px}.icon-sm{width:20px;height:20px}.icon-md{width:24px;height:24px}.icon-lg{width:32px;height:32px}.icon-xl{width:48px;height:48px}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:.25rem .75rem;display:inline-flex}.badge-primary{color:var(--color-primary);background:#0066ff1a}.badge-new{color:#fff;background:linear-gradient(135deg,#06f 0%,#00d4ff 100%);box-shadow:0 2px 8px #0066ff40}.badge-subtle{background:var(--color-gray-100);color:var(--color-text-secondary)}.badge-success{color:#059669;background:#10b9811a}.badge-warning{color:#d97706;background:#f59e0b1a}.category-label{font-size:.6875rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm);display:block}.hero-minimal{padding:clamp(4rem,12vh,8rem)var(--space-lg);text-align:center;background:var(--gradient-hero)}.hero-minimal h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-bold);letter-spacing:-.03em;margin-bottom:var(--space-lg);max-width:900px;margin-left:auto;margin-right:auto;line-height:1.1}.hero-minimal p{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-2xl)auto;line-height:1.6}.hero-gradient{text-align:center;color:#fff;background:linear-gradient(135deg,#06f 0%,#00d4ff 100%);padding:6rem 2rem 4rem;position:relative;overflow:hidden}.hero-gradient-bg{pointer-events:none;background-image:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.hero-gradient .container{z-index:1;max-width:800px;position:relative}.hero-gradient h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-bold);margin:0 0 var(--space-lg)0;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 8px #00000026}.hero-gradient p{font-size:var(--text-lg);color:#fffffffa;text-shadow:0 1px 4px #0000001a;max-width:700px;margin:0 auto;line-height:1.6}.hero-cta-group{gap:var(--space-md);margin-bottom:var(--space-3xl);flex-wrap:wrap;justify-content:center;display:flex}.text-balance{text-wrap:balance}p{line-height:1.65}.lead-text{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7}.cta-final{text-align:center;background:#0f172a;padding:6rem 3rem;position:relative;overflow:hidden}.cta-final-gradient{pointer-events:none;background:linear-gradient(135deg,#0000 0%,#0066ff1a 100%);width:50%;height:100%;position:absolute;top:0;right:0}.cta-final-content{z-index:1;position:relative}.cta-final h2{font-size:var(--text-4xl);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-lg)0;line-height:1.1}.cta-final p{font-size:var(--text-xl);color:#fffc;max-width:600px;margin:0 auto var(--space-2xl)auto;line-height:1.6}.btn-gradient-primary{background:linear-gradient(135deg,var(--color-primary)0%,#00d4ff 100%);color:#fff;padding:var(--space-md)var(--space-2xl);border-radius:var(--radius-md);font-weight:var(--font-semibold);transition:all var(--transition-base);text-decoration:none;display:inline-block;box-shadow:0 10px 30px #0066ff4d}.btn-gradient-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #06f6}.section-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-3xl)}.bg-secondary{background:var(--color-bg-secondary)}.bg-dark{background:var(--gradient-dark);color:var(--color-text-inverse)}.bg-dark h2,.bg-dark h3{color:var(--color-text-inverse)}.section-intro{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-align:center;max-width:900px;margin:0 auto var(--space-3xl)auto}@media (width<=768px){.section-intro{font-size:var(--text-lg);margin-bottom:var(--space-2xl)}}