*{margin:0;padding:0;box-sizing:border-box}:root{--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-indigo-50: #eef2ff;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-indigo-700: #4338ca;--color-purple-600: #9333ea;--color-green-500: #22c55e;--color-green-700: #15803d;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-400: #94a3b8;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--color-slate-50) 0%,var(--color-blue-50) 50%,var(--color-indigo-50) 100%);color:var(--color-slate-900);min-height:100vh;line-height:1.6}html{scroll-behavior:smooth}.glass{background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.glass-hover{transition:all .3s ease}.glass-hover:hover{background:#ffffff80;box-shadow:0 16px 40px #00000026;transform:scale(1.02)}.text-gradient{background:linear-gradient(90deg,var(--color-blue-600),var(--color-indigo-600),var(--color-purple-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:0 0 20px #6366f14d,0 0 40px #6366f133,0 0 60px #6366f11a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 2s infinite}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-slate-100)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--color-blue-400),var(--color-indigo-500));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--color-blue-500),var(--color-indigo-600))}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.section{padding:var(--spacing-24) var(--spacing-4);position:relative;overflow:hidden}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:12px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .3s ease;font-size:1rem}.btn-primary{background:linear-gradient(90deg,var(--color-blue-600),var(--color-indigo-600));color:#fff;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover{background:linear-gradient(90deg,var(--color-blue-700),var(--color-indigo-700));box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.btn-glass{background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--color-slate-700);border:1px solid rgba(255,255,255,.2)}.btn-glass:hover{background:#fff9;transform:scale(1.05)}.grid{display:grid;gap:var(--spacing-6)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.text-center{text-align:center}.text-white{color:#fff}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mt-16{margin-top:var(--spacing-16)}.mt-20{margin-top:var(--spacing-20)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:24px}.rounded-full{border-radius:9999px}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.section{padding:var(--spacing-16) var(--spacing-4)}}@media(min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-flex-row{flex-direction:row}}@media(min-width:1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg-grid-cols-4{grid-template-columns:repeat(4,1fr)}}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.w-8{width:2rem}.h-8{height:2rem}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.max-w-xs{max-width:320px}.max-w-3xl{max-width:48rem}.text-slate-400{color:var(--color-slate-400)}@media(min-width:768px){.md\:text-6xl{font-size:3.75rem}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.inset-0{inset:0}.pointer-events-none{pointer-events:none}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.whitespace-nowrap{white-space:nowrap}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.list-none{list-style:none}@keyframes navbar-gradient{0%{background:linear-gradient(135deg,#6366f1d9,#8b5cf6d9);box-shadow:0 20px 60px #6366f14d,0 0 0 1px #ffffff4d inset,0 0 40px #8b5cf633}25%{background:linear-gradient(135deg,#ec4899d9,#a855f7d9);box-shadow:0 20px 60px #ec48994d,0 0 0 1px #ffffff4d inset,0 0 40px #a855f733}50%{background:linear-gradient(135deg,#3b82f6d9,#6366f1d9);box-shadow:0 20px 60px #3b82f64d,0 0 0 1px #ffffff4d inset,0 0 40px #6366f133}75%{background:linear-gradient(135deg,#10b981d9,#06b6d4d9);box-shadow:0 20px 60px #10b9814d,0 0 0 1px #ffffff4d inset,0 0 40px #06b6d433}to{background:linear-gradient(135deg,#6366f1d9,#8b5cf6d9);box-shadow:0 20px 60px #6366f14d,0 0 0 1px #ffffff4d inset,0 0 40px #8b5cf633}}.navbar-floating{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);width:90%;max-width:1200px;padding:1rem 2rem;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;animation:navbar-gradient 12s ease-in-out infinite,navbar-float .6s ease-out}@keyframes navbar-float{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.navbar-floating.scrolled{top:1rem;padding:.75rem 1.5rem}.navbar-container{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-blue-600),var(--color-indigo-600));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;box-shadow:0 0 20px #6366f14d,0 0 40px #6366f133;transition:transform .3s ease}.logo:hover .logo-icon{transform:scale(1.1)}.logo-text{display:flex;flex-direction:column}.logo-title{font-weight:700;font-size:1.125rem;color:#fff;line-height:1.2}.logo-subtitle{font-size:.75rem;color:#ffffffe6;line-height:1.2}.nav-links{display:none;align-items:center;gap:2rem;list-style:none}@media(min-width:768px){.nav-links{display:flex}}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:1.0625rem;position:relative;transition:all .3s ease;display:flex;align-items:center}.nav-link:hover{color:#fffc;transform:translateY(-1px)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-cta{display:none}@media(min-width:768px){.nav-cta{display:inline-flex}}.mobile-menu-btn{display:flex;background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.5rem;cursor:pointer;transition:all .3s ease}.mobile-menu-btn:hover{background:#fff9}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu{margin-top:1rem;background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1rem;animation:fadeIn .3s ease-out}.mobile-menu-links{display:flex;flex-direction:column;gap:1rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:5rem 1rem}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.hero-orb-1{top:25%;left:25%;width:384px;height:384px;background:#60a5fa33}.hero-orb-2{bottom:25%;right:25%;width:384px;height:384px;background:#6366f133;animation-delay:1s}.hero-orb-3{top:50%;right:33%;width:256px;height:256px;background:#9333ea33;animation-delay:.5s}.hero-content{max-width:1280px;width:100%;text-align:center;position:relative;z-index:10}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;animation:fadeIn .6s ease-out}.status-dot{width:8px;height:8px;background:var(--color-green-500);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-size:3.75rem;font-weight:700;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out;line-height:1.1}@media(min-width:768px){.hero-title{font-size:6rem}}.hero-subtitle{font-size:1.25rem;color:var(--color-slate-600);max-width:48rem;margin:0 auto 3rem;line-height:1.75;animation:fadeInUp .8s ease-out .2s both}@media(min-width:768px){.hero-subtitle{font-size:1.5rem}}.hero-cta{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;animation:fadeInUp .8s ease-out .3s both}@media(min-width:640px){.hero-cta{flex-direction:row}}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:5rem;animation:fadeInUp .8s ease-out .5s both}@media(min-width:768px){.hero-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:1.5rem}.stat-value{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--color-slate-600);font-weight:500}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.product-card{position:relative;overflow:hidden;padding:2rem}.product-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-live{background:#22c55e33;color:var(--color-green-700)}.badge-beta{background:#3b82f633;color:var(--color-blue-700)}.badge-coming{background:#f9731633;color:#c2410c}.product-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease}.product-card:hover .product-icon{transform:scale(1.1)}.product-icon svg{width:32px;height:32px;color:#fff;stroke-width:2;fill:none}.product-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-slate-800)}.product-tagline{font-size:.875rem;font-weight:600;background:linear-gradient(90deg,var(--color-slate-600),var(--color-slate-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.product-description{color:var(--color-slate-600);line-height:1.75;margin-bottom:1.5rem}.product-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:.5rem;color:var(--color-slate-600);font-size:.875rem}.feature-icon{width:16px;height:16px;color:var(--color-green-500);flex-shrink:0}.product-btn{width:100%;padding:.75rem;border-radius:12px;font-weight:600;color:#fff;border:none;cursor:pointer;transition:all .3s ease}.product-card:hover .product-btn{transform:scale(1.05);box-shadow:0 8px 20px #00000026}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-slate-700);margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border-radius:12px;background:#ffffff80;border:1px solid var(--color-slate-200);outline:none;transition:all .3s ease;font-family:inherit;font-size:1rem}.form-input:focus,.form-textarea:focus{border-color:var(--color-blue-400);box-shadow:0 0 0 3px #3b82f61a;background:#ffffffb3}.form-textarea{resize:none;min-height:120px}.contact-card{padding:2rem}.contact-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.contact-icon svg{width:28px;height:28px;color:#fff;stroke-width:2}.contact-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--color-slate-800)}.contact-subtitle{color:var(--color-slate-600);margin-bottom:.5rem}.contact-link{color:var(--color-blue-600);font-weight:600;text-decoration:none;transition:text-decoration .3s ease}.contact-link:hover{text-decoration:underline}.footer{position:relative;overflow:hidden;background:linear-gradient(to bottom,transparent,rgba(241,245,249,.5));padding:5rem 1rem 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr repeat(4,1fr)}}.footer-brand{grid-column:span 1}@media(min-width:768px){.footer-brand{grid-column:span 2}}@media(min-width:1024px){.footer-brand{grid-column:span 1}}.footer-description{color:var(--color-slate-600);margin-bottom:1.5rem;max-width:320px;line-height:1.75}.social-links{display:flex;gap:.75rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--color-slate-600);transition:all .3s ease;text-decoration:none}.social-link:hover{background:#fff9;color:var(--color-blue-600);transform:translateY(-2px)}.footer-column h3{font-weight:700;color:var(--color-slate-800);margin-bottom:1rem;font-size:1rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:var(--color-slate-600);text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-link:hover{color:var(--color-blue-600)}.newsletter{padding:2rem;margin-bottom:3rem}.newsletter-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem}@media(min-width:768px){.newsletter-content{flex-direction:row}}.newsletter-text{text-align:center}@media(min-width:768px){.newsletter-text{text-align:left}}.newsletter-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-slate-800)}.newsletter-subtitle{color:var(--color-slate-600)}.newsletter-form{display:flex;gap:.5rem;width:100%}@media(min-width:768px){.newsletter-form{width:auto}}.newsletter-input{flex:1;min-width:256px;padding:.75rem 1rem;border-radius:12px;background:#ffffff80;border:1px solid var(--color-slate-200);outline:none;transition:all .3s ease}.newsletter-input:focus{border-color:var(--color-blue-400);box-shadow:0 0 0 3px #3b82f61a}.footer-bottom{border-top:1px solid var(--color-slate-200);padding-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem;color:var(--color-slate-600)}@media(min-width:768px){.footer-bottom{flex-direction:row}}.footer-bottom-links{display:flex;align-items:center;gap:1.5rem}svg{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.gradient-blue{background:linear-gradient(135deg,var(--color-blue-500),var(--color-indigo-600))}.gradient-purple{background:linear-gradient(135deg,var(--color-purple-600),#ec4899)}.gradient-pink{background:linear-gradient(135deg,#ec4899,#f43f5e)}.gradient-green{background:linear-gradient(135deg,var(--color-green-500),#14b8a6)}.gradient-orange{background:linear-gradient(135deg,#f97316,#dc2626)}.nav-item-with-dropdown{position:relative}.dropdown-catalog-large{position:absolute;top:calc(100% + 1.5rem);left:50%;transform:translate(-50%);width:850px;max-width:90vw;background:#fffffffa;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.4);border-radius:1.5rem;box-shadow:0 30px 90px #0003,0 0 0 1px #fff9 inset;display:flex;animation:dropdown-appear .4s cubic-bezier(.4,0,.2,1);z-index:100;overflow:hidden}@keyframes dropdown-appear{0%{opacity:0;transform:translate(-50%) translateY(-15px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.dropdown-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.dropdown-header h3{font-size:1.25rem;font-weight:700;color:var(--color-slate-800);margin-bottom:.25rem}.dropdown-header p{font-size:.875rem;color:var(--color-slate-600)}.catalog-grid{display:flex;flex-direction:column;gap:.5rem}.catalog-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1rem;background:#ffffff80;border:1px solid rgba(0,0,0,.05);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.catalog-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#6366f10d);opacity:0;transition:opacity .3s ease}.catalog-item:hover{background:#fffc;border-color:#3b82f633;transform:translate(4px);box-shadow:0 4px 12px #00000014}.catalog-item:hover:before{opacity:1}.catalog-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.catalog-icon svg{width:24px;height:24px;color:#fff;stroke-width:2}.catalog-content{flex:1;position:relative;z-index:1}.catalog-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.catalog-header h4{font-size:1rem;font-weight:600;color:var(--color-slate-800);margin:0}.catalog-badge{font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.catalog-content p{font-size:.875rem;color:var(--color-slate-600);margin:0;line-height:1.4}.catalog-arrow{width:20px;height:20px;color:var(--color-slate-400);flex-shrink:0;transition:all .3s ease;position:relative;z-index:1}.catalog-item:hover .catalog-arrow{color:var(--color-blue-600);transform:translate(4px)}.dropdown-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05);text-align:center}.view-all-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-blue-600);font-weight:600;font-size:.875rem;text-decoration:none;transition:all .3s ease}.view-all-link:hover{color:var(--color-blue-700);gap:.75rem}.view-all-link svg{width:16px;height:16px;transition:transform .3s ease}.view-all-link:hover svg{transform:translate(2px)}.mobile-products-section{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.mobile-section-title{font-size:.75rem;font-weight:600;color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.5px;padding:.5rem 0}.mobile-product-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:#fff6;text-decoration:none;color:var(--color-slate-700);font-weight:500;transition:all .3s ease}.mobile-product-link:hover{background:#fff9;transform:translate(4px)}.mobile-product-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-product-icon svg{width:16px;height:16px;color:#fff}@media(max-width:768px){.dropdown-catalog{width:90vw;left:5vw;transform:translate(0)}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.catalog-sidebar{width:320px;background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border-right:1px solid rgba(0,0,0,.06);padding:1.25rem;flex-shrink:0}.catalog-sidebar-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.08)}.catalog-sidebar-header h3{font-size:1.125rem;font-weight:700;color:var(--color-slate-900);margin-bottom:.25rem}.catalog-sidebar-header p{font-size:.8125rem;color:var(--color-slate-600);line-height:1.4}.product-list{display:flex;flex-direction:column;gap:.5rem}.product-list-item{display:flex;align-items:center;gap:.875rem;padding:.875rem;border-radius:.875rem;background:#ffffff80;border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.product-list-item:hover{background:#fff;border-color:#6366f133;transform:translate(4px);box-shadow:0 4px 12px #0000000d}.product-list-item.active{background:#fff;border-color:#6366f14d;box-shadow:0 6px 16px #6366f11f}.product-list-icon{width:40px;height:40px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.product-list-item:hover .product-list-icon,.product-list-item.active .product-list-icon{transform:scale(1.08)}.product-list-icon svg{width:20px;height:20px;color:#fff;stroke-width:2.5}.product-list-info{flex:1;min-width:0}.product-list-name{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--color-slate-900);margin-bottom:.125rem;flex-wrap:wrap}.product-list-tagline{font-size:.75rem;color:var(--color-slate-600);line-height:1.3}.product-list-arrow{width:16px;height:16px;color:var(--color-slate-400);flex-shrink:0;transition:all .3s ease}.product-list-item:hover .product-list-arrow,.product-list-item.active .product-list-arrow{color:var(--color-indigo-600);transform:translate(2px)}.catalog-details{flex:1;max-width:510px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;animation:details-fade-in .4s ease-out}@keyframes details-fade-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.catalog-details::-webkit-scrollbar{width:6px}.catalog-details::-webkit-scrollbar-track{background:#00000005;border-radius:10px}.catalog-details::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:10px}.catalog-details::-webkit-scrollbar-thumb:hover{background:#6366f180}.catalog-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(0,0,0,.06)}.catalog-details-header-left{display:flex;align-items:flex-start;gap:1rem;flex:1}.catalog-details-icon{width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.catalog-details-icon svg{width:28px;height:28px;color:#fff;stroke-width:2.5}.catalog-details-header h3{font-size:1.5rem;font-weight:700;color:var(--color-slate-900);margin-bottom:.25rem}.catalog-details-header p{font-size:.9375rem;color:var(--color-slate-600);font-weight:500}.catalog-details-description{font-size:.9375rem;color:var(--color-slate-700);line-height:1.7}.catalog-details-features h4{font-size:.875rem;font-weight:700;color:var(--color-slate-900);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.catalog-details-features ul{list-style:none;display:flex;flex-direction:column;gap:.625rem}.catalog-details-features li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--color-slate-700);padding:.5rem 0}.catalog-details-features li svg{width:18px;height:18px;color:var(--color-green-500);flex-shrink:0;stroke-width:2.5}.catalog-details-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--color-indigo-600),var(--color-purple-600));color:#fff;font-weight:600;font-size:.875rem;border-radius:.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #6366f14d;white-space:nowrap;flex-shrink:0}.catalog-details-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ec489966,0 0 30px #3b82f64d;background:linear-gradient(135deg,#ec4899,#8b5cf6,#3b82f6)!important;color:#fff!important}.catalog-details-cta:hover svg{color:#fff!important}.catalog-details-cta svg{width:16px;height:16px;transition:transform .3s ease}.catalog-details-cta:hover svg{transform:translate(3px)}.catalog-badge{font-size:.625rem;font-weight:700;padding:.1875rem .5rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.5px}.badge-live{background:#22c55e26;color:var(--color-green-700)}.badge-beta{background:#3b82f626;color:var(--color-blue-700)}@media(max-width:1024px){.dropdown-catalog-large{width:90vw;flex-direction:column}.catalog-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.06)}.product-list{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.product-list-item{min-width:200px}.catalog-details{padding:1.5rem}}