/* Dark, complete information cards use small geometric relief marks rather than
 * photographs, product UI, wheel/chip motifs or nested comparison tiers. */
.codebeamer-page .cb-benefits{background:radial-gradient(ellipse at 0 0,#124c5a70,transparent 75%),var(--pr-dark);color:#f2fbfd}
.cb-benefits .ip-label{color:#8fe1de}
.cb-benefits h2 em{color:#6aded6}
.codebeamer-page .cb-benefits p{color:var(--body-text-on-dark)}
.cb-benefits .cb-benefit-scene{min-width:0;margin:0 0 24px}
.cb-benefits .cb-benefit-scene-copy{display:flex;flex-wrap:wrap;align-items:start;gap:12px clamp(28px,4vw,48px);min-width:0;padding:18px 0;border-top:1px solid #639cab}
.cb-benefits .cb-benefit-scene-copy h3{flex:1 1 18rem}
.cb-benefits .cb-benefit-scene-copy p{flex:2 1 28rem;max-width:66ch;min-width:0;margin:0}
.cb-benefits .cb-benefit-ledger{display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0 0 26px;list-style:none}
.cb-benefits .cb-benefit-row{position:relative;flex:1 1 20rem;display:flex;flex-direction:column;min-width:0;margin:0;padding:24px;border:1px solid #3b6675;background:linear-gradient(140deg,#103c4d,#0b3042 58%);box-shadow:0 12px 28px #020e1626,inset 0 1px 0 #d8fffb0a;transition:border-color 220ms,box-shadow 220ms}
.cb-benefits .cb-benefit-row::before{content:"";position:absolute;top:-1px;left:24px;width:40px;height:2px;background:#83dcd4;pointer-events:none}
.cb-benefits .cb-benefit-row::after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-top:1px solid #639cab;border-right:1px solid #639cab;pointer-events:none}
.cb-benefits .cb-benefit-card-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;min-width:0;margin:0 0 16px}
.cb-benefits .cb-benefit-mark{display:block;flex:0 0 80px;width:80px;height:64px;max-width:100%;pointer-events:none}
.cb-benefits .cb-benefit-card-heading h3{flex:1 1 10rem}
.cb-benefits .cb-benefit-row h3,.cb-benefits .cb-benefit-scene-copy h3{font:600 var(--type-subhead-size)/1.3 var(--font-display);letter-spacing:-.03em;margin:0;min-width:0}
.cb-benefits .cb-benefit-reading{min-width:0;flex:1}
.cb-benefits .cb-benefit-row p{margin:0;min-width:0;max-width:66ch}
.cb-benefits .cb-benefit-reading p+p{margin-top:16px;padding-top:14px;border-top:1px solid #3b6675}
.cb-benefits .cb-benefit-next{border-top:1px solid #325968;padding-top:22px;min-width:0}
.cb-benefits .cb-benefit-next .ip-inline-link{color:#e7f6f9;max-width:420px;border-bottom-color:#83dcd480}
.cb-benefits .cb-benefit-next .ip-inline-link>.ms-icon{color:#83dcd4}
.cb-benefits .cb-benefit-next .ip-inline-link:is(:hover,:focus-visible){color:var(--cyan)}
.codebeamer-page .cb-benefits,.cb-benefits [id]{scroll-margin-top:104px}
.cb-benefits :is(h2,h3,p,a){overflow-wrap:anywhere}
@media(max-width:600px){.cb-benefits .cb-benefit-row{padding:20px}.cb-benefits .cb-benefit-mark{flex-basis:64px;width:64px;height:51.2px}.cb-benefits .cb-benefit-card-heading{gap:12px}.cb-benefits .cb-benefit-scene-copy h3,.cb-benefits .cb-benefit-scene-copy p{flex-basis:100%}}
@media(hover:hover) and (pointer:fine){.cb-benefits .cb-benefit-row:hover{border-color:#63d7d4;box-shadow:0 14px 32px #020e1640,inset 0 1px 0 #d8fffb0f}}
@media(prefers-reduced-motion:reduce){.cb-benefits .cb-benefit-row{transition:none}}