/* V2.3: usable mobile width, coherent tariff heads, refined shared tab surface. */
.tools-section .tool-tabs{display:flex;width:100%;max-width:470px;gap:4px;padding:5px;margin:24px 0;border:1px solid #397c7c66;border-radius:14px;background:#277c8222;box-shadow:inset 0 1px 3px #18525518}
.tools-section .tool-tabs button{flex:1;min-width:0;min-height:48px;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:#24575b;font-size:15px;line-height:1.25;font-weight:500;box-shadow:none;transition:background .2s,color .2s,box-shadow .2s}
.tools-section .tool-tabs button[aria-selected=true]{background:linear-gradient(130deg,#f1fff7,#dbefe8);color:#154e51;font-weight:700;box-shadow:0 3px 7px #174e5320}
.tools-section .tool-tabs button[aria-selected=true]::after{display:none}
.tools-section .tool-tabs button:not([aria-selected=true]):hover{background:#d9f4eb66}
.support-v21 .compensators__wrapper{column-gap:38px;row-gap:22px}
/* A shared, explicit header layout replaces conflicting intrinsic sizes and offsets. */
.tariff .tariff__card .tariff__preview{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;aspect-ratio:auto;min-height:278px;margin-top:0;padding:28px 16px 22px;isolation:isolate}
.tariff .tariff__card .tariff__bg{z-index:-1;object-fit:cover}
.tariff .tariff__card .tariff__icon{position:relative;inset:auto;left:auto;top:auto;right:auto;bottom:auto;translate:none;transform:none;display:block;width:180px;height:156px;max-width:100%;max-height:none;margin:0;object-fit:contain;flex:0 0 156px}
.tariff .tariff__card .tariff__preview .tariff__caption{display:flex;align-items:center;justify-content:center;min-height:60px;width:100%;margin:0;font-size:28px;line-height:1.05;text-wrap:balance}
.tariff .tariff-limited{top:3px;right:-4px;left:auto;transform:rotate(5deg);z-index:4;font-size:11px;padding:8px 12px;max-width:calc(100% - 24px)}
@media(max-width:574px){
 .steps__cards{max-width:440px;width:100%;row-gap:32px;grid-template-columns:minmax(0,1fr)}
 .steps__cards .steps__card{width:100%;grid-column:auto}
 .steps__cards .steps__wrapper{min-height:0;height:auto;border-radius:26px}
 .steps__cards .steps__bg{border-radius:26px;object-fit:fill}
 .steps__cards .steps__media{padding:9px;aspect-ratio:auto}
 .steps__cards .steps__image{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;border-radius:20px}
 .steps__cards .steps__icon{width:112px;height:112px;object-fit:contain;right:16px;bottom:-34px}
 .steps__cards .steps__body{padding:34px 26px 28px;row-gap:12px}
 .steps__cards .steps__caption{font-size:32px;line-height:1.1}
 .steps__cards .steps__text{font-size:16px;line-height:1.4}
 .steps__cards .step-scope{font-size:12px;line-height:1.4;margin-top:0}
 .steps__cards .steps__card::before{display:none}
 .audience__items{max-width:none;width:100%}.audience__text{font-size:16px;line-height:1.4}
 .tariff__cards{max-width:none;width:100%}.tariff__card:last-child{width:100%}
 .capture-v22 .request__inner{max-width:none;width:100%;padding-inline:26px}
 .capture-v22 .request__body{font-size:18px}
 .capture-v22 .request__img{width:320px;max-width:calc(100% + 20px);left:50%;translate:-50% 0}
 .capture-v22 .request__options{max-width:none}
 .tools-section .tool-tabs{max-width:none;margin:20px 0 24px}.tools-section .tool-tabs button{font-size:14px;padding:12px 8px}
 .support-v21 .compensators__wrapper{row-gap:22px}
}
@media(min-width:575px) and (max-width:991px){
 .steps__cards{width:100%;max-width:760px;gap:30px 22px;align-items:stretch}
 .steps__cards .steps__card{min-width:0}.steps__cards .steps__wrapper{height:100%;min-height:0}
 .steps__cards .steps__image{width:100%;aspect-ratio:1.55;object-fit:cover}
 .steps__cards .steps__body{padding:30px 22px 25px}.steps__cards .steps__caption{font-size:30px}.steps__cards .steps__text{font-size:16px;line-height:1.4}
 .steps__cards .steps__card::before{display:none}.steps__cards .step-scope{font-size:12px}
 .capture-v22 .request__inner{max-width:540px;width:100%}.capture-v22 .request__options{max-width:540px}
}
@media(min-width:575px) and (max-width:699px){.steps__cards{max-width:440px;grid-template-columns:minmax(0,1fr)}.steps__card--fifth{grid-column:auto;width:100%}}
@media(prefers-reduced-motion:reduce){.tools-section .tool-tabs button{transition:none}}
/* SVG fills must cover the widened card rather than letterbox within it. */
@media(max-width:574px){.steps__cards .steps__bg{object-fit:cover}}
@media(min-width:575px) and (max-width:991px){
 .audience__items{max-width:760px;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.audience__text{font-size:16px;line-height:1.4}
 .capture-v22 .request__img{width:320px;max-width:100%;left:50%;translate:-50% 0}
}
@media(min-width:575px) and (max-width:699px){.audience__items{max-width:440px;grid-template-columns:minmax(0,1fr)}}
@media(max-width:574px){.compare-cta__wrapper{max-width:none;width:100%}}