/* Pre-authentication presentation only. Auth, permissions and cabinet state remain owned by their existing modules. */
body:not(:has(#connection-success:not([hidden]))) {
    background:#fff;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    color:#203037;
    line-height:1.5;
}
.ux-landing :is(.eyebrow,.auth-kicker), .ux-auth-heading .eyebrow, .ux-auth-card-heading .eyebrow {
    color:#318fae; font-size:11px; font-weight:800; letter-spacing:.12em; line-height:1.5; text-transform:uppercase;
}
.ux-landing-header { max-width:1350px; padding:18px 34px; min-height:79px; gap:24px; }
.ux-landing-header .ux-brand { font-size:19px; letter-spacing:-.04em; }
.ux-landing-header nav { display:flex; gap:32px; }
.ux-landing-header nav a { color:#66747b; font-size:13px; font-weight:650; }
.ux-hero { gap:72px; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); }
.ux-hero > div > .eyebrow { margin:0; }
.ux-hero h1 { max-width:590px; color:#1f2d33; font-weight:700; }
.ux-hero .ux-hero-copy { max-width:490px; margin:0; color:#586a73; font-size:16px; line-height:1.65; }
.ux-hero .ux-hero-foot { margin:30px 0 0; font-size:11px; font-weight:650; color:#7a8992; }
.ux-hero-actions { margin-top:30px; }
.ux-landing .ux-steps { padding:67px 34px 75px; background:#f8fbfc; }
.ux-steps > .eyebrow { margin:0; }
.ux-steps > h2 { margin:18px 0 34px; font-size:38px; letter-spacing:-.04em; }
.ux-steps ol { gap:12px; border:0; border-radius:0; overflow:visible; grid-template-columns:repeat(4,minmax(0,1fr)); }
.ux-steps li { display:flex; flex-direction:column; min-height:174px; border:1px solid #dce6ed; border-radius:10px; padding:22px; background:#fff; }
.ux-steps li:first-child { border-left:1px solid #dce6ed; }
.ux-steps li span { display:grid; place-items:center; width:34px; height:34px; flex:none; border-radius:50%; margin:0 0 10px; background:#e4f5fa; color:#018acd; font-size:11px; font-weight:800; }
.ux-steps li strong { display:block; font-size:14px; line-height:1.3; }
.ux-steps li p { margin:18px 0 0; margin-top:auto; padding-top:18px; font-size:11px; line-height:1.5; color:#788994; }
.ux-landing .landing-features { background:#fff; }
.ux-landing .landing-section-head .auth-kicker { display:block; }
.ux-landing .feature-center-tag { font-weight:800; }
.ux-landing .landing-product { padding:60px 34px 105px; gap:70px; background:#fff; }
.landing-product .landing-product-copy h2 { font-size:43px; line-height:1.2; letter-spacing:-.055em; margin:10px 0 13px; max-width:430px; }
.landing-product .landing-product-copy p { margin:0; }
.landing-product .landing-product-copy > a { display:inline-block; margin-top:28px; color:#318fae; font-size:14px; font-weight:800; text-decoration:none; }
.landing-product .product-stage figcaption { text-align:right; font-size:10px; }
body:not(:has(#connection-success:not([hidden]))) #crpt-connect { width:100%; max-width:none; margin:0; padding:90px 34px; background:#f5fafb; }
body:not(:has(#connection-success:not([hidden]))) #crpt-connect .shell { max-width:1282px; margin:auto; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:0 80px; align-items:start; }
.ux-auth-heading { padding:40px 0 0; grid-row:1; }
.ux-auth-heading .eyebrow { margin:0; }
.ux-auth-heading h1 { font-size:43px; font-weight:700; line-height:1.2; letter-spacing:-.055em; margin:10px 0 13px; max-width:520px; }
.ux-auth-heading .ux-auth-copy { font-size:15px; line-height:1.7; margin:0; max-width:470px; }
.ux-auth-security { margin-top:30px; }
#connection-steps { display:block; grid-row:1; background:#fff; padding:27px 29px; border:1px solid #d9e5eb; border-radius:12px; box-shadow:0 18px 42px #254c6010; }
body:not(:has(#connection-success:not([hidden]))) #connection-restore { grid-row:1; }
body:not(:has(#connection-success:not([hidden]))) #connection-status { grid-row:2; }
#connection-steps .step { padding:0; }
#connection-steps .step + .step { padding:0; }
.ux-auth-card-heading { display:flex; gap:13px; align-items:center; margin-bottom:16px; }
.ux-auth-card-heading .eyebrow { margin:0 0 3px; }
.ux-auth-card-heading #certificate-heading { font-size:23px; line-height:1.2; letter-spacing:-.035em; margin:0; }
.ux-auth-card-icon { width:38px; height:38px; border-radius:10px; display:grid; place-items:center; flex:none; color:#318fae; background:#e8f5f8; }
.ux-auth-card-icon svg { width:22px; height:22px; }
#connection-steps .step-copy { margin:0 0 18px; font-size:12px; }
.ux-certificate-label { font-size:11px; color:#647b90; margin:0 0 9px; }
#certificate-list { --certificate-row:64px; display:grid; grid-auto-rows:var(--certificate-row); gap:8px; max-height:calc(3 * var(--certificate-row) + 18px); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:1px; margin:0; }
#connection-steps .certificate-card { height:var(--certificate-row); min-height:0; margin:0; padding:11px 12px; display:flex; gap:11px; align-items:flex-start; border:1px solid #dce6ed; border-radius:10px; box-shadow:none; }
#connection-steps .certificate-card:has(input:checked) { background:#f1fafc; border-color:#55b9d2; box-shadow:inset 0 0 0 1px #bde3ed; }
#connection-steps .certificate-card input { width:14px; height:14px; margin:4px 0 0; flex:none; }
#connection-steps .certificate-content { min-width:0; flex:1; }
#connection-steps .certificate-owner { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:650; line-height:19px; }
#connection-steps .certificate-meta { display:block; font-size:10px; line-height:15px; margin-top:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#connection-steps :is(.certificate-organization,.certificate-technical) { display:none; }
#connection-steps .actions { margin:28px 0 0; gap:9px; }
#connection-steps .actions button { font-size:12px; padding:11px 14px; }
#connection-steps #organization-flow[data-error=false] { display:none; }
#connection-steps #organization-flow[data-error=true] { color:#a63b4b; margin:18px 0 0; }
.ux-auth-plugin-note { margin:22px 0 0; border-top:1px solid #e7eef2; padding-top:16px; color:#87989f; font-size:10px; line-height:1.6; }
body:not(:has(#connection-success:not([hidden]))) #crpt-connect > .shell > .security-note { display:none; }
.ux-landing-footer { max-width:1350px; margin:auto; padding:30px 34px 40px; display:flex; justify-content:space-between; gap:16px; border-top:1px solid #e8eef2; background:white; }
.ux-landing-footer strong { font-size:13px; }
.ux-landing-footer p { font-size:11px; color:#85949d; margin:3px 0 0; }
.ux-landing-footer a { color:#318fae; font-size:12px; font-weight:650; text-decoration:none; }
body:has(#connection-success:not([hidden])) .ux-landing-footer { display:none; }
@media(max-width:1050px) {
    .ux-landing-header { flex-wrap:wrap; }
    .ux-landing-header nav { order:3; width:100%; justify-content:center; }
    .ux-hero { grid-template-columns:1fr; gap:32px; }
    .ux-steps ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body:not(:has(#connection-success:not([hidden]))) #crpt-connect .shell { column-gap:35px; }
    .ux-auth-heading h1,.landing-product .landing-product-copy h2 { font-size:36px; }
}
@media(max-width:760px) {
    .ux-landing-header { padding:16px 18px; flex-wrap:wrap; gap:15px; }
    .ux-landing-header .ux-brand { font-size:16px; }
    .ux-landing-header nav { display:flex; order:3; width:100%; justify-content:center; gap:25px; }
    .ux-hero .ux-hero-copy { font-size:14px; }
    .ux-landing .ux-steps { padding:50px 18px; }
    .ux-steps > h2 { font-size:29px; }
    .ux-steps ol { grid-template-columns:1fr; }
    .ux-steps li { min-height:174px; }
    .ux-landing .landing-product { padding:50px 18px; grid-template-columns:1fr; gap:30px; }
    .landing-product .landing-product-copy h2 { font-size:34px; }
    body:not(:has(#connection-success:not([hidden]))) #crpt-connect { padding:50px 18px; }
    body:not(:has(#connection-success:not([hidden]))) #crpt-connect .shell { display:block; }
    .ux-auth-heading { padding:0 0 30px; }.ux-auth-heading h1 { font-size:34px; }
    #connection-steps { padding:23px 18px; }
    .ux-auth-card-heading #certificate-heading { font-size:21px; }
    #certificate-list { --certificate-row:88px; }
    #connection-steps .certificate-owner { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
    #connection-steps .certificate-meta { white-space:normal; line-height:13px; }
    #connection-steps .actions { flex-wrap:wrap; }
    .ux-landing-footer { padding:28px 18px 35px; }
}