:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-accent: #818cf8;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--color-surface-gradient: linear-gradient(180deg, rgba(30, 41, 59, .7) 0%, rgba(15, 23, 42, .7) 100%);--color-danger: #ef4444;--color-success: #22c55e;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(148, 163, 184, .3);--glass-highlight: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--backdrop-blur: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1rem;--spacing-xl: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit;border:none;outline:none;background:none;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.rcb-ui-layout,[class*=rcb-ui-layout]{overscroll-behavior:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;min-height:100%!important;height:auto!important}.promo-banner{background:linear-gradient(90deg,#7311d4,#a855f7,#ec4899);color:#fff;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:1001;font-size:.85rem;font-family:Inter,system-ui,sans-serif;animation:promoPulse 3s ease-in-out infinite}@keyframes promoPulse{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.promo-banner{background-size:200% 200%}.promo-banner-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.promo-banner-text{font-weight:500}.promo-banner-text strong{font-weight:800}.promo-banner-link{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .2s;font-family:inherit;white-space:nowrap}.promo-banner-link:hover{background:#ffffff59}.promo-banner-close{background:none;border:none;color:#ffffffb3;font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .2s;position:absolute;right:.75rem}.promo-banner-close:hover{color:#fff}.public-navbar{position:sticky;top:0;z-index:1000;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(139,92,246,.2);padding:.75rem 0}.public-navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.navbar-brand-group{display:flex;align-items:center;gap:1.5rem}.navbar-tech-tag{font-size:.65rem;color:#fff6;padding:.2rem .6rem;border-left:1px solid rgba(255,255,255,.1);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center}.navbar-tech-tag strong{color:#facc15;margin-left:.3rem}.public-navbar-logo{font-size:1.5rem;font-weight:700;text-decoration:none;display:flex;align-items:center;transition:transform .2s ease}.public-navbar-logo:hover{transform:scale(1.02)}.logo-optim{color:#fff}.logo-ai{color:#8b5cf6}.logo-mage{color:#fff}.public-navbar-links{display:flex;gap:2rem;align-items:center;flex:1;justify-content:center}.public-nav-link{color:#fffc;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease;position:relative}.public-nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#8b5cf6;transition:width .3s ease}.public-nav-link:hover{color:#fff}.public-nav-link:hover:after{width:100%}.public-navbar-actions{display:flex;gap:1rem;align-items:center}.public-btn-login,.public-btn-signup,.public-btn-app{padding:.6rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:none;white-space:nowrap}.public-btn-login{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.public-btn-login:hover{background:#ffffff1a;border-color:#ffffff80}.public-btn-signup,.public-btn-app{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.public-btn-signup:hover,.public-btn-app:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 6px 20px #8b5cf680;transform:translateY(-1px)}.public-btn-signup:active,.public-btn-app:active{transform:translateY(0)}.public-btn-loading{width:160px;height:40px}@media(max-width:600px){.promo-banner{padding:.25rem .5rem;gap:.5rem;font-size:.75rem}.public-navbar-container{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:0 1rem;gap:.25rem}.navbar-brand-group{grid-column:1;grid-row:1;order:unset}.public-navbar-actions{grid-column:2;grid-row:1;order:unset;display:flex;flex-direction:row;align-items:center;gap:.5rem}.public-navbar-links{display:flex;grid-column:1 / -1;grid-row:2;order:unset;width:100%;justify-content:center;gap:2rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.public-navbar-logo{font-size:1rem}.public-btn-login,.public-btn-signup,.public-btn-app{padding:.5rem .75rem;font-size:.85rem}}.site-footer{background:linear-gradient(180deg,#0a0a0f80,#0a0a0ff2);border-top:1px solid rgba(139,92,246,.2);padding:3rem 0 1.5rem;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.5fr 2fr;gap:3rem;margin-bottom:2rem}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.footer-logo{font-size:1.5rem;font-weight:700}.footer-tagline{color:#fff9;font-size:.9rem;margin:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-column{display:flex;flex-direction:column;gap:.75rem}.footer-column h3{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.footer-column a{color:#ffffffe6;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-column a:hover{color:#8b5cf6}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);max-width:1200px;margin:0 auto}.footer-bottom p{color:#ffffffb3;font-size:.85rem;margin:0}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.footer-links{grid-template-columns:1fr;gap:1.5rem}}.landing-page{min-height:100vh;background:#191022;color:#f1f5f9;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.landing-container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,1.5rem)}.glass-card{background:#7311d40d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(115,17,212,.1);border-radius:1.5rem}.landing-hero{position:relative;overflow:hidden;padding:.5rem 0 clamp(1rem,4vh,2rem)}.landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#7311d42e,#19102200 70%);pointer-events:none}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:100px;background:#7311d41a;border:1px solid rgba(115,17,212,.2);color:#a78bfa;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero-badge svg{width:14px;height:14px}.hero-title{font-size:clamp(1.5rem,5vw,4rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin:0;background:linear-gradient(180deg,#fff 30%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:900px}.hero-subtitle{font-size:clamp(1rem,2vw,1.15rem);color:#94a3b8;line-height:1.7;max-width:600px;margin:0}.hero-cta-btn{background:#7311d4;color:#fff;padding:.9rem 2rem;border-radius:.75rem;border:none;font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;transition:background .2s,transform .15s;font-family:inherit;box-shadow:0 10px 30px #7311d44d}.hero-cta-btn:hover{background:#6310b8}.hero-cta-btn:active{transform:scale(.97)}.hero-cta-btn svg{width:18px;height:18px}.section-header{text-align:center;margin-bottom:clamp(1.5rem,3vh,2.5rem)}.section-title{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;margin:0 0 .75rem}.section-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:#94a3b8;max-width:640px;margin:0 auto;line-height:1.6}.agent-demo{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center;padding:.5rem}.agent-side{display:flex;flex-direction:column;gap:.75rem}.agent-side-label{font-weight:700;font-size:.9rem;color:#cbd5e1;display:flex;align-items:center;gap:.5rem}.agent-side-label-ai{color:#a78bfa}.agent-active-badge{display:inline-block;background:#7311d4;color:#fff;font-size:.6rem;font-weight:800;padding:.2rem .5rem;border-radius:.25rem;letter-spacing:.05em}.agent-screenshot{border-radius:1rem;overflow:hidden;border:1px solid rgba(115,17,212,.15);box-shadow:0 15px 40px #0006}.agent-screenshot img{width:100%;height:100%;object-fit:cover;display:block}.agent-center-arrow{display:flex;align-items:center;justify-content:center;color:#7311d4;padding:0 .5rem}.agent-center-arrow svg{width:2rem;height:2rem}.agent-slider{width:100%;display:flex;flex-direction:column;gap:.5rem}.agent-slider-dots{display:flex;justify-content:center;gap:.5rem}.agent-dot{background:#7311d41a;border:1px solid rgba(115,17,212,.15);border-radius:.5rem;padding:.5rem 1rem;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s;display:flex;flex-direction:column;gap:.35rem;align-items:center;position:relative;overflow:hidden;font-family:inherit}.agent-dot:hover{border-color:#7311d44d;color:#94a3b8}.agent-dot.active{background:#7311d426;border-color:#7311d466;color:#a78bfa}.agent-dot-label{white-space:nowrap}.agent-dot-progress{width:100%;height:2px;background:#7311d426;border-radius:1px;overflow:hidden}.agent-dot-bar{height:100%;background:linear-gradient(90deg,#7311d4,#a78bfa);border-radius:1px;transition:width .05s linear}.features-section{padding:clamp(1rem,4vh,2rem) 0}.bento-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto;gap:1rem}.bento-main{grid-column:1 / 4;grid-row:1 / 3;padding:.5rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;min-height:500px}.bento-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.bento-icon-primary{background:#7311d4}.bento-icon-secondary{background:#1e293b}.bento-icon svg{width:22px;height:22px;color:#fff}.bento-icon-secondary svg{color:#a78bfa}.bento-main h3{font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.bento-main p{font-size:1rem;color:#94a3b8;max-width:360px;line-height:1.6}.bento-main-img{margin-top:.5rem;height:300px;border-radius:.75rem .75rem 0 0;overflow:hidden;transition:transform .4s ease}.bento-main-img img{width:100%;height:100%;object-fit:contain;opacity:1}.bento-editor{grid-column:4 / 7;grid-row:1;padding:2rem;display:flex;gap:1.5rem;align-items:center}.bento-editor-content h3{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.bento-editor-content p{font-size:.9rem;color:#94a3b8}.bento-editor-img{width:1000px;aspect-ratio:1.3;border-radius:.75rem;overflow:hidden;background:#1e1b2e}.bento-editor-img img{width:100%;height:100%;object-fit:contain}.bento-small{padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.bento-cloud{grid-column:4 / 5;grid-row:2}.bento-multi{grid-column:5 / 7;grid-row:2}.bento-small h3{font-size:1rem;font-weight:700;margin:0 0 .35rem}.bento-small p{font-size:.78rem;color:#94a3b8;line-height:1.5}.comparison-section{padding:clamp(1rem,4vh,2rem) 0;background:#19102280}.comparison-section .section-header{text-align:center;margin-bottom:clamp(1.5rem,3vh,2.5rem)}.comparison-table-wrap{max-width:800px;margin:0 auto;overflow-x:auto;border-radius:1.5rem;border:1px solid rgba(115,17,212,.1);overflow:hidden}.comparison-table{width:100%;border-collapse:collapse}.comparison-table thead tr{background:#191022}.comparison-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;font-size:.95rem;border-bottom:1px solid rgba(115,17,212,.1)}.comparison-table th:nth-child(2){color:#94a3b8}.comparison-table th:nth-child(3){color:#a78bfa}.comparison-table td{padding:1rem 1.5rem;font-size:.95rem;border-bottom:1px solid rgba(115,17,212,.05)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td:first-child{font-weight:600}.comparison-table td:nth-child(2){color:#94a3b8}.comparison-table td:nth-child(3){color:#a78bfa;font-weight:700}.compare-check{display:inline-flex;align-items:center;gap:.4rem}.compare-check svg{width:16px;height:16px;color:#a78bfa}.faq-section{padding:clamp(1rem,4vh,2rem) 0}.faq-section .section-title{text-align:center;margin-bottom:clamp(1.25rem,3vh,2rem)}.faq-accordion{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.faq-row{border:1px solid rgba(115,17,212,.08);border-radius:1rem;overflow:hidden;transition:border-color .3s}.faq-row:hover{border-color:#7311d440}.faq-row.expanded{background:#7311d408;border-color:#7311d459}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;background:transparent;border:none;color:#fff;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;font-family:inherit}.faq-question:hover{color:#a78bfa}.faq-icon{color:#a78bfa;flex-shrink:0;transition:transform .3s ease}.faq-icon.rotated{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-row.expanded .faq-answer{max-height:500px;padding:0 1.25rem 1rem}.faq-answer p{font-size:.95rem;color:#94a3b8;line-height:1.7;margin:0}.faq-cta{padding:1rem 1.25rem;text-align:center;background:#7311d40d;border:1px solid rgba(115,17,212,.15);border-radius:1rem}.faq-cta p{font-size:.95rem;color:#cbd5e1;margin:0}.faq-cta a{color:#a78bfa;text-decoration:none;font-weight:600}.faq-cta a:hover{color:#c4b5fd;text-decoration:underline}.landing-cta{padding:clamp(1rem,4vh,2rem) 0}.cta-box{text-align:center;padding:clamp(1rem,4vw,2rem) clamp(1.5rem,4vw,2.5rem);border-radius:clamp(1.5rem,4vw,3rem);border:1px solid rgba(115,17,212,.3);position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;inset:0;background:#7311d414;pointer-events:none}.cta-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;margin:0 0 1rem;position:relative;z-index:1}.cta-subtitle{font-size:clamp(1rem,2vw,1.15rem);color:#94a3b8;margin:0 0 2rem;max-width:540px;margin-left:auto;margin-right:auto;line-height:1.6;position:relative;z-index:1}.cta-btn{background:#7311d4;color:#fff;padding:1.1rem 2.5rem;border-radius:1rem;border:none;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 15px 40px #7311d459;transition:background .2s,transform .15s;position:relative;z-index:1;font-family:inherit}.cta-btn:hover{background:#6310b8}.cta-btn:active{transform:scale(.97)}.cta-note{margin-top:1rem;font-size:.85rem;color:#64748b;position:relative;z-index:1}@media(max-width:600px){.hero-inner{gap:1.25rem}.hero-title{font-size:clamp(1.75rem,6vw,3rem)}.hero-subtitle{font-size:.95rem}.glass-card{border-radius:1rem}.agent-demo{grid-template-columns:1fr}.agent-center-arrow{transform:rotate(90deg)}.agent-slider-dots{flex-wrap:wrap;gap:.35rem}.agent-dot{padding:.4rem .6rem;font-size:.7rem}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:.75rem}.bento-main{grid-column:auto;grid-row:auto;min-height:auto;padding:1.25rem}.bento-editor{grid-column:auto;grid-row:auto;flex-direction:column}.bento-cloud,.bento-multi{grid-column:auto;grid-row:auto}.bento-editor-img{width:100%}.hero-cta-btn{width:100%;justify-content:center}.comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{min-width:500px}.faq-question{padding:.9rem 1rem;font-size:.9rem}.faq-row.expanded .faq-answer{padding:0 1rem .75rem}.landing-cta{padding:clamp(2rem,5vh,3rem) 0}.cta-box{padding:clamp(2rem,5vw,3rem) clamp(1rem,3vw,1.5rem);border-radius:1.25rem}.cta-btn{padding:.9rem 2rem;font-size:1rem}.features-section{padding:clamp(2rem,5vh,3rem) 0}.section-title{font-size:clamp(1.4rem,4vw,2rem)}.section-subtitle{font-size:.9rem}}@media(max-width:800px){.landing-container{padding:0 .75rem}.hero-inner{gap:1rem}.hero-title{font-size:1.6rem}.hero-badge{font-size:.65rem;padding:.25rem .65rem}.agent-side-label{font-size:.75rem}.agent-active-badge{font-size:.5rem;padding:.15rem .35rem}.agent-dot{padding:.3rem .4rem;font-size:.6rem}.bento-main,.bento-editor,.bento-small{padding:1rem}.bento-main h3,.bento-editor h3{font-size:1.1rem}.bento-main p,.bento-editor p,.bento-small p{font-size:.85rem}.comparison-section{padding:clamp(2rem,5vh,3rem) 0}.comparison-table th,.comparison-table td{padding:.6rem .5rem;font-size:.8rem}.faq-section{padding:clamp(2rem,5vh,3rem) 0}.cta-title{font-size:1.5rem}.cta-subtitle{font-size:.9rem}.cta-btn{padding:.8rem 1.5rem;font-size:.9rem}.hero-cta-btn{font-size:.85rem;padding:.75rem 1rem}}
