: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}.page-footer{color:var(--color-text-muted);font-size:var(--font-size-sm);width:100%;transition:color var(--transition-slow);margin-top:auto;padding:28px 0 40px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.footer-nav{gap:14px;display:flex}.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:640px){.footer-content{text-align:center;flex-direction:column;align-items:center}.footer-nav{flex-direction:row;gap:14px}.footer-market-selector{order:-1}}.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{box-shadow:none;min-width:auto;color:var(--color-text-muted);background:0 0;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)}}.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}.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{box-shadow:0 4px 14px #f4c24b66}.cta-banner .btn-gold:hover{box-shadow:0 6px 20px #f4c24b80}.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}