html body .db-universe-card{box-sizing:border-box;position:relative;display:flex!important;align-items:center;gap:13px;min-width:0;min-height:138px;padding:22px 29% 22px 20px!important;overflow:hidden;border:1px solid #739dd2;border-radius:15px;background:linear-gradient(115deg,#193752,#102640)!important;color:#f2f5ff;text-decoration:none;box-shadow:inset 0 9px 24px #96c5ff15,0 0 17px #78b5ff20;transition:box-shadow .2s,border-color .2s}
.db-universe-card:hover{border-color:#b8d5ff;box-shadow:inset 0 0 24px #96c5ff28,0 0 24px #78b5ff50}.db-card-icon{font-size:36px;color:#5288ff;border-right:1px solid #5283bb;padding-right:15px}.db-card-number{font-size:20px;font-weight:800;color:#5689ff}.db-card-copy{position:relative;z-index:2;min-width:0}html body .db-card-copy h2{margin:0 0 8px!important;font-size:clamp(19px,1.8vw,27px)!important;line-height:1.15!important;letter-spacing:-.4px}html body .db-card-copy p{margin:0!important;font-size:13px!important;line-height:1.5!important;color:#bed0e8!important}.db-card-arrow{position:absolute;right:28%;bottom:17px;font-size:27px;color:#598cff;z-index:3}.db-universe-card>img{position:absolute;right:0;top:0;width:28%!important;height:100%!important;object-fit:cover;clip-path:polygon(25% 0,100% 0,100% 100%,0 100%)}
html body .db-nautisme-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1100px,100%);gap:20px;margin-top:28px}.db-nautisme-cards .db-universe-card{min-height:145px}
@media(min-width:1050px){.grid:has(>.db-universe-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:700px){.grid:has(>.db-universe-card),html body .db-nautisme-cards{grid-template-columns:1fr!important;gap:15px}html body .db-universe-card{min-height:125px;padding-left:15px!important;gap:10px}.db-card-icon{font-size:28px;padding-right:10px}.db-card-number{font-size:17px}html body .db-card-copy h2{font-size:20px!important}.db-card-copy p{font-size:12px!important}}

.db-card-icon svg{width:33px;height:33px;display:block}.db-card-icon{flex-shrink:0}

/* Keep universe cards independent of large hero typography. */
html body main .db-universe-card,html body[data-studio] main .db-universe-card{height:150px!important;min-height:150px!important;max-width:100%;text-align:left!important;line-height:1.4!important;gap:12px!important}
html body main .db-universe-card .db-card-copy,html body[data-studio] main .db-universe-card .db-card-copy{display:block!important;flex:1;min-width:0;position:relative!important;inset:auto!important;transform:none!important;font-size:14px!important;line-height:1.4!important;white-space:normal!important}
html body main .db-universe-card .db-card-copy h2,html body[data-studio] main .db-universe-card .db-card-copy h2{font-size:24px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.4px!important;margin:0 0 8px!important;white-space:normal!important;word-break:normal!important}
html body main .db-universe-card .db-card-copy p,html body[data-studio] main .db-universe-card .db-card-copy p{font-size:14px!important;line-height:1.45!important;margin:0!important;padding:0!important;max-width:none!important;color:#bed0e8!important;letter-spacing:0!important}
html body main .db-universe-card .db-card-number,html body[data-studio] main .db-universe-card .db-card-number{position:static!important;display:block!important;font-size:20px!important;line-height:1!important;flex:0 0 auto;transform:none!important;color:#5689ff!important}
html body main .db-universe-card .db-card-icon,html body[data-studio] main .db-universe-card .db-card-icon{position:static!important;display:block!important;transform:none!important;flex:0 0 auto;line-height:1!important;padding-right:12px!important;color:#5689ff!important}
html body main .db-universe-card .db-card-arrow,html body[data-studio] main .db-universe-card .db-card-arrow{position:absolute!important;right:28%!important;left:auto!important;top:auto!important;bottom:12px!important;font-size:24px!important;line-height:1!important;transform:none!important;color:#5689ff!important}
html body main .db-universe-card>img,html body[data-studio] main .db-universe-card>img{display:block!important;position:absolute!important;right:0!important;left:auto!important;top:0!important;bottom:0!important;width:27%!important;height:100%!important;max-width:none!important;object-fit:cover!important;transform:none!important;border:0!important}
@media(max-width:700px){html body main .db-universe-card,html body[data-studio] main .db-universe-card{height:128px!important;min-height:128px!important;padding:16px 27% 16px 14px!important;gap:9px!important}html body main .db-universe-card .db-card-copy h2,html body[data-studio] main .db-universe-card .db-card-copy h2{font-size:20px!important}html body main .db-universe-card .db-card-copy p,html body[data-studio] main .db-universe-card .db-card-copy p{font-size:12px!important}html body main .db-universe-card .db-card-icon,html body[data-studio] main .db-universe-card .db-card-icon{display:none!important}html body main .db-universe-card .db-card-number,html body[data-studio] main .db-universe-card .db-card-number{font-size:16px!important}html body .db-nautisme-cards{width:100%!important;max-width:100%!important}}

@media(max-width:700px){html body main .db-universe-card>img,html body[data-studio] main .db-universe-card>img{display:none!important}html body main .db-universe-card,html body[data-studio] main .db-universe-card,html body[data-studio] main.nautisme-home .db-nautisme-cards .db-universe-card{padding-right:45px!important}html body main .db-universe-card .db-card-arrow,html body[data-studio] main .db-universe-card .db-card-arrow{right:16px!important}}
