:root{--red: #c0392b;--red2: #e74c3c;--gold: #D4AF37;--gold2: #F5CC4A;--navy: #060d1a;--navy2: #0a1628;--panel: rgba(10, 22, 40, .92);--glass: rgba(255,255,255,.04);--border: rgba(192, 57, 43, .25);--text: #e8eaf0;--muted: #8899aa}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.landing{min-height:100vh;background:var(--navy);color:var(--text);position:relative;overflow-x:hidden}.particle-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.6}.landing-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#060d1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.1rem;font-weight:700;letter-spacing:.5px}.logo-accent{color:var(--red2)}.nav-cta{display:flex;align-items:center;gap:6px;padding:8px 20px;background:var(--red);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.nav-cta:hover{background:var(--red2)}.hero{position:relative;z-index:1;min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem 3rem}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid var(--border);border-radius:20px;font-size:.78rem;color:var(--muted);margin-bottom:1.8rem;background:var(--glass)}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--red2);box-shadow:0 0 6px var(--red2);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-title{font-size:clamp(2.4rem,5.5vw,5rem);font-weight:900;line-height:1.1;letter-spacing:-1px;margin-bottom:1.2rem}.hero-accent{background:linear-gradient(135deg,var(--red2),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(.95rem,2vw,1.15rem);color:var(--muted);line-height:1.7;max-width:580px;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--red2);transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.btn-secondary:hover{border-color:var(--red2);background:var(--glass);transform:translateY(-2px)}.btn-large{padding:16px 40px;font-size:1.1rem}.hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-val{font-size:1.8rem;font-weight:800;color:var(--gold)}.stat-label{font-size:.78rem;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:1px}.floating-cards{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:3rem}.float-card{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--panel);border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:floatY 3s ease-in-out infinite}.float-card:nth-child(2){animation-delay:1s}.float-card:nth-child(3){animation-delay:2s}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-icon{font-size:1.2rem}.float-label{font-size:.85rem;font-weight:600}.float-sub{font-size:.75rem;color:var(--muted);margin-top:2px}.section{position:relative;z-index:1;padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;text-align:center;margin-bottom:.6rem}.section-sub{text-align:center;color:var(--muted);font-size:1rem;margin-bottom:3rem}.how-section{background:none}.steps-row{display:flex;gap:1rem;align-items:flex-start;justify-content:center;flex-wrap:wrap;position:relative}.step-card{position:relative;flex:1;min-width:220px;max-width:300px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:2rem 1.5rem;text-align:center}.step-num{font-size:2.5rem;font-weight:900;color:var(--red);opacity:.8;line-height:1;margin-bottom:.8rem}.step-title{font-size:1.1rem;font-weight:700;margin-bottom:.6rem}.step-desc{font-size:.88rem;color:var(--muted);line-height:1.6}.step-arrow{position:absolute;right:-1.2rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--red);z-index:2}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.8rem 1.5rem;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-3px);border-color:#c0392b80}.feature-card--accent{border-color:#c0392b66;background:linear-gradient(135deg,rgba(192,57,43,.08),var(--panel))}.feature-icon{color:var(--red2);margin-bottom:1rem}.feature-title{font-size:1rem;font-weight:700;margin-bottom:.5rem}.feature-desc{font-size:.85rem;color:var(--muted);line-height:1.6}.emirates-section{background:#0a162880;max-width:100%;padding:5rem 2rem}.emirates-section .section-title,.emirates-section .section-sub{max-width:600px;margin-left:auto;margin-right:auto}.emirates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;max-width:1000px;margin:0 auto}.emirate-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1rem;text-align:center;transition:transform .2s,border-color .2s}.emirate-card:hover{transform:translateY(-2px);border-color:#d4af3766}.emirate-emoji{font-size:2rem;display:block;margin-bottom:.5rem}.emirate-name{font-weight:700;font-size:.95rem;margin-bottom:.3rem}.emirate-desc{font-size:.78rem;color:var(--muted)}.cta-section{position:relative;z-index:1;padding:6rem 2rem;background:linear-gradient(135deg,#c0392b1f,#060d1afa);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cta-inner{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;margin-bottom:1rem}.cta-sub{color:var(--muted);font-size:1rem;margin-bottom:2.5rem}.landing-footer{position:relative;z-index:1;text-align:center;padding:2rem;color:var(--muted);font-size:.82rem;border-top:1px solid rgba(255,255,255,.05)}.footer-accent{color:var(--gold)}.footer-note{margin-top:6px;opacity:.6}@media(max-width:640px){.landing-nav{padding:.8rem 1rem}.hero{padding:4rem 1rem 2rem}.hero-sub br{display:none}.hero-stats{gap:1.5rem}.stat-val{font-size:1.4rem}.floating-cards{gap:.6rem}.float-card{padding:10px 12px}.step-arrow{display:none}.section{padding:3rem 1rem}.features-grid{grid-template-columns:1fr 1fr}.emirates-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:400px){.features-grid{grid-template-columns:1fr}.emirates-grid{grid-template-columns:repeat(2,1fr)}}.chat-page{display:flex;height:100vh;overflow:hidden;background:var(--navy);color:var(--text)}.sidebar{width:270px;min-width:270px;background:var(--navy2);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:0;overflow-y:auto;z-index:200;transition:transform .25s ease}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000008c;z-index:199}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--navy2);z-index:1}.sidebar-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem}.sidebar-header-btns{display:flex;gap:4px}.metrics-panel,.models-panel,.voice-panel{padding:1rem;border-bottom:1px solid var(--border)}.panel-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:.7rem}.metric-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.82rem}.metric-label{color:var(--muted)}.metric-val{font-weight:600;color:var(--gold)}.model-row{display:flex;align-items:center;gap:8px;margin-bottom:.6rem}.model-dot{width:7px;height:7px;border-radius:50%;background:var(--red2);box-shadow:0 0 5px var(--red2);flex-shrink:0}.model-name{font-size:.82rem;font-weight:600}.model-type{font-size:.72rem;color:var(--muted)}.toggle-row{display:flex;align-items:center;gap:8px;font-size:.83rem;margin-bottom:.7rem;cursor:pointer}.speed-row{font-size:.82rem;color:var(--muted);margin-bottom:.6rem}.speed-slider{width:100%;margin-top:4px;accent-color:var(--red2)}.audio-controls{display:flex;gap:6px;margin-top:6px}.location-panel{padding:1rem;border-bottom:1px solid var(--border)}.emirate-badge{font-size:.8rem;color:var(--gold);font-weight:600;margin-bottom:.6rem}.locate-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 14px;background:#c0392b1f;color:var(--red2);border:1px solid rgba(192,57,43,.35);border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s}.locate-btn:hover:not(:disabled){background:#c0392b40}.locate-btn:disabled{opacity:.55;cursor:not-allowed}.locate-hint{font-size:.72rem;color:var(--muted);margin-top:.5rem;line-height:1.4}.spin{animation:spin-anim .9s linear infinite}@keyframes spin-anim{to{transform:rotate(360deg)}}.clear-btn{display:flex;align-items:center;gap:8px;margin:1rem;padding:9px 16px;background:#c0392b1f;color:var(--red2);border:1px solid rgba(192,57,43,.3);border-radius:7px;font-size:.83rem;font-weight:600;cursor:pointer;transition:background .2s}.clear-btn:hover{background:#c0392b40}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--glass);border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;transition:background .15s,color .15s;font-size:.85rem}.icon-btn:hover{background:#c0392b26;color:var(--red2)}.main-chat{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#060d1ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:12px}.hamburger{display:none}.chat-title{font-size:1rem;font-weight:700}.chat-sub{font-size:.75rem;color:var(--muted);margin-top:1px}.header-status{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:#2ecc71;box-shadow:0 0 6px #2ecc71;animation:pulse 2s ease-in-out infinite}.messages-area{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;max-width:600px;margin:auto}.welcome-icon{font-size:3rem;margin-bottom:1rem}.welcome-title{font-size:1.5rem;font-weight:800;margin-bottom:.6rem}.welcome-sub{color:var(--muted);font-size:.92rem;line-height:1.6;margin-bottom:2rem}.quick-label{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:.8rem}.quick-grid{display:flex;flex-direction:column;gap:.5rem;width:100%}.quick-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:.85rem;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.quick-btn:hover{border-color:var(--red2);background:#c0392b14}.message{display:flex;gap:12px;align-items:flex-start;max-width:820px}.message--user{flex-direction:row-reverse;margin-left:auto}.message--assistant{margin-right:auto}.msg-avatar{font-size:1.3rem;flex-shrink:0;margin-top:2px}.msg-body{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.1rem;max-width:100%}.message--user .msg-body{background:#c0392b26;border-color:#c0392b59}.msg-meta{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--muted);margin-top:6px}.markdown-body{font-size:.9rem;line-height:1.7}.markdown-body p{margin-bottom:.6rem}.markdown-body p:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:.8rem 0 .4rem;font-weight:700;color:var(--gold)}.markdown-body ul,.markdown-body ol{padding-left:1.4rem;margin-bottom:.6rem}.markdown-body li{margin-bottom:.25rem}.markdown-body code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:.82rem;font-family:monospace}.markdown-body pre code{display:block;padding:.8rem;overflow-x:auto}.markdown-body table{width:100%;border-collapse:collapse;font-size:.83rem;margin:.6rem 0}.markdown-body th{background:#c0392b33;padding:6px 10px;text-align:left;border:1px solid var(--border)}.markdown-body td{padding:6px 10px;border:1px solid var(--border)}.markdown-body strong{color:#fff}.markdown-body a{color:var(--gold)}.typing-indicator{display:flex;gap:5px;padding:4px 0}.typing-indicator span{width:7px;height:7px;background:var(--red2);border-radius:50%;animation:bounce 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-6px);opacity:1}}.image-preview-bar{display:flex;align-items:center;gap:10px;padding:.6rem 1.2rem;border-top:1px solid var(--border);background:var(--navy2);flex-shrink:0}.preview-img{height:60px;width:auto;max-width:120px;border-radius:6px;border:1px solid var(--border);object-fit:cover}.preview-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#c0392b26;border:1px solid rgba(192,57,43,.4);border-radius:50%;color:var(--red2);font-size:.7rem;cursor:pointer}.preview-remove:hover{background:#c0392b4d}.msg-img{max-width:220px;max-height:160px;border-radius:8px;border:1px solid var(--border);display:block;margin-bottom:8px;object-fit:cover}.input-bar{display:flex;align-items:center;gap:8px;padding:1rem 1.2rem;border-top:1px solid var(--border);background:var(--navy2);flex-shrink:0}.input-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--glass);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:1rem;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.input-action-btn:hover:not(:disabled){background:#c0392b26;color:var(--red2);border-color:var(--red2)}.input-action-btn:disabled{opacity:.35;cursor:not-allowed}.input-action-btn--active{background:#c0392b40!important;color:var(--red2)!important;border-color:var(--red2)!important;animation:mic-pulse 1s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #c0392b66}50%{box-shadow:0 0 0 6px #c0392b00}}.chat-input{flex:1;height:42px;background:var(--glass);border:1px solid var(--border);border-radius:8px;padding:0 14px;color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--red2)}.chat-input::placeholder{color:var(--muted)}.chat-input--listening{border-color:var(--red2);background:#c0392b0f;animation:listening-pulse 1.5s ease-in-out infinite}@keyframes listening-pulse{0%,to{box-shadow:0 0 #c0392b4d}50%{box-shadow:0 0 0 4px #c0392b00}}.send-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;flex-shrink:0;transition:background .15s}.send-btn:hover:not(:disabled){background:var(--red2)}.send-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block}.hamburger{display:flex!important}.messages-area{padding:1rem}.input-bar{padding:.8rem;gap:6px}.chat-title{font-size:.9rem}}@media(max-width:480px){.chat-header{padding:.8rem 1rem}.message{max-width:100%}.quick-btn{font-size:.8rem;padding:10px 12px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#060d1a;color:#f0f0f0;overflow-x:hidden}