:root{--primary: #8B2635;--secondary: #A73D47;--text-dark: #2C2C2C;--text-light: #666666;--bg: #ffffff;--bg-muted: #F8F9FA}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Cairo,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text-dark);background:var(--bg)}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid transparent;padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #8b263559}.section-muted{background:var(--bg-muted)}.title{font-size:40px;line-height:1.2;margin:0 0 20px;color:var(--primary)}.subtitle{margin:0 0 24px;color:var(--text-light)}.rtl{direction:rtl;text-align:right}.ltr{direction:ltr;text-align:left}:root{--primary: #8B2635;--secondary: #A73D47;--text-dark: #1a1a1a;--text-light: #6b7280;--bg: #ffffff;--bg-muted: #f9fafb;--success: #10b981;--border: rgba(0, 0, 0, .08)}@keyframes zoomInOut{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideUpBounce{0%{transform:translateY(100px);opacity:0}60%{transform:translateY(-20px);opacity:1}80%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes colorShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(139,38,53,.5)}50%{text-shadow:0 0 20px rgba(139,38,53,.8),0 0 30px rgba(139,38,53,.6)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(2deg)}75%{transform:translateY(5px) rotate(-2deg)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #8b263566}50%{transform:scale(1.05);box-shadow:0 0 20px 10px #8b263500}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #8b26354d,0 0 10px #8b263533}50%{box-shadow:0 0 20px #8b263580,0 0 30px #8b26354d}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-360deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes wave{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes backgroundMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header{position:sticky;top:0;z-index:100;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(139,38,53,.08);transition:all .3s ease;box-shadow:0 2px 20px #0000000a}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section.section-muted{background:#faf7f8}.title{font-weight:800;font-size:clamp(32px,4vw,48px);letter-spacing:-.5px;color:var(--primary);text-align:center;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.05);animation:zoomInOut 4s ease-in-out infinite;position:relative}.title:after{content:"✨";position:absolute;top:-10px;right:-30px;font-size:24px;animation:sparkle 2s ease-in-out infinite}.subtitle{color:var(--text-light);text-align:center;margin:0 auto 16px;max-width:760px;font-size:clamp(16px,2vw,20px);line-height:1.7}.carousel-dots .dot{width:10px;height:10px;background:#8b263540;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;animation:pulse 2s ease-in-out infinite;animation-delay:calc(var(--dot-index) * .2s)}.carousel-dots .dot:nth-child(1){--dot-index: 0}.carousel-dots .dot:nth-child(2){--dot-index: 1}.carousel-dots .dot:nth-child(3){--dot-index: 2}.carousel-dots .dot:nth-child(4){--dot-index: 3}.carousel-dots .dot:nth-child(5){--dot-index: 4}.carousel-dots .dot:hover{transform:scale(1.1)}.carousel-dots .dot.active{background:var(--primary);box-shadow:0 0 0 4px #8b26351f;animation:glow 1s ease-in-out infinite}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--primary);transition:width .25s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}button:focus-visible,a:focus-visible{outline:3px solid rgba(139,38,53,.35);outline-offset:2px;border-radius:8px}.card,.aud-card{border:1px solid rgba(139,38,53,.06);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#8b26351f,#8b26350a) border-box}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;min-height:80px}.nav-brand{display:flex;align-items:center;transition:transform .3s ease;animation:slideInFromTop .8s ease-out}.nav-brand:hover{transform:scale(1.05);animation:pulse 1s infinite}.nav-logo{height:64px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:all .3s ease}.nav-logo:hover{filter:drop-shadow(0 6px 12px rgba(139,38,53,.2));transform:translateY(-2px)}.footer-logo{height:48px;width:auto;filter:brightness(0) invert(1);opacity:.95;transition:opacity .3s ease}.footer-logo:hover{opacity:1}.nav-links{display:flex;gap:32px;align-items:center}.nav-li.btn{display:inline-block;padding:14px 28px;border-radius:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-size:16px;letter-spacing:.3px;box-shadow:0 4px 12px #0000001a}.nav-link{color:var(--text-dark);font-weight:600;font-size:15px;letter-spacing:.3px;text-decoration:none;transition:all .3s ease;position:relative;padding:8px 4px}.nav-link:hover{animation:wiggle .5s ease}.nav-link:hover{color:var(--primary)}.lang-switch{border:1px solid rgba(139,38,53,.2);padding:8px 16px;border-radius:12px;transition:all .3s ease;background:transparent;cursor:pointer}.lang-switch:hover{background:#8b26350d;border-color:var(--primary)}.lang-toggle{display:inline-flex;border:1px solid rgba(139,38,53,.25);border-radius:999px;padding:4px;background:#8b26350a;gap:4px}.lang-btn{appearance:none;border:none;background:transparent;color:var(--text-dark);font-weight:700;letter-spacing:.5px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .2s ease}.lang-btn:hover{background:#8b263514}.lang-btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;position:relative;overflow:hidden;background-size:200% 200%;animation:shimmer 3s linear infinite}.lang-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s linear infinite}.lang-btn-primary:hover:before{animation-duration:.5s}.lang-btn.active{background:var(--primary);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 12px #0000000a}.lang-btn-primary:hover{transform:translateY(-3px) scale(1.05) rotate(-2deg);box-shadow:0 12px 30px #8b263559;animation:pulse .5s ease}.hero{background:linear-gradient(135deg,#8b2635,#c94b5b);background-size:200% 200%;animation:backgroundMove 15s ease infinite;color:#fff;padding:120px 0 100px;position:relative;overflow:hidden;min-height:600px}.hero:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 90% 10%,white,transparent),radial-gradient(1px 1px at 15% 80%,white,transparent);background-size:200% 200%;animation:backgroundMove 20s linear infinite;opacity:.3;pointer-events:none}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}.hero-content{animation:slideInLeft .8s ease-out}.hero-title{font-size:clamp(42px,6vw,64px);line-height:1.1;margin:0 0 28px;font-weight:900;text-shadow:0 3px 12px rgba(0,0,0,.2);letter-spacing:-.5px;animation:slideUpBounce 1s ease-out,textGlow 3s ease-in-out infinite 1s}.hero-sub{font-size:clamp(20px,2.8vw,24px);opacity:.95;margin:0 0 40px;line-height:1.7;font-weight:400;animation:fadeInUp .8s ease-out .2s both}.hero-features{display:flex;gap:20px;margin-bottom:44px;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s both}.hero-feature{display:flex;align-items:center;gap:10px;background:#ffffff2e;padding:12px 20px;border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:600;font-size:16px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:default;animation:float 3s ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}.hero-feature:nth-child(1){--i: 1}.hero-feature:nth-child(2){--i: 2}.hero-feature:nth-child(3){--i: 3}.hero-feature:hover{background:#ffffff40;transform:translateY(-2px) scale(1.1);box-shadow:0 8px 20px #00000026;animation-play-state:paused}.hero-feature-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));display:inline-block;animation:bounce 2s ease-in-out infinite;animation-delay:calc(var(--i) * .2s)}.store-badges{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px;animation:fadeInUp .8s ease-out .6s both}.badge-img{height:68px;border-radius:14px;box-shadow:0 10px 30px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);animation:glow 3s ease-in-out infinite}.badge-img:hover{transform:translateY(-4px) scale(1.05) rotate(5deg);box-shadow:0 16px 40px #0006;border-color:#fff3;animation:pulse .5s ease-in-out}.phone-showcase{animation:slideInRight .8s ease-out,float 4s ease-in-out infinite .8s;position:relative}.phone-carousel{position:relative;display:flex;justify-content:center;align-items:center;height:420px}.phone-frame{max-width:280px;width:100%;border-radius:28px;box-shadow:0 32px 64px #0006;transition:all .5s ease;position:absolute;opacity:0;transform:translate(20px) scale(.95);animation:colorShift 10s ease-in-out infinite}.phone-frame.active{opacity:1;transform:translate(0) scale(1);position:relative}.phone-frame:nth-child(2){animation-delay:.2s}.phone-frame:nth-child(3){animation-delay:.4s}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.dot{width:8px;height:8px;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:all .3s ease}.dot.active{background:#ffffffe6;transform:scale(1.2)}.how-it-works-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:60px}.steps-list{display:flex;flex-direction:column;gap:24px}.step-item{display:flex;gap:24px;padding:28px;background:linear-gradient(145deg,#fff,#fafafa);border-radius:20px;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 12px #0000000a;position:relative;overflow:hidden}.step-item:before{content:"";position:absolute;top:50%;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,38,53,.1),transparent);animation:shimmer 3s linear infinite}.step-item:hover{transform:translate(10px) scale(1.02);box-shadow:0 12px 32px #8b26351f;background:linear-gradient(145deg,#fff,#fff5f5)}.step-item.active{border-color:var(--primary);background:linear-gradient(to right,rgba(139,38,53,.05),transparent);box-shadow:0 12px 32px #8b263526}.step-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex-shrink:0;box-shadow:0 6px 16px #8b263540;transition:all .3s ease}.step-item:hover .step-number{transform:scale(1.2) rotate(360deg);animation:bounce .5s ease}.step-item.active .step-number{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 12px #8b26354d}.step-content h3{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-dark)}.step-content p{margin:0;color:var(--text-light);line-height:1.5}.phone-display{position:relative;display:flex;justify-content:center}.phone-display .phone-carousel{position:relative;width:100%;max-width:320px;height:600px}.phone-display .phone-screen{position:absolute;width:100%;height:100%;object-fit:contain;border-radius:32px;box-shadow:0 24px 64px #0003;opacity:0;transform:scale(.95) translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.phone-display .phone-screen.active{opacity:1;transform:scale(1) translateY(0)}.about-images{display:flex;flex-direction:column;gap:20px}.main-image img{width:100%;border-radius:20px;box-shadow:0 20px 40px #0000001f}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.screenshot-grid img{width:100%;border-radius:12px;box-shadow:0 8px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.screenshot-grid img:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000026}.about-content{animation:fadeInUp .8s ease-out}.about-carousel{position:relative;display:flex;justify-content:center;align-items:center;height:520px;margin-top:24px;overflow:hidden;max-width:800px;margin-left:auto;margin-right:auto}.about-frame{max-width:760px;width:100%;height:100%;object-fit:contain;border-radius:16px;box-shadow:0 20px 40px #0000001f;transition:all .5s ease;position:absolute;opacity:0;transform:translateY(12px) scale(.98)}.about-frame.active{opacity:1;transform:translateY(0) scale(1);position:relative}.about-caption{text-align:center;margin-top:12px}.about-caption-title{font-weight:800;font-size:1.2rem;margin:0 0 6px;color:var(--text-dark)}.about-caption-desc{margin:0;font-size:1rem;color:var(--text-light);line-height:1.6}.about-panel{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid rgba(139,38,53,.08);border-radius:24px;padding:20px 20px 16px;box-shadow:0 18px 50px #00000014;max-width:980px;margin:16px auto 0}.about-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:9999px;border:1px solid rgba(0,0,0,.06);background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 16px #0000001f;display:inline-flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-dark);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.about-nav:hover{box-shadow:0 10px 20px #00000029;background:#fff}.about-nav.prev{left:8px}.about-nav.next{right:8px}.about-panel .carousel-dots .dot{background:#8b26352e;box-shadow:inset 0 0 0 2px #8b263533;width:10px;height:10px}.about-panel .carousel-dots .dot:hover{background:#8b263552}.about-panel .carousel-dots .dot.active{background:var(--primary);box-shadow:0 4px 10px #8b263559;transform:scale(1.1)}@media (max-width: 1024px){.about-carousel{height:420px;max-width:680px}.about-frame{max-width:640px}}@media (max-width: 640px){.about-carousel{height:340px;max-width:95%}.about-frame{max-width:100%;border-radius:12px}.about-panel{border-radius:18px;padding:14px 14px 12px}.about-nav{width:34px;height:34px;font-size:20px}.about-caption-title{font-size:1.1rem}.about-caption-desc{font-size:.95rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin-top:48px}.feature-card{background:linear-gradient(145deg,#fff,#fafafa);border-radius:24px;padding:40px;box-shadow:0 10px 30px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(139,38,53,.05);position:relative;overflow:hidden;animation:slideUpBounce .8s ease-out;animation-fill-mode:both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #8b263526;border-color:var(--primary)}.feature-icon{width:72px;height:72px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b26351f,#8b26350f);font-size:32px;margin-bottom:24px;box-shadow:0 4px 12px #8b26351a;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(360deg);background:linear-gradient(135deg,#8b263533,#8b26351a);animation:rotateIn .6s ease}.feature-card h3{margin:0 0 16px;color:var(--text-dark);font-size:22px;font-weight:700;letter-spacing:-.3px}.feature-card p{margin:0;color:var(--text-light);line-height:1.6}.section-stores{background:linear-gradient(135deg,#f3f4f6,#fff);padding:100px 0}.stores-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:60px}.stores-main-content{display:flex;flex-direction:column;gap:40px}.stores-benefits{display:flex;flex-direction:column;gap:32px}.benefit-item{display:flex;gap:20px;align-items:flex-start;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000f;transition:transform .3s ease,box-shadow .3s ease;animation:slideInLeft .8s ease-out;animation-fill-mode:both}.benefit-item:nth-child(1){animation-delay:.1s}.benefit-item:nth-child(2){animation-delay:.2s}.benefit-item:nth-child(3){animation-delay:.3s}.benefit-item:nth-child(4){animation-delay:.4s}.benefit-item:hover{transform:translate(8px);box-shadow:0 8px 24px #0000001a}.benefit-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:0 8px 16px #8b263533;animation:pulse 2s ease-in-out infinite,colorShift 5s ease-in-out infinite}.benefit-item h4{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--text-dark)}.benefit-item p{margin:0;color:var(--text-light);line-height:1.5}.store-cta-inline{background:linear-gradient(135deg,var(--primary),var(--secondary));background-size:200% 200%;animation:backgroundMove 10s ease infinite;color:#fff;padding:32px;border-radius:20px;text-align:center;box-shadow:0 16px 40px #8b263540;position:relative;overflow:hidden}.store-cta-inline:after{content:"🚀";position:absolute;font-size:80px;opacity:.1;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.store-cta-inline h3{margin:0 0 12px;font-size:28px;font-weight:800}.store-cta-inline p{margin:0;font-size:18px;opacity:.95}.stores-showcase{position:relative;display:flex;flex-direction:column;align-items:center}.phone-carousel-main{position:relative;width:100%;max-width:360px;height:650px;margin:0 auto}.phone-carousel-main .phone-screen{position:absolute;width:100%;height:100%;object-fit:contain;border-radius:32px;box-shadow:0 32px 80px #00000040;opacity:0;transform:scale(.9) translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.phone-carousel-main .phone-screen.active{opacity:1;transform:scale(1) translateY(0)}.stores-features{margin-top:100px;text-align:center}.features-title{font-size:36px;font-weight:800;color:var(--text-dark);margin:0 0 48px}.store-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.store-feature-card{background:#fff;padding:32px;border-radius:20px;box-shadow:0 8px 24px #00000014;text-align:left;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border)}.store-feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001f}.feature-number{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-bottom:16px}.store-feature-card h4{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--text-dark)}.store-feature-card p{margin:0;color:var(--text-light);line-height:1.6}.stores-screenshots{margin-top:100px}.screenshots-title{font-size:36px;font-weight:800;color:var(--text-dark);margin:0 0 48px;text-align:center}.screenshots-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.screenshot-item{cursor:pointer;transition:transform .3s ease}.screenshot-item:hover{transform:translateY(-8px)}.screenshot-item img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 24px #00000026;transition:all .3s ease;border:3px solid transparent}.screenshot-item img.active{border-color:var(--primary);box-shadow:0 16px 40px #8b263540}.screenshot-label{margin-top:12px;font-size:14px;font-weight:600;color:var(--text-dark)}.section-cta{background:linear-gradient(135deg,var(--primary) 0%,#c94b5b 100%);padding:100px 0}.cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}.cta-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:24px;padding:48px;text-align:center;transition:transform .3s ease}.cta-card:hover{transform:translateY(-8px)}.cta-card h2{color:#fff;font-size:32px;margin:0 0 16px;font-weight:800}.cta-card p{color:#ffffffe6;font-size:18px;margin:0 0 32px;line-height:1.6}.cta-card .store-badges{justify-content:center;gap:20px}.btn-secondary{background:#fff;color:var(--primary);font-weight:700;padding:16px 32px;font-size:18px;box-shadow:0 8px 24px #0003}.btn-secondary:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.store-badge-link{display:inline-block;transition:transform .3s ease}.store-badge-link:hover{transform:translateY(-4px)}.footer{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:60px 0 40px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,38,53,.2),transparent);animation:shimmer 8s linear infinite}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer a{color:#fff;opacity:.9;transition:opacity .3s ease;text-decoration:none}.footer a:hover{opacity:1}.labeeni-mascot{position:fixed;bottom:30px;right:30px;z-index:1000;width:100px;height:120px;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1),bottom .8s ease-out,right .8s ease-out;animation:gentleFloat 8s ease-in-out infinite;filter:drop-shadow(0 25px 50px rgba(139,38,53,.3));transform-style:preserve-3d;perspective:1000px}@keyframes gentleFloat{0%,to{transform:translateY(0) rotateY(0)}25%{transform:translateY(-10px) rotateY(10deg)}50%{transform:translateY(-5px) rotateY(-10deg)}75%{transform:translateY(-12px) rotateY(5deg)}}.labeeni-mascot.moving{animation:smoothMove 15s cubic-bezier(.4,0,.2,1) infinite}@keyframes smoothMove{0%,to{transform:translateZ(0) rotateY(0)}50%{transform:translateZ(50px) rotateY(180deg)}}.labeeni-mascot:hover{transform:scale(1.1) translateY(-5px) rotateY(15deg);filter:drop-shadow(0 30px 60px rgba(139,38,53,.4))}.labeeni-mascot.following{transition:all 1s cubic-bezier(.4,0,.2,1)}.mascot-robot{position:relative;width:100%;height:100%}.robot-head{width:60px;height:45px;background:linear-gradient(145deg,#8b2635e6,#c74b5bcc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:25px 25px 15px 15px;position:absolute;top:0;left:20px;box-shadow:inset 0 2px 10px #ffffff4d,0 10px 25px #0000004d,0 2px 5px #8b263580;animation:subtleNod 6s ease-in-out infinite;transform-style:preserve-3d}.robot-eyes{position:absolute;top:12px;left:12px;width:36px;display:flex;justify-content:space-between}.robot-eye{width:14px;height:14px;background:radial-gradient(circle at 30% 30%,#fff,#e0f7ff,#00d4ff 60%,#09c);border-radius:50%;position:relative;box-shadow:inset 0 0 5px #00d4ff80,0 0 10px #00d4ffcc;animation:gentleBlink 4s ease-in-out infinite}.robot-eye:after{content:"";position:absolute;width:6px;height:6px;background:#000;border-radius:50%;top:4px;left:4px;animation:smoothLook 6s ease-in-out infinite;box-shadow:0 0 3px #00000080}.robot-body{width:70px;height:45px;background:linear-gradient(145deg,#6b7280e6,#4b5563cc);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:15px;position:absolute;top:40px;left:15px;box-shadow:inset 0 2px 8px #fff3,0 8px 20px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.robot-body:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:3px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.8),transparent);border-radius:2px;animation:pulse 2s ease-in-out infinite}.robot-speed-lines{position:absolute;top:50%;left:-20px;width:20px;height:2px;opacity:0}.labeeni-mascot.moving .robot-speed-lines{opacity:1;animation:speedLines .3s linear infinite}.robot-speed-lines:before,.robot-speed-lines:after{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(139,38,53,.3))}.robot-speed-lines:before{top:-8px}.robot-speed-lines:after{top:8px}@keyframes speedLines{0%{transform:translate(0)}to{transform:translate(-10px)}}.robot-tool{position:absolute;top:45px;right:-18px;width:35px;height:8px;background:linear-gradient(90deg,gold,#ffed4e,gold);border-radius:4px;transform:rotate(-45deg);box-shadow:0 2px 5px #0000004d,inset 0 1px 2px #ffffff80;animation:gentleWrench 4s ease-in-out infinite}.robot-tool:before{content:"";position:absolute;width:14px;height:14px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;top:-3px;left:-5px;box-shadow:0 2px 4px #0003,inset 0 1px 3px #fff9}.robot-arms{position:absolute;top:45px;width:100px;height:25px}.robot-arm{position:absolute;width:30px;height:8px;background:linear-gradient(90deg,#6b7280e6,#9ca3afcc);border-radius:4px;box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff4d}.robot-arm.left{left:-12px;transform-origin:right;animation:gentleArmMove 5s ease-in-out infinite}.robot-arm.right{right:-12px;transform-origin:left;animation:gentleArmMove 5s ease-in-out infinite 2.5s}.robot-wheels{position:absolute;bottom:0;left:20px;width:60px;display:flex;justify-content:space-between}.robot-wheel{width:24px;height:24px;background:radial-gradient(circle at center,#2d3748,#1a202c,#000);border:2px solid rgba(75,85,99,.8);border-radius:50%;box-shadow:inset 0 0 5px #00000080,0 2px 4px #0000004d;animation:smoothSpin 3s linear infinite;position:relative}.robot-wheel:after{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle,#6b7280e6,#4b5563b3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #ffffff4d}.robot-speech{position:absolute;bottom:130px;right:-15px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 18px;border-radius:16px;box-shadow:0 8px 32px #8b263526,inset 0 1px 3px #fff9;font-size:14px;font-weight:600;color:var(--primary);opacity:0;transform:scale(0) translateY(10px);transition:all .5s cubic-bezier(.4,0,.2,1);white-space:nowrap;border:1px solid rgba(139,38,53,.2);max-width:220px;text-align:center}.robot-speech.active{opacity:1;transform:scale(1) translateY(0);animation:smoothPop .6s cubic-bezier(.4,0,.2,1)}@keyframes smoothPop{0%{transform:scale(.8) translateY(20px);opacity:0}50%{transform:scale(1.05) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}.robot-emoji{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:24px;animation:emojiFloat 2s ease-in-out;opacity:0;pointer-events:none}.robot-emoji.show{opacity:1;animation:emojiFloat 2s ease-in-out forwards}@keyframes emojiFloat{0%{transform:translate(-50%) translateY(0) scale(0);opacity:0}20%{transform:translate(-50%) translateY(-10px) scale(1.2);opacity:1}80%{transform:translate(-50%) translateY(-30px) scale(1);opacity:1}to{transform:translate(-50%) translateY(-40px) scale(.8);opacity:0}}.robot-speech:after{content:"";position:absolute;bottom:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white}.mascot-robot.excited .robot-head{animation:robotJump .5s ease,glow .5s ease;background:linear-gradient(135deg,#ff1744,#ff6b6b)}.mascot-robot.excited .robot-wheel{animation:wheelSpinFast .2s linear infinite}.mascot-robot.thinking .robot-eye{animation:thinkBlink .5s ease;background:#ffeb3b}.mascot-robot.thinking .robot-tool{animation:wrenchWork .5s ease-in-out infinite}.mascot-robot.happy .robot-body{animation:wiggle .5s ease,pulse 1s ease infinite;background:linear-gradient(145deg,#4caf50,#8bc34a)}.mascot-robot.happy .robot-arm{animation:armDance .5s ease-in-out infinite alternate}.mascot-robot.curious .robot-head{animation:tilt 2s ease-in-out infinite}.mascot-robot.curious .robot-eye:after{animation:lookAroundFast 1s infinite}.mascot-robot.working .robot-tool{animation:wrenchWork .3s ease-in-out infinite;background:linear-gradient(90deg,gold,#ffeb3b);box-shadow:0 0 20px #ffd70080}.mascot-robot.celebrating{animation:partyMode .5s ease-in-out infinite}.mascot-robot.celebrating .robot-head{background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3 84%,red);background-size:200% 200%;animation:rainbow 2s linear infinite}@keyframes subtleNod{0%,to{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(-8deg) rotateY(5deg)}75%{transform:rotateX(8deg) rotateY(-5deg)}}@keyframes gentleBlink{0%,90%,to{transform:scaleY(1);opacity:1}95%{transform:scaleY(.2);opacity:.7}}@keyframes smoothLook{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px)}}@keyframes gentleArmMove{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-20deg) translateY(-2px)}}@keyframes smoothSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wheelSpinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gentleWrench{0%,to{transform:rotate(-45deg) scale(1)}50%{transform:rotate(-35deg) scale(1.05)}}@keyframes robotJump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes thinkBlink{0%,to{transform:scale(1)}50%{transform:scale(.8)}}@keyframes tilt{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@keyframes lookAroundFast{0%{transform:translate(0)}25%{transform:translate(3px,-2px)}50%{transform:translate(-3px,2px)}75%{transform:translate(2px,3px)}to{transform:translate(0)}}@keyframes armDance{0%{transform:rotate(-45deg)}to{transform:rotate(45deg)}}@keyframes wrenchWork{0%,to{transform:rotate(-45deg) scale(1)}25%{transform:rotate(-30deg) scale(1.1)}50%{transform:rotate(-60deg) scale(1.2)}75%{transform:rotate(-40deg) scale(1.1)}}@keyframes partyMode{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.1) rotate(3deg)}}@keyframes rainbow{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (max-width: 768px){.labeeni-mascot{width:60px;height:75px;bottom:10px;right:10px}.robot-head{width:40px;height:32px;left:10px}.robot-body{width:45px;height:28px;left:7px}.robot-speech{font-size:11px;padding:6px 10px}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-grid{gap:48px}.phone-frame{max-width:240px}.phone-carousel{height:300px}}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}.hero{padding:80px 0 60px}.hero-features{justify-content:center}.how-it-works-grid,.stores-hero{grid-template-columns:1fr;gap:60px}.phone-display,.stores-showcase{order:-1}.screenshots-grid{grid-template-columns:repeat(2,1fr);gap:16px}.cta-grid{grid-template-columns:1fr}.store-badges{justify-content:center}.phone-showcase{order:-1}.phone-frame{max-width:220px}.phone-carousel{height:340px}.nav{padding:16px 0}.nav-logo{height:56px}.nav-links{display:none}.footer-grid{flex-direction:column;text-align:center;gap:24px}.cards,.audiences{grid-template-columns:1fr;gap:24px}.card,.aud-card{padding:24px}.about-grid{grid-template-columns:1fr;gap:40px}.about-images{order:-1}}@media (max-width: 480px){.hero{padding:60px 0 40px}.hero-features{flex-direction:column;align-items:stretch}.features-grid{grid-template-columns:1fr}.cta-card{padding:32px 24px}.screenshots-grid{grid-template-columns:1fr;gap:20px}.store-features-grid{grid-template-columns:1fr}.hero-title{font-size:32px;margin-bottom:20px}.hero-sub{font-size:18px;margin-bottom:32px}.phone-frame{max-width:240px}.phone-carousel{height:380px}.hero-feature{padding:10px 16px;font-size:14px}.hero-feature-icon{font-size:20px}.title{font-size:28px}.subtitle{font-size:16px}.badge-img{height:56px}.nav{padding:14px 0;min-height:70px}.nav-logo{height:48px}.footer-logo{height:40px}}