@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap";:root{--primary:#8a4baf;--primary-light:#a671cf;--primary-dark:#6e3592;--primary-bg:#f3ebfa;--secondary:#ff7bac;--background:#fff;--surface:#fff;--text-main:#1a1a24;--text-muted:#6e6e80;--text-light:#fff;--border:#eaebf0;--shadow-sm:0 4px 10px #8a4baf0d;--shadow-md:0 10px 25px #8a4baf14;--shadow-lg:0 20px 40px #8a4baf1f;--shadow-purple:0 15px 30px #8a4baf4d;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;width:100vw;max-width:100%;line-height:1.6;overflow-x:hidden}html{width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:100px 0}.text-center{text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.btn-primary{background:var(--primary);color:var(--surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--text-main);border-radius:var(--radius-full);padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s}.btn-secondary:hover{color:var(--primary);background:var(--primary-bg)}@media (width<=768px){body{width:100%;max-width:100%;display:block;overflow-x:hidden}html{width:100%;overflow-x:hidden}#root{border-inline:none;width:100%;max-width:100%;margin:0;padding:0}.container{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:0 16px}.section{width:100%;padding:72px 0;overflow-x:hidden}}@media (width<=480px){.container{padding:0 12px}}.landing-page{background:linear-gradient(135deg,#e6f2ff 0%,#f0e6ff 25%,#ffe6f0 50%,#fff0e6 75%,#e6ffe6 100%);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.tracking-circle{pointer-events:none;z-index:9999;border:2px solid #8a4baf;border-radius:50%;width:30px;height:30px;transition:all 80ms linear;position:fixed;transform:translate(-50%,-50%)}.tracking-circle:after{content:"";background:#8a4baf;border:2px solid #dc143c;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-navbar{z-index:100;background:0 0;padding:20px 0;position:relative}.navbar-content{justify-content:space-between;align-items:center;padding:0 40px;display:flex}.landing-logo{color:#000;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.logo-circle{color:#000;background:linear-gradient(135deg,#9dff00,#00d9ff);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:800;display:flex}.nav-buttons{gap:15px;display:flex}.btn-login,.btn-signup{cursor:pointer;border:none;border-radius:25px;padding:10px 28px;font-size:16px;font-weight:600;transition:all .3s}.btn-login{color:#000;background:0 0;border:2px solid #000}.btn-login:hover{color:#fff;background:#000}.btn-signup{color:#fff;background:linear-gradient(135deg,#5b5bff,#4da9ff)}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5d5bff4d}.landing-container{width:100%;max-width:1400px;margin:0 auto;padding:0 40px}.landing-main{flex-direction:column;flex:1;display:flex;position:relative}.landing-main>.landing-container{flex-direction:column;flex:1;display:flex}.landing-content{z-index:10;text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:5px 0 25px;display:flex;position:relative}.landing-dashboard-container{justify-content:center;align-items:center;width:75%;max-width:1200px;margin:0 auto;display:flex}.landing-dashboard-img{object-fit:contain;border-radius:16px;width:100%;max-width:100%;max-height:42vh;transition:transform .3s,box-shadow .3s;animation:6s ease-in-out infinite float-dashboard;box-shadow:0 15px 35px #00000014,0 5px 15px #0000000a}.landing-dashboard-img:hover{transform:translateY(-4px);box-shadow:0 20px 45px #0000001f,0 8px 20px #0000000f}@keyframes float-dashboard{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.circle-1{filter:blur(40px);background:radial-gradient(circle,#ffb6c166,#0000);width:400px;height:400px;top:10%;left:10%}.circle-2{filter:blur(50px);background:radial-gradient(circle,#9370db4d,#0000);width:500px;height:500px;top:15%;right:5%}.circle-3{filter:blur(45px);background:radial-gradient(circle,#90ee904d,#0000);width:350px;height:350px;bottom:-100px;left:50%}.landing-title{color:#000;max-width:900px;margin-top:-30px;font-size:64px;font-weight:800;line-height:1.2}.title-highlight{background:linear-gradient(135deg,#5b5bff,#4da9ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.landing-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn-demo,.btn-discover{cursor:pointer;border:none;border-radius:50px;padding:16px 40px;font-size:16px;font-weight:600;transition:all .3s}.btn-demo{color:#fff;background:linear-gradient(135deg,#5b5bff,#4da9ff)}.btn-demo:hover{transform:translateY(-3px);box-shadow:0 10px 30px #5d5bff4d}.btn-discover{color:#fff;background:linear-gradient(135deg,#5b5bff,#4da9ff)}.btn-discover:hover{transform:translateY(-3px);box-shadow:0 10px 30px #5d5bff4d}.landing-message{display:none}.landing-message p{color:#333;margin:0;font-size:14px;line-height:1.6}.chat-icons{display:none}.chat-icon{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.chat-icon:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.chat-icon.whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e)}.chat-icon.messenger{color:#fff;background:linear-gradient(135deg,#0084ff,#00a3ff)}.notification-badge{color:#fff;background:#e74c3c;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}@media (width<=768px){.landing-title{font-size:48px}.landing-buttons{flex-direction:column;gap:15px}.btn-demo,.btn-discover{width:100%;max-width:300px}.landing-message{display:none}.navbar-content{padding:0 20px}.circle{opacity:.3}}.auth-container{background:#f7f7fb;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-card{z-index:10;background:#fff;border-radius:16px;width:100%;max-width:520px;padding:40px;position:relative;box-shadow:0 10px 30px #00000014}.auth-header{text-align:left;margin-bottom:30px}.back-btn{cursor:pointer;color:#5b5bff;background:0 0;border:none;margin-bottom:15px;padding:0;font-size:18px;font-weight:600;transition:all .3s}.back-btn:hover{color:#4da9ff;transform:translate(-5px)}.auth-header h1{color:#4f4f6b;margin-bottom:10px;font-size:42px;font-weight:700}.auth-header p{color:#666;margin:0;font-size:16px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid #dcdce5;border-radius:8px;width:100%;height:40px;padding:0 16px;font-family:inherit;font-size:16px}.form-group input:focus,.form-group textarea:focus{background-color:#f8f7ff;border-color:#5b5bff;outline:none;box-shadow:0 0 0 3px #5b5bff1a}.form-group input.input-error{background-color:#ffe6e6;border-color:#e74c3c}.error-message{color:#e74c3c;margin-top:-5px;font-size:13px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%}.toggle-password{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;display:flex;position:absolute;right:12px}.password-hint{color:#999;margin-top:-5px;font-size:12px}.checkbox{cursor:pointer;color:#333;align-items:center;gap:10px;margin:10px 0;font-size:14px;display:flex}.checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox.terms-checkbox{margin:20px 0}.checkbox.terms-checkbox a{color:#5b5bff;font-weight:600;text-decoration:none}.checkbox.terms-checkbox a:hover{text-decoration:underline}.form-options{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.forgot-password{color:#5b5bff;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.forgot-password:hover{color:#4da9ff}.btn-submit{color:#fff;background:linear-gradient(90deg,#635bff,#5ea6ff);border-radius:8px;width:100%;height:40px;font-size:16px;font-weight:600}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5d5bff4d}.btn-submit:active{transform:translateY(0)}.auth-footer{text-align:center;color:#666;margin:20px 0;font-size:14px}.auth-footer p{margin:0}.auth-footer span{color:#5b5bff;cursor:pointer;font-weight:600;transition:all .3s}.auth-footer span:hover{color:#4da9ff;text-decoration:underline}.divider{color:#ccc;align-items:center;gap:15px;margin:25px 0;display:flex}.divider:before,.divider:after{content:"";background:#e0e0e0;flex:1;height:1px}.divider span{color:#999;font-size:14px;font-weight:500}.social-login{flex-direction:column;gap:12px;display:flex}.social-btn{color:#333;cursor:pointer;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.social-btn:hover{background:#f8f7ff;border-color:#5b5bff;transform:translateY(-2px)}.social-btn span{font-size:18px}.social-icon{flex-shrink:0;width:18px;height:18px}.social-logo-google{background:conic-gradient(#4285f4 0deg 90deg,#db4437 90deg 180deg,#f4b400 180deg 270deg,#0f9d58 270deg 360deg);border-radius:50%;flex-shrink:0;width:18px;height:18px}.social-logo-microsoft{flex-shrink:0;width:18px;height:18px;display:flex;position:relative}.social-logo-microsoft:before{content:"";background:#f25022;width:7px;height:7px;position:absolute;top:0;left:0}.social-logo-microsoft:after{content:"";background:#7fba00;width:7px;height:7px;position:absolute;top:0;right:0;box-shadow:0 9px 0 -2px #00a4ef,9px 0 0 -2px #ffb900}.circle{opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.circle-login-1{filter:blur(60px);background:linear-gradient(135deg,#5b5bff,#4da9ff);width:400px;height:400px;top:-100px;left:-100px}.circle-login-2{filter:blur(50px);background:linear-gradient(135deg,#ff7aa7,#ffb347);width:300px;height:300px;bottom:-80px;right:-80px}.circle-signup-1{filter:blur(50px);background:linear-gradient(135deg,#ff7aa7,#ffb347);width:350px;height:350px;top:-100px;right:-80px}.circle-signup-2{filter:blur(60px);background:linear-gradient(135deg,#5b5bff,#4da9ff);width:400px;height:400px;bottom:-120px;left:-100px}@media (width<=600px){.auth-card{padding:30px 20px}.auth-header h1{font-size:28px}.form-row{grid-template-columns:1fr}.form-group input,.form-group textarea{font-size:16px}}.auth-container:before{content:"";background:#635bff0d;border-radius:24px;width:260px;height:260px;position:absolute;top:60px;left:60px}.auth-container:after{content:"";background:#635bff0d;border-radius:24px;width:260px;height:260px;position:absolute;bottom:60px;right:60px}.navbar{z-index:100;background-color:#0000;width:100%;padding:18px 0;position:absolute;top:0;left:0}.navbar--fixed{-webkit-backdrop-filter:blur(14px);background:#fffffff2;border-bottom:1px solid #eef2f6;width:100%;position:fixed;top:0;left:0;box-shadow:0 4px 20px #0000000a}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo{color:#1a1a2e;letter-spacing:-.5px;font-size:24px;font-weight:800}.logo span{color:#7c3aed}.nav-links{align-items:center;gap:20px;display:flex}.nav-item-link{color:#4b5563;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item-link:hover,.nav-item-link.is-active{color:#7c3aed;background:#7c3aed12}.chevron-icon{transition:transform .25s}.chevron-icon.rotated{transform:rotate(180deg)}.nav-dropdown-wrapper{position:relative}.products-dropdown-menu{z-index:1000;transform-origin:0 0;background:#fff;border:1px solid #ede9ff;border-radius:20px;width:580px;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) forwards dropdownEnter;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 45px #7c3aed24,0 4px 12px #0000000a}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-header{border-bottom:1px solid #f3f0ff;flex-direction:column;margin-bottom:12px;padding-bottom:12px;display:flex}.dropdown-title{letter-spacing:1.2px;color:#7c3aed;text-transform:uppercase;font-size:.72rem;font-weight:800}.dropdown-subtitle{color:#64748b;margin-top:2px;font-size:.82rem}.products-grid-menu{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.product-menu-item{background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.product-menu-item:hover{background:#fbf9ff;border-color:#ede9ff;transform:translateY(-1px)}.product-menu-icon{color:#7c3aed;background:#f3ebff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex}.product-menu-item:hover .product-menu-icon{color:#fff;background:#7c3aed;transform:scale(1.06)}.product-menu-text{flex-direction:column;display:flex}.product-menu-title{color:#1e293b;font-size:.88rem;font-weight:700;line-height:1.25}.product-menu-desc{color:#64748b;margin-top:2px;font-size:.75rem;line-height:1.35}.dropdown-footer{text-align:right;border-top:1px solid #f3f0ff;margin-top:14px;padding-top:10px}.view-all-link{color:#7c3aed;font-size:.82rem;font-weight:700;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#6d28d9;text-decoration:underline}@media (width<=768px){.products-dropdown-menu{width:300px;left:-20px}.products-grid-menu{grid-template-columns:repeat(1,1fr)}}.ai-chat-overlay{z-index:99999;width:min(360px,100vw - 32px);animation:.35s cubic-bezier(.16,1,.3,1) popInChat;position:fixed;bottom:20px;right:20px}@keyframes popInChat{0%{opacity:0;transform:translateY(40px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.ai-chat-box{-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #8a4baf4d;border-radius:24px;flex-direction:column;height:540px;max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a3d,0 12px 32px #8a4baf2e}.ai-chat-header{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-bot-profile{align-items:center;gap:12px;display:flex}.ai-bot-avatar{color:#fff;background:linear-gradient(135deg,#8a4baf 0%,#3b82f6 100%);border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid;position:relative;box-shadow:0 4px 12px #8a4baf66}.online-indicator{background:#10b981;border:2px solid #1e1b4b;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.ai-bot-profile h3{color:#fff;align-items:center;gap:6px;margin-bottom:2px;font-size:15px;font-weight:800;display:flex}.bot-tag{color:#fff;background:#8a4baf;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:900}.ai-bot-profile p{color:#ffffffbf;font-size:11px}.chat-close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;transition:all .2s;display:grid}.chat-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.chat-progress-bg{background:#fff3;width:100%;height:3px}.chat-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);height:100%;transition:width .3s}.ai-chat-body{scrollbar-width:thin;background:#f8fafc;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.chat-msg{gap:10px;max-width:88%;display:flex}.bot-msg{align-self:flex-start}.user-msg{flex-direction:row-reverse;align-self:flex-end}.msg-avatar{flex-shrink:0;font-size:18px}.msg-bubble{border-radius:18px;padding:12px 16px;font-size:13px;line-height:1.5;box-shadow:0 2px 8px #0000000a}.bot-msg .msg-bubble{color:var(--text-main);background:#fff;border:1px solid #e2e8f0;border-top-left-radius:4px}.user-msg .msg-bubble{color:#fff;background:linear-gradient(135deg,#8a4baf 0%,#6e3592 100%);border-top-right-radius:4px;font-weight:500}.bot-msg .msg-bubble p{margin-bottom:6px}.bot-msg .msg-bubble p:last-child{margin-bottom:0}.success-bubble{color:#065f46!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.email-link{color:#059669;font-weight:700;text-decoration:underline}.summary-list{color:#1e293b;background:#fff;border:1px solid #d1fae5;border-radius:10px;flex-direction:column;gap:4px;margin:10px 0;padding:8px 12px;font-size:12px;display:flex}.chat-error-banner{color:#dc2626;text-align:center;background:#fef2f2;border-top:1px solid #fecaca;padding:6px 16px;font-size:12px;font-weight:600}.ai-chat-footer{background:#fff;border-top:1px solid #f1f5f9;padding:12px 16px}.chat-input-form{gap:8px;display:flex}.chat-input-form input,.chat-input-form-col input,.chat-input-form-col textarea{width:100%;color:var(--text-main);box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:10px 14px;font-size:13px;transition:all .2s}.chat-input-form input:focus,.chat-input-form-col input:focus,.chat-input-form-col textarea:focus{border-color:#8a4baf;box-shadow:0 0 0 3px #8a4baf26}.chat-input-form-col{flex-direction:column;gap:10px;display:flex}.chat-inputs-grid{flex-direction:column;gap:8px;display:flex}.chat-send-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8a4baf 0%,#6e3592 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #8a4baf4d}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #8a4baf66}.full-btn{width:100%;padding:11px 18px}.submit-gradient{background:linear-gradient(135deg,#8a4baf 0%,#3b82f6 100%)}.animate-fade-in{animation:.3s ease-out fadeInMsg}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.ai-chat-overlay{width:auto;bottom:10px;left:10px;right:10px}.ai-chat-box{height:480px}}.hero{padding:160px 0 20px;position:relative;overflow:hidden}.hero-background{clip-path:polygon(0 0,100% 0,100% 85%,0% 100%);z-index:-1;background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{flex-direction:column;justify-content:center;align-items:center;gap:44px;display:flex}.hero-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:900px;display:flex}.hero-pill-badge{color:var(--primary);letter-spacing:.6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#8a4baf14;border:1px solid #8a4baf38;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #8a4baf14}.badge-pulse{background-color:var(--primary);width:7px;height:7px;box-shadow:0 0 8px var(--primary);border-radius:50%;animation:2s ease-in-out infinite pulseDot}.hero-title{color:var(--text-main);letter-spacing:-1px;margin-bottom:18px;font-size:56px;font-weight:800;line-height:1.1}.hero-title span,.hero-gradient-text{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 60%,#6d28d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.hero-subtitle{color:var(--text-muted);max-width:780px;margin-bottom:32px;font-size:18px;line-height:1.6}.hero-actions{justify-content:center;align-items:center;gap:16px;margin-bottom:28px;display:flex}.hero-btn-main{color:#fff;background:linear-gradient(135deg,#8a4baf 0%,#6e3592 100%);border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #8a4baf4d}.hero-btn-main:hover{background:linear-gradient(135deg,#9a5bbf 0%,#7e45a2 100%);transform:translateY(-3px);box-shadow:0 15px 35px #8a4baf66}.btn-arrow-icon{transition:transform .3s}.hero-btn-main:hover .btn-arrow-icon{transform:translate(4px)}.hero-btn-ghost{color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f0e6;border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0000000a}.hero-btn-ghost:hover{color:var(--primary);border-color:#8a4baf4d;transform:translateY(-3px);box-shadow:0 10px 25px #8a4baf1f}.hero-trust-highlights{color:var(--text-muted);justify-content:center;align-items:center;gap:24px;font-size:13.5px;font-weight:600;display:flex}.trust-check{color:#10b981;margin-right:4px;font-style:normal;font-weight:800}.hero-features-list{color:var(--text-muted);gap:24px;margin-top:32px;font-size:14px;font-weight:500;display:flex}.hero-features-list span{align-items:center;gap:8px;display:flex}.hero-visual{justify-content:center;width:100%;max-width:1240px;display:flex;position:relative}.hero-mobile-visual{justify-content:center;width:100%;display:none}.hero-phone-shell{background:linear-gradient(#fffffffa 0%,#fafbfffa 100%);border:1px solid #d2dcecf2;border-radius:40px;width:min(100%,430px);padding:16px 16px 12px;position:relative;overflow:hidden;box-shadow:0 30px 70px #5678bc2e}.hero-phone-shell:before{content:"";background:#000;border-radius:9999px;width:128px;height:32px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px #ffffff24}.hero-phone-shell:after{content:"";pointer-events:none;background:radial-gradient(circle,#53a3ff2e 0%,#53a3ff1f 32%,#53a3ff00 68%);height:220px;position:absolute;inset:auto -20% -18%}.hero-phone-status{z-index:1;color:#111827;justify-content:space-between;align-items:center;padding:2px 6px 0;font-size:12px;font-weight:700;display:flex;position:relative}.hero-phone-status-icons{color:#111827;align-items:center;gap:6px;font-size:10px;display:flex}.hero-phone-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:18px;margin-bottom:18px;display:flex;position:relative}.hero-phone-header h3{color:#171b26;margin-bottom:8px;font-size:28px;line-height:1}.hero-phone-header p{color:#6e7486;text-align:left;font-size:15px}.hero-phone-bell{margin-top:4px;font-size:22px;line-height:1}.hero-phone-header-actions{align-items:center;gap:10px;display:flex}.hero-phone-avatar{color:#fff;background:linear-gradient(135deg,#5b8def 0%,#8a4baf 100%);border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid;box-shadow:0 10px 22px #5a64dc38}.hero-phone-pills{z-index:1;flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex;position:relative}.hero-phone-pill{color:#6b7387;background:#f4f7fc;border:1px solid #d1dae8d9;border-radius:9999px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero-phone-pill.active{color:#fff;background:linear-gradient(135deg,#5a8cff 0%,#8a4baf 100%);border-color:#0000;box-shadow:0 10px 22px #5279f43d}.hero-phone-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid;position:relative}.hero-phone-card{border:1px solid #ffffff52;border-radius:18px;min-height:120px;padding:14px 14px 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 12px 24px #11182714}.hero-phone-card:after{content:"";opacity:.28;border-radius:50%;height:56px;position:absolute;bottom:-26px;left:-12%;right:-12%}.hero-phone-card-value{color:#101623;z-index:1;margin-bottom:8px;font-size:32px;font-weight:800;position:relative}.hero-phone-card-label{z-index:1;color:#171b26;font-size:14px;position:relative}.hero-phone-card-purple{background:linear-gradient(#8b8cf9 0%,#7b7ef0 100%)}.hero-phone-card-pink{background:linear-gradient(#f8a6f2 0%,#ea8de7 100%)}.hero-phone-card-amber{background:linear-gradient(#f7c15b 0%,#f2b33d 100%)}.hero-phone-card-green{background:linear-gradient(#69db7f 0%,#4ecc67 100%)}.hero-phone-chart-card{z-index:1;background:linear-gradient(#fff 0%,#fbfcff 100%);border:1px solid #d2dcecf2;border-radius:22px;margin-bottom:16px;padding:16px 14px 14px;position:relative;box-shadow:0 18px 34px #1118270f}.hero-phone-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.hero-phone-section-title h4{color:#171b26;font-size:18px}.hero-phone-section-title span{color:#7d8498;font-size:26px;line-height:1}.hero-phone-bars{background:linear-gradient(#2e8cff14,#fff0);border-radius:18px;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:8px;height:160px;margin-bottom:12px;padding:12px 8px 8px;display:grid}.hero-phone-bars span{background:linear-gradient(#408bfff2 0%,#408bff38 100%);border-radius:9999px 9999px 8px 8px;min-height:18px;display:block}.hero-phone-bars span:nth-child(3n){background:linear-gradient(#5dd679f2 0%,#5dd67938 100%)}.hero-phone-bars span:nth-child(3n+2){background:linear-gradient(#e384eff2 0%,#e384ef38 100%)}.hero-phone-legend{color:#697185;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;display:flex}.hero-phone-legend span{align-items:center;gap:6px;display:inline-flex}.legend-green{background:#4ecc67}.hero-phone-footer-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.hero-phone-footer-card{background:linear-gradient(#fff 0%,#fbfcff 100%);border:1px solid #d2dcecf2;border-radius:18px;padding:14px;box-shadow:0 12px 24px #1118270d}.hero-phone-footer-card p{color:#6d7386;margin-bottom:8px;font-size:12px}.hero-phone-footer-card strong{color:#161b26;margin-bottom:10px;font-size:17px;display:block}.hero-phone-chip{border-radius:9999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.hero-phone-chip-green{color:#2f8c48;background:#4cce672e}.hero-phone-chip-blue{color:#2563eb;background:#408bff29}.hero-phone-nav{z-index:1;text-align:center;color:#8a92a5;border-top:1px solid #d3dcebcc;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;margin-top:14px;padding:12px 10px 6px;font-size:20px;display:grid;position:relative}.hero-phone-nav span.active{color:#8a4baf}.hero-dashboard-shell{justify-content:center;align-items:center;width:100%;min-height:560px;display:flex;position:relative}.hero-dashboard-glow{filter:blur();opacity:.9;z-index:0;border-radius:9999px;width:340px;height:340px;position:absolute;inset:auto}.hero-dashboard-glow-left{background:radial-gradient(circle,#4da0fff2 0%,#4da0ffb3 35%,#4da0ff00 72%);top:52px;left:0}.hero-dashboard-glow-right{background:radial-gradient(circle,#5bb3fff2 0%,#5bb3ffb3 35%,#5bb3ff00 72%);top:52px;right:0}.hero-dashboard-card{z-index:2;background:linear-gradient(#fffffffa 0%,#f8fafffa 100%);border:1px solid #1d78f259;border-radius:28px;grid-template-columns:240px minmax(0,1fr);width:min(1120px,100%);min-height:560px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #5781ff24,0 12px 28px #8a4baf14;-webkit-mask-image:linear-gradient(#000 72%,#000000f2 82%,#00000073 93%,#0000 100%);mask-image:linear-gradient(#000 72%,#000000f2 82%,#00000073 93%,#0000 100%)}.hero-sidebar{background:#ffffffd9;border-right:1px solid #d0d9efa6;flex-direction:column;gap:24px;padding:26px 20px;display:flex}.hero-sidebar-brand{align-items:center;gap:12px;display:flex}.hero-brand-mark{background:linear-gradient(135deg,#4d9fff,#245dff);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 18px #245dff2e}.hero-brand-mark span{background:radial-gradient(circle, #fff 0 30%, transparent 30%), conic-gradient(from 45deg, #fff 0 25%, transparent 25% 50%, #fff 50% 75%, transparent 75% 100%);border-radius:50%;width:16px;height:16px}.hero-sidebar-brand h4{color:var(--text-main);font-size:17px;line-height:1.1}.hero-sidebar-brand p{color:var(--text-muted);font-size:12px}.hero-sidebar-section{flex-direction:column;gap:12px;display:flex}.hero-sidebar-section-ghost{opacity:.72}.hero-sidebar-label{letter-spacing:.08em;text-transform:uppercase;color:#6f778a;font-size:11px;font-weight:700}.hero-sidebar-item{color:#3e465a;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.hero-sidebar-item.active{color:#1f3d80;background:#4da0ff1a;font-weight:600}.hero-sidebar-dot{opacity:.8;border:1.5px solid;border-radius:4px;width:12px;height:12px}.hero-dashboard-main{background:linear-gradient(90deg,#4da0ff0d 0 1px,#0000 1px 100%) 0 0/120px 100%,linear-gradient(#4da0ff0d 0 1px,#0000 1px 100%) 0 0/100% 84px,linear-gradient(#fffffffa,#f8fafffa);padding:22px;position:relative}.hero-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.hero-searchbar{color:#8c93a9;background:#fff;border:1px solid #d6deeee6;border-radius:9999px;align-items:center;gap:10px;min-width:210px;padding:12px 16px;font-size:14px;display:flex}.hero-search-icon{font-size:15px}.hero-topbar-actions{align-items:center;gap:10px;display:flex}.hero-chip{color:#fff;background:#1d78f2;border-radius:9999px;padding:10px 14px;font-size:13px;font-weight:600;box-shadow:0 12px 24px #1d78f238}.hero-chip-ghost{color:#4c5874;box-shadow:none;background:#fff;border:1px solid #d6deeee6}.hero-main-title{color:#1c2435;margin-bottom:16px;font-size:24px;font-weight:700}.hero-summary-grid{grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.hero-summary-card{background:linear-gradient(#f6f9ff 0%,#edf4ff 100%);border:1px solid #d9e2f1f2;border-radius:16px;min-height:92px;padding:18px}.hero-summary-card p{color:#52617e;margin-bottom:10px;font-size:14px}.hero-summary-card h3{color:#1e2a3d;margin-bottom:6px;font-size:22px}.hero-summary-card span{color:#8b97ac;font-size:13px}.hero-summary-card-highlight{color:#fff;background:linear-gradient(135deg,#2e8cff 0%,#5fa9ff 100%);border:none;box-shadow:0 16px 30px #2e8cff33}.hero-summary-card-highlight p,.hero-summary-card-highlight h3,.hero-summary-card-highlight span{color:#fff}.hero-summary-card-soft{background:linear-gradient(#fffaf6 0%,#fff4ed 100%)}.hero-dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr);gap:14px;display:grid}.hero-panel{background:#fffffffa;border:1px solid #d9e2f1f2;border-radius:18px;padding:18px;box-shadow:0 8px 20px #1118270a}.hero-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.hero-panel-header h4{color:#1d2636;font-size:18px}.hero-legend-inline{color:#67748a;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.hero-legend-inline span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-blue{background:#2e8cff}.legend-pink{background:#ff7aa7}.legend-peach{background:#ffb08f}.hero-bars{background:linear-gradient(#2b7eff14 0%,#2b7eff05 100%);border-radius:16px;grid-template-columns:repeat(9,minmax(0,1fr));align-items:end;gap:10px;height:260px;padding:8px 6px 2px;display:grid}.hero-bars span{background:linear-gradient(#2e8cfff2 0%,#2e8cff33 100%);border-radius:9999px 9999px 8px 8px;min-height:24px;display:block;box-shadow:0 10px 20px #2e8cff24}.hero-bars span:nth-child(3n){background:linear-gradient(#7ab8ffcc 0%,#7ab8ff29 100%)}.hero-bars span:nth-child(3n+2){background:linear-gradient(#ffac91d9 0%,#ffac912e 100%)}.hero-panel-overview{position:relative;overflow:hidden}.hero-kebab{color:#97a1b4;font-size:22px;line-height:1;transform:translateY(-4px)}.hero-ring-chart{aspect-ratio:1;width:min(280px,100%);margin:8px auto 4px;position:relative}.hero-ring{border:10px solid #0000;border-radius:50%;position:absolute;inset:0}.hero-ring-blue{border-top-color:#2e8cff;border-right-color:#2e8cff;transform:rotate(12deg)}.hero-ring-mid{border-color:#7cb7ff #7cb7ff #2e8cff3d #2e8cff3d;inset:22px;transform:rotate(62deg)}.hero-ring-pink{border-color:#ff8fb3 #ff8fb3 #ff7aa738 #ff7aa738;inset:44px;transform:rotate(110deg)}.hero-ring-center{text-align:center;background:#fff;border:1px solid #dae2efe6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:66px;box-shadow:inset 0 0 0 6px #f8fafff2}.hero-ring-center strong{color:#5f6b80;font-size:14px}.hero-ring-center span{color:#1d2636;font-size:24px;font-weight:700}.hero-float-card{z-index:3;cursor:pointer;transform-origin:50%;background:#fffffff5;border:1px solid #d9e2f1f2;border-radius:18px;transition:transform .25s,box-shadow .25s;position:absolute;box-shadow:0 20px 42px #25395f24}.hero-float-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 26px 54px #25395f2e}.hero-float-overview{width:180px;padding:14px;top:100px;left:-140px}.hero-float-pill{color:#1d2636;margin-bottom:12px;font-size:13px;font-weight:600}.hero-float-metric{background:linear-gradient(#f7fbff 0%,#eef6ff 100%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 10px;display:flex}.hero-float-metric span{color:#53585e;font-size:24px;font-weight:700}.hero-float-metric small{color:#7b879d}.hero-float-progress{align-items:center;gap:16px;min-width:220px;padding:16px 18px;display:flex;bottom:220px;right:-100px}.hero-float-progress strong{color:#1d2636;font-size:16px}.hero-float-progress p{color:#6e7990;margin-top:4px;font-size:13px}.hero-progress-circle{background:conic-gradient(#8a4baf 0 252deg, #e8effa 252deg 360deg);color:#1d2636;border-radius:50%;place-items:center;width:72px;height:72px;font-size:18px;font-weight:700;display:grid;box-shadow:inset 0 0 0 12px #fffffff5}.mockup-dashboard{background-color:var(--surface);width:100%;max-width:820px;height:440px;box-shadow:var(--shadow-lg), var(--shadow-purple);z-index:2;border:4px solid #fff;border-radius:20px;display:flex;position:relative;overflow:hidden}.dash-sidebar{border-right:1px solid var(--border);background-color:#f8f9fa;flex-direction:column;align-items:center;gap:20px;width:60px;padding:20px 0;display:flex}.dash-logo{background-color:var(--primary);border-radius:8px;width:30px;height:30px;margin-bottom:20px}.dash-nav-item{background-color:#e2e8f0;border-radius:6px;width:24px;height:24px}.dash-nav-item.active{background-color:var(--primary)}.dash-main{background-color:#fafafa;flex-direction:column;flex:1;display:flex}.dash-header{border-bottom:1px solid var(--border);background-color:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.dash-title{font-size:16px;font-weight:700}.dash-header-right{align-items:center;gap:16px;display:flex}.dash-search{color:var(--text-muted);background-color:#f1f5f9;border-radius:20px;width:120px;padding:6px 12px;font-size:12px}.dash-avatar{background-color:var(--primary-light);border-radius:50%;width:28px;height:28px}.dash-content{flex-direction:column;gap:20px;padding:24px;display:flex}.dash-row{gap:20px;display:flex}.dash-card{border:1px solid var(--border);background-color:#fff;border-radius:12px;flex:1;padding:16px;box-shadow:0 2px 4px #00000005}.dash-card h5{color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:600}.dash-card h3{color:var(--text-main);margin-bottom:8px;font-size:24px;font-weight:800}.dash-card p{font-size:11px}.primary-grad{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border:none}.primary-grad h5,.primary-grad h3,.primary-grad p{color:#fff}.tasks-card ul{flex-direction:column;gap:8px;font-size:11px;list-style:none;display:flex}.tasks-card li{color:var(--text-main);align-items:center;gap:8px;display:flex}.chk{border:1px solid var(--border);border-radius:50%;width:12px;height:12px}.chk.done{background-color:var(--primary);border-color:var(--primary)}.flex-2{flex:2}.dash-table{flex-direction:column;gap:12px;display:flex}.dash-tr{color:var(--text-main);border-bottom:1px solid #f1f5f9;justify-content:space-between;padding-bottom:8px;font-size:11px;display:flex}.dash-tr span:first-child{color:var(--text-muted);width:60px}.dash-tr span:nth-child(2){flex:1;font-weight:500}.status{text-align:center;border-radius:10px;padding:2px 8px;font-weight:600}.status.paid{color:#00b67a;background:#e6f8f1}.status.pending{color:#f9a826;background:#fff6e6}.dash-tr span:nth-child(4){text-align:right;width:60px;font-weight:600}.dash-chart{align-items:center;gap:16px;margin-top:10px;display:flex}.donut{background:conic-gradient(var(--primary) 0% 40%, var(--secondary) 40% 70%, #00b67a 70% 100%);border-radius:50%;width:60px;height:60px;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-legend{color:var(--text-muted);flex-direction:column;gap:6px;font-size:10px;display:flex}.chart-legend div{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.p{background:var(--primary)}.dot.b{background:var(--secondary)}.dot.g{background:#00b67a}.floating-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:3;align-items:center;gap:12px;padding:12px 20px;animation:6s ease-in-out infinite float;display:flex;position:absolute}.crm-float{top:20px;left:-40px}.billing-float{animation-delay:2s;top:180px;right:-60px}.web-float{animation-delay:4s;bottom:20px;left:80px}.icon-small{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.purple-bg{background-color:#f3ebfa}.blue-bg{background-color:#e6f0ff}.pink-bg{background-color:#fce1eb}.floating-card h4{color:var(--text-main);margin-bottom:2px;font-size:13px}.floating-card p{color:var(--text-muted);font-size:11px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (width<=1200px){.hero-dashboard-card{grid-template-columns:220px minmax(0,1fr)}.hero-float-overview{left:-22px}.hero-float-progress{right:-18px}}@media (width<=992px){.hero-container{gap:36px}.hero-actions,.hero-features-list{justify-content:center}.floating-card{display:none}.hero-dashboard-shell{min-height:0}.hero-dashboard-card{grid-template-columns:1fr}.hero-sidebar{border-bottom:1px solid #d0d9efa6;border-right:none;flex-flow:wrap;justify-content:space-between}.hero-sidebar-section{min-width:180px}.hero-dashboard-main{padding:18px}.hero-summary-grid,.hero-dashboard-grid{grid-template-columns:1fr}.hero-float-card{margin-top:14px;position:static}.hero-float-card:hover{transform:none}}@media (width<=768px){.hero{padding:112px 0 28px}.hero-container{gap:22px}.hero-content{max-width:100%}.hero-title{margin-bottom:16px;font-size:clamp(32px,9vw,44px)}.hero-visual{display:none}.hero-mobile-visual{justify-content:center;align-items:center;width:100%;display:flex}.hero-phone-shell{background:linear-gradient(#fff 0%,#fcfcfd 100%);border:9px solid #141414;border-radius:54px;width:min(100%,300px);margin:0 auto;padding:12px 10px 8px;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 0 0 2px #212121bf,0 18px 34px #00000029}.hero-phone-shell:before{background:#0b0b0b;border:1px solid #ffffff0f;width:86px;height:22px;top:8px;box-shadow:inset 0 2px 4px #00000047}.hero-phone-shell:after{height:92px;inset:auto -16% -6%}.hero-phone-status{padding:0 2px;font-size:11px}.hero-phone-header{margin-top:10px;margin-bottom:8px}.hero-phone-header h3{font-size:22px}.hero-phone-header p{font-size:11px}.hero-phone-avatar{width:28px;height:28px;font-size:10px}.hero-phone-bell{font-size:17px}.hero-phone-pills{margin-bottom:8px}.hero-phone-pill{padding:4px 8px;font-size:10px}.hero-phone-grid{gap:6px;margin-bottom:8px}.hero-phone-card{border-radius:14px;min-height:84px;padding:9px 9px 7px}.hero-phone-card-value{margin-bottom:3px;font-size:22px}.hero-phone-card-label{font-size:10px}.hero-phone-chart-card{border-radius:16px;margin-bottom:8px;padding:10px 9px 8px}.hero-phone-section-title{margin-bottom:8px}.hero-phone-section-title h4{font-size:14px}.hero-phone-bars{gap:4px;height:96px;margin-bottom:6px;padding:7px 4px 4px}.hero-phone-legend{justify-content:flex-start;gap:5px;font-size:9px}.hero-phone-footer-grid{gap:6px}.hero-phone-footer-card{border-radius:14px;padding:9px}.hero-phone-footer-card p{margin-bottom:4px;font-size:10px}.hero-phone-footer-card strong{margin-bottom:5px;font-size:13px}.hero-phone-nav{margin-top:6px;padding:6px 4px 0;font-size:16px}.hero-float-overview,.hero-float-progress{display:none}}.hero-visual{will-change:transform;transition:transform .2s cubic-bezier(.16,1,.3,1)}.hero-sidebar-item{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.hero-sidebar-item:hover{color:var(--primary);background:#8a4baf14}.hero-sidebar-item.active{background:var(--primary-bg);color:var(--primary);font-weight:700}.hero-chip{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.hero-chip:hover{border-color:var(--primary);color:var(--primary)}.hero-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.live-tag{color:#10b981;letter-spacing:0;margin-left:8px;font-size:12px;font-weight:700}.hero-tab-content{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-contacts-table{flex-direction:column;gap:8px;margin-top:14px;display:flex}.table-header-row{text-transform:uppercase;color:#94a3b8;letter-spacing:.5px;grid-template-columns:2.2fr 1fr 1fr 1fr;padding:0 12px 6px;font-size:11px;font-weight:700;display:grid}.table-data-row{background:#fff;border:1px solid #f1f5f9;border-radius:12px;grid-template-columns:2.2fr 1fr 1fr 1fr;align-items:center;padding:10px 14px;font-size:13px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.table-data-row:hover{border-color:#8a4baf4d;transform:translateY(-2px);box-shadow:0 4px 12px #8a4baf14}.contact-info{align-items:center;gap:10px;display:flex}.contact-info small{color:#94a3b8;font-size:11px;display:block}.avatar-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.purple-avatar{background:linear-gradient(135deg,#8a4baf,#6366f1)}.blue-avatar{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.pink-avatar{background:linear-gradient(135deg,#ec4899,#f43f5e)}.green-avatar{background:linear-gradient(135deg,#10b981,#059669)}.stage-badge{color:#475569;background:#f1f5f9;border-radius:6px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:600}.status-pill{border-radius:999px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:700}.status-green{color:#059669;background:#ecfdf5}.status-blue{color:#2563eb;background:#eff6ff}.status-amber{color:#d97706;background:#fffbeb}.projects-grid-mock{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px;display:grid}.project-card-mock{background:#fff;border:1px solid #f1f5f9;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:transform .2s,border-color .2s;display:flex}.project-card-mock:hover{border-color:#8a4baf4d;transform:translateY(-2px)}.project-top{justify-content:space-between;align-items:center;display:flex}.project-top h5{color:var(--text-main);font-size:13.5px;font-weight:700}.chip-tag{border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.chip-green{color:#059669;background:#ecfdf5}.chip-blue{color:#2563eb;background:#eff6ff}.project-card-mock p{color:var(--text-muted);font-size:12px;line-height:1.4}.progress-bar-bg{background:#f1f5f9;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#8a4baf,#3b82f6);border-radius:999px;height:100%}.project-footer{color:#64748b;justify-content:space-between;font-size:11px;font-weight:600;display:flex}.hero-float-overview{animation:4.5s ease-in-out infinite floatLevitate}.hero-float-progress{animation:5s ease-in-out .6s infinite floatLevitate}@keyframes floatLevitate{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.services{background:#fff;padding:20px 0;position:relative;overflow:hidden}.services-bg-glow{filter:blur(100px);pointer-events:none;z-index:0;opacity:.45;border-radius:50%;position:absolute}.services-bg-glow.glow-1{background:radial-gradient(circle,#8a4baf40 0%,#2e8cff1a 100%);width:500px;height:500px;top:-100px;left:-150px}.services-bg-glow.glow-2{background:radial-gradient(circle,#ec48992e 0%,#8a4baf1f 100%);width:550px;height:550px;bottom:-150px;right:-150px}.services .container{z-index:1;position:relative}.services .section-header{flex-direction:column;align-items:center;max-width:720px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:flex}.services-pill{color:var(--primary);letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#8a4baf14;border:1px solid #8a4baf33;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.pill-dot{background-color:var(--primary);width:7px;height:7px;box-shadow:0 0 8px var(--primary);border-radius:50%;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.services .section-header h2{color:var(--text-main);letter-spacing:-.8px;margin-bottom:18px;font-size:42px;font-weight:800;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#8a4baf 0%,#2e8cff 50%,#8a4baf 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:6s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.services .section-header p{color:var(--text-muted);max-width:660px;font-size:17px;line-height:1.65}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;width:100%;max-width:1200px;margin:0 auto;display:grid}.service-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;flex-direction:column;align-items:flex-start;padding:32px 28px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}.card-hover-glow{pointer-events:none;opacity:.5;background:radial-gradient(circle,#8a4baf14 0%,#0000 70%);border-radius:50%;width:160px;height:160px;transition:all .4s;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.service-card:hover .card-hover-glow{opacity:1;transform:translate(10%,-10%)scale(1.4)}.service-card:hover{z-index:10;border-color:#8a4baf59;transform:translateY(-10px)scale(1.04);box-shadow:0 26px 50px -12px #8a4baf33,0 10px 20px -6px #0000000d}.service-card-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.category-tag{text-transform:uppercase;letter-spacing:.8px;color:#71717a;font-size:11px;font-weight:700}.badge-pill{letter-spacing:.2px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.service-icon-wrapper{margin-bottom:22px}.service-icon{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;transition:all .3s;display:flex}.service-card:hover .service-icon{transform:scale(1.08)rotate(-3deg)}.theme-purple .service-icon{color:#8a4baf;background:linear-gradient(135deg,#f3ebfa 0%,#e9d5ff 100%);box-shadow:0 6px 16px #8a4baf26}.theme-purple .badge-pill{color:#8a4baf;background:#8a4baf1a}.theme-emerald .service-icon{color:#059669;background:linear-gradient(135deg,#ecfdf5 0%,#a7f3d0 100%);box-shadow:0 6px 16px #10b98126}.theme-emerald .badge-pill{color:#059669;background:#10b9811a}.theme-blue .service-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#bfdbfe 100%);box-shadow:0 6px 16px #3b82f626}.theme-blue .badge-pill{color:#2563eb;background:#3b82f61a}.theme-pink .service-icon{color:#db2777;background:linear-gradient(135deg,#fdf2f8 0%,#fbcfe8 100%);box-shadow:0 6px 16px #ec489926}.theme-pink .badge-pill{color:#db2777;background:#ec48991a}.theme-violet .service-icon{color:#7c3aed;background:linear-gradient(135deg,#f5f3ff 0%,#ddd6fe 100%);box-shadow:0 6px 16px #7c3aed26}.theme-violet .badge-pill{color:#7c3aed;background:#7c3aed1a}.theme-amber .service-icon{color:#d97706;background:linear-gradient(135deg,#fffbeb 0%,#fde68a 100%);box-shadow:0 6px 16px #f59e0b2e}.theme-amber .badge-pill{color:#d97706;background:#f59e0b1f}.service-card h3{color:var(--text-main);letter-spacing:-.3px;margin-bottom:12px;font-size:21px;font-weight:700;line-height:1.3}.service-card p{color:var(--text-muted);flex-grow:1;margin-bottom:22px;font-size:14.5px;line-height:1.6}.service-features{flex-wrap:wrap;gap:8px;width:100%;margin-bottom:26px;display:flex}.feature-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.feature-pill svg{color:#10b981}.service-card:hover .feature-pill{background:#fff;border-color:#cbd5e1}.service-link{color:var(--primary);align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:700;text-decoration:none;transition:gap .3s,color .2s;display:inline-flex}.arrow-icon{transition:transform .3s}.service-card:hover .service-link{color:var(--primary-dark)}.service-card:hover .arrow-icon{transform:translate(6px)}@media (width<=1100px){.services-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=768px){.services{padding:70px 0 60px}.services .section-header{margin-bottom:44px}.services .section-header h2{font-size:32px}.services .section-header p{font-size:15px}.services-grid{grid-template-columns:repeat(2,1fr);gap:16px}.service-card{border-radius:16px;padding:24px 20px}.service-card h3{font-size:18px}.service-card p{font-size:13.5px}}@media (width<=600px){.services-grid{grid-template-columns:1fr;gap:20px}.services .section-header h2{font-size:28px}.service-card{padding:24px 20px}}.process-section{background:#fff;padding:20px 0 32px;position:relative;overflow:visible}.process-bg-glow{filter:blur(110px);pointer-events:none;z-index:0;opacity:.35;border-radius:50%;position:absolute}.process-bg-glow.glow-top{background:radial-gradient(circle,#8a4baf38 0%,#2e8cff14 100%);width:500px;height:500px;top:-120px;right:-100px}.process-bg-glow.glow-bottom{background:radial-gradient(circle,#6366f12e 0%,#8a4baf1a 100%);width:550px;height:550px;bottom:-140px;left:-120px}.process-section .container{z-index:1;position:relative}.process-section .section-header{flex-direction:column;align-items:center;max-width:720px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:flex}.process-pill{color:var(--primary);letter-spacing:.6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#8a4baf14;border:1px solid #8a4baf33;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.process-section .section-header h2{color:var(--text-main);letter-spacing:-.8px;margin-bottom:18px;font-size:42px;font-weight:800;line-height:1.2}.process-section .section-header p{color:var(--text-muted);max-width:660px;font-size:17px;line-height:1.65}.process-timeline{width:100%;max-width:1200px;margin:0 auto;position:relative}.process-grid{z-index:1;perspective:1200px;grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.process-step-card{cursor:pointer;opacity:1;transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)) translateY(0);transform-style:preserve-3d;will-change:transform;background:#fff;border:1px solid #e2e8f0d9;border-radius:20px;flex-direction:column;align-items:flex-start;padding:30px 24px;transition:border-color .3s,box-shadow .3s,transform .15s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}.process-step-card.is-visible{opacity:1}.card-mouse-spotlight{background:radial-gradient(320px circle at var(--mouse-x,50%) var(--mouse-y,50%), #8a4baf24, transparent 80%);pointer-events:none;opacity:0;z-index:0;border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.process-step-card:hover .card-mouse-spotlight{opacity:1}.process-step-card:hover{transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)) translateY(-10px) scale(1.055);z-index:10;border-color:#8a4baf66;box-shadow:0 28px 55px -12px #8a4baf38,0 10px 22px -6px #0000000d}.step-card-header{z-index:1;justify-content:space-between;align-items:center;width:100%;margin-bottom:18px;display:flex;position:relative}.step-badge{letter-spacing:.8px;color:var(--primary);background:#8a4baf17;border:1px solid #8a4baf2e;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800;transition:all .3s}.process-step-card:hover .step-badge{background:var(--primary);color:#fff;border-color:var(--primary)}.step-icon-box{width:48px;height:48px;color:var(--primary);background:linear-gradient(135deg,#f3ebfa 0%,#e9d5ff 100%);border-radius:14px;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s;display:flex;box-shadow:0 4px 12px #8a4baf1f}.process-step-card:hover .step-icon-box{color:#fff;background:linear-gradient(135deg,#8a4baf 0%,#6366f1 100%);transform:scale(1.12)rotate(-5deg);box-shadow:0 8px 20px #8a4baf4d}.step-phase{text-transform:uppercase;letter-spacing:.6px;color:#71717a;z-index:1;margin-bottom:8px;font-size:11px;font-weight:700;position:relative}.process-step-card h3{color:var(--text-main);letter-spacing:-.3px;z-index:1;margin-bottom:10px;font-size:19px;font-weight:700;line-height:1.3;position:relative}.process-step-card p{color:var(--text-muted);z-index:1;flex-grow:1;margin-bottom:22px;font-size:14px;line-height:1.6;position:relative}.step-deliverables{z-index:1;flex-wrap:wrap;gap:6px;width:100%;margin-top:auto;display:flex;position:relative}.deliverable-tag{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:11.5px;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s,color .2s;display:inline-flex}.deliverable-tag svg{color:#10b981;transition:transform .2s}.deliverable-tag:hover{color:var(--primary);background:#fff;border-color:#8a4baf59;transform:translateY(-2px)scale(1.05);box-shadow:0 4px 10px #8a4baf1a}.deliverable-tag:hover svg{transform:scale(1.2)}.card-bottom-indicator{opacity:0;transform-origin:50%;background:linear-gradient(90deg,#8a4baf 0%,#2e8cff 50%,#8a4baf 100%);width:100%;height:3px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.process-step-card:hover .card-bottom-indicator{opacity:1;transform:scaleX(1)}@media (width<=1100px){.process-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (width<=768px){.process-section{padding:70px 0 60px}.process-section .section-header{margin-bottom:44px}.process-section .section-header h2{font-size:32px}.process-section .section-header p{font-size:15px}.process-grid{grid-template-columns:repeat(2,1fr);gap:16px}.process-step-card{border-radius:16px;padding:24px 20px}.process-step-card h3{font-size:17px}.process-step-card p{font-size:13.5px}}@media (width<=600px){.process-grid{grid-template-columns:1fr;gap:20px}.process-section .section-header h2{font-size:28px}.process-step-card{padding:24px 20px}}.app-availability-section{color:#0f172a;background:#fff;padding:32px 0 20px;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:visible}.availability-outer-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.bg-dots-pattern{opacity:.25;background-image:radial-gradient(#c084fc 1.5px,#0000 1.5px);background-size:16px 16px;width:200px;height:200px;position:absolute}.dots-left{top:15px;left:15px}.dots-right{bottom:15px;right:15px}.bg-gradient-glow.glow-top-purple{filter:blur(40px);background:radial-gradient(#7c3aed1a 0%,#0000 70%);width:500px;height:200px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.availability-container{z-index:2;width:100%;max-width:var(--container-width,1200px);margin:0 auto;padding:0 24px;position:relative}.store-banner-card{background:#faf9fe;border:1px solid #ede9ff;border-radius:20px;width:100%;padding:26px 38px;position:relative;box-shadow:0 12px 32px #7c3aed0d,0 2px 6px #00000005}@media (width<=992px){.store-banner-card{padding:20px 18px}}.handwritten-annotation{z-index:3;color:#7c3aed;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:-12px;right:48px}.curved-arrow{flex-shrink:0;transform:rotate(-5deg)}.handwritten-text{color:#7c3aed;white-space:nowrap;font-family:Architects Daughter,cursive,sans-serif;font-size:.98rem;font-weight:700;line-height:1.1;transform:rotate(2deg)}@media (width<=992px){.handwritten-annotation{display:none}}.store-banner-content{justify-content:space-between;align-items:center;gap:32px;display:flex}@media (width<=992px){.store-banner-content{flex-direction:column;align-items:flex-start;gap:20px}}.banner-left-col{flex:1;max-width:400px}.banner-heading{color:#0f172a;letter-spacing:-.5px;margin:0 0 8px;font-size:2.05rem;font-weight:800;line-height:1.12}.purple-text{color:#7c3aed}.banner-subtext{color:#475569;margin:0;font-size:.88rem;line-height:1.48}.banner-cards-col{align-items:stretch;gap:16px;display:flex}@media (width<=1024px){.banner-cards-col{flex-wrap:wrap;justify-content:center;width:100%}}.store-app-card{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;flex-direction:column;justify-content:space-between;width:195px;padding:14px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 4px #00000005}.store-app-card:hover{background:#fff;border-color:#7c3aed40;transform:translateY(-3px);box-shadow:0 10px 20px #7c3aed1a}.app-card-top{justify-content:space-between;align-items:flex-start;display:flex}.app-icon-square{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 4px #00000008}.app-rating-pill{background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;flex-direction:column;align-items:flex-end;padding:2px 6px;display:flex}.rating-score{color:#d97706;font-size:.72rem;font-weight:800;line-height:1.1}.rating-count{color:#b45309;font-size:.58rem;font-weight:500}.app-info-block{margin:10px 0 12px}.app-title{color:#0f172a;margin:0 0 2px;font-size:.9rem;font-weight:800;line-height:1.2}.app-platform{color:#64748b;font-size:.72rem;font-weight:500}.dark-download-btn{color:#fff;cursor:pointer;text-align:left;background:#0f172a;border:none;border-radius:10px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-family:inherit;text-decoration:none;transition:all .25s;display:flex}.dark-download-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #7c3aed59}.btn-brand-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-labels{flex-direction:column;flex-grow:1;display:flex}.btn-sub{text-transform:uppercase;color:#94a3b8;font-size:.54rem;font-weight:600;line-height:1}.dark-download-btn:hover .btn-sub{color:#fffc}.btn-main{color:#fff;font-size:.78rem;font-weight:700;line-height:1.15}.btn-arrow{opacity:.7;flex-shrink:0;transition:transform .2s,opacity .2s}.dark-download-btn:hover .btn-arrow{opacity:1;transform:translate(3px)}.slogan-divider{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.slogan-line{background:linear-gradient(90deg,#0000,#8b5cf6,#0000);flex:1;max-width:140px;height:1.5px}.slogan-text{letter-spacing:1.5px;color:#6d28d9;text-transform:uppercase;font-size:.76rem;font-weight:800}.footer{background-color:var(--background);border-top:1px solid var(--border);padding:80px 0 40px}.footer-content{justify-content:space-between;gap:60px;margin-bottom:60px;display:flex}.footer-brand{max-width:350px}.footer-brand .logo{margin-bottom:24px}.footer-brand p{color:var(--text-muted);font-size:15px;line-height:1.6}.footer-links{gap:80px;display:flex}.link-group{flex-direction:column;gap:16px;display:flex}.link-group h4{color:var(--text-main);margin-bottom:8px;font-size:16px;font-weight:700}.link-group a{color:var(--text-muted);font-size:14px}.social-link{align-items:center;gap:8px;display:inline-flex}.social-icon{fill:currentColor;flex-shrink:0;width:18px;height:18px}.link-group a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:32px;font-size:14px;display:flex}.footer-legal{gap:24px;display:flex}.footer-legal a:hover{color:var(--primary)}.footer-legal-btn{font-size:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none;transition:color .2s}.footer-legal-btn:hover{color:var(--primary)}@media (width<=768px){.footer{padding:60px 0 32px}.footer-content{flex-direction:column;gap:32px}.footer-brand{max-width:100%}.footer-links{flex-wrap:wrap;gap:24px}.link-group{gap:12px}.link-group a{font-size:13px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.footer-legal{flex-wrap:wrap;justify-content:center;gap:14px}}.home{background-color:var(--background);width:100%;min-height:100vh}