*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--red:#e8453c;--red-dark:#d43a31;--red-light:#ff6b63;--amber:#f4a623;--amber-light:#ffd166;--cream:#fff8f0;--cream-dark:#fff0e2;--cream-warm:#ffede4;--brown-dark:#2d1b12;--brown:#5c3d2e;--brown-light:#8b6f5e;--brown-muted:#a88f80;--white:#fff;--font-heading:"Baloo 2",cursive;--font-body:"Nunito",sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 2px 8px rgba(45,27,18,.06);--shadow-md:0 4px 20px rgba(45,27,18,.08);--shadow-lg:0 8px 40px rgba(45,27,18,.12);--shadow-xl:0 16px 60px rgba(45,27,18,.15)}[dir=rtl]{--font-heading:"Changa",sans-serif;--font-body:"Tajawal",sans-serif}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:18px;line-height:1.6;color:var(--brown-dark);background:var(--cream);overflow-x:hidden}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,248,240,0);transition:background .4s ease,box-shadow .4s ease,padding .3s ease}.nav.scrolled{background:rgba(255,248,240,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(45,27,18,.06);padding:10px 28px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--brown-dark)}.nav-logo-icon{width:44px;height:44px}.nav-logo-text{font-family:var(--font-heading);font-size:30px;font-weight:800;color:var(--red);line-height:1}.nav-actions{gap:12px}.lang-switcher,.nav-actions{display:flex;align-items:center}.lang-switcher{position:relative}.lang-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;font-size:14px}.lang-current{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:var(--cream);border-radius:100px;font-size:13px;font-weight:700;color:var(--brown);pointer-events:none;min-width:48px;min-height:36px;transition:background .2s ease}.lang-switcher:hover .lang-current{background:var(--cream-dark)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;background:var(--red);color:var(--white);font-family:var(--font-body);font-size:16px;font-weight:700;border:none;border-radius:100px;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;min-height:48px;white-space:nowrap}.nav-cta:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 4px 16px rgba(232,69,60,.3)}.nav-cta:active{transform:translateY(0)}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 100px;overflow:hidden}.hero:before{content:"";inset:0;background-image:radial-gradient(circle,rgba(232,69,60,.04) 1.5px,transparent 0);background-size:30px 30px}.hero-glow,.hero:before{position:absolute;pointer-events:none}.hero-glow{top:40%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(ellipse,rgba(232,69,60,.07) 0,rgba(244,166,35,.03) 40%,transparent 70%)}.hero-mascot-wrap{position:relative;z-index:2;margin-bottom:36px;opacity:0;transform:translateY(20px) scale(.95);animation:mascotEnter .8s ease-out .2s forwards}@keyframes mascotEnter{to{opacity:1;transform:translateY(0) scale(1)}}.hero-mascot{width:200px;height:240px;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 24px 48px rgba(45,27,18,.12))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-title{font-family:var(--font-heading);font-size:clamp(38px,7vw,66px);font-weight:800;line-height:1.12;color:var(--brown-dark);margin-bottom:20px;max-width:700px;animation:fadeUp .7s ease-out .5s forwards}.hero-subtitle,.hero-title{position:relative;z-index:2;opacity:0;transform:translateY(24px)}.hero-subtitle{font-size:clamp(17px,2.5vw,20px);line-height:1.65;color:var(--brown);max-width:560px;margin-bottom:40px;animation:fadeUp .7s ease-out .7s forwards}.hero-cta{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:20px 44px;background:var(--red);color:var(--white);font-family:var(--font-heading);font-size:21px;font-weight:700;border:none;border-radius:100px;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;min-height:60px;box-shadow:0 8px 28px rgba(232,69,60,.3);opacity:0;transform:translateY(24px);animation:fadeUp .7s ease-out .9s forwards;white-space:nowrap}.hero-cta:hover{background:var(--red-dark);transform:translateY(-2px)!important;box-shadow:0 12px 36px rgba(232,69,60,.4)}.hero-cta:active{transform:translateY(0)!important;box-shadow:0 4px 16px rgba(232,69,60,.3)}.hero-cta .arrow{display:inline-block;transition:transform .2s ease}.hero-cta:hover .arrow{transform:translateX(4px)}[dir=rtl] .hero-cta:hover .arrow{transform:translateX(-4px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.divider-wave{display:block;width:100%;height:auto;margin-top:-1px}.section{position:relative;padding:100px 24px}.section-title{font-family:var(--font-heading);font-size:clamp(34px,5vw,50px);font-weight:800;text-align:center;margin-bottom:16px;color:var(--brown-dark);line-height:1.2}.section-subtitle{font-size:clamp(16px,2.2vw,19px);text-align:center;color:var(--brown-light);max-width:520px;margin:0 auto 60px;line-height:1.6}.why-section{background:var(--white)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;max-width:1080px;margin:0 auto}.why-card{background:var(--cream);border-radius:var(--radius-lg);padding:44px 32px 40px;text-align:center;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;position:relative;overflow:hidden}.why-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),var(--amber));opacity:0;transition:opacity .3s ease}.why-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.why-card:hover:after{opacity:1}.why-card-icon{color:var(--red);margin-bottom:20px;display:block;line-height:1}.why-card-title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--brown-dark);margin-bottom:12px}.why-card-desc{font-size:16px;color:var(--brown-light);line-height:1.65}.voices-section{background:linear-gradient(180deg,var(--white) 0,var(--cream) 100%)}.voices-wrap{max-width:480px;margin:0 auto}.voice-chat-card{background:var(--white);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-lg);text-align:center}.vc-header{display:flex;align-items:center;gap:16px;text-align:start;margin-bottom:32px}.vc-icon{color:var(--red);line-height:1}.vc-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--brown-dark);margin-bottom:2px}.vc-subtitle{font-size:14px;color:var(--brown-light);line-height:1.4}.vc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-heading);font-weight:700;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.vc-btn:hover{transform:translateY(-2px)}.vc-btn:active{transform:translateY(0)}.vc-btn-start{width:100%;padding:20px 32px;background:var(--red);color:var(--white);font-size:20px;border-radius:var(--radius-md);box-shadow:0 6px 24px rgba(232,69,60,.3);min-height:64px}.vc-btn-start:hover{background:var(--red-dark);box-shadow:0 8px 32px rgba(232,69,60,.4)}.vc-btn-active{width:88px;height:88px;border-radius:50%;background:var(--red);color:var(--white);font-size:24px;box-shadow:0 6px 28px rgba(232,69,60,.35);position:relative;z-index:2}.vc-btn-stop{animation:pulseBtn 2s ease-in-out infinite}@keyframes pulseBtn{0%,to{box-shadow:0 6px 28px rgba(232,69,60,.35)}50%{box-shadow:0 6px 40px rgba(232,69,60,.55)}}.vc-btn-retry{padding:14px 32px;background:var(--cream-dark);color:var(--brown);font-size:17px;border-radius:var(--radius-md);margin-top:16px}.vc-btn-retry:hover{background:var(--cream-warm)}.vc-connecting{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.vc-pulse-ring{position:absolute;width:88px;height:88px;border-radius:50%;border:3px solid var(--red-light);animation:pulseRing 1.5s ease-out infinite;top:0}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.vc-spinner{width:28px;height:28px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.vc-active{flex-direction:column;gap:20px}.vc-active,.vc-orb-wrap{display:flex;align-items:center}.vc-orb-wrap{position:relative;justify-content:center;width:160px;height:160px}.vc-ripple{position:absolute;width:88px;height:88px;border-radius:50%;border:2px solid var(--red-light);animation:rippleOut 2.5s ease-out infinite}.vc-ripple-2{animation-delay:.8s}.vc-ripple-3{animation-delay:1.6s}@keyframes rippleOut{0%{transform:scale(1);opacity:.5}to{transform:scale(1.9);opacity:0}}.vc-timer-row{display:flex;align-items:center;gap:12px;width:100%;max-width:300px}.vc-timer-time{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--red);white-space:nowrap;min-width:40px}.vc-timer-bar{flex:1 1;height:6px;background:var(--cream-dark);border-radius:3px;overflow:hidden}.vc-timer-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--amber));border-radius:3px;transition:width 1s linear}.vc-status{font-family:var(--font-heading);font-size:16px;color:var(--brown-light)}.vc-stop-link{background:none;border:none;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--red);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.vc-ended{display:flex;flex-direction:column;align-items:center;gap:8px}.vc-ended-icon{color:var(--red);line-height:1;margin-bottom:4px}.vc-ended-text{font-size:16px;color:var(--brown);line-height:1.5}.how-section{background:var(--cream)}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;max-width:960px;margin:0 auto;position:relative}.how-connector{display:block;position:absolute;top:44px;left:calc(16.67% + 24px);right:calc(16.67% + 24px);height:3px;border-radius:2px;background:linear-gradient(90deg,var(--red-light),var(--amber));opacity:.5}.how-step{text-align:center;position:relative;z-index:1}.how-step-number{width:60px;height:60px;border-radius:50%;background:var(--red);color:var(--white);font-family:var(--font-heading);font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 16px rgba(232,69,60,.25);line-height:1}.how-step-icon{color:var(--red);margin-bottom:14px;display:block;line-height:1}.how-step-title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--brown-dark);margin-bottom:8px}.how-step-desc{font-size:16px;color:var(--brown-light);line-height:1.55}.signup-section{background:linear-gradient(180deg,var(--cream-warm) 0,var(--cream-dark) 100%);position:relative;overflow:hidden}.signup-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(232,69,60,.03) 1.5px,transparent 0);background-size:30px 30px;pointer-events:none}.signup-inner{position:relative;z-index:2;max-width:560px;margin:0 auto;text-align:center}.signup-mascot{width:120px;height:144px;margin:0 auto 20px;animation:float 4s ease-in-out infinite;animation-delay:-1.5s;filter:drop-shadow(0 12px 24px rgba(45,27,18,.1))}.form-card{background:var(--white);border-radius:var(--radius-xl);padding:32px 24px;box-shadow:var(--shadow-xl);overflow:hidden}.form-card iframe{display:block;width:100%;min-height:500px;border:none}.footer{background:var(--brown-dark);color:rgba(255,248,240,.65);text-align:center;padding:52px 24px}.footer-logo{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--white);margin-bottom:8px}.footer-tagline{font-size:16px;margin-bottom:28px;line-height:1.5}.footer-copy{font-size:14px;opacity:.5}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-delay-1{transition-delay:.1s}.animate-delay-2{transition-delay:.2s}.animate-delay-3{transition-delay:.3s}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.05)}}.mascot-eye{transform-origin:center;animation:blink 4.5s ease-in-out infinite}.mascot-eye-r{animation-delay:.08s}.wave-arm{animation:wave 1.4s ease-in-out infinite;transform-origin:160px 148px}@keyframes wave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@media (max-width:768px){.why-grid{gap:20px;max-width:440px}.how-steps,.why-grid{grid-template-columns:1fr}.how-steps{gap:44px;max-width:380px}.how-connector{display:none}.form-card{padding:24px 16px}.hero-mascot{width:160px;height:192px}.section{padding:80px 20px}.nav-actions{gap:8px}}@media (max-width:480px){body{font-size:16px}.nav{padding:12px 16px}.nav-cta{padding:10px 16px;font-size:13px}.nav-logo-text{font-size:24px}.nav-logo-icon{width:36px;height:36px}.hero{padding:100px 16px 80px}.hero-cta{padding:16px 28px;font-size:18px}.form-card{padding:20px 12px}.why-card{padding:32px 24px}}