:root{--primary: #0F172A;--primary-light: #1E293B;--secondary: #334155;--accent: #0369A1;--accent-light: #0EA5E9;--accent-dark: #075985;--on-primary: #FFFFFF;--bg: #F8FAFC;--bg-card: #FFFFFF;--bg-alt: #F1F5F9;--bg-dark: #0F172A;--text: #020617;--text-muted: #64748B;--text-light: #F8FAFC;--border: #E2E8F0;--border-strong: #CBD5E1;--danger: #DC2626;--success: #16A34A;--warning: #D97706;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--font-heading: "Lexend", "Noto Kufi Arabic", sans-serif;--font-body: "Source Sans 3", "Noto Sans Arabic", sans-serif;--tra-blue: #0369A1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.7;color:var(--text);background:var(--bg);min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{background:var(--accent);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 640px){.container{padding:0 1rem}}.section{padding:4rem 0;position:relative}.section-alt{background:var(--bg-alt)}.section-dark{background:var(--bg-dark);color:var(--text-light)}.section-title{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:.5rem;line-height:1.3;color:var(--primary)}.section-subtitle{color:var(--text-muted);font-size:1rem;max-width:640px;margin-bottom:2.5rem;line-height:1.7}.section-dark .section-subtitle{color:#fff9}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.tra-topbar{background:var(--primary);color:#ffffffd9;font-size:.78rem;padding:.4rem 0;border-bottom:3px solid var(--accent)}.tra-topbar .container{display:flex;align-items:center;justify-content:space-between}.tra-topbar-links{display:flex;gap:1rem;align-items:center}.tra-topbar-links a{color:#ffffffbf;transition:color .2s}.tra-topbar-links a:hover{color:#fff}.tra-topbar-links .divider{color:#ffffff40}.navbar{position:sticky;top:0;z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 2rem;height:72px;display:flex;align-items:center}.navbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0}.nav-logo{display:flex;align-items:center;gap:.75rem}.nav-logo-img{width:42px;height:42px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.nav-logo-text{display:flex;flex-direction:column}.nav-logo-ar{font-family:var(--font-heading);font-weight:600;font-size:.95rem;color:var(--primary);line-height:1.2}.nav-logo-en{font-size:.7rem;color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:.15rem}.nav-link{padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--secondary);transition:all .2s;cursor:pointer;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--accent);background:#0369a10f}.nav-link.active{font-weight:600;color:var(--accent)}.nav-mobile-btn{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:.5rem}.hero-banner{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#fff;position:relative;overflow:hidden;padding:3.5rem 0}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero-banner .container{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;color:var(--accent-light);background:#0369a126;border:1px solid rgba(14,165,233,.2);padding:.3rem .75rem;border-radius:999px;margin-bottom:1rem}.hero-banner h1{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2;margin-bottom:.75rem;color:#fff}.hero-banner p{color:#ffffffa6;font-size:1rem;max-width:620px;line-height:1.7;margin-bottom:1.5rem}.hero-stats{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.hero-stat{text-align:center}.hero-stat-num{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--accent-light)}.hero-stat-label{font-size:.78rem;color:#ffffff80}.search-box{max-width:520px;position:relative}.search-box input{width:100%;padding:.8rem 1rem .8rem 2.8rem;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius);font-family:var(--font-body);font-size:.92rem;background:#ffffff14;color:#fff;outline:none;transition:border-color .2s,background .2s}.search-box input::placeholder{color:#fff6}.search-box input:focus{border-color:var(--accent-light);background:#ffffff1f}.search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff6}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:20;overflow:hidden}.search-suggestion-item{padding:.65rem 1rem;cursor:pointer;font-size:.85rem;transition:background .15s;display:flex;align-items:center;gap:.6rem;color:var(--text)}.search-suggestion-item:hover{background:var(--bg-alt)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;border:none;text-decoration:none;transition:all .2s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.25)}.btn-outline:hover:not(:disabled){background:#ffffff1a;border-color:#fff6}.btn-ghost{background:transparent;color:var(--accent);border:1.5px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#0369a10f;border-color:var(--accent)}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-lg{padding:.75rem 1.5rem;font-size:.95rem}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--accent-dark)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-lg)}.card-border-accent{border-right:3px solid var(--accent)}.grid{display:grid;gap:1.25rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.tag-blue{background:#0369a11a;color:var(--accent)}.tag-green{background:#16a34a1a;color:var(--success)}.tag-amber{background:#d977061a;color:var(--warning)}.tag-slate{background:#33415514;color:var(--secondary)}.service-card{cursor:pointer;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--accent);opacity:0;transition:opacity .25s}.service-card:hover:after{opacity:1}.service-card-top{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.service-card-icon{width:44px;height:44px;min-width:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.service-card h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;margin-bottom:.2rem;line-height:1.3}.service-card .type-label{font-size:.72rem;font-weight:600}.service-card p{color:var(--text-muted);font-size:.85rem;line-height:1.6;margin-bottom:.75rem}.service-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-header h2{margin-bottom:0}.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.35rem .85rem;border-radius:999px;border:1.5px solid var(--border);background:transparent;font-family:var(--font-body);font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.permit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.permit-chip{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);font-size:.85rem;color:var(--secondary);transition:all .2s;cursor:default}.permit-chip:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);max-width:680px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 24px 60px #0003;animation:slideUp .25s ease}.modal-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.modal-head h2{font-family:var(--font-heading);font-size:1.1rem;color:var(--primary)}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:background .15s}.modal-close:hover{background:var(--bg-alt)}.modal-body{padding:1.5rem}.modal-body h3{font-family:var(--font-heading);font-size:.92rem;font-weight:600;margin:1.25rem 0 .5rem;color:var(--accent);display:flex;align-items:center;gap:.4rem}.modal-body h3:first-child{margin-top:0}.modal-body p,.modal-body li{font-size:.88rem;color:var(--text-muted);line-height:1.7}.modal-body ul{padding-right:1.2rem}.modal-body ul li{list-style:disc;margin-bottom:.2rem}.modal-body .info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.modal-body .info-row:last-child{border-bottom:none}.modal-body .info-label{color:var(--text-muted);font-weight:500}.modal-body .info-value{color:var(--text);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.features-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr}}.feature-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:box-shadow .2s}.feature-item:hover{box-shadow:var(--shadow)}.feature-item-icon{width:40px;height:40px;min-width:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.feature-item-text h4{font-size:.82rem;font-weight:600;margin-bottom:.1rem}.feature-item-text p{font-size:.78rem;color:var(--text-muted);line-height:1.4}.chat-section-bg{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-alt) 100%)}.chat-container{max-width:740px;margin:0 auto;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-lg)}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem;background:var(--primary);color:#fff}.chat-header-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:#ffffff1f;display:flex;align-items:center;justify-content:center}.chat-header h3{font-family:var(--font-heading);font-size:.95rem}.chat-header p{font-size:.75rem;opacity:.65}.chat-badge{margin-right:auto;background:#ffffff1a;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;color:var(--accent-light)}.chat-messages{padding:1.25rem;min-height:300px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;background:var(--bg)}.chat-msg{max-width:82%;padding:.75rem 1rem;border-radius:var(--radius);font-size:.88rem;line-height:1.6}.chat-msg.bot{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-bottom-right-radius:4px}.chat-msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-left-radius:4px}.chat-msg .source-box{font-size:.72rem;color:var(--text-muted);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.quick-actions{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1.25rem .75rem}.quick-action{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg);font-size:.78rem;cursor:pointer;color:var(--text-muted);transition:all .2s;font-family:var(--font-body)}.quick-action:hover{border-color:var(--accent);color:var(--accent);background:#0369a10a}.chat-input-wrap{display:flex;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid var(--border)}.chat-input-wrap input{flex:1;padding:.6rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);font-size:.88rem;background:var(--bg);color:var(--text);outline:none}.chat-input-wrap input:focus{border-color:var(--accent)}.chat-input-wrap button{width:40px;height:40px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.chat-input-wrap button:hover{background:var(--accent-dark)}.chat-input-wrap button:disabled{opacity:.5}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}@media (max-width: 768px){.journey-grid{grid-template-columns:1fr}}.timeline{position:relative;padding-right:2rem}.timeline:before{content:"";position:absolute;right:6px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:1.75rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;right:-6px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-alt)}.timeline-step{font-size:.72rem;font-weight:700;color:var(--accent);margin-bottom:.1rem}.timeline-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;margin-bottom:.2rem}.timeline-desc{color:var(--text-muted);font-size:.85rem;line-height:1.6}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.stat-card{text-align:center;padding:1.25rem 1rem}.stat-number{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--accent)}.stat-label{color:var(--text-muted);font-size:.82rem}.footer{background:var(--primary);color:var(--text-light);padding:3rem 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}}.footer-brand h3{font-family:var(--font-heading);font-size:1rem;margin-bottom:.5rem}.footer-brand p{color:#ffffff80;font-size:.82rem;line-height:1.6}.footer-col h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;color:#fff6}.footer-col a{display:block;color:#fff9;font-size:.82rem;padding:.25rem 0;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{text-align:center;padding:1.5rem 2rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.08);font-size:.78rem;color:#ffffff59}.tabs{display:flex;gap:0;background:var(--bg-alt);border-radius:var(--radius-sm);padding:.2rem;margin-bottom:2rem}.tab{padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;cursor:pointer;color:var(--text-muted);transition:all .2s;border:none;font-family:var(--font-body);background:transparent}.tab.active{background:var(--bg-card);color:var(--accent);font-weight:600;box-shadow:var(--shadow)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease forwards}.fade-in{opacity:0}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.15s}.delay-3{animation-delay:.22s}.delay-4{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,#0369a10f 25%,#0369a11f,#0369a10f 75%);background-size:200%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-wrap{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:.5rem;align-items:center}.toast{padding:.65rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;box-shadow:0 10px 30px #00000026;animation:fadeUp .3s ease;text-align:center}.toast.success{background:#16a34a1f;border:1px solid rgba(22,163,74,.3);color:var(--success)}.toast.error{background:#dc26261f;border:1px solid rgba(220,38,38,.3);color:var(--danger)}.cta-card{background:linear-gradient(135deg,var(--primary) 0%,#1E293B 100%);border-radius:var(--radius-lg);padding:2.5rem 3rem;text-align:center;color:#fff}.cta-card h2{font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:.5rem}.cta-card p{opacity:.65;font-size:.92rem;margin-bottom:1.25rem}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}@media (max-width: 768px){.about-grid{grid-template-columns:1fr}}.about-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1.5rem}.about-card h3{font-family:var(--font-heading);font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:#ffffffe6}.about-card p{color:#ffffff8c;font-size:.85rem;line-height:1.7}.demo-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);max-width:480px;width:100%}.demo-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:var(--primary);color:#ffffffd9;font-size:.75rem;font-weight:500}.demo-badge{margin-right:auto;background:#ffffff1a;padding:.15rem .5rem;border-radius:999px;font-size:.65rem;color:var(--accent-light)}.demo-stage{padding:1.25rem;min-height:200px;background:#f1f5f9;position:relative}.demo-user-msg,.demo-bot-msg{display:flex;gap:.65rem;align-items:flex-start}.demo-bot-msg{flex-direction:row-reverse}.demo-msg-icon{width:30px;height:30px;min-width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem}.demo-msg-bubble{padding:.65rem .85rem;border-radius:var(--radius);font-size:.82rem;line-height:1.6;max-width:85%}.demo-msg-bubble.user{background:var(--accent);color:#fff;border-bottom-right-radius:3px}.demo-msg-bubble.bot{background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:3px}.demo-msg-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.1rem;opacity:.6}.demo-msg-bubble.user .demo-msg-label{opacity:.7;color:#ffffffb3}.demo-typewriter{overflow:hidden;white-space:nowrap;animation:typewriter 2s steps(40) forwards;direction:rtl}@keyframes typewriter{0%{width:0}to{width:100%}}.demo-loading{display:flex;align-items:center;gap:.25rem}.demo-typing-dots span{animation:blink 1.2s infinite;font-size:1.2rem;line-height:1}.demo-typing-dots span:nth-child(2){animation-delay:.2s}.demo-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.demo-analysis{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.demo-analysis-title{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.demo-analysis-grid{display:flex;flex-direction:column;gap:.3rem}.demo-analysis-row{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;font-size:.78rem;opacity:0;transform:translateY(8px);transition:all .4s ease}.demo-analysis-row.visible{opacity:1;transform:translateY(0)}.demo-analysis-label{color:var(--text-muted);font-weight:500}.demo-analysis-badge{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700}.demo-analysis-badge.yes{background:#16a34a1f;color:var(--success)}.demo-analysis-badge.no{background:#64748b1a;color:var(--text-muted)}.demo-analysis-value{color:var(--text);font-weight:500}.demo-msg-bubble.answer{max-width:95%}.demo-details{font-size:.78rem;color:var(--text-muted);margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--border)}.demo-source{font-size:.68rem;color:var(--text-muted);margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--border);line-height:1.5}.demo-footer-note{font-size:.62rem;color:var(--text-muted);font-style:italic;margin-top:.25rem;opacity:.6}.demo-progress{display:flex;justify-content:center;gap:.5rem;padding:.6rem;background:var(--bg-alt)}.demo-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);cursor:pointer;transition:all .3s}.demo-dot.active{background:var(--accent);transform:scale(1.3)}.demo-dot.done{background:var(--success)}@keyframes animateIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:animateIn .4s ease forwards}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.hero-split-left{max-width:560px}.hero-split-right{display:flex;justify-content:center}@media (max-width: 900px){.hero-split{grid-template-columns:1fr;gap:2rem}.hero-split-left{max-width:100%}.hero-split-right{order:-1}}