:root{--color-primary:#c1121f;--color-primary-dark:#8f0d17;--color-nav-bg:#121824;--color-nav-hover:#1e2a3e;--color-page-bg:#eef2f6;--color-card-bg:#fff;--color-accent:#4f5d75;--color-btn-secondary:#2f3b52;--color-dark-section:#0b1320;--color-text-primary:#111;--color-text-secondary:#333;--color-text-muted:#666;--color-text-inverse:#fff;--overlay-card:#0009;--shadow-card:0 2px 8px #0000001f;--shadow-card-hover:0 4px 16px #0000002e;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--radius-circle:50%;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--font:"Barlow", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--transition:all .2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--color-page-bg);color:var(--color-text-secondary);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none}img{max-width:100%;display:block}input,textarea{font-family:var(--font)}.container{max-width:1400px;padding:0 var(--space-5);margin:0 auto}.navbar{background:var(--color-nav-bg);z-index:100;position:sticky;top:0;box-shadow:0 2px 8px #0000004d}.navbar__inner{max-width:1400px;padding:0 var(--space-5);align-items:center;gap:var(--space-6);height:56px;margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.brand-logo{background:var(--color-primary);border-radius:var(--radius-sm);flex-direction:column;align-items:center;padding:4px 10px;line-height:1;display:flex}.brand-logo__text{color:#fff;letter-spacing:1px;font-size:18px;font-weight:700}.brand-logo__sub{color:#fffc;letter-spacing:.5px;font-size:7px;font-weight:500}.brand-logo--small .brand-logo__text{font-size:14px}.brand-logo--small .brand-logo__sub{font-size:6px}.navbar__actions{align-items:center;gap:var(--space-2);display:flex}.btn-action{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:#fff;transition:var(--transition);padding:7px 16px;font-size:13px;font-weight:600;display:flex}.btn-action--primary{background:var(--color-primary)}.btn-action--primary:hover{background:var(--color-primary-dark)}.btn-action--secondary{background:var(--color-btn-secondary)}.btn-action--secondary:hover{background:#5a4535}.navbar__nav{align-items:center;gap:var(--space-5);flex:1;display:flex}.navbar__link{color:#ffffffbf;border-bottom:3px solid #0000;padding:4px 0;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.navbar__link:hover{color:#fff}.navbar__link--active{color:#fff;border-bottom-color:var(--color-primary)}.navbar__right{margin-left:auto}.ai-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);background:#ffffff1a;border:1px solid #fff3;padding:5px 12px;display:flex}.ai-badge:hover{background:#ffffff2e}.ai-badge__beta{background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);text-transform:uppercase;padding:2px 6px;font-size:9px;font-weight:700}.ai-badge__label{color:#fff;font-size:13px;font-weight:500}.ai-badge__orb{background:radial-gradient(circle at 35% 35%, #9fb0c8, var(--color-accent));border-radius:50%;width:22px;height:22px;animation:2s ease-in-out infinite pulse-orb}@keyframes pulse-orb{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.hero{background:linear-gradient(135deg, var(--color-nav-bg) 0%, #1e2a3e 60%, #121824 100%);padding:var(--space-8) 0;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c1121f2e,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-80px;right:-80px}.hero__inner{max-width:1400px;padding:0 var(--space-5);gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.hero__badge{background:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-sm);margin-bottom:var(--space-4);padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.hero__title{color:var(--color-text-inverse);margin-bottom:var(--space-4);font-size:42px;font-weight:700;line-height:1.15}.hero__title-accent{color:var(--color-primary)}.hero__description{color:#ffffffbf;margin-bottom:var(--space-6);max-width:520px;font-size:16px;line-height:1.7}.hero__ctas{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.hero__stats{align-items:center;gap:var(--space-5);display:flex}.stat{text-align:center}.stat__number{color:#fff;font-size:24px;font-weight:700;display:block}.stat__label{color:#fff9;font-size:12px}.stat-divider{background:#fff3;width:1px;height:36px}.hero__visual{justify-content:center;align-items:center;display:flex}.waveform-container{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.waveform{align-items:center;gap:5px;height:80px;display:flex}.waveform__bar{background:var(--color-primary);border-radius:3px;width:6px;height:20px;transition:height .1s}.waveform.active .waveform__bar{animation:.8s ease-in-out infinite waveBar}.waveform__bar:first-child{animation-delay:0s}.waveform__bar:nth-child(2){animation-delay:.1s}.waveform__bar:nth-child(3){animation-delay:.2s}.waveform__bar:nth-child(4){animation-delay:.3s}.waveform__bar:nth-child(5){animation-delay:.15s}.waveform__bar:nth-child(6){animation-delay:.25s}.waveform__bar:nth-child(7){animation-delay:.35s}.waveform__bar:nth-child(8){animation-delay:50ms}.waveform__bar:nth-child(9){animation-delay:.2s}.waveform__bar:nth-child(10){animation-delay:.4s}.waveform__bar:nth-child(11){animation-delay:.1s}.waveform__bar:nth-child(12){animation-delay:.3s}@keyframes waveBar{0%,to{opacity:.4;height:10px}50%{opacity:1;height:60px}}.mic-circle{background:var(--color-primary);color:#fff;cursor:pointer;width:90px;height:90px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 #c1121f66}.mic-circle:hover{transform:scale(1.05)}.mic-circle.pulsing{animation:1.5s ease-in-out infinite micPulse}@keyframes micPulse{0%{box-shadow:0 0 #c1121f66}70%{box-shadow:0 0 0 20px #c1121f00}to{box-shadow:0 0 #c1121f00}}.waveform__label{color:#ffffff8c;text-align:center;font-size:13px}.btn-primary{align-items:center;gap:var(--space-2);background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);transition:var(--transition);border:2px solid var(--color-primary);padding:10px 22px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:scale(1.02)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-outline{align-items:center;gap:var(--space-2);color:#fff;border-radius:var(--radius-pill);transition:var(--transition);background:0 0;border:2px solid #ffffff80;padding:10px 22px;font-size:14px;font-weight:600;display:inline-flex}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.btn-lg{padding:13px 28px;font-size:15px}.btn-full{justify-content:center;width:100%}.section{padding:var(--space-8) 0}.section--dark{background:var(--color-dark-section)}.section-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.section-header__title{color:var(--color-text-primary);white-space:nowrap;font-size:22px;font-weight:700}.section-header--light .section-header__title{color:var(--color-text-inverse)}.section-header__rule{background:#ddd;border:none;flex:1;height:1px}.section-header__rule--light{background:#ffffff26}.steps-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.step-card{background:var(--color-card-bg);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-card);transition:var(--transition);position:relative}.step-card:hover{box-shadow:var(--shadow-card-hover);transform:scale(1.02)}.step-card__number{top:var(--space-4);right:var(--space-4);color:#c1121f1a;font-size:36px;font-weight:700;line-height:1;position:absolute}.step-card__icon{border-radius:var(--radius-md);width:52px;height:52px;color:var(--color-primary);margin-bottom:var(--space-4);background:#c1121f14;justify-content:center;align-items:center;display:flex}.step-card__title{color:var(--color-text-primary);margin-bottom:var(--space-3);font-size:17px;font-weight:700}.step-card__desc{color:var(--color-text-muted);font-size:14px;line-height:1.6}.portal-grid{gap:var(--space-6);grid-template-columns:360px 1fr;align-items:start;display:grid}.mode-tabs{border-radius:var(--radius-md);margin-bottom:var(--space-5);background:#ffffff0f;gap:4px;padding:4px;display:flex}.mode-tab{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:#ffffff8c;transition:var(--transition);background:0 0;flex:1;padding:9px;font-size:14px;font-weight:600;display:flex}.mode-tab:hover{color:#ffffffd9}.mode-tab--active{background:var(--color-primary);color:#fff}.control-panel{border-radius:var(--radius-lg);padding:var(--space-5);background:#ffffff0d;border:1px solid #ffffff1a}.control-panel--hidden{display:none}.call-status{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#ffffff0a;display:flex}.call-status__indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px}.call-status__indicator--idle{background:#666}.call-status__indicator--connecting{background:#f59e0b;animation:1s infinite blink}.call-status__indicator--active{background:#22c55e;animation:1.5s infinite blink}.call-status__indicator--ended{background:var(--color-primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.call-status__text{color:#ffffffbf;font-size:13px;font-weight:500}.voice-visualizer{height:50px;margin-bottom:var(--space-5);justify-content:center;align-items:center;gap:4px;display:flex}.voice-bar{background:#fff3;border-radius:2px;width:4px;height:8px;transition:height .1s}.voice-visualizer.speaking .voice-bar{background:var(--color-primary);animation:.5s ease-in-out infinite alternate voiceBar}.voice-visualizer.speaking .voice-bar:first-child{animation-delay:0s}.voice-visualizer.speaking .voice-bar:nth-child(2){animation-delay:70ms}.voice-visualizer.speaking .voice-bar:nth-child(3){animation-delay:.14s}.voice-visualizer.speaking .voice-bar:nth-child(4){animation-delay:.21s}.voice-visualizer.speaking .voice-bar:nth-child(5){animation-delay:.28s}.voice-visualizer.speaking .voice-bar:nth-child(6){animation-delay:.14s}.voice-visualizer.speaking .voice-bar:nth-child(7){animation-delay:70ms}@keyframes voiceBar{0%{height:4px}to{height:40px}}.voice-controls{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.btn-call{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);transition:var(--transition);flex:1;min-width:120px;padding:11px;font-size:14px;font-weight:600;display:flex}.btn-call--start{color:#fff;background:#22c55e}.btn-call--start:hover:not(:disabled){background:#16a34a}.btn-call--end{background:var(--color-primary);color:#fff}.btn-call--end:hover:not(:disabled){background:var(--color-primary-dark)}.btn-call:disabled{opacity:.4;cursor:not-allowed}.btn-mute{align-items:center;gap:var(--space-2);padding:11px var(--space-4);border-radius:var(--radius-md);color:#ffffffb3;transition:var(--transition);background:#ffffff1a;font-size:13px;font-weight:500;display:flex}.btn-mute:hover:not(:disabled){color:#fff;background:#ffffff2e}.btn-mute.muted{color:#fff;background:#f59e0b}.btn-mute:disabled{opacity:.4;cursor:not-allowed}.voice-hint{color:#ffffff73;margin-top:var(--space-2);font-size:12px;line-height:1.5}.chat-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:#fffc;font-size:13px;font-weight:600}.form-input,.form-textarea{border-radius:var(--radius-md);padding:10px var(--space-4);color:#fff;resize:vertical;background:#ffffff14;border:1px solid #ffffff26;font-size:14px;transition:border-color .2s}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff4d}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);background:#ffffff1a;outline:none}.chat-live{gap:var(--space-4);flex-direction:column;display:flex}.chat-live__messages{gap:var(--space-3);flex-direction:column;max-height:260px;padding-right:4px;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:13px;line-height:1.5}.chat-bubble p{color:#ffffffd9}.chat-bubble--assistant{background:#ffffff14;border:1px solid #ffffff1f}.chat-bubble--user{background:#c1121f38;border:1px solid #c1121f66;align-self:flex-end;max-width:90%}.chat-live__composer{gap:var(--space-3);flex-direction:column;display:flex}.chat-live__messages::-webkit-scrollbar{width:4px}.chat-live__messages::-webkit-scrollbar-track{background:0 0}.chat-live__messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.portal-feed{border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;min-height:480px;display:flex;overflow:hidden}.feed-header{padding:var(--space-4) var(--space-5);background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.feed-header__title{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.feed-header__dot{background:#666;border-radius:50%;width:8px;height:8px}.feed-header__dot.active{background:#22c55e;animation:1.5s infinite blink}.feed-messages{padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.feed-message{gap:var(--space-3);animation:.3s fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feed-message__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.feed-message--system .feed-message__icon{color:#b9c6da;background:#4f5d7547}.feed-message--agent .feed-message__icon{color:var(--color-primary);background:#c1121f33}.feed-message--user .feed-message__icon{color:#22c55e;background:#22c55e33}.feed-message p{color:#ffffffbf;padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);background:#ffffff0d;flex:1;font-size:14px;line-height:1.6}.feed-message--user p{border-radius:var(--radius-md) 0 var(--radius-md) var(--radius-md);background:#22c55e14}.feed-message strong{color:#fff}.feed-loading{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);flex-direction:column;display:flex}.feed-loading p{color:#fff9;font-size:14px}.spinner{border:3px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feed-results{padding:var(--space-5)}.results-header{align-items:center;gap:var(--space-2);color:#22c55e;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#22c55e14;border:1px solid #22c55e33;font-size:14px;font-weight:600;display:flex}.posts-preview{gap:var(--space-4);flex-direction:column;display:flex}.post-card{border-radius:var(--radius-md);padding:var(--space-4);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a}.post-card:hover{border-color:#fff3}.post-card__platform{align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-pill);margin-bottom:var(--space-3);padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.post-card__platform--facebook{color:#60a5fa;background:#1877f233}.post-card__platform--instagram{color:#f472b6;background:#e1306c33}.post-card__platform--twitter{color:#7dd3fc;background:#1d9bf033}.post-card__content{color:#fffc;white-space:pre-wrap;font-size:13px;line-height:1.6}.features-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.feature-card{background:var(--color-card-bg);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card);transition:var(--transition)}.feature-card:hover{box-shadow:var(--shadow-card-hover);transform:scale(1.02)}.feature-card__badge{background:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);margin-bottom:var(--space-3);padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.feature-card__title{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:16px;font-weight:700}.feature-card__desc{color:var(--color-text-muted);font-size:13px;line-height:1.6}.footer{background:var(--color-nav-bg);padding:var(--space-6) 0}.footer__inner{justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.footer__copy{color:#ffffff80;font-size:13px}.footer__tech{color:#fff6;font-size:13px}.footer__tech strong{color:#ffffffb3}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.portal-grid,.hero__inner{grid-template-columns:1fr}.hero__visual{display:none}}@media (width<=768px){.steps-grid,.features-grid{grid-template-columns:1fr}.navbar__nav{display:none}.hero__title{font-size:28px}.hero__ctas{flex-direction:column}.footer__inner{text-align:center;flex-direction:column}.navbar__actions{display:none}}.feed-messages::-webkit-scrollbar{width:4px}.feed-messages::-webkit-scrollbar-track{background:0 0}.feed-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}