:root{--brand-green:#087f4b;--brand-green-dark:#05663b;--brand-green-soft:#e8f4ed;--brand-navy:#102746;--brand-border:#e5ece8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--brand-navy);background:#f4f6fb;font-family:Arial,Helvetica,sans-serif}.page-shell{justify-content:center;align-items:center;min-height:100vh;padding:64px 24px}.landing-shell{background:#fff;min-height:100vh;overflow-x:clip}.landing-shell>.ant-layout-content{width:min(100%,1180px);margin-inline:auto;padding:0 32px}.landing-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;width:100vw;height:82px;margin-left:calc(50% - 50vw);padding-inline:max(32px,50vw - 558px);display:flex;position:sticky;top:0;box-shadow:0 6px 18px #16223a0d}.landing-brand{color:var(--brand-navy);letter-spacing:-.06em;font-size:22px;font-weight:800;text-decoration:none}.landing-brand img{object-fit:contain;width:92px;height:auto;display:block}.landing-title span{color:var(--brand-green)}.landing-header-link{font-weight:600}.landing-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;min-height:540px;padding:70px 0 82px;display:grid}.landing-hero-copy{max-width:580px}.landing-tag{letter-spacing:.06em;margin-bottom:18px;font-weight:700}.landing-title.ant-typography{letter-spacing:-.055em;margin:0 0 20px;font-size:clamp(42px,5vw,64px);line-height:1.06}.landing-lead.ant-typography{color:#697386;max-width:540px;margin-bottom:28px;font-size:18px;line-height:1.7}.landing-actions .ant-typography{font-size:13px}.landing-primary-button{height:48px;padding-inline:24px;font-weight:650}.landing-preview{background:linear-gradient(145deg,#f3f8f5,#f4f7f6);border:1px solid #e7eaf1;border-radius:22px;padding:20px;transform:rotate(1deg);box-shadow:0 24px 64px #16223a1f}.preview-topbar{color:#697386;align-items:center;gap:6px;padding:3px 2px 18px;font-size:12px;display:flex}.preview-topbar>span:not(.ant-typography){background:#d4d9e5;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.preview-topbar .ant-typography{margin-left:8px}.preview-live-status{color:#48536a;align-items:center;gap:8px;margin:0 2px 14px;font-size:13px;font-weight:600;display:flex}.preview-dot{background:#35bd83;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #35bd831f}.preview-message{border-radius:14px;margin-bottom:12px;box-shadow:0 4px 16px #16223a0d}.preview-message .ant-card-body{padding:16px 18px}.preview-message .ant-typography{margin-bottom:7px;display:block}.preview-message .ant-typography-secondary{font-size:12px}.preview-message .ant-tag{margin:0}.preview-message-read{opacity:.82}.preview-footer{color:#697386;align-items:center;gap:8px;padding:5px 2px 0;font-size:12px;display:flex}.preview-footer span{background:var(--brand-green-soft);border-radius:50%;width:16px;height:16px}.landing-section{padding:64px 0 76px}.landing-section-heading{text-align:center;max-width:650px;margin:0 auto 34px}.landing-section-heading .eyebrow{margin-bottom:10px;display:inline-block}.landing-section-heading .ant-typography h2,.landing-section-heading h2.ant-typography{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(28px,3vw,38px)}.landing-section-heading .ant-typography-secondary{font-size:16px;line-height:1.65}.landing-benefit-card{border-color:#e7eaf1;border-radius:16px;height:100%;box-shadow:0 8px 28px #16223a0a}.landing-benefit-card .ant-card-body{padding:26px}.benefit-number{color:var(--brand-green);letter-spacing:.08em;margin-bottom:24px;font-size:13px;font-weight:800;display:inline-block}.landing-benefit-card h4.ant-typography{margin:0 0 10px;font-size:18px}.landing-benefit-card .ant-typography-secondary{margin-bottom:0;line-height:1.65}.landing-how{border-top:1px solid #edf0f6}.landing-how .landing-section-heading{margin-bottom:30px}.landing-step{gap:16px;padding:20px 0;display:flex}.step-number{width:42px;height:42px;color:var(--brand-green);background:var(--brand-green-soft);border-radius:13px;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.landing-step h4.ant-typography{margin:1px 0 8px;font-size:17px}.landing-step .ant-typography-secondary{margin-bottom:0;line-height:1.6}.landing-ad-model{background:#fbfcff;border:1px solid #e7eaf1;border-radius:20px;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;margin:4px 0 64px;padding:38px;display:grid}.ad-model-copy .eyebrow{margin-bottom:10px;display:inline-block}.ad-model-copy h2.ant-typography{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(26px,3vw,34px)}.ad-model-copy .ant-typography:not(.eyebrow){color:#697386;margin-bottom:0;line-height:1.7}.ad-model-count{text-align:center;background:#edf6f0;border-radius:16px;grid-template-columns:1fr 1fr;gap:12px;padding:18px;display:grid}.ad-model-numbers{background:#fff;border-radius:12px;justify-items:center;gap:6px;padding:16px 8px;display:grid}.ad-model-numbers strong{color:var(--brand-green);font-size:38px;line-height:1}.ad-model-numbers span{color:#697386;font-size:12px;line-height:1.4}.ad-model-numbers.platform strong{color:#26a875}.ad-model-count>.ant-typography{grid-column:1/-1;font-size:12px}.landing-cta{text-align:center;background:#f1f7f3;border-radius:22px;margin:18px 0 54px;padding:52px 24px}.landing-cta .eyebrow{margin-bottom:10px;display:inline-block}.landing-cta h2.ant-typography{letter-spacing:-.04em;max-width:650px;margin:0 auto 12px;font-size:clamp(28px,3vw,38px)}.landing-cta .ant-typography:not(.eyebrow){color:#697386}.landing-cta .ant-btn{margin-top:8px}.landing-footer{text-align:center;border-top:1px solid #edf0f6;padding:22px 0 30px}.landing-footer .ant-typography{color:#8992a3;font-size:12px}.page-content{width:min(100%,720px);margin-inline:auto}.live-card{border-color:#e7eaf1;border-radius:16px;box-shadow:0 12px 36px #16223a12}.live-card .ant-card-body{padding:40px}.live-card-content{width:100%}.reading-control{width:100%;min-width:0}.reading-control-toggle{align-items:center;gap:8px;display:flex}.reading-control-label,.reading-control-toggle .ant-switch{flex:none}.reading-control-label{white-space:nowrap}.reading-control-description{overflow-wrap:anywhere;width:100%;min-width:0;margin:8px 0 0}.live-url-form{flex-wrap:nowrap;align-items:flex-start;gap:8px;margin-top:16px;display:flex}.live-url-form .ant-form-item{flex:auto;min-width:0;margin:0}.live-url-form .ant-input{width:100%}.live-url-form .ant-btn{flex:none}.eyebrow{color:var(--brand-green);letter-spacing:.1em;font-size:12px;font-weight:700}.page-title{letter-spacing:-.03em;margin:10px 0 8px;font-size:30px}.page-description{color:#697386;margin-bottom:0;line-height:1.5}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.full-width{width:100%}.cookie-consent{z-index:10000;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:24px;left:24px;right:24px}.cookie-consent-card{pointer-events:auto;border:1px solid #e7eaf1;border-radius:16px;width:min(100%,900px);box-shadow:0 12px 44px #16223a2e}.cookie-consent-card .ant-card-body{padding:20px 24px}.cookie-consent-content{justify-content:space-between;width:100%}.cookie-consent-title.ant-typography{margin:0 0 4px}.cookie-consent-description.ant-typography{color:#697386;max-width:620px;margin:0;font-size:13px;line-height:1.55}.cookie-consent-button{flex:none;height:42px;font-weight:600}.live-card .ant-form-item-label>label{font-weight:600}.live-dashboard-shell{background:#f4f6fb;align-items:flex-start;min-width:0;overflow-x:clip}.live-dashboard{gap:16px;width:min(100%,1120px);min-width:0;margin-inline:auto;display:grid}.live-dashboard-header,.live-dashboard-content,.live-stat-card{border-color:#e7eaf1;border-radius:14px;box-shadow:0 8px 26px #16223a0f}.live-dashboard-header,.live-dashboard-content,.live-stat-card,.live-tab-card,.live-links-card,.live-dashboard .ant-col{min-width:0}.live-dashboard-header .ant-card-body{padding:24px 28px 20px}.live-dashboard-header-main{justify-content:space-between;align-items:center;gap:20px;display:flex}.live-dashboard-title{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.live-dashboard-title .ant-typography{overflow-wrap:anywhere;letter-spacing:-.035em;min-width:0;margin:0;font-size:clamp(22px,3vw,28px)}.live-dashboard-title .ant-tag{white-space:normal;border-radius:8px;max-width:100%;margin:0;padding:4px 10px;font-size:14px}.live-dashboard-header-main>.ant-btn{flex:none}.live-dashboard-meta{color:#697386;margin-top:12px;font-size:13px}.live-dashboard-meta>span{overflow-wrap:anywhere;min-width:0;max-width:100%}.live-dashboard-meta strong{color:var(--brand-navy);font-weight:500}.live-metadata-separator{color:#aab2c0}.live-stat-card{height:100%}.live-stat-card .ant-card-body{padding:17px 18px}.live-stat-card .ant-statistic-title{color:#667085;margin-bottom:5px;font-size:13px;font-weight:600}.live-stat-card .ant-statistic-content{color:var(--brand-navy);font-size:24px;font-weight:650}.live-stat-card:first-child .ant-statistic-content{font-size:20px}.live-dashboard-content .ant-card-body{padding:12px 20px 20px}.live-dashboard-content .ant-tabs-nav{margin-bottom:18px}.live-dashboard-content .ant-tabs-nav-wrap{min-width:0}.live-dashboard-content .ant-tabs-tab{padding-block:12px}.live-tab-card{border-radius:10px;height:100%;overflow:hidden}.live-tab-card .ant-card-body{min-width:0}.live-tab-card .ant-table-wrapper{max-width:100%}.live-links-card{border-radius:10px;height:100%}.live-links-list{width:100%;min-width:0}.live-send-link,.live-overlay-link{border:1px solid #e7eaf1;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:5px 8px;display:flex}.live-send-link>span,.live-overlay-link>span{flex:0 0 165px;font-size:13px}.live-send-link>*,.live-overlay-link>*{min-width:0}.live-send-link>.ant-typography{background:#f4f6fb;border-radius:5px;flex:1;min-width:0;padding:5px 8px;font-size:12px}.live-send-link .ant-tag{margin:0}.live-overlay-link{justify-content:space-between}.live-overlay-link>.ant-space{flex-wrap:wrap}.live-links-help{color:#697386;margin:2px 0 0;font-size:12px;line-height:1.55}.live-settings-details{margin-top:20px}.live-settings-details .ant-descriptions-item-label{color:#697386}.live-card .ant-btn-primary{height:44px;font-weight:600}.live-card .form-submit-item{margin-bottom:0}.storage-note{color:#697386;margin:0;font-size:12px}.message-form{width:100%;margin-top:28px}.message-form .ant-form,.message-form .ant-form-item,.message-form .ant-form-item-control-input-content{width:100%;min-width:0}body:has(.obs-overlay){background:0 0}body:has(.obs-qr-overlay){background:0 0}body:has(.obs-chat-overlay){background:0 0}:is(body:has(.obs-overlay-test),body:has(.obs-chat-overlay-test)){background:#343a40}.obs-chat-overlay{z-index:9999;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:clamp(16px,4vw,56px);display:flex;position:fixed;inset:0;overflow:hidden}.obs-chat-messages{text-align:center;flex-direction:column;gap:10px;width:min(560px,100%);display:flex}.obs-chat-message{color:#fff;background:0 0;border:1px solid #0000;border-radius:14px;padding:12px 16px;animation:.22s ease-out both obs-message-enter}.obs-chat-name{color:#fff;overflow-wrap:anywhere;margin-bottom:4px;font-size:15px;font-weight:700;display:block}.obs-chat-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:clamp(16px,2vw,22px);line-height:1.35}.obs-qr-overlay{background:0 0;place-items:center;display:grid;position:fixed;inset:0}.obs-overlay{z-index:9999;pointer-events:none;background:0 0;position:fixed;inset:0;overflow:hidden}.obs-message{color:#fff;text-align:center;background:0 0;border:1px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:clamp(20px,6vh,72px) clamp(20px,6vw,96px);animation:.22s ease-out both obs-message-enter;display:flex;position:absolute;inset:0}.obs-message-name{color:#fff;overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(32px,4vw,56px);font-weight:700;line-height:1.2}.obs-message-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:clamp(24px,3vw,40px);font-weight:600;line-height:1.3}.obs-debug{color:#fff;overflow-wrap:anywhere;background:#0e121ce0;border-radius:8px;gap:4px;max-width:min(440px,100vw - 24px);padding:8px 12px;font-size:12px;display:grid;position:absolute;top:12px;right:12px}.obs-debug-connected{border-left:4px solid #38c783}.obs-debug-connecting,.obs-debug-reconnecting{border-left:4px solid #f0b429}.obs-debug-disconnected{border-left:4px solid #f05252}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes obs-message-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.cookie-consent{bottom:12px;left:12px;right:12px}.cookie-consent-card .ant-card-body{padding:18px}.cookie-consent-content{flex-direction:column;align-items:stretch;gap:14px!important}.cookie-consent-button{width:100%}.landing-shell>.ant-layout-content{padding-inline:18px}.landing-header{height:68px;padding-inline:18px}.landing-hero{grid-template-columns:1fr;gap:38px;min-height:auto;padding:58px 0 48px}.landing-title.ant-typography{font-size:43px}.landing-lead.ant-typography{font-size:16px}.landing-actions{align-items:flex-start}.landing-preview{border-radius:18px;padding:14px}.landing-section{padding:48px 0}.landing-ad-model{grid-template-columns:1fr;gap:24px;margin:0 0 44px;padding:24px 18px}.landing-section-heading{margin-bottom:26px}.landing-cta{margin:8px 0 38px;padding:38px 20px}.page-shell{padding:24px 14px}.live-card .ant-card-body{padding:26px 20px}.live-dashboard{gap:12px}.live-dashboard-header .ant-card-body{padding:20px 18px}.live-dashboard-header-main{flex-direction:column;align-items:flex-start;gap:14px}.live-dashboard-header-main>.ant-btn{align-self:flex-end}.live-dashboard-meta{flex-direction:column;align-items:flex-start;gap:5px!important}.live-metadata-separator{display:none}.live-dashboard-content .ant-card-body{padding:8px 12px 14px}.live-dashboard-content .ant-tabs-tab{padding-inline:8px;font-size:12px}.live-send-link,.live-overlay-link{flex-wrap:wrap;align-items:flex-start}.live-send-link>span,.live-overlay-link>span{flex-basis:100%}.live-overlay-link{justify-content:flex-start}.form-row{grid-template-columns:1fr;gap:0}.obs-message{width:calc(100vw - 28px);padding:16px 18px;bottom:24px;left:14px}}@media (prefers-reduced-motion:reduce){.obs-message{animation:none}}