/* Cortiva 03: source-matched layout with selectable website typography. */
html body.cortiva-page main#main#main .cortiva-benefits {
 container-type: inline-size;
 background: #eafaff url('../images/bio-responsive-cortiva/background-texture.png') center top / 100% auto repeat-y;
}
html body.cortiva-page main#main#main .cortiva-benefits .cortiva-board {
 --u: calc(100cqw / 1468);
 position: relative;
 width: calc(1536 * var(--u));
 aspect-ratio: 3 / 2;
 margin: 0 0 0 calc(-34 * var(--u)) !important;
 color: #092c3d !important;
}
html body.cortiva-page main#main#main .cortiva-benefits :is(h2,h3,h4,p,div,strong,sup) {
 font-family: var(--site-font, "DM Sans", sans-serif) !important;
}
html body.cortiva-page main#main#main .cortiva-benefits :is(h2,h3,h4,p) { margin: 0 !important; }
html body.cortiva-page main#main#main .cortiva-benefits sup { position: static; vertical-align: super; line-height: 0; }
html body.cortiva-page main#main#main .cortiva-benefits-rail {
 position: absolute;
 left: calc(34 * var(--u));
 top: calc(39 * var(--u));
 width: calc(437 * var(--u));
 height: calc(945 * var(--u));
 border-radius: calc(32 * var(--u));
 overflow: hidden;
 color: #f7f9fa !important;
 background: #002d3e;
 box-shadow: 0 calc(5 * var(--u)) calc(14 * var(--u)) #3a9ea323;
}
html body.cortiva-page main#main#main .cortiva-benefits-number {
 position: absolute;
 left: calc(34 * var(--u));
 top: calc(38 * var(--u));
 width: calc(363 * var(--u));
 display: flex;
 align-items: center;
 gap: calc(15 * var(--u));
 color: #f7f9fa !important;
 font-size: calc(18 * var(--u)) !important;
 font-weight: 500 !important;
 line-height: 1.3 !important;
 letter-spacing: calc(4.5 * var(--u)) !important;
 white-space: nowrap;
}
html body.cortiva-page main#main#main .cortiva-benefits-number::after {
 content: '';
 flex: 1;
 height: calc(1 * var(--u));
 background: #34d5e4;
}
html body.cortiva-page main#main#main .cortiva-benefits-brand {
 position: absolute;
 left: calc(36 * var(--u));
 top: calc(116 * var(--u));
 color: #f9fafa !important;
 font-size: calc(59 * var(--u)) !important;
 font-weight: 750 !important;
 line-height: 1.12 !important;
 letter-spacing: calc(-1.8 * var(--u)) !important;
 white-space: nowrap;
}
html body.cortiva-page main#main#main .cortiva-benefits-brand sup {
 display: inline-block;
 margin-left: calc(2 * var(--u)) !important;
 font-size: calc(23 * var(--u)) !important;
 font-weight: 600 !important;
 letter-spacing: calc(-1 * var(--u)) !important;
 transform: translateY(calc(-5 * var(--u)));
}
html body.cortiva-page main#main#main .cortiva-benefits-accent {
 position: absolute;
 left: calc(37 * var(--u));
 height: calc(6 * var(--u));
 border-radius: calc(6 * var(--u));
 background: #56e6ce;
}
html body.cortiva-page main#main#main .cortiva-benefits-accent--first { top: calc(199 * var(--u)); width: calc(105 * var(--u)); }
html body.cortiva-page main#main#main .cortiva-benefits-accent--second { top: calc(352 * var(--u)); width: calc(135 * var(--u)); }
html body.cortiva-page main#main#main .cortiva-benefits-heading {
 position: absolute;
 left: calc(35 * var(--u));
 top: calc(230 * var(--u));
 color: #f9fafa !important;
 font-size: calc(41 * var(--u)) !important;
 font-weight: 650 !important;
 line-height: 1.13 !important;
 letter-spacing: calc(-.9 * var(--u)) !important;
}
html body.cortiva-page main#main#main .cortiva-benefits-intro {
 position: absolute;
 left: calc(36 * var(--u));
 top: calc(382 * var(--u));
 color: #f4f8fb !important;
 font-size: calc(23 * var(--u)) !important;
 font-weight: 400 !important;
 line-height: calc(29.1 * var(--u)) !important;
 letter-spacing: calc(-.3 * var(--u)) !important;
}
html body.cortiva-page main#main#main .cortiva-benefits-callout {
 position: absolute;
 left: calc(37 * var(--u));
 top: calc(600 * var(--u));
 width: calc(360 * var(--u));
 height: calc(107 * var(--u));
 padding: calc(21 * var(--u)) calc(28 * var(--u));
 border-radius: calc(22 * var(--u));
 background: #006457;
 color: #f6faf9 !important;
}
html body.cortiva-page main#main#main .cortiva-benefits-callout p {
 color: inherit !important;
 font-size: calc(14 * var(--u)) !important;
 font-weight: 500 !important;
 line-height: 1.3 !important;
 letter-spacing: calc(3 * var(--u)) !important;
}
html body.cortiva-page main#main#main .cortiva-benefits-callout strong {
 display: block;
 margin-top: calc(8 * var(--u)) !important;
 color: inherit !important;
 font-size: calc(31 * var(--u)) !important;
 font-weight: 700 !important;
 line-height: 1.2 !important;
 letter-spacing: calc(-1.05 * var(--u)) !important;
 white-space: nowrap;
}
html body.cortiva-page main#main#main .cortiva-benefits-signature {
 position: absolute;
 left: calc(40 * var(--u));
 bottom: calc(36 * var(--u));
 color: #f1f5f7 !important;
 font-size: calc(12 * var(--u)) !important;
 font-weight: 400 !important;
 line-height: 1.2 !important;
 letter-spacing: calc(2.35 * var(--u)) !important;
}
html body.cortiva-page main#main#main .cortiva-benefits-content {
 position: absolute;
 top: calc(77 * var(--u));
 left: calc(497 * var(--u));
 right: calc(34 * var(--u));
 bottom: calc(77 * var(--u));
}
html body.cortiva-page main#main#main .cortiva-benefits-header { padding: 0 calc(20 * var(--u)); }
html body.cortiva-page main#main#main .cortiva-benefits-header h3 {
 display: flex;
 align-items: center;
 gap: calc(13 * var(--u));
 color: #064577 !important;
 font-size: calc(20 * var(--u)) !important;
 font-weight: 700 !important;
 line-height: 1.3 !important;
 letter-spacing: calc(2.5 * var(--u)) !important;
 white-space: nowrap;
}
html body.cortiva-page main#main#main .cortiva-benefits-header h3::after { content: ''; flex: 1; min-width: calc(45 * var(--u)); height: calc(1 * var(--u)); background: #23a7c8; }
html body.cortiva-page main#main#main .cortiva-benefits-header sup { font-size: .58em !important; letter-spacing: 0 !important; }
html body.cortiva-page main#main#main .cortiva-benefits-header p {
 margin-top: calc(10 * var(--u)) !important;
 color: #086194 !important;
 font-size: calc(19 * var(--u)) !important;
 font-weight: 400 !important;
 line-height: 1.5 !important;
 letter-spacing: calc(-.1 * var(--u)) !important;
}
html body.cortiva-page main#main#main .cortiva-benefits-grid {
 position: absolute;
 left: 0;
 right: 0;
 top: calc(104 * var(--u));
 display: grid;
 grid-template-columns: 319fr 323fr 337fr;
 grid-auto-rows: calc(311 * var(--u));
 column-gap: calc(14 * var(--u));
 row-gap: calc(20 * var(--u));
}
html body.cortiva-page main#main#main .cortiva-benefit-card {
 position: relative;
 min-width: 0;
 border: calc(1 * var(--u)) solid #b0e9fc;
 border-radius: calc(21 * var(--u));
 background: #fffefeee;
 box-shadow: 0 calc(6 * var(--u)) calc(14 * var(--u)) #2badd320;
}
html body.cortiva-page main#main#main .cortiva-benefit-body {
 position: absolute;
 left: calc(11 * var(--u));
 right: calc(11 * var(--u));
 top: calc(38 * var(--u));
 height: calc(195 * var(--u));
 border-left: calc(1 * var(--u)) solid #609da8;
 border-right: calc(1 * var(--u)) solid #609da8;
 display: grid;
 grid-template-columns: calc(111 * var(--u)) 1fr;
 align-items: start;
 gap: calc(9 * var(--u));
 padding: calc(31 * var(--u)) calc(9 * var(--u)) 0;
}
html body.cortiva-page main#main#main .cortiva-benefit-body::before,
html body.cortiva-page main#main#main .cortiva-benefit-body::after {
 content: '';
 position: absolute;
 left: calc(10 * var(--u));
 right: calc(10 * var(--u));
 border-top: calc(1.5 * var(--u)) dotted #727b7f;
}
html body.cortiva-page main#main#main .cortiva-benefit-body::before { top: calc(7 * var(--u)); }
html body.cortiva-page main#main#main .cortiva-benefit-body::after { bottom: 0; }
html body.cortiva-page main#main#main .cortiva-benefit-icon {
 width: calc(111 * var(--u));
 height: calc(121 * var(--u));
 display: block;
 object-fit: contain;
 mix-blend-mode: multiply;
}
html body.cortiva-page main#main#main .cortiva-benefit-copy { min-width: 0; padding-top: calc(2 * var(--u)); }
html body.cortiva-page main#main#main .cortiva-benefit-copy h4 {
 color: #07462f !important;
 font-size: calc(15 * var(--u)) !important;
 font-weight: 650 !important;
 line-height: calc(22 * var(--u)) !important;
 letter-spacing: calc(-.7 * var(--u)) !important;
}
html body.cortiva-page main#main#main .cortiva-benefit-copy p {
 margin-top: calc(9 * var(--u)) !important;
 color: #24272a !important;
 font-size: calc(14.5 * var(--u)) !important;
 font-weight: 400 !important;
 line-height: calc(22 * var(--u)) !important;
 letter-spacing: calc(-.4 * var(--u)) !important;
}
html body.cortiva-page main#main#main .cortiva-benefit-label {
 position: absolute;
 left: calc(21 * var(--u));
 bottom: calc(25 * var(--u));
 color: #007969 !important;
 font-size: calc(15.2 * var(--u)) !important;
 font-weight: 700 !important;
 line-height: 1.3 !important;
 letter-spacing: calc(1.65 * var(--u)) !important;
 white-space: nowrap;
}
html body.cortiva-page main#main#main .cortiva-benefit-card:nth-child(2) .cortiva-benefit-label { color: #00647b !important; }
html body.cortiva-page main#main#main .cortiva-benefit-card:nth-child(n+4) .cortiva-benefit-body { padding-top: calc(27 * var(--u)); }
html body.cortiva-page main#main#main .cortiva-benefit-card:nth-child(n+4) .cortiva-benefit-icon { height: calc(128 * var(--u)); }
html body.cortiva-page main#main#main .cortiva-benefit-card:nth-child(4) .cortiva-benefit-copy { padding-top: calc(11 * var(--u)); }
html body.cortiva-page main#main#main .cortiva-benefits-summary {
 position: absolute;
 left: calc(2 * var(--u));
 right: calc(6 * var(--u));
 bottom: 0;
 min-height: calc(67 * var(--u));
 display: flex;
 align-items: center;
 justify-content: center;
 padding: calc(10 * var(--u));
 border: calc(1 * var(--u)) solid #85c4ce;
 border-radius: calc(20 * var(--u));
 background: #ddf5f2cc;
 color: #007265 !important;
 font-size: calc(15.5 * var(--u)) !important;
 font-weight: 700 !important;
 line-height: 1.3 !important;
 letter-spacing: calc(1.65 * var(--u)) !important;
 text-align: center;
}
@container cortiva-frame (max-width: 1100px) {
 html body.cortiva-page main#main#main .cortiva-benefits .cortiva-board { --u: 1px; width: 100%; margin-inline: 0 !important; aspect-ratio: auto; padding: 28px 0; display: grid; grid-template-columns: minmax(250px, .8fr) minmax(0, 1.4fr); align-items: start; gap: 24px; }
 html body.cortiva-page main#main#main .cortiva-benefits-rail { position: relative; left: auto; top: auto; width: 100%; height: auto; min-height: 765px; padding: 34px 25px 92px; border-radius: 26px; }
 html body.cortiva-page main#main#main .cortiva-benefits-number { position: static; width: 100%; font-size: 15px !important; letter-spacing: 3px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-brand { position: static; font-size: clamp(32px, 4cqw, 44px) !important; margin-top: 46px !important; letter-spacing: -1.5px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-brand sup { font-size: 16px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-accent { position: static; display: block; margin-top: 21px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-heading { position: static; margin-top: 24px !important; font-size: 32px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-intro { position: static; font-size: 18px !important; line-height: 1.5 !important; margin-top: 22px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-intro br { display: none; }
 html body.cortiva-page main#main#main .cortiva-benefits-callout { position: static; width: 100%; height: auto; padding: 21px; margin-top: 36px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-callout p { font-size: 11px !important; letter-spacing: 2px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-callout strong { font-size: 24px !important; white-space: normal; }
 html body.cortiva-page main#main#main .cortiva-benefits-signature { left: 25px; right: 25px; bottom: 30px; font-size: 10px !important; letter-spacing: 1.5px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-content { position: static; min-width: 0; }
 html body.cortiva-page main#main#main .cortiva-benefits-header { padding: 5px 0 0; }
 html body.cortiva-page main#main#main .cortiva-benefits-header h3 { display: block; white-space: normal; font-size: 18px !important; letter-spacing: 2px !important; line-height: 1.5 !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-header h3::after { display: none; }
 html body.cortiva-page main#main#main .cortiva-benefits-header sup { display: inline; margin-left: 0 !important; padding: 0; }
 html body.cortiva-page main#main#main .cortiva-benefits-header p { font-size: 16px !important; margin-top: 12px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-grid { position: static; margin-top: 24px !important; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; gap: 16px; }
 html body.cortiva-page main#main#main .cortiva-benefit-card { padding: 20px 14px 18px; border-radius: 20px; display: flex; flex-direction: column; }
 html body.cortiva-page main#main#main .cortiva-benefit-body { position: static; height: auto; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 12px 0 16px !important; border: 0; flex: 1; }
 html body.cortiva-page main#main#main .cortiva-benefit-body::before, html body.cortiva-page main#main#main .cortiva-benefit-body::after { display: none; }
 html body.cortiva-page main#main#main .cortiva-benefit-icon { width: 100px; height: 110px !important; }
 html body.cortiva-page main#main#main .cortiva-benefit-copy { padding: 0 !important; width: 100%; }
 html body.cortiva-page main#main#main .cortiva-benefit-copy h4 { font-size: 17px !important; line-height: 1.4 !important; letter-spacing: -.4px !important; }
 html body.cortiva-page main#main#main .cortiva-benefit-copy h4 br { display: none; }
 html body.cortiva-page main#main#main .cortiva-benefit-copy p { font-size: 14px !important; line-height: 1.5 !important; margin-top: 10px !important; letter-spacing: 0 !important; }
 html body.cortiva-page main#main#main .cortiva-benefit-label { position: static; border-top: 1px dotted #859a9e; padding-top: 14px; font-size: 11px !important; letter-spacing: 1px !important; white-space: normal; }
 html body.cortiva-page main#main#main .cortiva-benefits-summary { position: static; margin-top: 24px !important; min-height: 67px; padding: 18px; font-size: 12px !important; line-height: 1.7 !important; letter-spacing: 1px !important; }
}
@container cortiva-frame (max-width: 760px) {
 html body.cortiva-page main#main#main .cortiva-benefits .cortiva-board { padding: 20px 0 30px; grid-template-columns: minmax(0, 1fr); gap: 30px; }
 html body.cortiva-page main#main#main .cortiva-benefits-rail { min-height: 0; padding: 30px 26px; }
 html body.cortiva-page main#main#main .cortiva-benefits-brand { margin-top: 32px !important; font-size: clamp(36px, 10.2vw, 56px) !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-heading { font-size: 34px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-intro { font-size: 18px !important; max-width: 490px; }
 html body.cortiva-page main#main#main .cortiva-benefits-callout { margin-top: 28px !important; max-width: 430px; }
 html body.cortiva-page main#main#main .cortiva-benefits-callout strong { font-size: 28px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-signature { position: static; margin-top: 42px !important; font-size: 10px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-header { padding: 0 6px; }
 html body.cortiva-page main#main#main .cortiva-benefits-header h3 { font-size: 19px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-header p { font-size: 16px !important; }
 html body.cortiva-page main#main#main .cortiva-benefits-grid { grid-template-columns: minmax(0, 1fr); }
 html body.cortiva-page main#main#main .cortiva-benefit-card { padding: 24px 20px 20px; }
 html body.cortiva-page main#main#main .cortiva-benefit-body { flex-direction: row; align-items: flex-start; gap: 20px; padding: 0 0 22px !important; }
 html body.cortiva-page main#main#main .cortiva-benefit-icon { width: 104px; height: 114px !important; flex-shrink: 0; }
 html body.cortiva-page main#main#main .cortiva-benefit-copy h4 { font-size: 18px !important; }
 html body.cortiva-page main#main#main .cortiva-benefit-copy p { font-size: 15px !important; }
 html body.cortiva-page main#main#main .cortiva-benefit-label { font-size: 12px !important; letter-spacing: 1.3px !important; }
}
@container cortiva-frame (max-width: 380px) {
 html body.cortiva-page main#main#main .cortiva-benefit-body { gap: 14px; }
 html body.cortiva-page main#main#main .cortiva-benefit-icon { width: 86px; height: 98px !important; }
 html body.cortiva-page main#main#main .cortiva-benefit-copy h4 { font-size: 17px !important; }
 html body.cortiva-page main#main#main .cortiva-benefit-copy p { font-size: 14px !important; }
}