@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,700;1,400&family=IBM+Plex+Arabic:wght@400;500;600&display=swap";:root{--color-bg: #030305;--color-bg-alt: #08080A;--color-surface: rgba(10, 10, 15, .4);--color-primary: #3B82F6;--color-primary-dim: rgba(59, 130, 246, .2);--color-primary-glow: rgba(59, 130, 246, .1);--color-text: #E5E7EB;--color-text-muted: #6B7280;--color-text-dim: #374151;--color-border: rgba(255, 255, 255, .04);--color-border-bright: rgba(255, 255, 255, .08);--font-display: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-arabic: "IBM Plex Arabic", sans-serif;--transition-cinematic: .8s cubic-bezier(.16, 1, .3, 1);--transition-fast: .2s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:9999}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.04em}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;color:var(--color-text-muted)}.container{max-width:1440px;margin:0 auto;padding:0 4rem}@media(max-width:768px){.container{padding:0 1.5rem}}.grid-line{position:absolute;background:var(--color-border);pointer-events:none}.grid-line-h{height:1px;left:0;right:0}.grid-line-v{width:1px;top:0;bottom:0}.reveal-init{opacity:0;transform:translateY(20px)}::selection{background:var(--color-primary);color:#fff}.landing{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.bg-mesh{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(150px);background:var(--color-primary)}.orb-1{width:800px;height:800px;top:-200px;right:-200px;opacity:.12}.orb-2{width:500px;height:500px;bottom:-100px;left:-100px;opacity:.08}.orb-3{width:300px;height:300px;top:40%;right:25%;opacity:.06}.landing-grid{position:fixed;inset:0;z-index:1;pointer-events:none}.grid-line-1{top:100px}.grid-line-2{bottom:100px}.grid-line-3{left:60px}.grid-line-4{right:60px}.lang-nav{position:fixed;top:36px;right:60px;display:flex;gap:1.75rem;z-index:100;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em}.lang-link{color:var(--color-text-dim);text-decoration:none;transition:var(--transition-fast);cursor:pointer;padding:.25rem 0;border-bottom:1px solid transparent}.lang-link:hover{color:var(--color-text-muted)}.lang-link.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.hero{flex:1;display:flex;align-items:center;position:relative;padding:140px 0 120px}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:6rem}.hero-main{position:relative}.hero-title-group{margin-bottom:2.5rem}.hero-arabic{font-family:var(--font-arabic);font-size:clamp(7rem,14vw,14rem);line-height:.85;margin-bottom:-1.5rem;font-weight:400;color:var(--color-text);opacity:.95}.hero-subtitle{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,5rem);font-style:italic;font-weight:400;color:var(--color-text);margin-left:1rem;letter-spacing:-.03em;line-height:1.1}.hero-desc{max-width:420px;font-size:.95rem;line-height:1.9;color:var(--color-text-muted);margin-bottom:2.5rem;letter-spacing:.01em}.btn-group{display:flex;gap:1rem;align-items:center}.btn-premium{display:inline-flex;align-items:center;gap:.6rem;padding:.875rem 2rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-bright);cursor:pointer;transition:all var(--transition-fast);position:relative}.btn-premium:hover{color:var(--color-text);border-color:var(--color-primary);background:#3b82f60a;box-shadow:0 0 30px #3b82f61a}.btn-fill{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.btn-fill:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.eye-container{width:420px;height:420px;position:relative;display:flex;align-items:center;justify-content:center}.eye-ring{position:absolute;border-radius:50%;border:1px solid rgba(59,130,246,.08)}.eye-ring-outer{inset:0;border-color:#3b82f60f}.eye-ring-mid{inset:50px;border-color:#3b82f61f}.eye-iris{position:absolute;inset:100px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border:1px solid rgba(59,130,246,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.eye-logo{animation:logoFloat 6s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}.status-bar{position:absolute;bottom:36px;left:60px;right:60px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:.6rem}.status-label{display:flex;align-items:center;gap:.75rem}.status-line{width:32px;height:1px;background:var(--color-primary)}.text-dim{color:var(--color-text-dim)}.text-primary{color:var(--color-primary)}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.landing.rtl .hero-subtitle{margin-left:0;margin-right:1rem}.landing.rtl .lang-nav{right:auto;left:60px}.landing.rtl .status-bar{flex-direction:row-reverse}@media(max-width:1200px){.hero-layout{grid-template-columns:1fr;text-align:center;gap:4rem}.hero-visual{order:-1}.eye-container{width:300px;height:300px}.eye-ring-mid{inset:35px}.eye-iris{inset:70px}.hero-desc{margin-left:auto;margin-right:auto}.btn-group{justify-content:center;flex-wrap:wrap}.hero-subtitle{margin-left:0}}@media(max-width:768px){.container{padding:0 1.5rem}.lang-nav{right:1.5rem;top:24px;gap:1rem}.status-bar{left:1.5rem;right:1.5rem;bottom:24px}.grid-line-3,.grid-line-4{display:none}.hero{padding:100px 0 80px}.eye-container{width:240px;height:240px}.eye-ring-mid{inset:28px}.eye-iris{inset:56px}}.demo-page{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--color-bg)}.demo-page.rtl{font-family:"IBM Plex Arabic",var(--font-body)}.demo-page.rtl .back-button{left:auto;right:var(--space-md)}.camera-container{flex:1;position:relative;overflow:hidden;background:#000}.camera-video{width:100%;height:100%;object-fit:cover}.camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-lg);text-align:center;gap:var(--space-lg)}.processing-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:#0d0d0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.controls-container{padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0));background:linear-gradient(to top,var(--color-bg) 0%,transparent 100%);position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.question-container{width:100%;max-width:400px}.question-input{background:#1a1a1ee6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#2a2a2ecc;text-align:center}.question-input:focus{background:var(--color-surface)}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-md);width:100%;max-width:400px;text-align:center}.shutter-button{width:80px;height:80px;border-radius:50%;background:transparent;border:4px solid white;padding:4px;cursor:pointer;transition:transform var(--transition-fast)}.shutter-button:hover:not(:disabled){transform:scale(1.05)}.shutter-button:active:not(:disabled){transform:scale(.95)}.shutter-button:disabled{opacity:.5;cursor:not-allowed}.shutter-inner{width:100%;height:100%;border-radius:50%;background:#fff;transition:background var(--transition-fast)}.shutter-button:hover:not(:disabled) .shutter-inner{background:var(--color-primary)}.result-card{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.result-text{font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-md)}.result-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.result-actions .btn{flex:1}.back-button{position:absolute;top:calc(var(--space-md) + env(safe-area-inset-top,0));left:var(--space-md);width:48px;height:48px;border-radius:var(--radius-full);background:#1a1a1ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);color:var(--color-text);font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10}.back-button:hover{background:var(--color-surface);border-color:var(--color-primary)}@supports (padding: max(0px)){.controls-container{padding-bottom:max(var(--space-lg),calc(env(safe-area-inset-bottom) + var(--space-md)))}}.coming-soon-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-bg);overflow:hidden}.coming-soon-page .bg-mesh{position:fixed;inset:0;pointer-events:none}.coming-soon-page .orb-center{position:absolute;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--color-primary);filter:blur(180px);opacity:.1}.coming-soon-content{text-align:center;position:relative;z-index:1;padding:2rem}.coming-soon-badge{display:inline-block;padding:.5rem 1.25rem;border:1px solid var(--color-primary);color:var(--color-primary);font-size:.65rem;letter-spacing:.15em;margin-bottom:2.5rem}.coming-soon-title{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(3.5rem,10vw,8rem);color:var(--color-text);margin-bottom:1.5rem;letter-spacing:-.03em}.coming-soon-desc{font-size:1rem;line-height:1.8;color:var(--color-text-muted);max-width:400px;margin:0 auto 2.5rem}.coming-soon-meta{display:flex;justify-content:center;align-items:center;gap:1rem;color:var(--color-text-dim);font-size:.6rem;margin-bottom:3rem}.coming-soon-meta .separator{color:var(--color-text-dim)}.back-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.875rem 2rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-bright);cursor:pointer;transition:all .2s ease}.back-btn:hover{color:var(--color-text);border-color:var(--color-primary);background:#3b82f60d}