:root{--bg-page: #f8fafc;--bg-card: #ffffff;--bg-subtle: #f1f5f9;--bg-blue-light: #eff6ff;--bg-purple-light: #f3e8ff;--border-light: #e2e8f0;--border-accent: #cbd5e1;--border-blue: #bfdbfe;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--color-blue: #2563eb;--color-blue-hover: #1d4ed8;--color-purple: #7c3aed;--color-green: #16a34a;--color-cyan: #0891b2;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 4px 20px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 30px rgba(37, 99, 235, .08);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}.landing-container{min-height:100vh;width:100%;background:radial-gradient(circle at 10% 10%,rgba(37,99,235,.03) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(124,58,237,.03) 0%,transparent 40%),var(--bg-page);color:var(--text-primary);font-family:var(--font-family);display:flex;flex-direction:column;position:relative;overflow-x:hidden;padding:0 max(32px,3.5vw) 32px;max-width:1650px;margin:0 auto}.ambient-blob{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.blob-top-left{width:500px;height:500px;background:#2563eb0d;top:-100px;left:-100px}.blob-top-right{width:500px;height:500px;background:#7c3aed0d;top:-100px;right:-100px}.landing-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px 0;width:100%;border-bottom:1px solid rgba(226,232,240,.8);margin-bottom:32px}.brand-group{display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-frame{width:44px;height:44px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.brand-logo-img{width:100%;height:100%;object-fit:contain}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:18px;font-weight:800;letter-spacing:.5px;color:var(--text-primary);line-height:1.1}.brand-sub{font-size:12.5px;font-weight:600;color:var(--text-muted);line-height:1.2}.header-right-group{display:flex;align-items:center;gap:16px}.header-status-group{display:flex;align-items:center;gap:10px}.status-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-light);padding:6px 14px;border-radius:20px;font-size:12.5px;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.pulse-dot{width:8px;height:8px;background:var(--color-green);border-radius:50%;box-shadow:0 0 8px #16a34a99;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}.secure-badge{color:var(--color-blue);background:var(--bg-blue-light);border-color:var(--border-blue)}.badge-icon{color:var(--color-blue)}.admin-header-btn{display:inline-flex;align-items:center;gap:8px;background:var(--bg-blue-light);color:var(--color-blue);border:1px solid var(--border-blue);padding:8px 18px;border-radius:20px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.admin-header-btn:hover{background:#dbeafe;border-color:var(--color-blue);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.admin-btn-icon{color:var(--color-blue)}.landing-main-grid{position:relative;z-index:10;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;width:100%;align-items:center}.left-hero-column{display:flex;flex-direction:column}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--bg-blue-light);border:1px solid var(--border-blue);color:var(--color-blue);padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:20px;width:fit-content}.eyebrow-accent{width:6px;height:6px;background:var(--color-blue);border-radius:50%}.hero-main-title{font-size:48px;font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:18px}.title-highlight-blue{color:var(--color-blue)}.title-highlight-purple{background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:15.5px;color:var(--text-secondary);line-height:1.6;max-width:580px;margin-bottom:32px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.benefit-card{display:flex;align-items:center;gap:14px}.benefit-icon-wrapper{width:44px;height:44px;border-radius:12px;background:var(--bg-blue-light);color:var(--color-blue);border:1px solid var(--border-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-info{display:flex;flex-direction:column}.benefit-title{font-size:14.5px;font-weight:700;color:var(--text-primary);line-height:1.2}.benefit-desc{font-size:12.5px;color:var(--text-muted);line-height:1.3;margin-top:2px}.special-offer-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--border-light);border-radius:18px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.offer-left{display:flex;align-items:center;gap:16px;flex:1}.offer-icon-box{width:48px;height:48px;border-radius:14px;background:var(--bg-blue-light);color:var(--color-blue);border:1px solid var(--border-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.offer-text-content{display:flex;flex-direction:column}.offer-title{font-size:15px;font-weight:700;color:var(--color-blue);margin-bottom:3px}.offer-desc{font-size:12.5px;color:var(--text-muted);line-height:1.4;max-width:320px}.offer-divider{width:1px;height:50px;background:var(--border-light);margin:0 20px}.offer-right{display:flex;flex-direction:column;align-items:flex-start;min-width:130px}.offer-tag{font-size:11px;font-weight:700;color:#c084fc;margin-bottom:2px}.offer-discount{font-size:24px;font-weight:800;color:var(--color-purple);line-height:1}.discount-sub{font-size:13px;font-weight:700}.offer-duration{font-size:11.5px;color:var(--text-muted);margin-top:2px}.right-hero-column{display:flex;flex-direction:column;gap:16px}.vendor-crm-card{position:relative;background:#fff;border:2px solid #2563eb;border-radius:20px;padding:24px 28px;box-shadow:0 10px 30px #2563eb17;cursor:pointer;transition:all .25s ease}.vendor-crm-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px #2563eb29;border-color:#1d4ed8}.vendor-badge-pill{position:absolute;top:20px;right:24px;font-size:11px;font-weight:800;letter-spacing:.5px;background:var(--bg-blue-light);color:var(--color-blue);border:1px solid var(--border-blue);padding:4px 12px;border-radius:15px}.vendor-card-body{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:4px}.vendor-card-left{flex:1;display:flex;flex-direction:column}.vendor-icon-circle-solid{width:46px;height:46px;border-radius:50%;background:#2563eb;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 4px 12px #2563eb4d}.vendor-card-title{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.vendor-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:14px}.vendor-card-feature{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:18px}.vendor-login-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:20px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #2563eb40;width:fit-content}.vendor-login-cta-btn:hover{background:#1d4ed8;transform:translate(2px);box-shadow:0 6px 18px #2563eb59}.vendor-card-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.curved-arrow-wrapper{width:55px;height:50px;flex-shrink:0}.curved-blue-arrow-svg{width:100%;height:100%}.vendor-login-mockup{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:14px 16px;box-shadow:0 8px 24px #0f172a14;display:flex;flex-direction:column;gap:6px;width:175px;flex-shrink:0}.mockup-heading{font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.1}.mockup-sub{font-size:10.5px;color:var(--text-muted);margin-bottom:2px}.mockup-input-group{display:flex;align-items:center;gap:6px;background:var(--bg-page);border:1px solid var(--border-light);border-radius:6px;padding:6px 8px}.mockup-input-icon{color:var(--text-muted);flex-shrink:0}.mockup-placeholder{font-size:10px;color:#94a3b8;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-eye-icon{color:#94a3b8}.mockup-login-btn{background:#2563eb;color:#fff;font-size:11px;font-weight:700;text-align:center;padding:6px;border-radius:6px;margin-top:2px}.mockup-forgot{font-size:9.5px;color:#2563eb;text-align:center;font-weight:600}.landing-bottom-bar{position:relative;z-index:10;background:#fff;border:1px solid var(--border-light);border-radius:18px;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;margin-top:36px;box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:16px}.primary-cta-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:12px 26px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #2563eb4d}.primary-cta-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px #2563eb73;transform:translateY(-1px)}.bottom-divider{width:1px;height:28px;background:var(--border-light)}.website-link{font-size:14px;font-weight:600}.link-label{color:var(--text-muted)}.link-url{color:var(--color-blue);text-decoration:none;font-weight:700}.link-url:hover{text-decoration:underline}.phone-contact{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary)}.phone-icon{color:var(--color-blue)}.social-icons-group{display:flex;align-items:center;gap:10px}.social-icon{width:34px;height:34px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border-light);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease}.social-icon:hover{background:var(--bg-blue-light);color:var(--color-blue);border-color:var(--border-blue);transform:translateY(-2px)}.landing-footer{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:24px 0 8px;width:100%;border-top:1px solid rgba(226,232,240,.8);margin-top:24px;font-size:13px;color:var(--text-muted)}.footer-copyright{color:var(--text-muted)}.footer-tagline{font-weight:600;color:var(--text-secondary)}@media (max-width: 1100px){.landing-main-grid{grid-template-columns:1fr;gap:32px}.left-hero-column{max-width:100%}.hero-main-title{font-size:40px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.landing-bottom-bar{justify-content:center}.vendor-card-body{flex-direction:column;align-items:flex-start}.vendor-card-right{width:100%;justify-content:center;margin-top:12px}}@media (max-width: 768px){.landing-container{padding:0 16px 24px}.landing-header{flex-direction:column;align-items:flex-start;gap:16px}.header-right-group{width:100%;justify-content:space-between;flex-wrap:wrap}.hero-main-title{font-size:32px}.benefits-grid{grid-template-columns:1fr}.special-offer-card{flex-direction:column;align-items:flex-start;gap:16px}.offer-divider{display:none}.landing-bottom-bar{flex-direction:column;align-items:stretch;text-align:center}.bottom-divider{display:none}.primary-cta-btn,.social-icons-group{justify-content:center}.landing-footer{flex-direction:column;gap:8px;text-align:center}}