/* Final landing cadence: strict black / white alternation with no blur. */
.hero{background:#000;color:#fff}
.q-login{background:#f5f5f7;color:#1d1d1f;border-color:rgba(0,0,0,.14);--focus-ring:#1d1d1f}
.q-login .overline{color:var(--light-muted)}
.q-login-copy>p:last-child{color:rgba(0,0,0,.62)}
.q-login-button{position:relative}
.q-login-button>span{color:rgba(0,0,0,.56)}
.q-login-button:hover>span{color:#000}

/* Smooth reusable Epique Q remains the center mark; original motion layers are restored around it. */
.q-login-button::before{content:"";display:block;width:min(260px,68vw);aspect-ratio:62/63;background:#1d1d1f;-webkit-mask:url('/epique-q.svg') center/contain no-repeat;mask:url('/epique-q.svg') center/contain no-repeat;transition:transform .35s var(--ease)}
.q-login-button .q-mark{display:block!important;position:absolute;top:4px;left:50%;width:min(300px,78vw);height:auto;transform:translateX(-50%);pointer-events:none;overflow:visible;transition:transform .5s var(--ease)}
.q-login-button .q-mark g,.q-login-button .q-mark>path{display:none!important}
.q-login-button .q-sonar{stroke:rgba(29,29,31,.30)!important}
.q-login-button .q-dial{stroke:rgba(29,29,31,.34)!important}
.q-login-button .q-halo{stroke:rgba(29,29,31,.46)!important}
.q-login-button:hover::before{transform:scale(1.035)}
.q-login-button:hover .q-mark{transform:translateX(-50%) scale(1.04)}
.q-login-button.pressed::before{transform:scale(.965)}
.q-login-button.pressed .q-mark{transform:translateX(-50%) scale(.95)}

.focus{background:#000;color:#fff}
.focus .overline{color:var(--soft)}
.steps{border-top-color:rgba(255,255,255,.16)}
.step{border-right-color:rgba(255,255,255,.16)}
.step p{color:rgba(255,255,255,.62)}
.capability-icon{border-color:rgba(255,255,255,.3)}
.capability-icon.parcel::before{border-color:#fff}
.capability-icon.evidence::before{border-color:#fff}
.capability-icon.evidence::after{border-color:#fff}
.capability-icon.flow::before{background:#fff}
.capability-icon.flow::after{background:#fff}
.statement{background:#f5f5f7;color:#1d1d1f;border-bottom-color:rgba(0,0,0,.14)}
.statement-sub{color:var(--light-muted)}
.close{background:#000;color:#fff}
@media(max-width:900px){.step,.step:not(:first-child),.step:last-child{border-bottom-color:rgba(255,255,255,.16)}}