:root{--color-primary:#0b2b4a;--color-primary-hover:#143d66;--color-secondary:#6b7a90;--color-background:#f7f8fa;--color-surface:#fff;--color-text-primary:#0b0f14;--color-text-secondary:#143d66;--color-text-muted:#0b0f149e;--color-border:#0a192f1f;--color-border-hover:#0a192f40;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-link:#143d66;--color-link-hover:#0b2b4a;--color-navy:#0a1930;--color-navy-soft:#0a19300f;--color-gold:#f4c24b;--color-ring:#143d6640;--font-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--gutter-desktop:20px;--gutter-mobile:max(16px, env(safe-area-inset-left));--gutter-mobile-r:max(16px, env(safe-area-inset-right));--border-radius-sm:.25rem;--border-radius:10px;--border-radius-lg:14px;--border-radius-xl:16px;--border-width:1px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 8px 18px -12px var(--color-ring);--shadow-md:0 16px 38px -26px var(--color-ring);--shadow-lg:0 18px 40px -24px var(--color-ring);--transition-fast:.15s ease;--transition-base:.18s ease;--transition-slow:.3s ease;--max-width-container:1100px;--max-width-prose:65ch;--header-height:64px}.dark-mode{--color-primary:#6eb5ff;--color-primary-hover:#8ec5ff;--color-background:#0f1419;--color-surface:#1a2332;--color-text-primary:#e8ecf1;--color-text-secondary:#94a3b8;--color-text-muted:#e8ecf19e;--color-border:#ffffff1a;--color-border-hover:#fff3;--color-link:#6eb5ff;--color-link-hover:#8ec5ff;--color-navy-soft:#ffffff0f;--color-ring:#6eb5ff26}.marketing-layout{flex-direction:column;min-height:100vh;display:flex}.marketing-main{flex:1;animation:.25s ease-out fadeIn}.container{width:100%;max-width:var(--max-width-container);padding-left:var(--gutter-desktop);padding-right:var(--gutter-desktop);margin-left:auto;margin-right:auto}@media (max-width:640px){.container{padding-left:var(--gutter-mobile);padding-right:var(--gutter-mobile-r)}}.page-header{z-index:50;-webkit-backdrop-filter:saturate(1.2)blur(6px);backdrop-filter:saturate(1.2)blur(6px);border-bottom:1px solid var(--color-border);width:100%;transition:background var(--transition-slow), border-color var(--transition-slow);padding-top:env(safe-area-inset-top);background:linear-gradient(#f7f8fae6,#f7f8fa99);position:sticky;top:0;left:0;right:0}.dark-mode .page-header{background:linear-gradient(#0f1419e6,#0f141999)}.header-content{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.saas-footer{color:var(--color-text-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);background:var(--color-surface);width:100%;margin-top:auto;padding:48px 0 32px}.footer-top{grid-template-columns:1.2fr 2fr;gap:48px;margin-bottom:32px;display:grid}.footer-brand-name{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:8px;font-weight:700}.footer-brand-tagline{color:var(--color-text-muted);margin:0 0 12px;line-height:1.5}.footer-brand-email{color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none}.footer-brand-email:hover{text-decoration:underline}.footer-columns{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer-column-title{font-size:var(--font-size-sm);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-weight:600}.footer-column-links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-column-links a{color:var(--color-text-muted);transition:color var(--transition-base);text-decoration:none}.footer-column-links a:hover{color:var(--color-text-primary)}.footer-divider{background:var(--color-border);height:1px;margin-bottom:24px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copyright{color:var(--color-text-muted);white-space:nowrap}.footer-region-label{font-size:var(--font-size-sm);margin-right:8px}.footer-disclaimer{color:var(--color-text-muted);opacity:.7;flex-basis:100%;margin:12px 0 0;font-size:12px;line-height:1.5}.footer-market-selector{color:var(--color-text-muted);align-items:center;gap:8px;display:flex}.footer-market-btn{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background:0 0;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;display:inline-flex}.footer-market-btn:hover{background:var(--color-navy-soft);border-color:var(--color-border-hover);color:var(--color-text-primary)}.footer-market-btn.active{background:var(--color-navy-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.dark-mode .footer-market-btn.active{border-color:var(--color-link);color:var(--color-link)}@media (max-width:900px){.footer-top{grid-template-columns:1fr;gap:32px}.footer-columns{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:640px){.saas-footer{padding:32px 0 24px}.footer-columns{grid-template-columns:repeat(2,1fr)}.footer-bottom{text-align:center;flex-direction:column;align-items:center}.footer-market-selector{order:-1}.footer-disclaimer{text-align:center}}.logo{color:var(--color-primary);letter-spacing:.2px;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.logo:hover{text-decoration:none}.logo-badge{border-radius:var(--border-radius);background:var(--color-primary);color:#fff;width:36px;height:36px;box-shadow:0 8px 20px -8px var(--color-ring);transition:background-color var(--transition-slow);place-items:center;font-weight:800;display:grid}.dark-mode .logo-badge{background:var(--color-link);color:#0f1419}.logo-text{color:var(--color-primary);transition:color var(--transition-slow)}.dark-mode .logo-text{color:var(--color-text-primary)}@media (max-width:920px){.page-header .logo-badge{display:none}.logo-text{font-size:15px}.live-examples-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important}.live-examples-tabs::-webkit-scrollbar{display:none}.live-examples-tabs .btn{white-space:nowrap;flex-shrink:0}.audience-grid-mobile-two-col{grid-template-columns:repeat(2,1fr)!important}}.btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-base);transition:transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base), border-color var(--transition-base), color var(--transition-slow);box-shadow:var(--shadow);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;min-width:110px;padding:10px 16px;font-family:inherit;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:0 10px 24px -12px var(--color-ring);text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.dark-mode .btn-primary{background:var(--color-link);color:#0f1419}.dark-mode .btn-primary:hover:not(:disabled){background:var(--color-link-hover)}.btn-ghost{background:var(--color-navy-soft,#0b2b4a0f);box-shadow:none;min-width:auto;color:var(--color-text-primary);border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-navy-soft);box-shadow:none}.btn-gold{background:var(--color-gold);color:#0b2b4a;border-color:#0000;font-weight:700}.btn-gold:hover:not(:disabled){color:#0b2b4a;background:#e5b43d}.dark-mode .btn-gold{background:var(--color-gold);color:#0b2b4a}.dark-mode .btn-gold:hover:not(:disabled){color:#0b2b4a;background:#e5b43d}.section-title{color:var(--color-primary);margin-bottom:var(--spacing-md);text-align:center;font-size:clamp(24px,3.5vw,36px);font-weight:700}.dark-mode .section-title{color:var(--color-text-primary)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);text-align:center;max-width:600px;margin:0 auto var(--spacing-lg)}.form-group{margin-top:12px}.form-label{color:var(--color-primary);transition:color var(--transition-slow);margin-bottom:6px;font-weight:600;display:block}.dark-mode .form-label{color:var(--color-text-primary)}.input,.textarea,.select{width:100%;font-size:var(--font-size-base);font-family:inherit;line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border-hover);border-radius:var(--border-radius);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;padding:12px 14px}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-ring)}.dark-mode .input,.dark-mode .textarea,.dark-mode .select{background:var(--color-background)}.dark-mode .input:focus,.dark-mode .textarea:focus,.dark-mode .select:focus{border-color:var(--color-link)}.textarea{resize:vertical;min-height:160px}.input:disabled,.textarea:disabled,.select:disabled{opacity:.5;cursor:not-allowed;background:var(--color-navy-soft)}input[type=checkbox]{cursor:pointer;flex-shrink:0;width:18px;height:18px}.consent-row{align-items:center;gap:10px;margin:12px 0;display:flex}.contact-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);transition:background var(--transition-slow), border-color var(--transition-slow);padding:18px}.dark-mode .contact-form{background:var(--color-surface);border-color:var(--color-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--reveal-easing:cubic-bezier(.16, 1, .3, 1);--reveal-duration:.65s;--reveal-delay:0s}.reveal{opacity:0;filter:blur(4px);transition:opacity var(--reveal-duration) var(--reveal-easing) var(--reveal-delay), transform var(--reveal-duration) var(--reveal-easing) var(--reveal-delay), filter var(--reveal-duration) var(--reveal-easing) var(--reveal-delay);will-change:opacity, transform, filter;transform:translateY(24px)}.reveal.revealed{opacity:1;filter:blur();transform:translateY(0)}.reveal-fade{opacity:0;transition:opacity var(--reveal-duration) var(--reveal-easing) var(--reveal-delay), transform var(--reveal-duration) var(--reveal-easing) var(--reveal-delay);will-change:opacity, transform;transform:translateY(16px)}.reveal-fade.revealed{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;filter:blur(4px);transition:opacity var(--reveal-duration) var(--reveal-easing) var(--reveal-delay), transform var(--reveal-duration) var(--reveal-easing) var(--reveal-delay), filter var(--reveal-duration) var(--reveal-easing) var(--reveal-delay);will-change:opacity, transform, filter;transform:scale(.95)}.reveal-scale.revealed{opacity:1;filter:blur();transform:scale(1)}.reveal-left{opacity:0;filter:blur(3px);transition:opacity var(--reveal-duration) var(--reveal-easing) var(--reveal-delay), transform var(--reveal-duration) var(--reveal-easing) var(--reveal-delay), filter var(--reveal-duration) var(--reveal-easing) var(--reveal-delay);will-change:opacity, transform, filter;transform:translate(-32px)}.reveal-left.revealed{opacity:1;filter:blur();transform:translate(0)}.reveal-right{opacity:0;filter:blur(3px);transition:opacity var(--reveal-duration) var(--reveal-easing) var(--reveal-delay), transform var(--reveal-duration) var(--reveal-easing) var(--reveal-delay), filter var(--reveal-duration) var(--reveal-easing) var(--reveal-delay);will-change:opacity, transform, filter;transform:translate(32px)}.reveal-right.revealed{opacity:1;filter:blur();transform:translate(0)}.stagger-child{opacity:0;filter:blur(3px);transition:opacity .5s var(--reveal-easing) var(--reveal-delay), transform .5s var(--reveal-easing) var(--reveal-delay), filter .5s var(--reveal-easing) var(--reveal-delay);will-change:opacity, transform, filter;transform:translateY(20px)}.stagger-child.revealed{opacity:1;filter:blur();transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal,.reveal-fade,.reveal-scale,.reveal-left,.reveal-right,.stagger-child{opacity:1;filter:none;will-change:auto;transition:none;transform:none}}.section{padding:var(--spacing-xl) 0}.hero{padding:var(--spacing-2xl) 0}.hero-split{grid-template-columns:2fr 1fr;align-items:center;gap:2rem;display:grid}.hero-centered{text-align:center;max-width:800px;margin:0 auto}.hero-content h1{color:var(--color-primary);margin:0 0 var(--spacing-md);font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.15}.dark-mode .hero-content h1{color:var(--color-text-primary)}.hero-content p{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.hero-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.hero-image{justify-content:center;align-items:center;display:flex}.phone-frame{background:#1a1a1a;border-radius:40px;max-width:260px;padding:12px;position:relative;box-shadow:0 24px 48px -12px #00000040,inset 0 0 0 2px #333,inset 0 0 0 4px #1a1a1a}.phone-frame img{border-radius:28px;width:100%;display:block}.dark-mode .phone-frame{background:#0a0a0a;box-shadow:0 24px 48px -12px #00000080,inset 0 0 0 2px #333,inset 0 0 0 4px #0a0a0a}.section-features{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow:hidden}.features-showcase-grid{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:1.1fr 1fr;align-items:stretch;display:grid}.features-showcase-demo{position:relative}.features-showcase-list{flex-direction:column;justify-content:center;gap:4px;display:flex}.feature-item{padding:var(--spacing-md);border-radius:var(--border-radius-lg);opacity:.45;border:2px solid #0000;align-items:flex-start;gap:16px;transition:opacity .6s,background .6s,border-color .6s,box-shadow .6s;display:flex}.feature-item-active{opacity:1;background:var(--color-navy-soft);border-color:var(--color-primary);box-shadow:0 0 0 1px #0b2b4a14}.feature-item:not(.feature-item-active):hover{opacity:.45}.feature-item-icon{background:var(--color-navy-soft);width:44px;height:44px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .6s,color .6s;display:flex}.feature-item-active .feature-item-icon{background:var(--color-primary);color:#fff}.feature-item-title{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0 0 4px;font-weight:600}.feature-item-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.demo-app{background:var(--color-background);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 8px #00000014}.dark-mode .demo-app{box-shadow:0 2px 8px #00000040}.demo-app-header{background:var(--color-background);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.demo-window-dots{flex-shrink:0;gap:7px;display:flex}.demo-wdot{border-radius:50%;width:12px;height:12px}.demo-wdot-close{background:#ff5f57}.demo-wdot-minimize{background:#febc2e}.demo-wdot-maximize{background:#28c840}.demo-app-brand{align-items:center;gap:8px;min-width:0;display:flex}.demo-app-logo{background:var(--color-navy,#0a1930);width:28px;height:28px;color:var(--color-primary);letter-spacing:-.02em;border-radius:7px;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex}.dark-mode .demo-app-logo{color:#60a5fa}.demo-app-title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.demo-chat-area{scrollbar-width:none;pointer-events:none;flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:16px 20px;display:flex;overflow:hidden auto}.demo-chat-area::-webkit-scrollbar{display:none}.demo-row{animation:demoMsgIn .3s var(--reveal-easing) both;flex-direction:column;transition:opacity .5s;display:flex}.demo-row-user{align-items:flex-end}.demo-row-bot{align-items:flex-start}.demo-row.demo-faded{opacity:.08}.demo-bubble{overflow-wrap:break-word;word-break:break-word;font-size:13px;line-height:1.55}.demo-bubble-user{background:var(--color-navy-soft);max-width:80%;color:var(--color-text-primary);border-radius:18px 18px 6px;padding:10px 14px}.demo-bubble-bot{max-width:95%;color:var(--color-text-primary);line-height:1.6}.demo-bubble-bot strong{color:var(--color-primary)}.demo-cursor{vertical-align:text-bottom;background:currentColor;width:2px;height:14px;margin-left:2px;animation:.6s step-end infinite cursorBlink;display:inline-block}.demo-ref-chip{background:var(--color-ring);color:var(--color-primary);animation:demoMsgIn .3s var(--reveal-easing) both;transition:all .4s var(--reveal-easing);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;align-self:flex-start;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-size:11px;display:inline-flex;overflow:hidden}.demo-ref-pulse{background:var(--color-ring);box-shadow:0 0 12px var(--color-ring);border:1px solid var(--color-primary);position:relative;overflow:hidden}.demo-ref-pulse:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0% 35%,#ffffff14 38%,#ffffff40 45%,#ffffff14 52%,#0000 55% 100%);width:40%;height:200%;animation:2s ease-in-out forwards glintSweep;position:absolute;top:-50%;left:-60%}@keyframes glintSweep{0%{left:-60%}to{left:160%}}.demo-upload-chip{color:var(--color-text-secondary);animation:demoMsgIn .3s var(--reveal-easing) both;background:#10b98114;border:1px solid #10b98133;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:inline-flex}.demo-upload-check{color:var(--color-success);font-weight:700}.demo-input-attach-wrap{flex-shrink:0;position:relative}.demo-smooth-cursor{z-index:10;pointer-events:none;filter:drop-shadow(0 1px 3px #0000004d);opacity:0;transition:opacity .35s,top .5s cubic-bezier(.4,0,.2,1),left .5s cubic-bezier(.4,0,.2,1),transform .12s;position:absolute;top:50%;left:50%}.demo-smooth-cursor.demo-cursor-visible{opacity:1}.demo-smooth-cursor.demo-cursor-clicking{transform:scale(.8)}.demo-input-attach-clicked{transform:scale(.92);background:var(--color-navy-soft)!important;color:var(--color-primary)!important}.demo-file-picker{background:var(--color-surface);border:1px solid var(--color-border);animation:pickerOpen .35s var(--reveal-easing) both;border-radius:10px;flex-shrink:0;overflow:hidden;box-shadow:0 12px 32px #00000026}.dark-mode .demo-file-picker{box-shadow:0 12px 32px #00000080}@keyframes pickerOpen{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.demo-picker-title{background:var(--color-navy-soft);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.demo-picker-x{opacity:.35;font-size:12px}.demo-picker-files{padding:6px}.demo-picker-file{color:var(--color-text-muted);border-radius:5px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;transition:all .2s;display:flex}.demo-picker-file-icon{font-size:13px}.demo-picker-file-selected{background:var(--color-ring);color:var(--color-text-primary)}.demo-picker-footer{border-top:1px solid var(--color-border);justify-content:flex-end;padding:6px 10px 8px;display:flex}.demo-picker-open-btn{color:var(--color-text-muted);background:var(--color-navy-soft);border-radius:5px;padding:4px 14px;font-size:11px;font-weight:600;transition:all .2s}.demo-picker-open-active{background:var(--color-primary);color:#fff}.demo-uploading{background:var(--color-navy-soft);border:1px solid var(--color-border);color:var(--color-text-muted);animation:demoMsgIn .3s var(--reveal-easing) both;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.demo-upload-progress{background:var(--color-border);border-radius:2px;flex:1;height:3px;overflow:hidden}.demo-upload-progress-bar{background:var(--color-primary);border-radius:2px;height:100%;animation:.8s ease-out both progressFill}@keyframes progressFill{0%{width:0}to{width:100%}}.demo-spin-container{flex-direction:column;justify-content:center;align-items:center;min-height:160px;display:flex}.demo-spin-viewport{width:100%;height:160px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%)}.demo-spin-track{flex-direction:column;gap:6px;transition:transform .25s cubic-bezier(.22,1,.36,1);display:flex}.demo-spin-item{color:var(--color-text-muted);background:var(--color-navy-soft);border:1px solid var(--color-border);white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;transition:color .25s,background .25s,border-color .25s,box-shadow .25s;display:flex}.demo-spin-item.demo-spin-active{color:var(--color-primary);background:var(--color-ring);border-color:var(--color-primary)}.demo-spin-settled .demo-spin-active{animation:spinSettle .6s var(--reveal-easing) both;box-shadow:0 0 16px var(--color-ring)}@keyframes spinSettle{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.demo-input-bar{background:var(--color-background);flex-shrink:0;min-width:0;padding:8px 16px 12px;overflow:hidden}.demo-input-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;align-items:center;gap:6px;min-width:0;padding:6px 6px 6px 4px;display:flex}.demo-input-attach{width:34px;height:34px;color:var(--color-text-muted);cursor:default;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.demo-input-text{min-width:0;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;height:20px;padding:4px 0;font-size:13px;line-height:1.4;overflow:hidden}.demo-input-placeholder{color:var(--color-text-muted);opacity:.6}.demo-input-send{background:var(--color-navy-soft);width:34px;height:34px;color:var(--color-text-muted);cursor:default;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.demo-input-send-active{background:var(--color-navy,#0a1930);color:#fff}@keyframes demoMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:900px){.features-showcase-grid{margin-top:var(--spacing-md);grid-template-columns:1fr;gap:12px}.features-showcase-demo{order:-1;overflow:hidden}.demo-app{max-width:100%;height:380px;position:static}.features-showcase-list{gap:2px}.feature-item{opacity:1;border-width:1.5px;gap:10px;padding:8px 12px}.feature-item-icon{border-radius:7px;width:32px;height:32px}.feature-item-icon svg{width:16px;height:16px}.feature-item-title{margin-bottom:1px;font-size:13px}.feature-item-desc{font-size:11px;line-height:1.35}.demo-app-title{font-size:12px}.demo-app-logo{width:24px;height:24px;font-size:8px}}@media (max-width:640px){.demo-app{height:360px}.demo-bubble{font-size:12px}.feature-item{padding:6px 10px}.feature-item-icon{border-radius:6px;width:28px;height:28px}.feature-item-title{font-size:12px}.feature-item-desc,.demo-app-title{font-size:11px}}@media (prefers-reduced-motion:reduce){.feature-item,.demo-row,.demo-ref-chip,.demo-spin-item{opacity:1;transition:none;animation:none;transform:none}}.header-nav-links{align-items:center;gap:var(--spacing-sm);display:flex}.header-nav-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--border-radius-sm);transition:color var(--transition-base), background var(--transition-base);padding:6px 12px;font-weight:500;text-decoration:none}.header-nav-links a:not(.btn):hover{color:var(--color-primary);background:var(--color-navy-soft);text-decoration:none}.dark-mode .header-nav-links a:not(.btn):hover{color:var(--color-link)}.header-actions{align-items:center;gap:var(--spacing-sm);display:flex}.theme-toggle-icon{color:var(--color-text-muted);cursor:pointer;border-radius:var(--border-radius-sm);transition:color var(--transition-base), background var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.theme-toggle-icon:hover{color:var(--color-text-primary);background:var(--color-navy-soft)}.market-selector-wrapper{position:relative}.market-selector-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background:0 0;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:flex}.market-selector-btn:hover{background:var(--color-navy-soft);border-color:var(--color-border-hover)}.market-selector-text{display:none}@media (min-width:640px){.market-selector-text{display:inline}}.market-selector-overlay{z-index:60;position:fixed;inset:0}.market-selector-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:70;min-width:180px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.market-option{text-align:left;width:100%;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-base);background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;display:flex}.market-option:hover{background:var(--color-navy-soft)}.market-option.active{background:var(--color-navy-soft);font-weight:600}.market-option-check{color:var(--color-success);margin-left:auto}.hamburger-btn{cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;padding:8px;display:none}.mobile-menu-overlay{z-index:100;background:#00000080;position:fixed;inset:0}.mobile-menu{background:var(--color-surface);z-index:101;flex-direction:column;width:280px;max-width:85vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 20px #00000026}.mobile-menu-header{padding:14px var(--gutter-mobile);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-menu-close{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-base);background:0 0;border:none;padding:8px}.mobile-menu-close:hover{color:var(--color-text-primary)}.mobile-market-selector{padding:var(--spacing-sm) var(--gutter-mobile);border-bottom:1px solid var(--color-border)}.mobile-market-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:600}.mobile-market-option{border:1px solid var(--color-border);border-radius:var(--border-radius);text-align:left;width:100%;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);background:0 0;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.mobile-market-option:hover{background:var(--color-navy-soft);border-color:var(--color-border-hover)}.mobile-market-option.active{background:var(--color-navy-soft);border-color:var(--color-primary);font-weight:600}.dark-mode .mobile-market-option.active{border-color:var(--color-link)}.mobile-market-check{color:var(--color-success);margin-left:auto}.mobile-menu-nav{padding:var(--spacing-sm) 0;flex:1;overflow-y:auto}.mobile-menu-nav a{padding:14px var(--gutter-mobile);color:var(--color-text-primary);transition:background var(--transition-base);font-weight:500;text-decoration:none;display:block}.mobile-menu-nav a:hover{background:var(--color-navy-soft);text-decoration:none}.mobile-menu-footer{padding:var(--spacing-sm) var(--gutter-mobile);border-top:1px solid var(--color-border);gap:var(--spacing-xs);flex-direction:column;display:flex}.mobile-menu-footer .btn{justify-content:center;width:100%}@media (max-width:920px){.header-nav-links{display:none}.hamburger-btn{display:block}.header-actions .btn:not(.btn-primary){display:none}}@media (max-width:768px){.hero{padding:var(--spacing-xl) 0 var(--spacing-lg)}.hero-split{gap:var(--spacing-lg);text-align:center;grid-template-columns:1fr}.hero-content h1{font-size:clamp(28px,6vw,40px)}.hero-buttons{justify-content:center}.phone-frame{border-radius:32px;max-width:220px;padding:10px}.phone-frame img{border-radius:22px}}@media (max-width:480px){.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}}.cta-banner{padding:var(--spacing-2xl) 0;text-align:center;color:#fff;background:linear-gradient(135deg,#0b2b4a 0%,#143d66 50%,#1a5a8a 100%);position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(at 30% 0,#f4c24b26 0%,#0000 50%),radial-gradient(at 70% 100%,#6eb5ff1a 0%,#0000 50%);position:absolute;inset:0}.cta-banner .container{z-index:1;position:relative}.cta-banner h2{margin:0 0 var(--spacing-sm);color:#fff;font-size:clamp(28px,4vw,40px);font-weight:700}.cta-subtitle{font-size:var(--font-size-lg);color:#ffffffd9;margin:0 0 var(--spacing-lg);max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.cta-banner .btn-gold,.cta-banner .btn-gold:hover{box-shadow:none}.dark-mode .cta-banner{background:linear-gradient(135deg,#0a1930 0%,#0f2847 50%,#143d66 100%)}.faq-accordion{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-question{padding:var(--spacing-md) 0;cursor:pointer;font-weight:500;font-size:var(--font-size-base);color:var(--color-text-primary);text-align:left;width:100%;transition:color var(--transition-base);background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.faq-question:hover{color:var(--color-primary)}.dark-mode .faq-question:hover{color:var(--color-link)}.faq-question-text{padding-right:var(--spacing-sm);flex:1}.faq-chevron{color:var(--color-text-muted);transition:transform var(--transition-base);flex-shrink:0}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{padding-bottom:var(--spacing-md)}.faq-answer-content{color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.faq-answer-content a{color:var(--color-link)}.example-prompt-tag{background:var(--color-navy-soft);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-base);padding:10px 16px;text-decoration:none;display:inline-block}.example-prompt-tag:hover{background:var(--color-primary);color:#fff;text-decoration:none;transform:translateY(-1px)}.dark-mode .example-prompt-tag:hover{background:var(--color-link);color:#0f1419}
