/* Product concept v1.2: the same app components on every marketing surface. */
:root{--ui-navy:#090d3a;--ui-coral:#ff5964;--ui-violet:#6847ff;--ui-green:#2ebe83;--ui-line:#e2e3ea;--ui-muted:#626779}
.ui-shell{--ui-accent:var(--ui-navy);--ui-on-accent:#fff;display:flex;flex-direction:column;min-height:100%;color:var(--ui-navy);font-family:Satoshi,sans-serif;text-align:left;font-size:16px;line-height:1.5;font-weight:400}
.ui-shell[data-ui-tone=coral]{--ui-accent:var(--ui-coral);--ui-on-accent:var(--ui-navy)}.ui-shell[data-ui-tone=violet]{--ui-accent:var(--ui-violet)}.ui-shell[data-ui-tone=green]{--ui-accent:var(--ui-green);--ui-on-accent:var(--ui-navy)}
.ui-body{padding:18px 20px 24px;flex:1;min-width:0}.ui-heading{margin-bottom:23px}.ui-heading>span{font-size:12px;letter-spacing:.6px;color:var(--ui-muted)}.ui-heading h3{font-size:27px!important;line-height:1.14!important;letter-spacing:-.7px!important;font-weight:400!important;margin:10px 0 0!important;overflow-wrap:normal}.ui-heading p{font-size:14px;color:var(--ui-muted);line-height:1.5;margin:11px 0 0}.ui-heading h3:focus{outline:none}
.ui-shell button{font:inherit;cursor:pointer}.ui-shell button:focus-visible,.ui-shell summary:focus-visible,.ui-shell input:focus-visible,.ui-shell textarea:focus-visible,.ui-shell select:focus-visible{outline:3px solid #ad9cff;outline-offset:3px}
.ui-button{display:block;width:100%;min-height:48px;padding:13px 16px;margin-top:12px;border:1px solid transparent;border-radius:14px;background:var(--ui-accent);color:var(--ui-on-accent);font-size:15px!important;font-weight:500!important;line-height:1.4;text-align:center}.ui-button:hover{filter:brightness(.96)}.ui-secondary{background:white;color:var(--ui-navy);border-color:#d5d7e2}
.ui-shift{display:block;width:100%;background:var(--ui-navy);color:white;padding:18px;border-radius:18px;text-align:left;margin:0 0 24px;border:0}.ui-shift strong{display:block;font-size:19px;font-weight:400;margin-top:10px;line-height:1.3}.ui-shift small{display:block;font-size:13px;line-height:1.4;color:#d0cde3;margin-top:6px}.ui-shift .ui-status{color:white;background:#ffffff1c;font-size:11px}
.ui-status{display:inline-flex;padding:4px 10px;border-radius:30px;color:#4f4288;background:#ede8ff;font-size:12px;line-height:1.5;max-width:100%;white-space:normal}.ui-status.green{color:#146744;background:#e1f5eb}.ui-status.amber{color:#795214;background:#fff0d7}.ui-status.coral{color:#9b2d3b;background:#ffe8eb}
.ui-section-label{font-size:14px;margin:0 0 14px!important}.ui-row{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:14px 12px;border:1px solid var(--ui-line);border-radius:15px;background:white;margin:11px 0;text-align:left}.ui-row>span:nth-child(2){min-width:0;flex:1}.ui-row strong{display:block;font-size:15px;font-weight:500;line-height:1.3}.ui-row small{display:block;font-size:12px;line-height:1.4;color:var(--ui-muted);margin-top:5px}.ui-row>.icon{width:14px;height:14px;flex:none;color:var(--ui-muted)}.ui-row-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;flex:none;color:#6847ff;background:#ede8ff}.ui-row-icon .icon{width:21px;height:21px}.ui-row-icon.coral{background:#ffe8eb;color:#c63c4f}.ui-row-icon.green{background:#e1f5eb;color:#16845b}.ui-row-icon.navy{background:#eeeef5;color:#090d3a}
.ui-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px 10px 6px;background:#fff;border-top:1px solid var(--ui-line);position:sticky;bottom:0;z-index:2;flex:none}
.ui-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:49px;border:0;border-radius:12px;background:transparent;color:#74798c;font-size:12px!important;padding:5px 0}.ui-nav .icon{width:20px;height:20px}.ui-nav [aria-current]{color:var(--ui-navy);background:#f0f1f6}.ui-nav [data-demo=reporting][aria-current]{background:#ffe8eb;color:#9b2d3b}.ui-nav [data-demo=sops][aria-current]{background:#ede8ff;color:#6847ff}.ui-nav [data-demo=comms][aria-current]{background:#e1f5eb;color:#146744}
.ui-notice{display:block;width:100%;padding:15px;margin:18px 0;border:0;border-radius:14px;font-size:14px;line-height:1.5;text-align:left}.ui-notice p{margin:7px 0 0;font-size:14px;line-height:1.5}.ui-notice strong{font-size:14px;font-weight:500}.ui-notice small{display:block;font-size:12px;margin-top:9px}.ui-notice.amber{background:#fff0d7;color:#795214}.ui-notice.green{background:#e1f5eb;color:#146744}.ui-notice.violet{background:#ede8ff;color:#4e3996}
.ui-fields{margin:18px 0}.ui-fields>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--ui-line);font-size:14px;line-height:1.45}.ui-fields dt{color:var(--ui-muted);flex:1}.ui-fields dd{margin:0;text-align:right;max-width:58%;overflow-wrap:anywhere}.ui-note{font-size:13px!important;color:var(--ui-muted);line-height:1.6;margin:16px 0}.ui-meta{font-size:12px;letter-spacing:.3px;color:var(--ui-muted)}
.ui-card{display:block;width:100%;padding:18px;border:1px solid var(--ui-line);border-radius:16px;background:white;margin:20px 0;text-align:left}.ui-card h4{font-size:20px;font-weight:400;line-height:1.25;margin:13px 0}.ui-card p{font-size:14px;line-height:1.6;margin:12px 0}.ui-card small{display:block;font-size:12px;line-height:1.5;color:var(--ui-muted);margin-top:12px}.ui-card>strong{font-size:14px;font-weight:500}.ui-tappable:hover{border-color:#aba0d9}.ui-question{font-size:22px;font-weight:400;line-height:1.3;margin:27px 0}
.ui-voice{padding:19px;background:#ffe8eb;border-radius:17px;margin:19px 0}.ui-voice>.icon{width:25px;height:25px;color:#ba3243}.ui-voice p{font-size:17px;line-height:1.5;margin:19px 0}.ui-voice small{font-size:12px;color:#8d3c4b}.ui-voice .waveform{color:#d83e50;height:35px;margin:19px 0}.ui-language{display:flex;gap:8px}.ui-language button{font-size:13px;padding:9px 12px;border:1px solid var(--ui-line);border-radius:24px;background:#fff}.ui-language [aria-pressed=true]{background:#ede8ff;border-color:#ccbeff;color:#5130c6}
.ui-field{display:block;font-size:14px;line-height:1.5;margin:18px 0;color:var(--ui-muted)}.ui-field input,.ui-field textarea,.ui-field select{display:block;font:inherit;font-size:16px;line-height:1.5;padding:12px;width:100%;min-height:48px;border:1px solid #cbd0df;border-radius:12px;background:white;color:var(--ui-navy);margin-top:7px}.ui-field textarea{min-height:120px;resize:vertical}.ui-error{font-size:14px;color:#aa273a;line-height:1.5;margin-top:12px}.ui-error:empty{display:none}.ui-success{display:grid;place-items:center;width:74px;height:74px;background:#e1f5eb;color:#146744;border-radius:50%;margin:28px auto}.ui-success .icon{width:35px;height:35px}.ui-point img{width:150px;height:auto;margin:8px auto 22px;display:block}
.ui-steps{counter-reset:step;list-style:none;padding:0;margin:26px 0}.ui-steps li{counter-increment:step;position:relative;padding-left:35px;margin:23px 0}.ui-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;font-size:12px;color:#6847ff;background:#ede8ff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.ui-steps strong{font-size:15px;font-weight:500}.ui-steps p{font-size:13px;color:var(--ui-muted);line-height:1.6;margin-top:6px}.ui-broadcast{display:block;width:100%;background:#e1f5eb;border:0;border-radius:17px;padding:21px;margin:23px 0;text-align:left}.ui-broadcast>.icon{color:#146744}.ui-broadcast h4{font-size:24px;font-weight:400;line-height:1.25;margin:15px 0}.ui-broadcast p{font-size:15px;margin:14px 0}.ui-broadcast small{font-size:12px;color:#526e65}.ui-history{border-block:1px solid var(--ui-line);padding:14px 0;margin:20px 0;font-size:13px}.ui-history summary{cursor:pointer;font-size:14px;min-height:30px}.ui-history p{margin:12px 0;color:var(--ui-muted)}
.phone .phone-brand{border-bottom:1px solid var(--ui-line);margin-inline:18px;padding:9px 0 15px}.phone .phone-brand img{width:104px}.phone .phone-content:has(.ui-shell){padding:0}.demo-phone{width:370px;max-width:100%}.demo-phone .phone-screen{height:774px;min-height:0}.demo-phone #demo-screen{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:0}.demo-phone .phone-bottom{flex:none;margin:0;height:20px;background:white}.demo-phone .ui-body{padding:22px}.demo-phone .phone-brand{flex:none}.demo-phone .ui-heading h3{font-size:29px!important}
.ui-preview-phone{width:340px;max-width:100%;margin:auto}.ui-preview-phone .phone-screen{min-height:0}.ui-preview-phone .ui-body{padding:20px}.ui-preview-phone .phone-content{padding:0}.ui-preview-phone .phone-bottom{margin:0;background:#fff}.ui-preview-phone .ui-heading h3{font-size:26px!important}.ui-preview-phone .ui-shell{min-height:560px}.ui-preview-phone .ui-nav{position:static}
.hero-phone .ui-body{padding:14px 17px}.hero-phone .ui-heading{margin-bottom:17px}.hero-phone .ui-heading h3{font-size:25px!important}.hero-phone .ui-shift{padding:15px;margin-bottom:18px}.hero-phone .ui-row{min-height:65px;padding:12px 10px;margin:9px 0;gap:10px}.hero-phone .ui-row small{font-size:12px}.hero-phone .ui-row-icon{width:32px;height:32px}.hero-phone .ui-notice{font-size:12px;padding:11px;margin-bottom:5px}.hero-phone .ui-nav{position:static}.hero-phone .phone-bottom{background:white}
.ui-preview-stage{display:flex;align-items:center;justify-content:center;background:#eeebf8;border-radius:26px;padding:32px 22px;min-width:0}.ui-preview-stage.coral{background:#ffe7eb}.ui-preview-stage.green{background:#e0f3e9}.ui-preview-stage.navy{background:#e8e9f1}.ui-preview-stage .ui-preview-phone{transform:rotate(-2deg)}.ui-preview-stage .ui-heading h3{max-width:none}.ui-preview-caption{font-size:14px;color:#626779;line-height:1.6;margin-top:20px}.context-demo .context-panel{padding:0;background:transparent;border:0;box-shadow:none}.context-demo{align-items:center}.context-picker{align-self:center}.context-phone-host{padding:20px}
.phone-preview-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.phone-preview-actions button{border:1px solid #c9c4da;padding:11px 16px;border-radius:12px;background:#fff;font-size:14px;min-height:44px}.app-preview-section{background:#f0edf8}.ui-demo-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.ui-demo-shortcuts button{padding:9px 12px;border-radius:10px;border:1px solid #d5cde7;font-size:14px;background:white;color:#4c388d;min-height:44px}.ui-body .app-primary{border-radius:14px;min-height:48px}.ui-body .app-site>strong{font-weight:400}.ui-body .verification-row{background:white}.ui-body .verification-row.is-verified{background:#e1f5eb}.control-preview{border-color:#d8d9e4}.control-metric{border-radius:14px}
@media(max-width:700px){.demo-phone{width:350px}.demo-phone .phone-screen{height:760px}.demo-shell{padding:16px}.ui-preview-stage{padding:25px 12px}.ui-preview-phone{width:330px}.ui-preview-stage .ui-preview-phone{transform:none}.ui-body{padding:17px}.hero-phone .ui-heading h3{font-size:25px!important}.ui-preview-phone .ui-body{padding:18px}.ui-heading h3{font-size:26px!important}}
@media(prefers-reduced-motion:reduce){.ui-shell *{animation:none!important;transition:none!important}}

.broadcast-operations{margin-top:18px;font-size:15px;line-height:1.5}.broadcast-operations summary{cursor:pointer;padding:15px;border-block:1px solid #d5d9df;min-height:48px}.broadcast-operations .broadcast-preview{margin-top:18px}.ui-body .app-site>strong{font-size:29px;line-height:1.12;letter-spacing:-.7px}.ui-body .app-site>small{font-size:14px}.voice-form-preview .mini-report{border:1px solid #e2e3ea;background:white;border-radius:16px}.knowledge-answer{border:1px solid #e2e3ea;background:white;border-radius:16px}.verification-preview .ui-button,.handover-preview .ui-button{max-width:300px;margin-top:22px}

@media(min-width:701px){.page-home .hero-stage{height:640px}}
@media(max-width:700px){.page-home .hero-stage{height:462px}}
