/* Tightening the inherited October 8 visual system. */
.skip-link{position:fixed;z-index:100;top:8px;left:16px;padding:12px 18px;background:#fff;color:#202938;border:2px solid #245BE8;border-radius:6px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}
.hero-actions .hero-cta{margin:0;font-family:inherit;cursor:pointer}
.hero-secondary{font-size:15px;font-weight:550;text-decoration:none;color:#294B82;padding:12px 0;text-underline-offset:4px}
.hero-secondary:hover{text-decoration:underline}
.demo-availability{font-size:13px!important;line-height:1.6!important;margin:13px 0 0!important;color:#59677B!important}
.hero-channels{margin-top:23px!important;flex-wrap:wrap}
.hero-channels>span:first-child{font-size:12px!important}
.connection-status{font-size:12px;color:#59677B;border-left:1px solid #CED8E5;padding-left:12px}
.desktop-nav .nav-demo{font:inherit;font-size:14px;color:inherit;cursor:pointer}
.mobile-menu .text-button{font:inherit;text-align:left;color:#202938;padding:12px 0;cursor:pointer}
.prototype-note,.concept-disclosure,.channel-footnote,.lead-service-note,.lead-privacy{font-size:12px!important;line-height:1.65!important}
.lead-service-note{color:#885400!important;background:#FCF6E8;border-left:2px solid #D9B762;padding:10px 13px;margin-top:18px!important}
.lead-privacy{color:#59677B;margin:9px 0 0}
.demo-open{overflow:hidden}
.demo-dialog{width:min(920px,calc(100vw - 48px));padding:0;border:1px solid #D9E2EF;border-radius:15px;color:#202938;background:#fff;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 4px 10px #172E4925,0 35px 90px #172E4938}
.demo-dialog::backdrop{background:#17212D99;backdrop-filter:blur(5px)}
.demo-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:12px;color:#59677B;border-bottom:1px solid #DDE5EF}
.demo-close{width:44px;height:44px;border:0;background:none;color:#35465D;font:inherit;font-size:19px;border-radius:6px;cursor:pointer}
.demo-close:hover{background:#EFF4FA}
.demo-poster{aspect-ratio:16/9;background:#F3F8FE;overflow:hidden;border-bottom:1px solid #DDE5EF}
.demo-poster img{display:block;width:100%;height:100%;object-fit:cover}
.demo-dialog-body{padding:29px 34px 34px}
.demo-dialog-body h2{font-size:30px;line-height:1.2;font-weight:550;letter-spacing:-1px;margin:0 0 10px}
#demo-dialog-status{font-size:17px;color:#59677B;margin:0}
.demo-explanation{font-size:14px;line-height:1.65;color:#59677B;max-width:620px;margin:12px 0 0}
.demo-dialog-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:23px}
.demo-dialog-actions a{font-size:14px;font-weight:550;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.demo-dialog-actions a:not(.primary){color:#294B82}
.demo-dialog :focus-visible,.hero-actions :focus-visible{outline:3px solid #245BE8;outline-offset:4px}
.crew-mode-controls{display:flex;align-items:center;gap:10px;margin:0 0 20px;flex-wrap:wrap}
.crew-mode-controls button{pointer-events:auto!important;min-height:44px;font-size:13px}
.crew-flow-heading p,.crew-flow-help,.crew-flow-scope p,.crew-flow-consent,.crew-flow-count,.crew-flow-person .crew-flow-role,.crew-flow-disclosure{font-size:13px}
.crew-flow-person .crew-flow-status{font-size:12px;max-width:110px}
.crew-flow-person .crew-flow-status.accepted{color:#087E58;background:#EAF7F1;border-color:#B8DECA}
.crew-acceptance{margin:19px 0 0;padding:16px;border:1px solid #CAD9E9;border-radius:8px;background:#F7FAFD}
.crew-acceptance h4{font-size:15px;margin:0 0 10px}
.crew-acceptance p{font-size:13px;line-height:1.65;color:#59677B}
.crew-acceptance label{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6}
.crew-acceptance input{margin-top:5px;flex-shrink:0;accent-color:#245BE8}
.crew-join-button{padding:7px 10px;min-height:44px;font-size:12px;border:1px solid #CAD9E9;background:#fff;color:#294B82;border-radius:5px;cursor:pointer;max-width:110px}
.crew-flow[data-crew-mode="auto"] .crew-join-button{pointer-events:none}
@media(max-width:740px){
 .hero-actions{gap:9px 20px;margin-top:21px}.hero-actions .hero-cta{font-size:13px!important;padding:14px 16px!important}.hero-secondary{font-size:14px}.demo-availability{font-size:12px!important}
 .hero-channels{gap:10px!important}.connection-status{width:100%;border:0;padding:0}
 .demo-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.demo-dialog-head{padding:5px 14px}
 .demo-dialog-body{padding:23px 21px 25px}.demo-dialog-body h2{font-size:24px;letter-spacing:-.7px}#demo-dialog-status{font-size:16px}.demo-explanation{font-size:13px}.demo-dialog-actions{gap:10px 20px;margin-top:18px}.demo-dialog-actions .primary{font-size:12px;padding:12px 14px}
 .crew-flow-person{flex-wrap:wrap}.crew-flow-person .crew-join-button{margin-left:43px;max-width:none}.crew-mode-controls{gap:8px}.crew-mode-controls button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.demo-dialog,.demo-dialog *{animation:none!important;transition:none!important}}

.crew-mode-controls button{visibility:visible!important}
html[data-motion="reduce"]{scroll-behavior:auto!important}
html[data-motion="reduce"] *,html[data-motion="reduce"] *::before,html[data-motion="reduce"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion="reduce"] .crew-flow-cursor{display:none!important}

.crew-row small,.crew-row em,.sms-stamp,.answer-evidence,.linked-provenance,.messages-card-footer,.producer-provenance{font-size:12px!important;line-height:1.6}
.faq summary{padding-inline-end:40px}
.faq summary::after{width:24px;text-align:center}