:root{--white:#ffffff;--red:#d4484c;--blue:#2f80ed;--light:#eef3f4;--text-light:#fdebed;--dark:#0d1b2a;--red-soft:rgba(212,72,76,0.08);--blue-soft:rgba(47,128,237,0.08);--title-font:"Manrope","Inter",sans-serif;--subtitle-font:"Inter","Manrope",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--subtitle-font);background:var(--white);color:var(--dark);overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(47,128,237,.1);animation:slideDown .6s ease both}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-logo{border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;height:16px;padding:0;text-decoration:none;transition:opacity .2s,transform .2s}.nav-logo:hover{opacity:.88;transform:translateY(-1px)}.nav-logo img{display:block;width:auto;height:100px;-o-object-fit:contain;object-fit:contain}.nav-links{display:flex;gap:36px;list-style:none}.nav-links a{text-decoration:none;color:var(--dark);font-size:.88rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--blue)}.nav-cta{background:var(--red);color:var(--text-light);border:none;padding:10px 24px;border-radius:100px;font-family:var(--title-font);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none}.nav-cta:hover{background:#C23F44;transform:translateY(-1px);box-shadow:0 8px 24px rgba(212,72,76,.3)}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 60px 80px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;background:var(--white)}.hero-blob1{width:600px;height:600px;background:radial-gradient(circle,rgba(47,128,237,.12) 0,transparent 70%);top:-100px;right:-100px;animation:float1 8s ease-in-out infinite}.hero-blob1,.hero-blob2{position:absolute;border-radius:50%}.hero-blob2{width:400px;height:400px;background:radial-gradient(circle,rgba(212,72,76,.1) 0,transparent 70%);bottom:50px;left:-80px;animation:float2 10s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,20px) scale(1.05)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.08)}}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(47,128,237,.04) 1px,transparent 0),linear-gradient(90deg,rgba(47,128,237,.04) 1px,transparent 0);background-size:60px 60px}.hero-content{position:relative;z-index:1;max-width:700px;animation:heroIn .9s cubic-bezier(.16,1,.3,1) .2s both}@keyframes heroIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--blue-soft);border:1px solid rgba(47,128,237,.2);color:var(--blue);padding:6px 16px;border-radius:100px;font-size:.78rem;font-weight:600;letter-spacing:.5px;margin-bottom:28px;text-transform:uppercase}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-family:var(--title-font);font-size:clamp(2.35rem,4.3vw,3.55rem);font-weight:800;line-height:1.08;letter-spacing:0;color:var(--dark);margin-bottom:20px}.hero h1 .highlight-red{color:var(--red)}.hero h1 .highlight-blue{color:var(--blue)}.hero-sub{font-size:1rem;line-height:1.62;color:#4a5568;max-width:500px;margin-bottom:36px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-primary{background:var(--blue);color:var(--text-light);padding:14px 32px;border-radius:100px;font-family:var(--title-font);font-weight:700;font-size:.95rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px rgba(47,128,237,.35)}.btn-primary:hover{background:#1a6fd4;transform:translateY(-2px);box-shadow:0 8px 32px rgba(47,128,237,.45)}.btn-outline{background:transparent;color:var(--dark);padding:14px 32px;border-radius:100px;font-family:var(--title-font);font-weight:600;font-size:.95rem;text-decoration:none;border:2px solid var(--light);cursor:pointer;transition:all .3s}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.hero-stats{display:flex;gap:48px;margin-top:48px;padding-top:32px;border-top:1px solid var(--light);animation:heroIn .9s cubic-bezier(.16,1,.3,1) .5s both}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-num{font-family:var(--title-font);font-size:2.2rem;font-weight:800;color:var(--dark);line-height:1}.stat-num span{color:var(--blue)}.stat-label{font-size:.8rem;color:#718096;font-weight:500}.hero-visual{position:absolute;right:170px;top:15%;transform:translateY(-50%);z-index:1;perspective:1300px;animation:heroIn .9s cubic-bezier(.16,1,.3,1) .4s both}.hero-visual:before{content:"";position:absolute;width:430px;height:430px;left:50%;top:50%;border-radius:40px;background:linear-gradient(135deg,rgba(47,128,237,.28),rgba(212,72,76,.18)),rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.72);box-shadow:0 34px 92px rgba(47,128,237,.24),0 24px 62px rgba(212,72,76,.1),inset 0 1px 0 rgba(255,255,255,.9);transform:translate(-42%,-43%) rotateX(58deg) rotate(-18deg);transform-style:preserve-3d;z-index:-4}.phone-mockup{width:320px;height:640px;background:linear-gradient(145deg,#17283d,#081321 56%,#020814);border-radius:46px;padding:14px;box-shadow:42px 48px 90px rgba(13,27,42,.34),18px 22px 42px rgba(47,128,237,.16),-16px -14px 40px rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.12);position:relative;animation:phoneFloat 6s ease-in-out infinite;transform-style:preserve-3d}.phone-mockup:before{content:"";position:absolute;inset:-46px -54px;border-radius:64px;background:linear-gradient(135deg,rgba(47,128,237,.16),rgba(212,72,76,.12)),rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.54);box-shadow:0 30px 80px rgba(47,128,237,.16),inset 0 1px 0 rgba(255,255,255,.8);transform:translate3d(34px,34px,-80px) rotate(-10deg);z-index:-2}.phone-mockup:after{content:"";position:absolute;left:34px;right:20px;bottom:-34px;height:42px;border-radius:50%;background:radial-gradient(circle,rgba(13,27,42,.3),transparent 70%);filter:blur(8px);transform:translateZ(-80px) rotateX(68deg);z-index:-3}@keyframes phoneFloat{0%,to{transform:translateY(0) rotateY(-30deg) rotateX(12deg) rotate(4deg)}50%{transform:translateY(-22px) rotateY(-18deg) rotateX(7deg) rotate(-2deg)}}.phone-screen{width:100%;height:100%;background:#f8fafc;border-radius:34px;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 18px 36px rgba(0,0,0,.18);transform:translateZ(24px)}.phone-top{background:var(--blue);padding:20px 16px 16px;color:white}.phone-top-logo{display:block;width:auto;height:46px;-o-object-fit:contain;object-fit:contain;margin:0 auto 12px;filter:brightness(0) invert(1)}.phone-search{background:rgba(255,255,255,.2);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;color:white;font-size:.7rem}.phone-search svg{opacity:.8}.phone-body{padding:12px}.pill-card{background:white;border-radius:12px;padding:10px 12px;margin-bottom:8px;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.pill-card,.pill-icon{display:flex;align-items:center}.pill-icon{width:36px;height:36px;border-radius:10px;justify-content:center;font-size:1.1rem;flex-shrink:0}.pill-info{flex:1}.pill-name{font-size:.65rem;font-weight:700;color:var(--dark)}.pill-price{font-size:.6rem;color:var(--blue);font-weight:600}.pill-badge{font-size:.55rem;padding:3px 6px;border-radius:100px;font-weight:700}.pill-badge.green{background:#e6f8ee;color:#27ae60}.pill-badge.red{background:var(--red-soft);color:var(--red)}.marquee-section{background:var(--blue);padding:16px 0;overflow:hidden}.marquee-track{display:flex;gap:48px;animation:marquee 20s linear infinite;white-space:nowrap}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-item{display:flex;align-items:center;gap:10px;color:rgba(253,235,237,.9);font-size:.82rem;font-weight:600;letter-spacing:.3px;flex-shrink:0}.marquee-icon{width:18px;height:18px;color:rgba(253,235,237,.95);stroke-width:2.2;flex-shrink:0}.marquee-dot{width:4px;height:4px;background:rgba(253,235,237,.5);border-radius:50%}.section{padding:100px 60px}.section-label{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.section-label:before{content:"";width:20px;height:2px;background:var(--red)}.section-title{font-family:var(--title-font);font-size:clamp(2rem,3.5vw,3rem);font-weight:800;letter-spacing:-1.5px;line-height:1.1;color:var(--dark);margin-bottom:16px}.section-sub{font-size:1rem;color:#718096;line-height:1.7;max-width:480px;margin-bottom:60px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.step-card{background:var(--white);border:1px solid var(--light);border-radius:24px;padding:34px 30px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;display:grid;grid-template-columns:76px minmax(0,1fr);gap:0 18px;align-items:start;min-height:236px}.step-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--blue-soft),transparent);opacity:0;transition:opacity .4s}.step-card:hover{transform:translateY(-6px);border-color:rgba(47,128,237,.3);box-shadow:0 20px 60px rgba(47,128,237,.12)}.step-card:hover:before{opacity:1}.step-num{font-family:var(--title-font);font-size:5.2rem;font-weight:800;color:var(--light);line-height:1;position:absolute;top:12px;right:22px;transition:color .3s;z-index:0}.step-card:hover .step-num{color:rgba(47,128,237,.15)}.step-icon{width:68px;height:68px;border:1px solid rgba(47,128,237,.2);border-radius:20px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.95),transparent 34%),linear-gradient(135deg,rgba(47,128,237,.16),rgba(212,72,76,.08));box-shadow:0 16px 34px rgba(47,128,237,.14),inset 0 1px 0 rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s;position:relative;z-index:1;grid-row:1/span 2}.step-icon:after{content:"";position:absolute;right:-10px;top:50%;width:20px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(47,128,237,.45),transparent)}.step-icon svg{width:28px;height:28px;color:var(--blue);stroke-width:2.15;transition:color .3s}.step-card:hover .step-icon{background:linear-gradient(135deg,var(--blue),#64a8ff);border-color:rgba(47,128,237,.38);transform:translateY(-2px)}.step-card:hover .step-icon svg{color:var(--white)}.step-title{font-family:var(--title-font);font-size:1.06rem;font-weight:700;color:var(--dark);margin:4px 0 10px;max-width:260px}.step-desc,.step-title{position:relative;z-index:1}.step-desc{font-size:.88rem;line-height:1.6;color:#718096;grid-column:2}.benefits-section{background:linear-gradient(90deg,rgba(13,27,42,.035) 1px,transparent 0),linear-gradient(180deg,rgba(13,27,42,.035) 1px,transparent 0),#ffffff;background-size:44px 44px;padding:110px 60px;position:relative;overflow:hidden}.benefits-section:before{content:"online";position:absolute;right:-24px;bottom:-22px;color:rgba(212,72,76,.06);font-family:var(--title-font);font-size:clamp(6rem,15vw,14rem);font-weight:800;line-height:.8;pointer-events:none}.benefits-section .section-label{color:var(--red)}.benefits-section .section-label:before{background:var(--red)}.benefits-poster{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:58px;align-items:center;max-width:1180px}.benefits-poster-visual{min-height:700px;position:relative;padding:8px 0 0}.benefits-title{font-size:clamp(2.4rem,4.8vw,5rem);line-height:.96;letter-spacing:-1.4px;color:var(--dark);max-width:540px;position:relative;z-index:2}.benefits-poster-number,.benefits-title{font-family:var(--title-font);font-weight:800}.benefits-poster-number{position:absolute;left:-8px;top:72px;color:rgba(47,128,237,.1);font-size:clamp(8rem,18vw,18rem);letter-spacing:-10px;line-height:.8;z-index:0}.benefits-photo-stack{position:absolute;left:42px;right:0;bottom:18px;height:360px;z-index:1}.benefits-photo-stack span{position:absolute;display:block;width:230px;height:168px;border:8px solid #ffffff;border-radius:28px;overflow:hidden;box-shadow:0 28px 70px rgba(13,27,42,.16)}.benefits-photo-stack span:first-child{left:0;top:36px;transform:rotate(-8deg)}.benefits-photo-stack span:nth-child(2){right:40px;top:0;transform:rotate(6deg)}.benefits-photo-stack span:nth-child(3){left:118px;bottom:8px;transform:rotate(2deg)}.benefits-photo-stack img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.benefits-ribbons{display:grid;gap:14px}.benefit-ribbon{min-height:92px;display:grid;grid-template-columns:52px 54px minmax(0,1fr);gap:16px;align-items:center;padding:18px 22px 18px 0;border-bottom:1px solid rgba(13,27,42,.09);position:relative;transition:transform .28s ease,border-color .28s ease}.benefit-ribbon:before{content:"";position:absolute;left:52px;right:0;top:10px;bottom:10px;border-radius:22px;background:rgba(255,255,255,.74);box-shadow:0 18px 48px rgba(13,27,42,.07);opacity:0;transform:scaleX(.96);transform-origin:left;transition:opacity .28s ease,transform .28s ease;z-index:-1}.benefit-ribbon:hover{transform:translateX(10px);border-color:rgba(47,128,237,.22)}.benefit-ribbon:hover:before{opacity:1;transform:scaleX(1)}.benefit-ribbon-num{color:rgba(13,27,42,.24);font-family:var(--title-font);font-size:.9rem;font-weight:800}.benefit-ribbon-icon{width:46px;height:46px;border-radius:16px;background:var(--dark);color:var(--text-light);display:flex;align-items:center;justify-content:center}.benefit-ribbon:nth-child(2n) .benefit-ribbon-icon{background:var(--blue)}.benefit-ribbon:nth-child(3n) .benefit-ribbon-icon{background:var(--red)}.benefit-ribbon-icon svg{width:22px;height:22px;stroke-width:2}.benefit-ribbon h3{font-family:var(--title-font);font-size:1.12rem;font-weight:800;color:var(--dark);margin-bottom:4px}.benefit-ribbon p{font-size:.88rem;line-height:1.55;color:rgba(13,27,42,.62);max-width:440px}.ecosystem-section{padding:100px 60px;background:var(--light)}.ecosystem-section>.section-label{color:var(--red)}.ecosystem-section>.section-label:before{background:var(--red)}.ecosystem-section>.section-title{color:var(--dark)}.ecosystem-section>.section-sub{color:#718096}.ecosystem-layout{display:block;margin-top:48px}.ecosystem-group{background:rgba(255,255,255,.7);border:1px solid rgba(13,27,42,.06);border-radius:28px;padding:24px;box-shadow:0 18px 48px rgba(13,27,42,.07)}.ecosystem-group-main{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(47,128,237,.05))}.ecosystem-logos{display:grid;gap:16px}.ecosystem-logos-yalla{grid-template-columns:repeat(3,minmax(0,1fr))}.ecosystem-logos-yalla .eco-logo{min-height:220px;padding:24px 20px}.ecosystem-logos-yalla .eco-image-large{margin-top:auto;margin-bottom:auto}.ecosystem-logos-partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.eco-logo{min-height:178px;background:var(--white);border:1px solid rgba(13,27,42,.06);border-radius:22px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:18px;font-family:var(--title-font);font-weight:700;font-size:.9rem;color:var(--dark);box-shadow:0 12px 34px rgba(13,27,42,.07);transition:all .3s;cursor:default;overflow:hidden;position:relative}.eco-logo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(47,128,237,.08),transparent);opacity:0;transition:opacity .3s}.eco-logo span{color:var(--dark);font-size:.86rem;line-height:1.25;text-align:center}.eco-image,.eco-logo span{position:relative;z-index:1}.eco-image{width:100%;max-width:140px;height:78px;transition:transform .3s}.eco-image,.eco-image-large{-o-object-fit:contain;object-fit:contain}.eco-image-large{width:min(100%,160px)!important;max-width:160px!important;height:86px!important;transform:scale(1)}.ecosystem-logos-yalla .eco-logo:first-child .eco-image-large,.ecosystem-logos-yalla .eco-logo:nth-child(3) .eco-image-large{width:min(100%,240px)!important;max-width:240px!important;height:128px!important}.eco-logo.partner{min-height:168px;background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.16);padding:22px}.eco-logo.partner span{font-size:.95rem;text-align:left}.eco-logo.partner .eco-image{max-width:168px;height:96px}.partners-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:32px;align-items:center;margin-top:34px;padding:34px;border-radius:30px;background:radial-gradient(circle at 15% 20%,rgba(47,128,237,.28),transparent 34%),linear-gradient(135deg,var(--dark),#172a42);box-shadow:0 28px 70px rgba(13,27,42,.18);overflow:hidden;position:relative}.partners-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 45%);pointer-events:none}.partners-copy{position:relative;z-index:1}.partners-copy .section-label{color:rgba(253,235,237,.74);margin-bottom:18px}.partners-copy .section-label:before{background:rgba(253,235,237,.5)}.partners-copy h3{color:var(--text-light);font-family:var(--title-font);font-size:clamp(1.8rem,3.2vw,2.65rem);font-weight:800;line-height:1.08;letter-spacing:-1px}.partners-copy p{color:rgba(253,235,237,.66);font-size:.96rem;line-height:1.7;margin-top:18px;max-width:470px}.eco-logo:hover{transform:translateY(-6px);border-color:rgba(47,128,237,.18);box-shadow:0 22px 50px rgba(47,128,237,.15)}.eco-logo:hover:before{opacity:1}.eco-logo:hover .eco-image{transform:scale(1.04)}.eco-logo:hover .eco-image-large{transform:scale(1.06)}.eco-logo.active{border-color:rgba(47,128,237,.25);box-shadow:0 18px 48px rgba(47,128,237,.16)}.eco-logo.active span{color:var(--blue)}.one-c-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);gap:46px;align-items:center;padding:100px 60px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(47,128,237,.16),transparent 30%),radial-gradient(circle at 18% 88%,rgba(212,72,76,.12),transparent 28%),linear-gradient(135deg,rgba(47,128,237,.06),rgba(212,72,76,.05)),var(--white)}.one-c-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,128,237,.045) 1px,transparent 0),linear-gradient(90deg,rgba(47,128,237,.045) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);pointer-events:none}.one-c-copy{max-width:560px;position:relative;z-index:1}.one-c-copy .section-sub{margin-bottom:22px}.one-c-copy>p:not(.section-sub){color:#4a5568;font-size:.98rem;line-height:1.72;margin-bottom:28px}.one-c-points{display:flex;flex-wrap:wrap;gap:12px}.one-c-points span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(47,128,237,.16);border-radius:999px;background:rgba(255,255,255,.82);color:var(--dark);font-size:.84rem;font-weight:800;padding:10px 14px;box-shadow:0 10px 28px rgba(13,27,42,.06);transition:border-color .25s,box-shadow .25s,transform .25s,background .25s}.one-c-points span:hover{border-color:rgba(47,128,237,.34);background:var(--white);box-shadow:0 16px 34px rgba(47,128,237,.12);transform:translateY(-3px)}.one-c-points svg{width:18px;height:18px;color:var(--blue);stroke-width:2.3}.one-c-visual{min-height:480px;border-radius:34px;background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(248,250,252,.76)),rgba(255,255,255,.72);border:1px solid rgba(47,128,237,.14);box-shadow:0 34px 90px rgba(13,27,42,.14),inset 0 1px 0 rgba(255,255,255,.88);overflow:hidden;position:relative;z-index:1;perspective:1000px;transition:box-shadow .35s,transform .35s}.one-c-visual:hover{box-shadow:0 40px 100px rgba(47,128,237,.18),0 18px 44px rgba(212,72,76,.1);transform:translateY(-5px)}.one-c-visual:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.78);border-radius:26px;pointer-events:none}.one-c-visual:after{content:"";position:absolute;width:180px;height:180px;right:-48px;top:-56px;border-radius:50%;background:radial-gradient(circle,rgba(47,128,237,.2),transparent 70%);animation:oneCPulseGlow 4.8s ease-in-out infinite}.one-c-node{position:absolute;z-index:2;width:190px;min-height:178px;border-radius:26px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--white);border:1px solid rgba(13,27,42,.07);box-shadow:0 22px 56px rgba(13,27,42,.12);animation:oneCNodeFloat 5s ease-in-out infinite}.one-c-node strong{color:var(--dark);font-family:var(--title-font);font-size:1.02rem;font-weight:800;line-height:1}.one-c-node small{color:#718096;font-size:.74rem;font-weight:800;text-transform:uppercase}.one-c-node-source{left:38px;top:82px}.one-c-node-target{right:38px;top:82px;animation-delay:.45s}.one-c-node-target img{width:178px;height:auto}.one-c-logo{display:block;width:88px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(212,72,76,.2))}.one-c-flow{position:absolute;left:218px;right:218px;top:158px;height:56px;z-index:1}.one-c-flow>span{position:absolute;left:0;right:0;top:26px;height:4px;border-radius:999px;background:rgba(47,128,237,.16);overflow:hidden}.one-c-flow>span:before{content:"";position:absolute;inset:0;width:42%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:oneCDataFlow 2.2s linear infinite}.one-c-xml-card{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:8px;border-radius:18px;padding:13px 16px;background:var(--dark);color:var(--text-light);box-shadow:0 18px 40px rgba(13,27,42,.24);font-family:var(--title-font);font-size:.98rem;font-weight:800;transform:translate(-50%,-50%);animation:oneCXmlMove 2.2s ease-in-out infinite}.one-c-xml-card svg{width:19px;height:19px;color:var(--blue)}.one-c-data{position:absolute;z-index:3;min-width:148px;border:1px solid rgba(47,128,237,.16);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 18px 44px rgba(13,27,42,.1);padding:16px 18px;animation:oneCDataFloat 4.4s ease-in-out infinite}.one-c-data small{display:block;color:#718096;font-size:.72rem;font-weight:800;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.one-c-data strong{color:var(--dark);font-family:var(--title-font);font-size:1.04rem;font-weight:800}.one-c-data-price{left:84px;bottom:86px}.one-c-data-stock{right:92px;bottom:94px;animation-delay:.7s}.one-c-offers{position:absolute;left:50%;bottom:64px;z-index:2;width:min(62%,360px);transform:translateX(-50%);display:grid;gap:10px}.one-c-offers div{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(13,27,42,.07);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(13,27,42,.08);padding:12px 14px;animation:oneCOfferIn 3.2s ease-in-out infinite}.one-c-offers span{color:var(--dark);font-size:.82rem;font-weight:800}.one-c-offers b{border-radius:999px;background:var(--blue);color:var(--white);font-size:.68rem;font-weight:900;padding:5px 8px}@keyframes oneCPulseGlow{0%,to{opacity:.68;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}@keyframes oneCNodeFloat{0%,to{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-10px) rotateX(3deg)}}@keyframes oneCDataFlow{0%{transform:translateX(-100%)}to{transform:translateX(240%)}}@keyframes oneCXmlMove{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes oneCDataFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes oneCOfferIn{0%,to{opacity:.72;transform:translateY(4px)}45%,70%{opacity:1;transform:translateY(0)}}.cta-section{padding:100px 60px;background:var(--white);text-align:center;position:relative;overflow:hidden}.cta-inner{max-width:640px;margin:0 auto;position:relative;z-index:1}.cta-bg-red{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(212,72,76,.08) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}.cta-section .section-title{text-align:center}.cta-section .section-label{justify-content:center}.cta-section .section-sub{max-width:480px;text-align:center;margin-left:auto;margin-right:auto}.connect-form{width:min(100%,680px);margin:46px auto 0;padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,252,.94)),var(--white);border:1px solid rgba(47,128,237,.16);border-radius:30px;box-shadow:0 34px 90px rgba(13,27,42,.14),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(20px);position:relative;overflow:hidden;animation:formLift .8s cubic-bezier(.16,1,.3,1) both}.connect-form:before{content:none}.connect-form:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.7);border-radius:24px;pointer-events:none}@keyframes formLift{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.connect-form-head{display:grid;grid-template-columns:1fr auto;gap:8px 18px;margin-bottom:24px;text-align:left;position:relative;z-index:1}.connect-form-head small{display:block;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:1px;margin-bottom:7px;text-transform:uppercase}.connect-form-head span{display:block;color:var(--dark);font-family:var(--title-font);font-size:1.55rem;font-weight:800;line-height:1.05}.connect-form-head strong{align-self:start;border:1px solid rgba(47,128,237,.16);border-radius:16px;background:var(--blue-soft);color:var(--blue);font-family:var(--title-font);font-size:1rem;font-weight:800;padding:11px 13px}.connect-form-head p{grid-column:1/-1;color:#718096;font-size:.94rem;line-height:1.65;margin-top:2px}.connect-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px;position:relative;z-index:1}.connect-field{display:flex;flex-direction:column;gap:9px;text-align:left}.connect-field-wide{grid-column:1/-1}.connect-field span{color:var(--dark);font-size:.82rem;font-weight:800;letter-spacing:.2px}.connect-field input{width:100%;border:1px solid rgba(13,27,42,.1);border-radius:18px;background:rgba(255,255,255,.92);color:var(--dark);font-family:var(--subtitle-font);font-size:.95rem;font-weight:500;outline:none;padding:17px 18px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.connect-field input::-moz-placeholder{color:#9aa5b1}.connect-field input::placeholder{color:#9aa5b1}.connect-field input:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 4px rgba(47,128,237,.12);transform:translateY(-1px)}.connect-field small{color:var(--red);font-size:.74rem;font-weight:700;line-height:1.35}.connect-field.has-error input{border-color:rgba(212,72,76,.75);background:rgba(212,72,76,.04)}.connect-field.has-error input:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(212,72,76,.12)}.connect-checkbox{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px 12px;align-items:start;justify-self:start;width:min(100%,360px);border:1px solid rgba(47,128,237,.14);border-radius:14px;background:rgba(47,128,237,.04);color:var(--dark);cursor:pointer;padding:13px 15px;position:relative;text-align:left;transition:border-color .2s,box-shadow .2s,background .2s}.connect-checkbox input{width:20px;height:20px;margin-top:1px;accent-color:var(--blue);cursor:pointer}.connect-checkbox span{color:var(--dark);font-size:.84rem;font-weight:800;line-height:1.35}.connect-checkbox small{grid-column:2;color:var(--red);font-size:.74rem;font-weight:700;line-height:1.35}.connect-checkbox:has(input:focus-visible){border-color:var(--blue);background:var(--white);box-shadow:0 0 0 4px rgba(47,128,237,.12)}.connect-checkbox.has-error{border-color:rgba(212,72,76,.75);background:rgba(212,72,76,.04)}.connect-checkbox.has-error:has(input:focus-visible){border-color:var(--red);box-shadow:0 0 0 4px rgba(212,72,76,.12)}.connect-choice{display:flex;flex-direction:column;align-items:stretch;gap:9px;border:0;margin:0;min-width:0;padding:0;text-align:left}.connect-choice legend{color:var(--dark);display:block;font-size:.82rem;font-weight:800;letter-spacing:.2px;padding:0;text-align:left;width:100%}.connect-choice-options{display:grid;grid-template-columns:repeat(2,minmax(120px,160px));gap:12px;justify-content:start;padding-top:4px}.connect-choice .connect-checkbox{width:100%;justify-self:stretch}.connect-choice small{color:var(--red);font-size:.74rem;font-weight:700;line-height:1.35}.connect-choice.has-error .connect-checkbox{border-color:rgba(212,72,76,.75);background:rgba(212,72,76,.04)}.connect-submit{width:100%;gap:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--red);color:var(--text-light);border:none;border-radius:100px;box-shadow:0 14px 38px rgba(212,72,76,.34);cursor:pointer;font-family:var(--title-font);font-size:1rem;font-weight:700;padding:18px 48px;position:relative;z-index:1;transition:box-shadow .3s,transform .3s}.connect-submit,.connect-submit span:last-child{display:inline-flex;align-items:center;justify-content:center}.connect-submit span:last-child{width:26px;height:26px;border-radius:50%;background:transparent;transition:transform .3s}.connect-submit:hover{background:var(--red);color:var(--text-light);box-shadow:0 16px 48px rgba(212,72,76,.4);transform:translateY(-3px)}.connect-submit:hover span:last-child{transform:translateX(4px)}.connect-submit:disabled{background:var(--red);color:var(--text-light);cursor:wait;opacity:1;transform:none}.connect-submit:disabled span:last-child{transform:none}.connect-note{color:#718096;font-size:.78rem;font-weight:600;line-height:1.5}.connect-note,.connect-submit-error{margin-top:14px;position:relative;text-align:center;z-index:1}.connect-submit-error{border:1px solid rgba(212,72,76,.2);border-radius:14px;background:rgba(212,72,76,.06);color:var(--red);font-size:.82rem;font-weight:700;line-height:1.45;padding:12px 14px}.connect-success{display:flex;align-items:center;gap:14px;margin-top:16px;border:1px solid rgba(39,174,96,.18);border-radius:18px;background:linear-gradient(135deg,rgba(39,174,96,.1),rgba(39,174,96,.04));color:#176b3a;padding:14px 16px;position:relative;text-align:left;z-index:1;animation:statusIn .35s ease both}.connect-success-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#27ae60;box-shadow:0 12px 28px rgba(39,174,96,.28);flex-shrink:0;animation:checkPop .45s cubic-bezier(.16,1,.3,1) both}.connect-success-icon svg{width:23px;height:23px;fill:none;stroke:var(--white);stroke-dasharray:24;stroke-dashoffset:24;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;animation:checkDraw .45s ease .18s forwards}.connect-success strong{display:block;font-size:.92rem;font-weight:800;line-height:1.35}.connect-success p{color:rgba(23,107,58,.76);font-size:.8rem;font-weight:600;line-height:1.45;margin-top:3px}.connect-done{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;padding:58px 42px;text-align:center}.connect-done .connect-success-icon{width:82px;height:82px;margin-bottom:32px}.connect-done .connect-success-icon svg{width:40px;height:40px}.connect-done-copy{position:relative;z-index:1}.connect-done-copy small{display:block;color:#27ae60;font-size:.76rem;font-weight:800;letter-spacing:1px;line-height:1;margin-bottom:16px;white-space:nowrap;text-transform:uppercase}.connect-done-copy strong{display:block;color:var(--dark);font-family:var(--title-font);font-size:clamp(1.6rem,4vw,2.35rem);font-weight:800;line-height:1.05}.connect-done-copy p{color:#718096;font-size:.96rem;line-height:1.65;margin:18px auto 0;max-width:360px}@keyframes checkPop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes checkDraw{to{stroke-dashoffset:0}}@keyframes statusIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cta-btn{display:inline-block;background:var(--red);color:var(--text-light);padding:16px 48px;border-radius:100px;font-family:var(--title-font);font-weight:700;font-size:1rem;text-decoration:none;transition:all .3s;box-shadow:0 8px 32px rgba(212,72,76,.3);margin-top:40px}.cta-btn:hover{background:#C23F44;transform:translateY(-3px);box-shadow:0 16px 48px rgba(212,72,76,.4)}footer{background:var(--dark);padding:48px 60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer-logo{font-family:var(--title-font);font-weight:800;font-size:1.3rem;color:var(--text-light)}.footer-logo span{color:var(--red)}.footer-logo em{color:var(--blue);font-style:normal}.footer-text{color:rgba(253,235,237,.4);font-size:.8rem}.reveal{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@media (max-width:1024px){nav{padding:16px 24px;gap:16px}.nav-links{display:none}.nav-logo{height:34px;flex:0 1 auto;min-width:0}.nav-logo img{height:68px;max-width:180px}.nav-cta{flex-shrink:0;padding:10px 18px;white-space:nowrap}.hero{padding:100px 24px 60px}.hero-visual{display:none}.section{padding:70px 24px}.steps-grid{grid-template-columns:1fr}.benefits-section{padding:70px 24px}.benefits-poster{display:grid;grid-template-columns:1fr;gap:42px}.benefits-poster-visual{min-height:600px}.benefits-title{max-width:720px}.benefits-photo-stack{left:24px;right:24px;bottom:22px;height:330px;max-width:640px}.benefits-photo-stack span:nth-child(2){right:32px}.benefits-ribbons{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.benefit-ribbon{min-height:190px;grid-template-columns:1fr;align-content:start;gap:14px;padding:22px;border:1px solid rgba(13,27,42,.08);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 18px 48px rgba(13,27,42,.07)}.benefit-ribbon:before{content:none}.benefit-ribbon:hover{transform:translateY(-4px)}.benefit-ribbon-num{order:2}.benefit-ribbon-icon{order:1}.ecosystem-section,.one-c-section{padding:70px 24px}.one-c-section{grid-template-columns:1fr}.one-c-copy{max-width:none}.one-c-visual{min-height:520px}.ecosystem-layout{margin-top:40px}.ecosystem-logos-yalla{grid-template-columns:repeat(3,minmax(0,1fr))}.partners-panel{grid-template-columns:1fr;padding:28px}.cta-section{padding:70px 24px}.connect-form{padding:26px 18px;border-radius:24px}.connect-done{min-height:340px;padding:44px 22px}.connect-form:after{inset:10px;border-radius:20px}.connect-form-head{grid-template-columns:1fr}.connect-form-head span{font-size:1.35rem}.connect-form-head strong{justify-self:start}.connect-fields{grid-template-columns:1fr}footer{padding:40px 24px}}@media (max-width:768px){.benefits-poster-visual{min-height:560px}.benefits-photo-stack{left:0;right:0;bottom:12px;height:300px;max-width:560px}.benefits-photo-stack span{width:210px;height:154px}.benefits-photo-stack span:nth-child(2){right:16px}.benefits-photo-stack span:nth-child(3){left:96px}.benefit-ribbon{min-height:178px}.one-c-section{gap:30px;padding-top:64px;padding-bottom:64px}.one-c-visual{display:grid;gap:14px;min-height:0;padding:20px;border-radius:24px}.one-c-visual:before{inset:10px;border-radius:20px}.one-c-visual:after{width:120px;height:120px;right:-36px;top:-36px}.one-c-node{position:relative;inset:auto;left:auto;right:auto;width:100%;min-height:132px;padding:20px 18px;animation:none}.one-c-node-source{order:1}.one-c-flow{position:relative;left:auto;right:auto;top:auto;order:2;width:100%;height:74px;transform:none;z-index:2}.one-c-flow>span{left:50%;right:auto;top:0;width:4px;height:100%;transform:translateX(-50%)}.one-c-flow>span:before{width:100%;height:42%;animation-name:oneCDataFlowVertical}.one-c-node-target{order:3}.one-c-data{position:relative;left:auto;right:auto;top:auto;bottom:auto;min-width:0;animation:none}.one-c-data-price,.one-c-data-stock{width:100%}.one-c-data-price{order:4}.one-c-data-stock{order:5}.one-c-offers{position:relative;left:auto;bottom:auto;order:6;width:100%;transform:none}.one-c-offers div{animation:none}}@media (max-width:560px){.hero h1{font-size:clamp(2rem,10vw,2.35rem)}nav{padding:10px 12px;gap:10px}.nav-logo{height:30px}.nav-logo img{height:56px;max-width:132px}.nav-cta{border-radius:16px;font-size:.75rem;line-height:1.15;max-width:158px;padding:9px 12px;text-align:center;white-space:normal}.benefits-section{padding:58px 18px}.benefits-title{font-size:clamp(2.05rem,11vw,2.7rem);line-height:1;letter-spacing:-1px;margin-bottom:18px}.benefits-poster{gap:30px}.benefits-poster-visual{min-height:470px}.benefits-poster-number{top:58px;font-size:8rem;letter-spacing:-5px}.benefits-photo-stack{left:0;right:0;bottom:0;height:250px;max-width:360px}.benefits-photo-stack span{width:min(48vw,178px);height:132px;border-width:6px;border-radius:22px}.benefits-photo-stack span:nth-child(2){right:0}.benefits-photo-stack span:nth-child(3){left:min(18vw,68px);bottom:0}.benefits-ribbons{grid-template-columns:1fr;gap:14px}.benefit-ribbon{min-height:0;grid-template-columns:1fr;gap:12px;padding:20px;border-radius:22px}.benefit-ribbon:before{content:none}.benefit-ribbon-icon{width:42px;height:42px;border-radius:14px}.benefit-ribbon-num{font-size:.78rem}.benefit-ribbon h3{font-size:1.04rem}.benefit-ribbon p{max-width:none}.ecosystem-group{padding:18px;border-radius:22px}.ecosystem-logos-partners,.ecosystem-logos-yalla{grid-template-columns:1fr}.eco-logo.partner{flex-direction:column;justify-content:space-between}.eco-logo.partner span{text-align:center}.partners-panel{padding:24px 18px;border-radius:24px}.one-c-section{gap:30px;padding-top:64px;padding-bottom:64px}.one-c-points{flex-direction:column;align-items:stretch}.one-c-points span{justify-content:center}.one-c-visual{padding:20px}.one-c-node{min-height:126px}}@media (max-width:390px){.benefits-poster-visual{min-height:430px}.benefits-photo-stack{height:220px}.benefits-photo-stack span{width:150px;height:112px;border-width:5px}.benefits-photo-stack span:first-child{top:28px}.benefits-photo-stack span:nth-child(3){left:54px}.benefit-ribbon{gap:10px;padding:18px;border-radius:20px}.benefit-ribbon-icon,.benefit-ribbon-num{order:0}.one-c-visual{padding:14px}.one-c-logo{width:78px}.one-c-node-target img{width:140px}}@keyframes oneCDataFlowVertical{0%{transform:translateY(-100%)}to{transform:translateY(240%)}}