.cookie-banner{z-index:9999;color:#f9fafb;background:#1f2937;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000040}.cookie-banner-text{flex:1;min-width:200px;margin:0;font-size:13px;line-height:1.5}.cookie-banner-link{color:#a78bfa;text-decoration:underline}.cookie-banner-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6c63ff;border:none;border-radius:6px;flex-shrink:0;padding:8px 20px;font-size:13px;font-weight:600}.cookie-banner-btn:hover{background:#5b52ee}:root{--color-primary:#6c63ff;--color-secondary:gold;--color-white:#fff;--color-gray:#f3f4f6;--color-gray-light:#f9fafb;--color-text-dark:#1f2937;--color-text-light:#9ca3af;--color-error:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px;--spacing-xxxl:32px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-tiny:10px;--font-size-small:12px;--font-size-body:14px;--font-size-h4:16px;--font-size-h3:18px;--font-size-h2:20px;--font-size-h1:24px;--font-size-hero:32px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-white);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner{border:3px solid var(--color-gray);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.material-icons{vertical-align:middle;font-size:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-light)}::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dark)}@media (min-width:640px){.container{padding:0 var(--spacing-xxl)}}@media (min-width:1024px){.container{padding:0 var(--spacing-xxxl)}}
:root{--navy:#0f172a;--navy-light:#1e293b;--navy-muted:#334155;--orange:#ff6b2c;--orange-dark:#e5551a;--orange-glow:#ff6b2c40;--yellow:#fbbf24;--yellow-glow:#fbbf2433;--primary:#00a8e8;--primary-dark:#0284c7;--primary-light:#00a8e81f;--vendor:#8b5cf6;--vendor-dark:#7c3aed;--vendor-light:#8b5cf61f;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--glass-bg:#ffffff0f;--glass-border:#ffffff1f;--glass-bg-light:#ffffffa6;--glass-border-light:#ffffff80;--shadow-sm:0 1px 3px #0000000f;--shadow:0 4px 12px #00000014;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 16px 40px #0000001f;--shadow-xl:0 24px 56px #00000029;--shadow-glow-orange:0 8px 32px #ff6b2c4d;--shadow-glow-vendor:0 8px 32px #8b5cf640;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:.15s ease;--transition:.28s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--font-heading:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}@keyframes orb1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.95)}}@keyframes orb2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-50px,30px)scale(.9)}66%{transform:translate(40px,-50px)scale(1.08)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.landing-page{font-family:var(--font-body);color:var(--gray-800);background:var(--white);line-height:1.6;overflow-x:hidden}.landing-page *{box-sizing:border-box}.container{max-width:1720px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:56px;animation:.5s both fadeInUp}.section-tag{text-transform:uppercase;letter-spacing:1.5px;color:var(--orange);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-flex}.section-title{font-family:var(--font-heading);color:var(--gray-900);letter-spacing:-.03em;margin:0 0 14px;font-size:38px;font-weight:800;line-height:1.15}.section-subtitle{color:var(--gray-500);max-width:580px;margin:0 auto;font-size:17px;line-height:1.7}.nav{-webkit-backdrop-filter:blur(16px);z-index:1000;border-bottom:1px solid var(--gray-100);background:#ffffffe0;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.nav-logo{align-items:center;gap:8px;display:flex}.nav-logo .material-icons{color:var(--orange);font-size:30px}.nav-logo-text{font-family:var(--font-heading);background:linear-gradient(135deg, var(--orange) 0%, var(--yellow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--gray-600);transition:color var(--transition-fast);font-size:15px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--orange)}.blog-meta-time{color:var(--primary-dark);font-weight:600}.hiw-column-header{font-family:var(--font-heading);border-radius:var(--radius);align-items:center;gap:10px;margin-bottom:28px;padding:14px 20px;font-size:17px;font-weight:700;display:flex}.hiw-column-header .material-icons{font-size:22px}.user-header{color:var(--orange)!important;background:#ff6b2c2e!important;border:1px solid #ff6b2c4d!important}.vendor-header{color:var(--vendor)!important;background:#8b5cf62e!important;border:1px solid #8b5cf64d!important}.hiw-steps{flex-direction:column;gap:22px;display:flex}.hiw-step{transition:transform var(--transition);gap:16px;display:flex}.hiw-step:hover{transform:translate(4px)}.nav-link-vendor{color:var(--vendor);font-weight:600}.nav-link-vendor:hover{color:var(--vendor-dark)}.hero{background:var(--navy);align-items:center;gap:60px;min-height:100vh;padding:110px max(24px,50vw - 700px) 70px;display:flex;position:relative;overflow:hidden}.hero-bg-pattern{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-bg-pattern:before{content:"";filter:blur(80px);background:radial-gradient(circle,#ff6b2c59 0%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:12s ease-in-out infinite orb1;position:absolute;top:-20%;right:-10%}.hero-bg-pattern:after{content:"";filter:blur(80px);background:radial-gradient(circle,#8b5cf64d 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:14s ease-in-out infinite orb2;position:absolute;bottom:-15%;left:-5%}.hero-content{z-index:2;flex:1;max-width:720px}.hero-badge{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--yellow);border-radius:var(--radius-full);letter-spacing:.3px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 18px;font-size:13px;font-weight:700;animation:.5s both fadeInUp;display:inline-flex}.hero-badge .material-icons{font-size:16px}.hero-title{font-family:var(--font-heading);letter-spacing:-.04em;margin:0 0 28px;font-size:66px;font-weight:800;line-height:1.08;animation:.6s .1s both fadeInUp}.hero-title-line{color:var(--white);display:block}.hero-title-accent{background:linear-gradient(135deg, var(--orange) 0%, var(--yellow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:4px;display:block}.hero-subtitle{color:var(--gray-400);max-width:580px;margin:0 0 40px;font-size:19px;line-height:1.75;animation:.6s .2s both fadeInUp}.hero-cta-group{flex-wrap:wrap;gap:16px;margin-bottom:52px;animation:.6s .3s both fadeInUp;display:flex}.hero-stats{align-items:center;gap:28px;animation:.6s .4s both fadeInUp;display:flex}.hero-stat-value{font-family:var(--font-heading);color:var(--white);font-size:30px;font-weight:800;display:block}.hero-stat-label{color:var(--gray-400);font-size:13px}.hero-stat-divider{background:var(--glass-border);width:1px;height:36px}.hero-visual{z-index:2;flex:1;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.hero-float-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);color:var(--white);align-items:center;gap:14px;padding:20px 24px;display:flex;position:absolute;box-shadow:0 12px 40px #00000040}.hero-float-card-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.hero-float-card-icon .material-icons{color:var(--white);font-size:26px}.hero-float-card-text h4{font-family:var(--font-heading);margin:0 0 2px;font-size:15px;font-weight:700}.hero-float-card-text p{color:var(--gray-400);margin:0;font-size:12px}.float-card-1{animation:5s ease-in-out infinite float;top:10%;right:8%}.float-card-1 .hero-float-card-icon{background:linear-gradient(135deg, var(--orange), #ff9f68)}.float-card-2{animation:6s ease-in-out .5s infinite floatSlow;top:42%;right:22%}.float-card-2 .hero-float-card-icon{background:linear-gradient(135deg, var(--vendor), #a78bfa)}.float-card-3{animation:7s ease-in-out 1s infinite float;bottom:12%;right:5%}.float-card-3 .hero-float-card-icon{background:linear-gradient(135deg, var(--success), #4ade80)}.float-card-4{animation:5.5s ease-in-out 1.5s infinite floatSlow;top:24%;right:45%}.float-card-4 .hero-float-card-icon{background:linear-gradient(135deg, var(--yellow), #fcd34d)}.float-card-5{animation:6.5s ease-in-out .8s infinite float;bottom:32%;right:40%}.float-card-5 .hero-float-card-icon{background:linear-gradient(135deg, var(--primary), #38bdf8)}.hero-central-orb{background:radial-gradient(circle,#ff6b2c26 0%,#0000 70%);border:1px solid #ff6b2c1a;border-radius:50%;width:260px;height:260px;animation:6s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-central-orb:after{content:"";border:1px dashed #ffffff14;border-radius:50%;position:absolute;inset:30px}.scroll-indicator{cursor:pointer;animation:2s infinite bounce;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-indicator .material-icons{color:var(--gray-500);font-size:32px}.btn-primary,.btn-secondary{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);font-size:15px;font-weight:600;font-family:var(--font-body);border:none;align-items:center;gap:8px;padding:14px 28px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%);color:var(--white);box-shadow:var(--shadow-glow-orange)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 36px #ff6b2c66}.btn-secondary{background:var(--glass-bg);color:var(--white);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff1f;transform:translateY(-2px)}.btn-secondary-vendor{color:#d8b4fe!important;background:#8b5cf61a!important;border-color:#8b5cf666!important}.btn-secondary-vendor:hover{box-shadow:0 0 15px #8b5cf64d;color:#fff!important;background:#8b5cf640!important;border-color:#8b5cf699!important}.btn-lg{padding:16px 34px;font-size:16px}.btn-vendor{background:linear-gradient(135deg, var(--vendor) 0%, var(--vendor-dark) 100%);box-shadow:var(--shadow-glow-vendor)}.btn-vendor:hover{box-shadow:0 12px 36px #8b5cf666}.btn-primary-solid{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);font-size:15px;font-weight:600;font-family:var(--font-body);background:linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%);color:var(--white);box-shadow:var(--shadow-glow-orange);border:none;align-items:center;gap:8px;padding:14px 28px;display:inline-flex}.btn-primary-solid:hover{transform:translateY(-3px);box-shadow:0 12px 36px #ff6b2c59}.btn-vendor-solid{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);font-size:15px;font-weight:600;font-family:var(--font-body);background:linear-gradient(135deg, var(--vendor) 0%, var(--vendor-dark) 100%);color:var(--white);box-shadow:var(--shadow-glow-vendor);border:none;align-items:center;gap:8px;padding:14px 28px;display:inline-flex}.btn-vendor-solid:hover{transform:translateY(-3px);box-shadow:0 12px 36px #8b5cf659}.persona-section{background:var(--gray-50);transition:background var(--transition-slow);padding:100px 24px;position:relative;overflow:hidden}.persona-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b2c12 0%,#0000 70%);border-radius:50%;width:350px;height:350px;animation:8s ease-in-out infinite pulse;position:absolute;top:-80px;right:-80px}.persona-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf612 0%,#0000 70%);border-radius:50%;width:280px;height:280px;animation:10s ease-in-out 2s infinite pulse;position:absolute;bottom:-60px;left:-60px}.persona-section.vendor-active{background:linear-gradient(180deg, #faf5ff 0%, var(--gray-50) 100%)}.persona-toggle{background:var(--white);border-radius:var(--radius-full);max-width:420px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);justify-content:center;gap:6px;margin-bottom:48px;margin-left:auto;margin-right:auto;padding:5px;display:flex}.persona-toggle-btn{border-radius:var(--radius-full);color:var(--gray-400);cursor:pointer;transition:all var(--transition);font-size:15px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 24px;display:flex}.persona-toggle-btn.active{color:var(--white);box-shadow:var(--shadow)}.persona-toggle-btn.active.user-toggle{background:linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%)}.persona-toggle-btn.active.vendor-toggle{background:linear-gradient(135deg, var(--vendor) 0%, var(--vendor-dark) 100%)}.persona-toggle-btn .material-icons{font-size:20px}.persona-cards{grid-template-columns:repeat(2,1fr);gap:28px;max-width:920px;margin:0 auto;display:grid}.persona-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);transition:all var(--transition);opacity:.5;padding:36px 30px;animation:.6s both fadeInUp;transform:scale(.97)}.persona-card:first-child{animation-delay:.1s}.persona-card:nth-child(2){animation-delay:.25s}.persona-card.active{opacity:1;box-shadow:var(--shadow-lg);transform:scale(1)}.persona-card.active.user-active{border-color:#ff6b2c40}.persona-card.active.vendor-active{border-color:#8b5cf640}.persona-card-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:22px;display:flex}.persona-card-icon .material-icons{color:var(--white);font-size:30px}.user-icon{background:linear-gradient(135deg, var(--orange), #ff9f68)}.vendor-icon{background:linear-gradient(135deg, var(--vendor), #a78bfa)}.persona-card-title{font-family:var(--font-heading);color:var(--gray-900);margin:0 0 20px;font-size:22px;font-weight:700}.persona-features{margin:0 0 28px;padding:0;list-style:none}.persona-features li{color:var(--gray-600);align-items:flex-start;gap:10px;padding:9px 0;font-size:15px;line-height:1.5;display:flex}.persona-features .material-icons{color:var(--success);flex-shrink:0;margin-top:1px;font-size:20px}.features{background:var(--white);padding:110px 24px}.features-grid{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-100);transition:all var(--transition);padding:32px 28px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--orange), var(--vendor));opacity:0;width:100%;height:4px;transition:opacity var(--transition);position:absolute;top:0;left:0}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-card:first-child{grid-column:1/2}.feature-icon{border-radius:var(--radius);background:var(--glass-bg-light);border:1px solid var(--glass-border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex;position:relative}.feature-card:first-child .feature-icon,.feature-card:nth-child(4) .feature-icon{background:var(--orange-glow);border-color:#ff6b2c33}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{background:#00a8e81f;border-color:#00a8e833}.feature-card:nth-child(3) .feature-icon,.feature-card:nth-child(6) .feature-icon{background:var(--vendor-light);border-color:#8b5cf633}.feature-icon .material-icons{font-size:28px}.feature-card:first-child .feature-icon .material-icons,.feature-card:nth-child(4) .feature-icon .material-icons{color:var(--orange)}.feature-card:nth-child(2) .feature-icon .material-icons,.feature-card:nth-child(5) .feature-icon .material-icons{color:var(--primary)}.feature-card:nth-child(3) .feature-icon .material-icons,.feature-card:nth-child(6) .feature-icon .material-icons{color:var(--vendor)}.feature-title{font-family:var(--font-heading);color:var(--gray-900);margin:0 0 8px;font-size:17px;font-weight:700}.feature-description{color:var(--gray-500);margin:0;font-size:14px;line-height:1.65}.feature-card{animation:.5s both fadeInUp}.feature-card:first-child{animation-delay:50ms}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.15s}.feature-card:nth-child(4){animation-delay:.2s}.feature-card:nth-child(5){animation-delay:.25s}.feature-card:nth-child(6){animation-delay:.3s}.vendors-section{background:var(--navy);color:var(--white);padding:110px 24px;position:relative;overflow:hidden}.vendors-section:before{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.vendors-section:after{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#ff6b2c26 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-80px;left:-80px}.vendors-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid;position:relative}.vendors-badge{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--yellow);letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:18px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.vendors-title{font-family:var(--font-heading);letter-spacing:-.03em;margin:0 0 16px;font-size:38px;font-weight:800;line-height:1.15}.vendors-subtitle{color:var(--gray-400);margin:0 0 40px;font-size:17px;line-height:1.7}.vendors-features{flex-direction:column;gap:22px;display:flex}.vendor-feature{gap:16px;display:flex}.vendor-feature-icon{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.vendor-feature-icon .material-icons{color:var(--yellow);font-size:22px}.vendor-feature-content h4{font-family:var(--font-heading);margin:0 0 3px;font-size:15px;font-weight:700}.vendor-feature-content p{color:var(--gray-400);margin:0;font-size:13px;line-height:1.6}.vendors-visual{justify-content:center;display:flex}.vendor-mockup{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);width:320px;padding:32px;box-shadow:0 20px 60px #0000004d}.mockup-header{font-family:var(--font-heading);color:var(--yellow);align-items:center;gap:10px;margin-bottom:24px;font-size:17px;font-weight:700;display:flex}.mockup-header .material-icons{font-size:26px}.mockup-stats{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff0f;justify-content:space-between;margin-bottom:24px;padding:16px;display:flex}.mockup-stat{text-align:center}.mockup-stat-value{font-family:var(--font-heading);color:var(--white);font-size:24px;font-weight:800;display:block}.mockup-stat-label{color:var(--gray-400);font-size:11px}.mockup-qr{text-align:center}.qr-placeholder{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff0f;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 10px;display:flex}.qr-placeholder .material-icons{color:var(--gray-500);font-size:52px}.mockup-qr p{color:var(--gray-500);margin:0;font-size:13px}.how-it-works{background:var(--gray-50);padding:110px 24px}.how-it-works-split{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.hiw-column{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-100);transition:transform var(--transition), box-shadow var(--transition);padding:36px}.hiw-column:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.hiw-step-number{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-full);width:38px;height:38px;font-family:var(--font-heading);color:var(--gray-500);transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.hiw-step:hover .hiw-step-number{border-color:var(--orange);color:var(--orange);background:var(--orange-glow)}.vendor-column .hiw-step:hover .hiw-step-number{border-color:var(--vendor);color:var(--vendor);background:var(--vendor-light)}.hiw-step-content h4{font-family:var(--font-heading);color:var(--gray-900);margin:0 0 3px;font-size:15px;font-weight:700}.hiw-step-content p{color:var(--gray-500);margin:0;font-size:14px;line-height:1.6}.trust-section{background:var(--white);border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);padding:64px 24px}.trust-grid{justify-content:center;gap:56px;display:flex}.trust-item{text-align:center}.trust-item .material-icons{color:var(--orange);margin-bottom:10px;font-size:30px}.trust-item h4{font-family:var(--font-heading);color:var(--gray-900);margin:0 0 3px;font-size:15px;font-weight:700}.trust-item p{color:var(--gray-500);margin:0;font-size:13px}.final-cta{background:var(--navy);padding:110px 24px;position:relative;overflow:hidden}.final-cta:before{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#ff6b2c1f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-100px}.final-cta-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:28px;display:grid;position:relative}.final-cta-card{border-radius:var(--radius-xl);text-align:center;transition:transform var(--transition), box-shadow var(--transition);border:1px solid #0000;padding:48px 36px}.final-cta-card:hover{transform:translateY(-6px)}.user-cta{background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:var(--white)}.user-cta:hover{box-shadow:var(--shadow-glow-orange)}.vendor-cta{background:linear-gradient(135deg, var(--vendor), var(--vendor-dark));color:var(--white)}.vendor-cta:hover{box-shadow:var(--shadow-glow-vendor)}.final-cta-icon{border-radius:var(--radius-full);background:#fff3;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 24px;display:flex}.final-cta-icon .material-icons{font-size:36px}.final-cta-card h3{font-family:var(--font-heading);margin:0 0 10px;font-size:24px;font-weight:800}.final-cta-card p{opacity:.9;margin:0 0 28px;font-size:15px;line-height:1.6}.store-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.store-button{border-radius:var(--radius);color:var(--white);transition:all var(--transition);background:#00000040;border:1px solid #ffffff1a;align-items:center;gap:12px;padding:14px 26px;text-decoration:none;display:flex}.store-button:hover{background:#0006;transform:translateY(-2px)}.store-button .material-icons{font-size:28px}.store-button-text{text-align:left}.store-button-label{opacity:.8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;display:block}.store-button-name{font-family:var(--font-heading);font-size:16px;font-weight:700;display:block}.footer{background:var(--navy);color:var(--white);border-top:1px solid #ffffff0f;padding:72px 24px 36px}.footer-content{justify-content:space-between;gap:60px;margin-bottom:44px;display:flex}.footer-brand{max-width:300px}.footer-logo{align-items:center;gap:8px;margin-bottom:14px;display:flex}.footer-logo .material-icons{color:var(--orange);font-size:26px}.footer-logo-text{font-family:var(--font-heading);background:linear-gradient(135deg, var(--orange), var(--yellow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.footer-tagline{color:var(--gray-500);margin:0;font-size:14px;line-height:1.7}.footer-links-grid{gap:56px;display:flex}.footer-links-column h4{font-family:var(--font-heading);color:var(--gray-400);text-transform:uppercase;letter-spacing:1px;margin:0 0 14px;font-size:13px;font-weight:700}.footer-links-column a{color:var(--gray-500);transition:color var(--transition-fast);padding:5px 0;font-size:14px;text-decoration:none;display:block}.footer-links-column a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid #ffffff0f;padding-top:28px}.footer-bottom p{color:var(--gray-500);text-align:center;margin:0;font-size:13px}@media (max-width:1024px){.hero{text-align:center;flex-direction:column;gap:32px;padding:120px 24px 80px}.hero-content{max-width:100%;margin-bottom:48px;padding-left:0}.hero-title{font-size:46px}.hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero-cta-group,.hero-stats{justify-content:center}.hero-visual{width:100%;min-height:350px}.float-card-1{top:5%;right:2%}.float-card-2{top:38%;right:15%}.float-card-3{bottom:5%;right:2%}.float-card-4{top:18%;right:50%}.float-card-5{bottom:20%;right:48%}.vendors-content{text-align:center;grid-template-columns:1fr;gap:48px}.vendors-features{max-width:460px;margin:0 auto}.vendor-feature{text-align:left}}@media (max-width:768px){.nav-links{display:none}.hero-title{font-size:38px}.section-title,.vendors-title{font-size:28px}.section-subtitle{max-width:100%;padding:0 4px;font-size:15px}.hero-visual{min-height:280px}.hero-float-card{padding:14px 16px}.hero-float-card-icon{width:40px;height:40px}.hero-float-card-icon .material-icons{font-size:22px}.hero-float-card-text h4{font-size:13px}.hero-float-card-text p{font-size:11px}.hero-central-orb{width:180px;height:180px}.float-card-4,.float-card-5{display:none}.persona-section{padding:72px 16px}.persona-cards,.features-grid,.how-it-works-split,.final-cta-grid{grid-template-columns:1fr}.persona-cards{gap:20px}.persona-card{opacity:1;padding:28px 22px;transform:none}.persona-toggle{max-width:100%}.persona-card-title{font-size:20px}.persona-features li{padding:7px 0;font-size:14px}.feature-card:first-child{grid-column:auto}.trust-grid{flex-wrap:wrap;gap:36px}.footer-content{flex-direction:column;gap:36px}.footer-links-grid{flex-wrap:wrap;gap:28px}}@media (max-width:480px){.hero{padding:100px 16px 60px}.hero-title{font-size:30px}.hero-subtitle{max-width:100%;font-size:15px}.btn-lg{justify-content:center;width:100%}.hero-stats{flex-direction:column;gap:14px}.hero-stat-divider{display:none}.hero-visual{min-height:240px}.float-card-1{top:0;right:0}.float-card-2{top:35%;right:0}.float-card-3{bottom:0;right:0}.persona-section{padding:56px 12px}.persona-toggle{flex-direction:column;max-width:100%}.persona-card{padding:24px 18px}.persona-card-icon{width:50px;height:50px;margin-bottom:16px}.persona-card-icon .material-icons{font-size:26px}.store-buttons{flex-direction:column}.store-button{justify-content:center;width:100%}.final-cta-card{padding:36px 24px}}.categories-nav-bar{background:var(--white);border-bottom:1px solid var(--gray-100)}.categories-nav-wrapper{align-items:center;padding:12px 24px;display:flex;position:relative}.categories-nav-container{scrollbar-width:none;scroll-behavior:smooth;cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:24px;width:100%;padding:4px 0;display:flex;overflow-x:auto}.categories-nav-container:active{cursor:grabbing}.categories-nav-container::-webkit-scrollbar{display:none}.categories-arrow-btn{border:1px solid var(--gray-200);background:var(--white);width:36px;height:36px;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);z-index:10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.categories-arrow-btn:hover{background:var(--gray-100);color:var(--gray-900);transform:scale(1.05)}.categories-arrow-btn.left{margin-right:12px}.categories-arrow-btn.right{margin-left:12px}.category-nav-item{cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:flex}.category-nav-item:hover{background:var(--gray-50)}.category-nav-item.active .category-nav-icon-circle{background:var(--orange);color:var(--white)}.category-nav-item.active .category-nav-label{color:var(--orange);font-weight:700}.category-nav-icon-circle{background:var(--gray-100);width:48px;height:48px;color:var(--gray-700);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.category-nav-icon-circle .material-icons{font-size:24px}.category-nav-label{color:var(--gray-600);text-align:center;white-space:nowrap;font-size:12px;font-weight:500}.location-indicator-strip{background:#fffbeb;border-bottom:1px solid #fef3c7;padding:10px 0}.location-strip-content{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.location-label{color:#d97706}.location-value{font-weight:600}.location-refresh-btn{color:var(--primary-dark);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.banner-slider-section{padding:24px 0}.slider-wrapper{border-radius:var(--radius-lg);min-height:240px;transition:all var(--transition-slow);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;padding:40px;display:flex;position:relative;overflow:hidden}.slider-content{max-width:65%;color:inherit;flex-direction:column;gap:12px;display:flex}.slider-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;background:#0000001f;align-items:center;width:max-content;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.slider-title{font-family:var(--font-heading);margin:0;font-size:32px;font-weight:800;line-height:1.15}.slider-subtitle{opacity:.95;margin:0;font-size:18px;font-weight:650}.slider-desc{opacity:.85;white-space:normal;margin:0;font-size:14px;line-height:1.6}.slider-btn{background:var(--white);color:var(--navy);border-radius:var(--radius-full);width:max-content;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-top:14px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.slider-btn:hover{box-shadow:var(--shadow);opacity:.95;transform:translateY(-2px)}.slider-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}.slider-dot{cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);background:#fff6;border:none;border-radius:50%;padding:0}.slider-dot.active{background:var(--white);border-radius:4px;width:20px}.discovery-section{background:var(--gray-50);padding:60px 0}.carousel-container-block{margin-bottom:56px;position:relative}.carousel-container-block:last-child{margin-bottom:0}.carousel-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.carousel-title-group{flex-direction:column;gap:6px;display:flex}.carousel-tag-badge{border-radius:var(--radius-sm);text-transform:uppercase;color:var(--white);background:var(--orange);letter-spacing:.5px;align-items:center;width:max-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.carousel-tag-badge.bg-purple{background:var(--vendor)}.carousel-tag-badge.bg-green{background:var(--success)}.carousel-title{font-family:var(--font-heading);color:var(--navy);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.carousel-navigation-arrows{gap:8px;display:flex}.arrow-btn{border:1px solid var(--gray-200);background:var(--white);width:40px;height:40px;color:var(--gray-750);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.arrow-btn:hover{background:var(--gray-100);color:var(--gray-900);transform:scale(1.05)}.carousel-viewport{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;cursor:grab;-webkit-user-select:none;user-select:none;gap:20px;padding:10px 4px;display:flex;overflow-x:auto}.carousel-viewport:active{cursor:grabbing}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-card-item{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);color:inherit;transition:all var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;flex:0 0 280px;text-decoration:none;display:flex;overflow:hidden}.carousel-card-item:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-4px)}.card-image-wrap{background:var(--gray-50);width:100%;height:180px;position:relative;overflow:hidden}.card-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.carousel-card-item:hover .card-image-wrap img{transform:scale(1.05)}.card-distance-badge{-webkit-backdrop-filter:blur(4px);color:var(--white);border-radius:var(--radius-sm);z-index:2;background:#0f172abf;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:12px;left:12px}.card-status-badge{border-radius:var(--radius-sm);z-index:2;box-shadow:var(--shadow-sm);padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.card-status-badge.open{color:#15803d;background:#dcfce7}.card-status-badge.closed{color:#b91c1c;background:#fee2e2}.card-content-wrap{flex-direction:column;flex-grow:1;gap:8px;padding:16px;display:flex}.card-item-title{font-family:var(--font-heading);color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.card-rating-row{color:var(--gray-600);align-items:center;gap:4px;font-size:13px;display:flex}.card-rating-row .material-icons{color:var(--yellow);font-size:16px}.rating-score{color:var(--gray-900);font-weight:700}.rating-count{color:var(--gray-400)}.card-price-row{align-items:baseline;gap:6px;margin-top:auto;font-size:14px;display:flex}.card-price{color:var(--orange);font-size:18px;font-weight:800}.card-original-price{color:var(--gray-400);font-size:13px;text-decoration:line-through}.card-unit{color:var(--gray-500);font-size:12px}.card-categories-row{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;margin-top:auto;font-size:12px;overflow:hidden}.carousel-skeleton-grid{gap:20px;display:flex;overflow:hidden}.skeleton-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);flex-direction:column;gap:12px;min-width:260px;height:270px;padding:12px;display:flex}.skeleton-image{border-radius:8px;width:100%;height:140px}.skeleton-text{border-radius:4px;width:80%;height:16px}.skeleton-text-half{border-radius:4px;width:50%;height:14px}.Shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}.carousel-empty-state{text-align:center;background:var(--white);border-radius:var(--radius-lg);border:1px dashed var(--gray-300);padding:48px}.carousel-empty-state .material-icons{color:var(--gray-400);margin-bottom:12px;font-size:48px}.carousel-empty-state h4{margin:0 0 6px;font-size:16px;font-weight:700}.carousel-empty-state p{color:var(--gray-500);margin:0;font-size:13px}.local-discovery-guide-content{background:var(--white);border-top:1px solid var(--gray-100);padding:64px 24px}.guide-content-box{max-width:100%;margin:0 auto}.guide-content-box h2{font-family:var(--font-heading);color:var(--gray-900);margin-bottom:24px;font-size:28px;font-weight:800}.guide-content-box h3{font-family:var(--font-heading);color:var(--gray-800);margin-top:32px;margin-bottom:14px;font-size:20px;font-weight:700}.guide-content-box p{color:var(--gray-600);margin-bottom:18px;font-size:15px;line-height:1.75}.guide-content-box ul{margin-bottom:18px;padding-left:20px}.guide-content-box li{color:var(--gray-600);margin-bottom:8px;font-size:15px;line-height:1.75}@media (max-width:768px){.categories-arrow-btn{display:none}.categories-nav-wrapper{padding:12px 16px}.categories-nav-container{gap:16px;padding:0 8px}.slider-wrapper{min-height:200px;padding:24px}.slider-title{font-size:24px}.local-discovery-guide-content{padding:40px 16px}.carousel-viewport{gap:16px;padding:8px 2px}.carousel-card-item{flex:0 0 250px}.card-image-wrap{height:150px}.carousel-navigation-arrows{display:none}.slider-content{max-width:100%}}.navigation-loading-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nav-loader-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);flex-direction:column;align-items:center;gap:16px;padding:32px 48px;display:flex}.nav-loader-spinner{border:4px solid var(--gray-100);border-top:4px solid var(--orange);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spinSlow}.nav-loader-text{font-family:var(--font-heading);color:var(--navy);margin:0;font-size:16px;font-weight:700}.card-discount-tag-badge{background:var(--error);color:var(--white);border-radius:var(--radius-sm);letter-spacing:.5px;z-index:5;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 4px 10px #ef444459}.blog-carousel-card{flex-direction:column;min-width:320px;max-width:320px;display:flex}.blog-card-image-wrap{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);height:160px;position:relative;overflow:hidden}.blog-placeholder-banner{background:radial-gradient(circle at 100% 0,#0284c714,#0000);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:relative}.blog-placeholder-banner .material-icons{color:var(--primary-dark);opacity:.7;font-size:48px}.blog-card-category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--white);border-radius:var(--radius-sm);z-index:5;background:#0f172abf;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.blog-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.8em;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card-desc{color:var(--gray-500);-webkit-line-clamp:3;-webkit-box-orient:vertical;height:4.5em;margin:8px 0 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-meta-row{color:var(--gray-400);border-top:1px solid var(--gray-100);align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:12px;font-weight:500;display:flex}
.vendor-page{background-color:var(--color-white);min-height:100vh}.loading-container{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:100vh;display:flex}.loading-text{color:var(--color-text-light);font-size:var(--font-size-body)}.error-container{min-height:100vh;padding:var(--spacing-xxl);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.error-icon{color:var(--color-text-light);font-size:64px}.error-title{font-size:var(--font-size-h2);color:var(--color-text-dark);font-weight:600}.error-message{color:var(--color-text-light);font-size:var(--font-size-body);max-width:300px}.error-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}.btn-primary{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-body);transition:background-color var(--transition-fast);display:inline-flex}.btn-primary:hover{background-color:#5b54e6}.btn-secondary{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-gray);color:var(--color-text-dark);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-body);transition:background-color var(--transition-fast);display:inline-flex}.btn-secondary:hover{background-color:#e5e7eb}.vendor-header{z-index:100;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);border-bottom:1px solid var(--color-gray);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-back{border-radius:var(--radius-full);width:40px;height:40px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.header-back:hover{background-color:var(--color-gray)}.header-title{font-size:var(--font-size-h3);color:var(--color-text-dark);font-weight:700}.header-spacer{width:40px}.image-container{width:100%;height:250px;position:relative;overflow:hidden}.store-image{object-fit:cover;background-color:#f5f5f5;width:100%;height:100%}.image-gradient{background:linear-gradient(#0000,#0000004d);height:100px;position:absolute;bottom:0;left:0;right:0}.status-badge{top:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);box-shadow:var(--shadow-md);align-items:center;gap:6px;display:flex;position:absolute}.status-badge.open{background-color:var(--color-success)}.status-badge.closed{background-color:var(--color-error)}.status-dot{background-color:var(--color-white);border-radius:50%;width:8px;height:8px}.status-text{font-size:var(--font-size-small);color:var(--color-white);font-weight:700}.info-section{padding:var(--spacing-xl);border-bottom:1px solid var(--color-gray)}.vendor-name{color:var(--color-text-dark);margin-bottom:var(--spacing-md);font-size:26px;font-weight:700}.rating-badge{margin-bottom:var(--spacing-sm);align-items:center;gap:4px;display:inline-flex}.rating-badge .material-icons{color:var(--color-secondary);font-size:16px}.rating-value{color:var(--color-text-dark);font-weight:600}.review-count{color:var(--color-text-light);font-size:var(--font-size-small)}.category-chips{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.category-chip{border-radius:var(--radius-full);background-color:#f3f2ff;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.category-chip .material-icons{color:var(--color-primary);font-size:12px}.category-chip-text{font-size:var(--font-size-tiny);color:var(--color-primary);font-weight:500}.quick-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.quick-action-btn{padding:var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--radius-lg);min-width:70px;transition:background-color var(--transition-fast);flex-direction:column;align-items:center;gap:4px;display:flex}.quick-action-btn:hover{background-color:var(--color-gray)}.quick-action-btn .material-icons{color:var(--color-primary);font-size:20px}.quick-action-text{font-size:var(--font-size-tiny);color:var(--color-text-dark);font-weight:500}.tab-container{border-bottom:1px solid var(--color-gray);background-color:var(--color-white);z-index:50;display:flex;position:sticky;top:56px}.tab{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-light);transition:all var(--transition-fast);border-bottom:2px solid #0000;flex:1;display:flex}.tab:hover{background-color:var(--color-gray-light)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab .material-icons{font-size:20px}.tab-text{font-size:var(--font-size-body);font-weight:500}.search-container{padding:var(--spacing-lg);background-color:var(--color-white);border-bottom:1px solid var(--color-gray)}.search-row{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--radius-lg);display:flex}.search-row .material-icons{color:var(--color-text-light);font-size:20px}.search-input{font-size:var(--font-size-body);color:var(--color-text-dark);padding:var(--spacing-sm);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-light)}.search-clear{cursor:pointer;justify-content:center;align-items:center;padding:4px;display:flex}.search-button{padding:var(--spacing-sm);background-color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;display:flex}.search-button .material-icons{color:var(--color-white);font-size:20px}.sort-bar{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);border-bottom:1px solid var(--color-gray);display:flex}.sort-label{font-size:var(--font-size-small);color:var(--color-text-light);font-weight:500}.sort-options{gap:var(--spacing-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.sort-options::-webkit-scrollbar{display:none}.sort-option{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-small);color:var(--color-text-light);white-space:nowrap;transition:all var(--transition-fast)}.sort-option:hover{background-color:var(--color-gray-light)}.sort-option.active{color:var(--color-primary);background-color:#f3f2ff;font-weight:500}.sort-dir-btn{padding:var(--spacing-xs);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.results-section{padding:var(--spacing-lg)}.results-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.results-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.results-grid{grid-template-columns:repeat(4,1fr)}}.result-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray);transition:box-shadow var(--transition-fast), transform var(--transition-fast);overflow:hidden}.result-card.clickable{cursor:pointer}.result-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-image{aspect-ratio:.95;object-fit:contain;background-color:#f5f5f5;width:100%}.result-content{padding:var(--spacing-md)}.result-name{font-size:var(--font-size-body);color:var(--color-text-dark);margin-bottom:var(--spacing-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.result-rating{margin-bottom:var(--spacing-xs);align-items:center;gap:4px;display:flex}.result-rating .material-icons{color:var(--color-secondary);font-size:14px}.result-rating-value{font-size:var(--font-size-small);color:var(--color-text-dark)}.result-review-count{font-size:var(--font-size-tiny);color:var(--color-text-light)}.no-reviews{font-size:var(--font-size-tiny);color:var(--color-text-light);font-style:italic}.result-price-row{align-items:baseline;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.result-price{font-size:var(--font-size-h4);color:var(--color-primary);font-weight:700}.result-original-price{font-size:var(--font-size-small);color:var(--color-text-light);text-decoration:line-through}.result-unit{font-size:var(--font-size-small);color:var(--color-text-light)}.result-categories{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-gray);flex-wrap:wrap;gap:4px;display:flex}.result-category-chip{border-radius:var(--radius-full);background-color:#f3f2ff;align-items:center;gap:2px;padding:2px 6px;display:inline-flex}.result-category-chip .material-icons,.result-category-chip-text{color:#6366f1;font-size:9px}.about-wrapper{padding:var(--spacing-lg)}.section-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray)}.section-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.icon-circle{border-radius:var(--radius-full);background-color:#f3f2ff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-circle .material-icons{color:var(--color-primary);font-size:20px}.section-label{font-size:var(--font-size-h4);color:var(--color-text-dark);font-weight:600}.description-text{color:var(--color-text-light);line-height:1.6;font-size:var(--font-size-body);word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.description-link{color:var(--color-primary);word-break:break-all;text-decoration:underline}.hours-container{gap:var(--spacing-sm);flex-direction:column;display:flex}.hour-row{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-light);justify-content:space-between;align-items:center;display:flex}.hour-row:last-child{border-bottom:none}.day-text{color:var(--color-text-dark);font-weight:500}.time-text{color:var(--color-text-light);font-size:var(--font-size-small)}.closed-text{color:var(--color-error);font-size:var(--font-size-small);font-weight:500}.address-card{gap:var(--spacing-md);display:flex}.address-card .material-icons{color:var(--color-primary);font-size:24px}.address-info{flex:1}.address-text{color:var(--color-text-light);font-size:var(--font-size-body);line-height:1.5}.contact-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-light);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.contact-item:last-child{border-bottom:none}.contact-item:hover{background-color:var(--color-gray-light);margin:0 calc(-1 * var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.contact-icon{border-radius:var(--radius-full);background-color:#f3f2ff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-icon .material-icons{color:var(--color-primary);font-size:20px}.contact-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.contact-label{font-size:var(--font-size-small);color:var(--color-text-light);line-height:1.2}.contact-value{font-size:var(--font-size-body);color:var(--color-text-dark);word-break:break-word;overflow-wrap:break-word;font-weight:500}.ratings-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.show-reviews-btn{color:var(--color-primary);font-size:var(--font-size-small);cursor:pointer;align-items:center;gap:4px;font-weight:500;display:flex}.rating-overview{padding:var(--spacing-lg) 0;flex-direction:column;align-items:center;display:flex}.rating-score{align-items:center;gap:var(--spacing-sm);display:flex}.rating-number{color:var(--color-text-dark);font-size:48px;font-weight:700}.rating-count{color:var(--color-text-light);font-size:var(--font-size-body);margin-top:var(--spacing-sm)}.empty-state{padding:var(--spacing-xxxl) var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .material-icons{color:var(--color-text-light);margin-bottom:var(--spacing-lg);font-size:64px}.empty-state-title{font-size:var(--font-size-h3);color:var(--color-text-dark);margin-bottom:var(--spacing-sm);font-weight:600}.empty-state-text{color:var(--color-text-light);font-size:var(--font-size-body)}.load-more-container{padding:var(--spacing-xl);justify-content:center;display:flex}.auth-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:100vh;display:flex}.app-banner{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg, var(--color-primary), #a770ef);color:var(--color-white);display:flex}.app-banner-text{font-size:var(--font-size-small)}.app-banner-btn{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-white);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:600}@media (min-width:640px){.vendor-name{font-size:32px}.image-container{height:300px}.quick-actions{gap:var(--spacing-lg)}.quick-action-btn{min-width:80px}}@media (min-width:1024px){.vendor-page{max-width:1200px;box-shadow:var(--shadow-lg);margin:0 auto}.image-container{height:350px}.about-wrapper{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.section-card{margin-bottom:0}}
.product-page{background:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.product-header{color:#fff;z-index:100;background:linear-gradient(135deg,#6c63ff 0%,#5a52e0 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.header-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.header-btn:hover{background:#ffffff4d}.header-title{margin:0;font-size:18px;font-weight:600}.header-spacer{width:40px}.image-gallery{background:#f5f5f5;width:100%;position:relative}.image-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.image-carousel::-webkit-scrollbar{display:none}.main-image{object-fit:contain;scroll-snap-align:center;flex:0 0 100%;width:100%;height:auto;max-height:80vh}.discount-badge{color:#fff;background:#ef4444;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #ef444466}.discount-badge .material-icons{font-size:16px}.image-dots{gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.image-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.image-dot.active{background:#fff;border-radius:4px;width:24px}.product-info{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 20px}.product-title{color:#1f2937;margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.3}.product-rating{align-items:center;gap:6px;margin-bottom:16px;display:flex}.product-rating .material-icons{color:gold;font-size:20px}.rating-value{color:#1f2937;font-size:16px;font-weight:600}.review-count{color:#6b7280;font-size:14px}.no-reviews{color:#9ca3af;font-size:14px;font-style:italic}.price-container{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.current-price,.discount-price{color:#059669;font-size:28px;font-weight:700}.original-price{color:#9ca3af;font-size:18px;text-decoration:line-through}.price-unit{color:#6b7280;font-size:16px;font-weight:500}.stock-badge{border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.stock-badge .material-icons{font-size:18px}.stock-badge.in-stock{color:#059669;background:#d1fae5}.stock-badge.out-of-stock{color:#dc2626;background:#fee2e2}.categories-container{flex-wrap:wrap;gap:8px;display:flex}.category-chip{color:#6366f1;background:#eef2ff;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.category-chip .material-icons{font-size:14px}.section-card{background:#fff;border-radius:16px;margin:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.section-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.icon-circle{background:#eef2ff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-circle .material-icons{color:#6366f1;font-size:20px}.icon-circle.vendor-icon{background:#fef3c7}.icon-circle.vendor-icon .material-icons{color:#d97706}.section-label{color:#374151;margin:0;font-size:16px;font-weight:600}.description-text{color:#4b5563;margin:0;font-size:15px;line-height:1.7}.vendor-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.vendor-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.vendor-info{padding-left:52px}.vendor-name{color:#1f2937;margin:0 0 4px;font-size:18px;font-weight:600}.vendor-address{color:#6b7280;margin:0 0 8px;font-size:14px}.view-vendor-link{color:#6366f1;align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}.view-vendor-link .material-icons{font-size:18px}.quick-actions{background:#fff;border-top:1px solid #e5e7eb;gap:12px;padding:20px;display:flex}.quick-action-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 12px;transition:all .2s;display:flex}.quick-action-btn:hover{background:#e5e7eb}.quick-action-btn.primary{color:#fff;background:linear-gradient(135deg,#6c63ff 0%,#5a52e0 100%)}.quick-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c63ff66}.quick-action-btn .material-icons{color:#6366f1;font-size:24px}.quick-action-btn.primary .material-icons{color:#fff}.quick-action-text{color:#374151;font-size:13px;font-weight:600}.quick-action-btn.primary .quick-action-text{color:#fff}.app-cta{color:#fff;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border-radius:16px;margin:16px;padding:24px}.app-cta-content{align-items:center;gap:16px;margin-bottom:20px;display:flex}.app-cta-content>.material-icons{color:#6c63ff;font-size:48px}.app-cta-text h4{margin:0 0 4px;font-size:18px;font-weight:600}.app-cta-text p{color:#9ca3af;margin:0;font-size:14px}.store-buttons{gap:12px;display:flex}.store-button{color:#fff;background:#ffffff1a;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.store-button:hover{background:#fff3}.store-button .material-icons{font-size:24px}.auth-loading,.loading-container,.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.spinner{border:4px solid #e5e7eb;border-top-color:#6c63ff;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#6b7280;margin-top:16px;font-size:16px}.error-icon{color:#ef4444;margin-bottom:16px;font-size:64px}.error-title{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.error-text{color:#6b7280;max-width:400px;margin:0 0 24px;font-size:16px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff 0%,#5a52e0 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c63ff66}@media (max-width:480px){.product-title{font-size:20px}.current-price,.discount-price{font-size:24px}.store-buttons{flex-direction:column}}
.service-page{background:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.service-header{color:#fff;z-index:100;background:linear-gradient(135deg,#059669 0%,#047857 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.header-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.header-btn:hover{background:#ffffff4d}.header-title{margin:0;font-size:18px;font-weight:600}.header-spacer{width:40px}.image-gallery{background:#f5f5f5;width:100%;position:relative}.image-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.image-carousel::-webkit-scrollbar{display:none}.main-image{object-fit:contain;scroll-snap-align:center;flex:0 0 100%;width:100%;height:auto;max-height:80vh}.discount-badge{color:#fff;background:#ef4444;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #ef444466}.discount-badge .material-icons{font-size:16px}.image-dots{gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.image-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.image-dot.active{background:#fff;border-radius:4px;width:24px}.service-info{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 20px}.service-title{color:#1f2937;margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.3}.service-rating{align-items:center;gap:6px;margin-bottom:16px;display:flex}.service-rating .material-icons{color:gold;font-size:20px}.rating-value{color:#1f2937;font-size:16px;font-weight:600}.review-count{color:#6b7280;font-size:14px}.no-reviews{color:#9ca3af;font-size:14px;font-style:italic}.price-container{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.current-price,.discount-price{color:#059669;font-size:28px;font-weight:700}.original-price{color:#9ca3af;font-size:18px;text-decoration:line-through}.service-type-badge{color:#059669;background:#d1fae5;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.service-type-badge .material-icons{font-size:18px}.categories-container{flex-wrap:wrap;gap:8px;display:flex}.category-chip{color:#059669;background:#ecfdf5;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.category-chip .material-icons{font-size:14px}.section-card{background:#fff;border-radius:16px;margin:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.section-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.icon-circle{background:#ecfdf5;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-circle .material-icons{color:#059669;font-size:20px}.icon-circle.vendor-icon{background:#fef3c7}.icon-circle.vendor-icon .material-icons{color:#d97706}.section-label{color:#374151;margin:0;font-size:16px;font-weight:600}.description-text{color:#4b5563;margin:0;font-size:15px;line-height:1.7}.vendor-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.vendor-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.vendor-info{padding-left:52px}.vendor-name{color:#1f2937;margin:0 0 4px;font-size:18px;font-weight:600}.vendor-address{color:#6b7280;margin:0 0 8px;font-size:14px}.view-vendor-link{color:#059669;align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}.view-vendor-link .material-icons{font-size:18px}.quick-actions{background:#fff;border-top:1px solid #e5e7eb;gap:12px;padding:20px;display:flex}.quick-action-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 12px;transition:all .2s;display:flex}.quick-action-btn:hover{background:#e5e7eb}.quick-action-btn.primary{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%)}.quick-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #05966966}.quick-action-btn .material-icons{color:#059669;font-size:24px}.quick-action-btn.primary .material-icons{color:#fff}.quick-action-text{color:#374151;font-size:13px;font-weight:600}.quick-action-btn.primary .quick-action-text{color:#fff}.app-cta{color:#fff;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border-radius:16px;margin:16px;padding:24px}.app-cta-content{align-items:center;gap:16px;margin-bottom:20px;display:flex}.app-cta-content>.material-icons{color:#10b981;font-size:48px}.app-cta-text h4{margin:0 0 4px;font-size:18px;font-weight:600}.app-cta-text p{color:#9ca3af;margin:0;font-size:14px}.store-buttons{gap:12px;display:flex}.store-button{color:#fff;background:#ffffff1a;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.store-button:hover{background:#fff3}.store-button .material-icons{font-size:24px}.auth-loading,.loading-container,.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.spinner{border:4px solid #e5e7eb;border-top-color:#059669;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#6b7280;margin-top:16px;font-size:16px}.error-icon{color:#ef4444;margin-bottom:16px;font-size:64px}.error-title{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.error-text{color:#6b7280;max-width:400px;margin:0 0 24px;font-size:16px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #05966966}@media (max-width:480px){.service-title{font-size:20px}.current-price,.discount-price{font-size:24px}.store-buttons{flex-direction:column}}
.delete-account-page{background:linear-gradient(135deg,#1f2937 0%,#374151 50%,#1f2937 100%);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.delete-account-card{background:#fff;border-radius:20px;width:100%;max-width:540px;padding:40px 32px;box-shadow:0 20px 40px #0003}.delete-account-header{text-align:center;margin-bottom:32px}.delete-account-icon{color:#ef4444;margin-bottom:16px;font-size:56px;display:block}.delete-account-title{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.delete-account-subtitle{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.delete-account-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:28px;padding:20px}.delete-account-warning-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.delete-account-warning-icon{color:#ef4444;font-size:22px}.delete-account-warning-title{color:#991b1b;margin:0;font-size:15px;font-weight:600}.delete-account-warning-list{margin:0;padding:0;list-style:none}.delete-account-warning-list li{color:#7f1d1d;padding:4px 0 4px 20px;font-size:14px;line-height:1.5;position:relative}.delete-account-warning-list li:before{content:"✕";color:#ef4444;font-size:12px;font-weight:700;position:absolute;left:0}.delete-account-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:28px;padding:16px 20px;display:flex}.delete-account-info-icon{color:#0284c7;flex-shrink:0;margin-top:1px;font-size:20px}.delete-account-info-text{color:#0c4a6e;margin:0;font-size:13px;line-height:1.6}.delete-account-form{flex-direction:column;gap:20px;display:flex}.delete-account-field{flex-direction:column;gap:6px;display:flex}.delete-account-label{color:#374151;font-size:13px;font-weight:600}.delete-account-label-required:after{content:" *";color:#ef4444}.delete-account-label-optional{color:#9ca3af;font-size:12px;font-weight:400}.delete-account-input{color:#1f2937;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.delete-account-input:focus{background:#fff;border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1f}.delete-account-input::placeholder{color:#9ca3af}.delete-account-textarea{resize:vertical;min-height:80px}.delete-account-submit{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .15s;display:flex}.delete-account-submit:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.delete-account-submit:active:not(:disabled){transform:translateY(0)}.delete-account-submit:disabled{cursor:not-allowed;background:#9ca3af}.delete-account-submit-icon{font-size:20px}.delete-account-success{text-align:center;padding:20px 0}.delete-account-success-icon{color:#10b981;margin-bottom:16px;font-size:64px;display:block}.delete-account-success-title{color:#1f2937;margin:0 0 12px;font-size:20px;font-weight:700}.delete-account-success-text{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.6}.delete-account-home-btn{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .15s;display:inline-flex}.delete-account-home-btn:hover{transform:scale(1.05)}.delete-account-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;display:flex}.delete-account-error-icon{color:#ef4444;flex-shrink:0;font-size:20px}.delete-account-error-text{color:#991b1b;margin:0;font-size:13px}.delete-account-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite da-spin}@keyframes da-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.delete-account-page{padding:24px 16px}.delete-account-card{border-radius:16px;padding:28px 20px}.delete-account-title{font-size:20px}.delete-account-icon{font-size:48px}}
.seo-page{background:#fff;flex-direction:column;min-height:100vh;display:flex}.seo-nav{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;position:sticky;top:0}.seo-nav-logo{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#6c63ff;align-items:center;gap:8px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.seo-nav-logo .material-icons{font-size:28px}.seo-main{flex:1;padding:48px 24px 64px}.seo-article{max-width:1000px;font-family:var(--font-family,"Inter", sans-serif);color:#374151;margin:0 auto;font-size:16px;line-height:1.75}.seo-article h1{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#111827;margin:0 0 24px;font-size:36px;font-weight:700;line-height:1.25}.seo-article h2{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#1f2937;margin:40px 0 16px;font-size:26px;font-weight:600;line-height:1.3}.seo-article h3{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#374151;margin:32px 0 12px;font-size:21px;font-weight:600}.seo-article p{margin:0 0 16px}.seo-article ul,.seo-article ol{margin:0 0 20px;padding-left:24px}.seo-article li{margin-bottom:8px}.seo-article a{color:#6c63ff;text-decoration:none}.seo-article a:hover{text-decoration:underline}.seo-article strong{color:#1f2937}@media (max-width:768px){.seo-main{padding:32px 16px 48px}.seo-article h1{font-size:28px}.seo-article h2{font-size:22px}.seo-article h3{font-size:19px}.seo-article{font-size:15px}}@media (max-width:480px){.seo-article h1{font-size:24px}}
.seo-content-section{background:#fafbfc;border-top:1px solid #e5e7eb;padding:64px 0}.seo-container{max-width:1720px;font-family:var(--font-family,"Inter", sans-serif);color:#374151;margin:0 auto;padding:0 24px;font-size:16px;line-height:1.75}.seo-content-section h1,.seo-h1{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#111827;margin:0 0 24px;font-size:32px;font-weight:700;line-height:1.3}.seo-content-section h2,.seo-h2{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#1f2937;margin:40px 0 16px;font-size:24px;font-weight:600;line-height:1.35}.seo-content-section h3{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#374151;margin:32px 0 12px;font-size:20px;font-weight:600}.seo-content-section h4{color:#374151;margin:20px 0 8px;font-size:17px;font-weight:600}.seo-content-section p{margin:0 0 16px}.seo-content-section ul,.seo-content-section ol{margin:0 0 20px;padding-left:24px}.seo-content-section li{margin-bottom:8px}.seo-content-section a{color:#6c63ff;text-decoration:none}.seo-content-section a:hover{text-decoration:underline}.vendor-seo-section{margin-top:0}.seo-faq{margin-top:16px}.seo-faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:20px 24px}.seo-faq-item h4{color:#111827;margin:0 0 8px;font-size:16px}.seo-faq-item p{color:#6b7280;margin:0;font-size:15px;line-height:1.6}.seo-disclaimer{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:32px;padding:20px 24px;font-size:13px;line-height:1.65}.seo-faq-section{margin-top:16px}.seo-faq-section .seo-faq-item h3{color:#111827;margin:0 0 8px;font-size:17px;font-weight:600}.seo-faq-section .seo-faq-item p{color:#4b5563;margin:0;font-size:15px;line-height:1.65}.breadcrumb{color:#6b7280;padding:12px 24px;font-size:14px}.breadcrumb-list{flex-wrap:wrap;align-items:center;gap:0;max-width:1000px;margin:0 auto;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;display:inline-flex}.breadcrumb-separator{color:#d1d5db;margin:0 8px}.breadcrumb-link{color:#6c63ff;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:#374151;font-weight:500}.seo-last-updated{color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:40px;padding-top:20px;font-size:13px}.seo-article-meta{color:#6b7280;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;font-size:14px;display:flex}.seo-article-meta .material-icons{vertical-align:middle;margin-right:4px;font-size:16px}.seo-article-meta-item{align-items:center;gap:4px;display:inline-flex}.seo-disclaimer p{margin:0}.seo-disclaimer strong{color:#374151}@media (max-width:768px){.seo-content-section{padding:40px 0}.seo-container{padding:0 16px}.seo-content-section h1,.seo-h1{font-size:26px}.seo-content-section h2,.seo-h2{font-size:21px}.seo-content-section h3{font-size:18px}.seo-faq-item{padding:16px}}.app-promo-card{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:16px;margin:32px 0;padding:40px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #7c3aed4d,0 8px 10px -6px #7c3aed4d}.app-promo-card:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.app-promo-card h3{font-weight:700;color:#fff!important;margin-top:0!important;margin-bottom:12px!important;font-size:24px!important}.app-promo-card p{font-size:16px;line-height:1.6;color:#ffffffe6!important;margin-bottom:24px!important}.app-download-buttons{flex-wrap:wrap;gap:16px;display:flex}.app-download-btn{color:#1f2937;background:#fff;border-radius:8px;align-items:center;padding:12px 24px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a;text-decoration:none!important}.app-download-btn:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.app-download-btn.secondary{color:#fff;box-shadow:none;background:#ffffff26;border:1px solid #ffffff40}.app-download-btn.secondary:hover{background:#ffffff40}.app-download-btn .material-icons{margin-right:8px;font-size:20px}.app-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:32px 0;display:grid}.app-feature-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.app-feature-box:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #0000001a}.app-feature-icon{color:#4f46e5;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.app-feature-box.vendor .app-feature-icon{color:#7c3aed;background:#f5f3ff}.app-feature-box h4{color:#111827;font-weight:600;margin:0 0 8px!important;font-size:18px!important}.app-feature-box p{color:#4b5563;font-size:14px;line-height:1.6;margin:0!important}.app-comparison-wrapper{border:1px solid #e5e7eb;border-radius:12px;margin:40px 0;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.app-comparison-table{border-collapse:collapse;text-align:left;width:100%;font-size:15px}.app-comparison-table th{color:#1f2937;background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:16px;font-weight:600}.app-comparison-table td{color:#4b5563;border-bottom:1px solid #e5e7eb;padding:16px}.app-comparison-table tr:last-child td{border-bottom:none}.app-comparison-table tr:hover{background:#fcfdfe}.check-icon{color:#10b981;font-weight:700}.cross-icon{color:#ef4444;font-weight:700}
.legal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;margin-top:24px;padding:40px 20px 24px}.legal-footer-content{max-width:1000px;margin:0 auto}.legal-footer-sections{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:24px;padding-bottom:24px;display:grid}.legal-footer-section{flex-direction:column;gap:8px;display:flex}.legal-footer-heading{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:14px;font-weight:600}.legal-footer-text{color:#6b7280;text-align:center;margin:0;font-size:13px}.legal-footer-link{color:#6b7280;font-size:13px;text-decoration:none;transition:color .2s}.legal-footer-link:hover{color:#6c63ff;text-decoration:underline}@media (max-width:640px){.legal-footer-sections{grid-template-columns:1fr 1fr;gap:24px}}@media (max-width:400px){.legal-footer{padding:24px 16px 16px}.legal-footer-sections{grid-template-columns:1fr;gap:20px}.legal-footer-text,.legal-footer-link{font-size:12px}}
.disclaimer-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.disclaimer-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;max-height:90vh;animation:.25s slideUp;overflow:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.disclaimer-header{text-align:center;border-bottom:1px solid #e5e7eb;padding:24px 24px 16px}.disclaimer-icon{color:#f59e0b;margin-bottom:12px;font-size:40px}.disclaimer-title{color:#1f2937;margin:0;font-size:20px;font-weight:600}.disclaimer-content{padding:20px 24px}.disclaimer-text{color:#4b5563;margin:0 0 12px;font-size:14px;line-height:1.6}.disclaimer-text:last-of-type{margin-bottom:16px}.disclaimer-link-text{color:#4b5563;margin:0;font-size:14px}.disclaimer-link-text a{color:#00a8e8;text-decoration:none}.disclaimer-link-text a:hover{text-decoration:underline}.disclaimer-actions{gap:12px;padding:16px 24px 24px;display:flex}.disclaimer-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s}.disclaimer-btn-cancel{color:#374151;background:#f3f4f6}.disclaimer-btn-cancel:hover{background:#e5e7eb}.disclaimer-btn-accept{color:#fff;background:#00a8e8}.disclaimer-btn-accept:hover{background:#0077b3}@media (max-width:480px){.disclaimer-overlay{padding:16px}.disclaimer-header{padding:20px 20px 14px}.disclaimer-icon{font-size:32px}.disclaimer-title{font-size:18px}.disclaimer-content{padding:16px 20px}.disclaimer-text{font-size:13px}.disclaimer-actions{flex-direction:column;padding:14px 20px 20px}.disclaimer-btn{padding:12px 16px;font-size:14px}}
.seo-nav{justify-content:space-between;align-items:center;display:flex}.seo-nav-links{gap:20px;display:flex}.seo-nav-links a{font-family:var(--font-family,"Inter", sans-serif);color:#4b5563;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.seo-nav-links a:hover{color:#6c63ff}.blog-intro{color:#4b5563;margin-bottom:40px;font-size:18px;line-height:1.7}.blog-category-section{margin:48px 0 32px}.blog-category-section h2{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#1f2937;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:8px;font-size:24px;font-weight:600}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.blog-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s;display:block}.blog-card:hover{border-color:#6c63ff;transform:translateY(-2px);box-shadow:0 4px 16px #6c63ff1a}.blog-card h3{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#1f2937;margin:8px 0;font-size:18px;font-weight:600;line-height:1.35}.blog-card p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.blog-card-meta{align-items:center;gap:12px;margin-bottom:4px;display:flex}.blog-card-category{color:#6c63ff;text-transform:uppercase;letter-spacing:.3px;background:#f0efff;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.blog-card-date{color:#9ca3af;font-size:12px}.blog-card-readtime{color:#9ca3af;margin-top:12px;font-size:12px;font-weight:500;display:block}.blog-post-header{margin-bottom:24px}.blog-back-link{color:#6c63ff;align-items:center;gap:4px;margin-bottom:16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.blog-back-link:hover{text-decoration:underline}.blog-back-link .material-icons{font-size:18px}.blog-post-meta{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.blog-post-content h2{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#1f2937;margin:36px 0 14px;font-size:24px;font-weight:600;line-height:1.3}.blog-post-content h3{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#374151;margin:28px 0 10px;font-size:20px;font-weight:600}.blog-post-content p{color:#374151;margin:0 0 14px;line-height:1.75}.blog-post-content ul,.blog-post-content ol{margin:0 0 18px;padding-left:24px}.blog-post-content li{color:#374151;margin-bottom:8px;line-height:1.7}.blog-post-content a{color:#6c63ff;text-decoration:none}.blog-post-content a:hover{text-decoration:underline}.blog-post-content strong{color:#1f2937}.blog-related-links{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:40px;padding:24px}.blog-related-links h2{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#1f2937;margin:0 0 12px;font-size:20px;font-weight:600}.blog-related-links ul{margin:0;padding:0;list-style:none}.blog-related-links li{margin-bottom:8px}.blog-related-links a{color:#6c63ff;font-size:15px;font-weight:500;text-decoration:none}.blog-related-links a:hover{text-decoration:underline}.blog-cta-box{text-align:center;background:linear-gradient(135deg,#f0efff 0%,#e8e6ff 100%);border-radius:16px;margin-top:40px;padding:32px}.blog-cta-box h3{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#1f2937;margin:0 0 8px;font-size:22px;font-weight:600}.blog-cta-box p{color:#4b5563;margin:0 0 20px;font-size:15px;line-height:1.6}.blog-cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.blog-cta-btn{font-family:"Outfit", var(--font-family,"Inter", sans-serif);color:#fff;background:#6c63ff;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.blog-cta-btn:hover{background:#5a52e0;transform:translateY(-1px)}.blog-cta-btn-outline{color:#6c63ff;background:#fff;border:2px solid #6c63ff}.blog-cta-btn-outline:hover{background:#f0efff;transform:translateY(-1px)}.blog-cta-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:48px;padding:32px}.blog-cta-section h2{margin-top:0}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-intro{font-size:16px}.blog-cta-box{padding:24px 20px}.seo-nav-links{gap:12px}.seo-nav-links a{font-size:13px}}@media (max-width:480px){.blog-card{padding:16px}.blog-post-content h2{font-size:20px}.blog-post-content h3{font-size:17px}}