.lai-case-estimate, .lai-case-estimate__title, .lai-case-estimate__button { font-family: Overpass, sans-serif; }
.lai-case-estimate__panel { background: linear-gradient(180deg,#122647 0%,#122647 40%,#1f50a1 100%); min-height: 677px; }
.lai-case-estimate__cards { position: absolute; inset: 0; pointer-events: none; }
.lai-case-estimate__mini-card { position: absolute; display: flex; align-items: center; gap: 14px; width: fit-content; min-width: 230px; height: 70px; box-sizing: border-box; padding: 11px; border: 1px solid #ffffff80; border-radius: 14px; background: linear-gradient(115deg,#ffffff24,#ffffff12); color: #fff; opacity: 1; transform: translateY(0); }
.lai-case-estimate__mini-card span { position: relative; flex: 0 0 64px; width: 64px; height: 44px; background: #fafafa; border: 1px solid #dfe2e7; border-radius: 6px; }
.lai-case-estimate__mini-card span::before { content: ""; position: absolute; width: 22px; height: 22px; inset: 0; margin: auto; background: #24568b; mask: var(--estimate-icon) center/contain no-repeat; -webkit-mask: var(--estimate-icon) center/contain no-repeat; }
.lai-case-estimate__mini-card p { font-size: 15px; line-height: 1.2; margin: 0; color: #fff; }
 .lai-case-estimate__mini-card:nth-child(1) { top: 10%; left: 47%; }
.lai-case-estimate__mini-card:nth-child(2) { bottom: 27%; right: 11%; }
.lai-case-estimate__mini-card:nth-child(3) { top: 13%; right: 8%; }
.lai-case-estimate__mini-card:nth-child(4) { bottom: 8%; left: 51%; }
.lai-case-estimate__mini-card:nth-child(5) { bottom: 18%; right: 5%; }
.lai-case-estimate__mini-card:nth-child(6) { top: 25%; left: 7%; }
.lai-case-estimate__mini-card:nth-child(7) { top: 17%; left: 16%; }
.lai-case-estimate__mini-card:nth-child(8) { bottom: 14%; left: 6%; }
.lai-case-estimate__content { max-width: 760px; padding-inline: 20px; }
.lai-case-estimate__title { font-size: 48px; }
@media(max-width:1100px) {
    .lai-case-estimate__mini-card { width: fit-content; min-width: 150px; height: 62px; gap: 8px; }
    .lai-case-estimate__mini-card p { font-size: 13px; }
    .lai-case-estimate__mini-card span { flex-basis: 40px; width: 40px; }
    .lai-case-estimate__content { max-width: 520px; }
    .lai-case-estimate__title { font-size: 36px; }
}
@media(max-width:900px) {
    .lai-case-estimate__panel { min-height: 850px; }
 .lai-case-estimate__mini-card { width: 42%; height: 62px; }
    .lai-case-estimate__mini-card:nth-child(odd) { left: 5%; right: auto; }
    .lai-case-estimate__mini-card:nth-child(even) { left: auto; right: 5%; }
    .lai-case-estimate__mini-card:nth-child(1), .lai-case-estimate__mini-card:nth-child(2) { top: 5%; bottom: auto; }
    .lai-case-estimate__mini-card:nth-child(3), .lai-case-estimate__mini-card:nth-child(4) { top: 17%; bottom: auto; }
    .lai-case-estimate__mini-card:nth-child(5), .lai-case-estimate__mini-card:nth-child(6) { top: auto; bottom: 17%; }
    .lai-case-estimate__mini-card:nth-child(7), .lai-case-estimate__mini-card:nth-child(8) { top: auto; bottom: 5%; }
    .lai-case-estimate__content { padding-inline: 24px; max-width: 600px; }
    .lai-case-estimate__title { font-size: 34px; }
}

@media(max-width:600px) {
 .lai-case-estimate__mini-card { height: 56px; padding: 8px; gap: 8px; }
 .lai-case-estimate__mini-card span { flex-basis: 32px; width: 32px; height: 36px; }
 .lai-case-estimate__mini-card p { font-size: 12px; }
}

.lai-case-estimate__staging { display:none; }
@media(min-width:1201px) {
    .lai-case-estimate__panel.staging-ready { min-height:0; padding:0; aspect-ratio:2880/1612; background:transparent; }
    .staging-ready .lai-case-estimate__staging { display:block; position:absolute; inset:0; }
    .staging-ready [data-staging-canvas] { width:100%; height:100%; }
    .staging-ready .lai-case-estimate__cards,.staging-ready .lai-case-estimate__content { display:none; }
    .lai-case-estimate__staging:focus-visible { outline:3px solid #fe6b25; outline-offset:-4px; border-radius:16px; }
}

/* Editable heading over the original card animation. */
@media(min-width:1201px) {
 .lai-case-estimate__panel.staging-ready { container-type:inline-size; }
 .lai-case-estimate__staging-title { position:absolute; top:31.8%; left:12%; width:76%; color:#fff; font-family:Overpass,sans-serif; font-size:3.8cqw; line-height:1.04; font-weight:500; letter-spacing:-.035em; text-align:center; }
 .lai-case-estimate__staging-title > span { display:block; white-space:nowrap; }
}
.lai-case-estimate__mini-card p { white-space:nowrap; }
@media(max-width:600px) { .lai-case-estimate__mini-card p { white-space:normal; } }

.lai-case-estimate__mini-card:nth-child(9) { bottom: 6%; left: 6%; }
.lai-case-estimate__mini-card:nth-child(10) { top: 5%; right: 4%; left: auto; }
.lai-case-estimate__mini-card:nth-child(11) { bottom: 5%; right: 4%; }
@media (min-width: 901px) {
 .lai-case-estimate__mini-card:nth-child(1) { top: 5.5%; left: 48.4%; right: auto; }
 .lai-case-estimate__mini-card:nth-child(2) { top: 49%; left: 79.2%; right: auto; }
 .lai-case-estimate__mini-card:nth-child(3) { top: 15.7%; left: 4.7%; right: auto; }
 .lai-case-estimate__mini-card:nth-child(4) { top: 68.4%; left: 68.7%; right: auto; }
 .lai-case-estimate__mini-card:nth-child(5) { top: 80.2%; left: 6.8%; right: auto; }
 .lai-case-estimate__mini-card:nth-child(6) { top: 12.4%; left: 73.2%; right: auto; }
 .lai-case-estimate__mini-card:nth-child(7) { top: 82.3%; left: 40.1%; right: auto; }
 .lai-case-estimate__mini-card:nth-child(8) { top: 36.6%; left: 3.7%; right: auto; }
 .lai-case-estimate__mini-card:nth-child(9) { top: 64.2%; left: 13.7%; right: auto; bottom: auto; }
 .lai-case-estimate__mini-card:nth-child(10) { top: 8.4%; left: 26.5%; right: auto; bottom: auto; }
 .lai-case-estimate__mini-card:nth-child(11) { top: 85.7%; left: 65.2%; right: auto; bottom: auto; }
}
@media (max-width: 600px) {
 .lai-case-estimate__panel { min-height: 0; aspect-ratio: auto; padding: 52px 20px 28px; align-items: stretch; justify-content: flex-start; }
 .lai-case-estimate__content { position: relative; top: auto; left: auto; order: 1; width: 100%; padding: 0; transform: none; }
 .lai-case-estimate__cards { position: static; order: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; margin-top: 28px; pointer-events: none; }
 .lai-case-estimate__mini-card,
 .lai-case-estimate__mini-card:nth-child(n) { position: static; inset: auto; width: auto; min-width: 0; height: 52px; padding: 6px; gap: 6px; transform: none; }
 .lai-case-estimate__mini-card span { flex-basis: 28px; width: 28px; height: 32px; }
 .lai-case-estimate__mini-card p { font-size: clamp(9px, 2.45vw, 11px); line-height: 1.1; white-space: normal; overflow-wrap: anywhere; }
}

/* Tablet and mobile use the normal document flow instead of the desktop staging layout. */
@media (max-width: 1200px) {
 .lai-case-estimate__panel { min-height: 0; aspect-ratio: auto; padding: 52px 24px 32px; align-items: stretch; justify-content: flex-start; }
 .lai-case-estimate__content { position: relative; top: auto; left: auto; order: 1; width: 100%; max-width: none; padding: 0; transform: none; }
 .lai-case-estimate__cards { position: static; order: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; margin-top: 28px; pointer-events: none; }
 .lai-case-estimate__mini-card,
 .lai-case-estimate__mini-card:nth-child(n) { position: static; inset: auto; width: auto; min-width: 0; height: 56px; padding: 8px; gap: 8px; transform: none; }
 .lai-case-estimate__mini-card span { flex-basis: 32px; width: 32px; height: 36px; }
 .lai-case-estimate__mini-card p { font-size: clamp(10px, 1.8vw, 13px); line-height: 1.1; white-space: normal; overflow-wrap: anywhere; }
}

.lai-case-estimate__mini-card:nth-child(5) span::before { width: 28px; height: 28px; }

@media (max-width: 1200px) {
    .lai-case-estimate__panel .lai-case-estimate__cards { display: none !important; }
    .lai-case-estimate__title { font-size: clamp(32px, 6vw, 40px) !important; }
}