/* V96 · Invitation-led, role-first commercial opportunity shaping */
.su96-page{--su96-dark:#12344d;--su96-blue:#14688d;--su96-muted:#516d7f}
.su96-hero{border-bottom:1px solid #dce7ed;padding-bottom:40px;margin-bottom:5px}
.su96-hero h1{max-width:850px}
.su96-hero-aside{background:linear-gradient(148deg,#0e2e4a,#17496a)}
.su96-hero-aside>span{display:block;font-size:10px;letter-spacing:.12em;font-weight:800;color:#a5cfe3;margin-bottom:14px}
.su96-hero-aside strong{display:block;font-size:28px;line-height:1.18;letter-spacing:-.04em}
.su96-hero-aside p{color:#e3f0f6;line-height:1.65}
.su96-roles .section-header{margin-bottom:20px}
.su96-roles .section-header h2{margin:8px 0 10px}
.su96-role-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.su96-role{min-height:257px;position:relative;transition:background .17s,border-color .17s,transform .17s,box-shadow .17s}
.su96-role:hover{transform:translateY(-2px)}
.su96-role strong{font-size:20px}
.su96-role em{color:#176990}
.su96-role.is-selected{background:#eff8fc;border-color:#1b799f;box-shadow:0 0 0 1px #1b799f inset,0 7px 24px #0e4e7111}
.su96-role:focus-visible{outline:3px solid #2d89b6;outline-offset:3px}
.su96-config{margin-top:10px}
.su96-role-intro{padding:13px 17px;background:#f1f8fb;border-left:3px solid #227aa1;border-radius:0 10px 10px 0;color:#385b72!important;font-size:13px!important}
.su96-origin{display:flex;flex-direction:column;gap:5px;margin:16px 0 0;padding:14px 17px;border:1px solid #e3e6df;border-radius:11px;background:#f8f7f3}
.su96-origin:empty{display:none}
.su96-origin strong{font-size:10px;letter-spacing:.1em;color:#876b39}
.su96-origin>span{font-weight:750;font-size:14px;color:#203d4e}
.su96-origin small{font-size:11px;line-height:1.6;color:#687c82}
.su96-work-inputs{margin-top:24px}
.su96-program-label{display:block;font-size:12px;font-weight:700;color:#385368;margin-top:18px}
.su96-program-label select{display:block;appearance:auto;width:100%;padding:13px 11px;border:1px solid #cadbe7;border-radius:10px;margin-top:7px;color:#183b51;font-size:14px;background:#f8fbfd}
.su96-page select:focus-visible,.su96-page input:focus-visible{outline:2px solid #2784b2;outline-offset:2px}
.su96-page select:disabled{opacity:.65;cursor:not-allowed}
.su96-preview-empty{color:#c8deea;font-size:14px;line-height:1.7}
.su96-page .su94-request:disabled{opacity:.60;cursor:not-allowed;background:#cad4dd!important;color:#36546a!important}
.su96-lifecycle{border-top:1px solid #e1e7eb}
.su96-inbound h2{max-width:850px}
.su96-inbound .su94-inbound-actions{min-width:214px}
.product-card .su94-card-adopt{background:#edf6f9;color:#165d81}
.product-card .su94-card-adopt:hover{background:#dceef5}
.su95-use-grid,.su95-case-paths{grid-template-columns:repeat(4,minmax(0,1fr))}
.su95-use-grid article{min-height:252px;padding:18px}
.su95-use-grid h4{font-size:18px}
.su95-case-paths article{padding:16px}
.su95-case-paths h3{font-size:16px}
.su95-case-use-head>span{font-size:11px;letter-spacing:.08em;font-weight:800;color:#1a668b}
@media(max-width:1080px){.su96-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.su96-role{min-height:210px}.su95-use-grid,.su95-case-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.su95-use-grid article{min-height:220px}}
@media(max-width:780px){.su96-hero{padding-bottom:26px}.su96-hero-aside{padding:23px}.su95-use-grid,.su95-case-paths{grid-template-columns:1fr}.su95-use-grid article{min-height:0}.su96-config{margin-top:5px}}
@media(max-width:600px){.su96-role-grid{grid-template-columns:1fr}.su96-role{min-height:0;padding:20px}.su96-role.is-selected{padding:19px}.su96-hero-aside strong{font-size:24px}.su96-roles .section-header h2{font-size:27px}.su96-origin{padding:12px 14px}}