@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--background: 0 0% 100%;--foreground: 220 25% 15%;--border: 220 15% 90%;--card: 0 0% 100%;--card-foreground: 220 25% 15%;--card-border: 220 15% 88%;--primary: 220 85% 52%;--primary-foreground: 0 0% 100%;--secondary: 220 15% 96%;--secondary-foreground: 220 25% 15%;--muted: 220 15% 96%;--muted-foreground: 220 15% 48%;--accent: 220 45% 95%;--accent-foreground: 220 25% 15%;--destructive: 0 75% 50%;--destructive-foreground: 0 0% 100%;--input: 220 15% 82%;--ring: 220 85% 52%;--gradient-blue: 220 85% 52%;--gradient-orange: 25 90% 60%;--gradient-primary: linear-gradient(135deg, hsl(220 85% 52%) 0%, hsl(25 90% 60%) 100%);--gradient-subtle: linear-gradient(135deg, hsl(220 85% 52% / .1) 0%, hsl(25 90% 60% / .1) 100%);--gradient-text: linear-gradient(135deg, hsl(220 85% 52%), hsl(25 90% 60%));--soundwave-gradient-1: linear-gradient(to top, hsl(220 85% 52%), hsl(25 90% 60%));--soundwave-gradient-2: linear-gradient(to top, hsl(220 85% 52% / .9), hsl(25 90% 60% / .9));--soundwave-gradient-3: linear-gradient(to top, hsl(220 85% 52%), hsl(25 90% 60%));--radius: .5rem;--shadow-2xs: 0px 1px 2px 0px hsl(220 25% 25% / .05);--shadow-xs: 0px 1px 2px 0px hsl(220 25% 25% / .05);--shadow-sm: 0px 1px 3px 0px hsl(220 25% 25% / .08), 0px 1px 2px -1px hsl(220 25% 25% / .06);--shadow-md: 0px 4px 6px -1px hsl(220 25% 25% / .08), 0px 2px 4px -1px hsl(220 25% 25% / .06);--shadow-lg: 0px 10px 15px -3px hsl(220 25% 25% / .08), 0px 4px 6px -2px hsl(220 25% 25% / .06);--shadow-xl: 0px 20px 25px -5px hsl(220 25% 25% / .08), 0px 10px 10px -5px hsl(220 25% 25% / .06);--shadow-2xl: 0px 25px 50px -12px hsl(220 25% 25% / .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans Arabic,Segoe UI,Tahoma,sans-serif;-webkit-font-smoothing:antialiased;background:#fff;color:#1d2330;min-height:100vh}#root{min-height:100vh}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{display:flex;flex-direction:column;min-height:100vh}.site-header{border-bottom:1px solid hsl(220 15% 90% / .5)}.header-inner{max-width:1024px;margin:0 auto;padding:24px 16px;display:flex;align-items:center;justify-content:space-between}.brand-area h1{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:1.5rem;font-weight:700;line-height:2rem}.brand-area p{color:#68748d;font-size:.875rem;line-height:1.25rem}.lang-btn{min-width:42px;padding:8px 12px;border:1px solid hsl(220 15% 82%);border-radius:6px;background:#fff;color:#1d2330;font-size:.75rem;font-weight:600;transition:border-color .16s ease,background .16s ease}.lang-btn:hover{border-color:#1d62ed;background:#edf0f8}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:0 16px}.demo-content{width:100%;max-width:672px;text-align:center;padding:64px 0}.hero-copy{margin-bottom:32px}.hero-copy h2{font-size:30px;font-weight:700;line-height:36px;color:#1d2330}.hero-copy h2 .gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-copy p{max-width:576px;margin:16px auto 0;color:#68748d;font-size:18px;line-height:28px}@media(min-width:1024px){.hero-copy h2{font-size:36px;line-height:40px}}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:32px}.step-card{text-align:center}.step-number{width:48px;height:48px;border-radius:9999px;background:linear-gradient(to bottom right,#1d62ed,#f58a3d);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:#fff;font-weight:700;font-size:16px}.step-card h3{font-size:16px;font-weight:600;color:#1d2330;margin-bottom:4px}.step-card p{font-size:14px;line-height:20px;color:#68748d}.site-footer{border-top:1px solid hsl(220 15% 90% / .5);padding:24px 0}.site-footer .footer-inner{max-width:1024px;margin:0 auto;padding:0 16px;text-align:center;color:#68748d;font-size:14px;line-height:20px}.footer-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:600}.voice-control{padding:32px 0}.call-area{position:relative;width:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.caller-dropdown-label{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:24px;font-size:14px;font-weight:500;color:#68748d}.caller-dropdown{padding:8px 32px 8px 12px;border:1px solid hsl(220 15% 82%);border-radius:6px;background:#fff;color:#1d2330;font-size:14px;font-weight:500;min-width:180px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .16s ease}.caller-dropdown:hover{border-color:#1d62ed}.caller-dropdown:focus{outline:none;border-color:#1d62ed;box-shadow:0 0 0 3px #1d62ed26}.caller-dropdown:disabled{opacity:.5;cursor:not-allowed}.caller-custom-input{padding:8px 12px;border:1px solid hsl(220 15% 82%);border-radius:6px;background:#fff;color:#1d2330;font-size:14px;font-weight:500;min-width:180px;text-align:left;transition:border-color .16s ease}.caller-custom-input::placeholder{color:#98a1b3}.caller-custom-input:hover{border-color:#1d62ed}.caller-custom-input:focus{outline:none;border-color:#1d62ed;box-shadow:0 0 0 3px #1d62ed26}.caller-custom-input:disabled{opacity:.5;cursor:not-allowed}.call-button-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.pulse-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.pulse-ring{position:absolute;border-radius:9999px;background:var(--gradient-subtle);animation:pulse-fade 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-ring:nth-child(1){width:130px;height:130px}.pulse-ring:nth-child(2){width:112px;height:112px;animation-delay:.5s;opacity:.7}.pulse-ring:nth-child(3){width:96px;height:96px;animation-delay:1s;opacity:.45}@keyframes pulse-fade{50%{opacity:.25}}.call-button{position:relative;z-index:10;width:150px;height:150px;border-radius:9999px;background:linear-gradient(to bottom right,#1d62ed,#f58a3d);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.call-button:hover{background:linear-gradient(to bottom right,#1152d4,#f26c0d);box-shadow:0 25px 50px -12px #00000040;transform:scale(1.05)}.call-button:active{transform:scale(.95)}.call-button:disabled{opacity:.75;cursor:wait}.call-button-end{background:#df2020}.call-button-end:hover{background:#c01b1b}.phone-icon{width:64px;height:64px}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.audio-status{position:absolute;bottom:-16px;display:flex;flex-direction:column;align-items:center;gap:8px}.audio-bars{display:flex;align-items:flex-end;gap:3px;height:28px;justify-content:center}.audio-bars span{display:block;width:3px;border-radius:999px;background:var(--soundwave-gradient-1);animation:audio-wave .9s ease-in-out infinite alternate;transform-origin:bottom}.audio-bars span:nth-child(1){height:10px}.audio-bars span:nth-child(2){height:18px;animation-delay:-.11s;background:var(--soundwave-gradient-2)}.audio-bars span:nth-child(3){height:26px;animation-delay:-.22s;background:var(--soundwave-gradient-3)}.audio-bars span:nth-child(4){height:20px;animation-delay:-.33s}.audio-bars span:nth-child(5){height:28px;animation-delay:-.44s;background:var(--soundwave-gradient-2)}.audio-bars span:nth-child(6){height:16px;animation-delay:-.55s;background:var(--soundwave-gradient-3)}.audio-bars span:nth-child(7){height:12px;animation-delay:-.66s}@keyframes audio-wave{0%,to{transform:scaleY(.3);opacity:.7}50%{transform:scaleY(1);opacity:1}}.connection-label{margin-top:16px;font-size:14px;color:#68748d}.error-message{margin-top:16px;max-width:360px;font-size:14px;line-height:20px;color:#df2020}.listening-text{font-size:12px;color:#68748d}.dialog-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#1d233073}.consent-dialog{width:min(100%,448px);padding:24px;border:1px solid hsl(220 15% 90%);border-radius:12px;background:#fff;box-shadow:0 25px 50px -12px #00000040;text-align:start}.consent-dialog h2{font-size:20px;font-weight:700;line-height:28px;color:#1d2330}.consent-dialog p{margin-top:16px;font-size:14px;line-height:22px;color:#68748d}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dialog-btn{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;transition:background .16s ease,transform .16s ease}.dialog-btn:active{transform:scale(.97)}.dialog-btn-secondary{border:1px solid hsl(220 15% 82%);background:#fff;color:#1d2330}.dialog-btn-secondary:hover{background:#f3f4f6}.dialog-btn-primary{background:#1d62ed;color:#fff}.dialog-btn-primary:hover{background:#1150d0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.steps-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:639px){.main-content{padding:48px 16px}.hero-copy h2{font-size:28px;line-height:34px}.hero-copy p{font-size:16px;line-height:25px}.call-area{min-height:180px}.call-button{width:120px;height:120px}.phone-icon{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[dir=rtl] body{font-family:Noto Sans Arabic,Tahoma,Segoe UI,Inter,sans-serif}[dir=rtl] .dialog-actions{justify-content:flex-start}
