/* Application-only V5.6 review layout. All source photographs retain their ratio. */
.application-hero .application-hero-inner{display:grid;grid-template-columns:minmax(0,1fr);position:relative;padding:0;gap:0;max-width:none;width:100%}
.application-hero .application-hero-visual{grid-area:1/1;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#0b2538;min-height:420px;display:grid;align-items:center;justify-items:center;overflow:hidden}
.application-hero .application-hero-image,.application-hero[data-image-status="GENERATED_REVIEW_NATIVE"] .application-hero-image{width:100%;max-width:var(--native-width);height:auto;max-height:720px;object-fit:contain;border-radius:0;margin:auto}
.application-hero .application-hero-copy{grid-area:1/1;align-self:center;z-index:1;width:min(46%,650px);max-width:none;margin:28px 0;padding:32px clamp(24px,4vw,60px);padding-right:32px;background:linear-gradient(90deg,rgba(5,20,31,.96),rgba(5,20,31,.84) 80%,transparent);box-sizing:border-box}
.application-hero h1,.application-hero.application-hero--panoramic h1{font-size:clamp(28px,3vw,48px)}
.application-hero-copy>p{font-size:16px}
.application-hero .step-indicator{margin-top:20px}
/* Bound padding inside the capped copy box, including ultrawide viewports.
   Viewport-based outer gutters must never consume this box's content width. */
.application-hero .application-hero-copy :is(h1,.eyebrow,p,.step-indicator,.step-indicator span){overflow-wrap:normal;word-break:normal;hyphens:none}
.application-hero--legacy .application-hero-visual{padding-left:42%;box-sizing:border-box}
.application-hero--legacy .application-hero-copy{width:42%}
.application-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.application-card{height:100%;display:flex;flex-direction:column}
.application-grid .application-card .card-image{width:100%;height:auto;aspect-ratio:4/3;flex-shrink:0}
.application-card .card-caption{flex:1;width:100%;min-height:108px;box-sizing:border-box;align-items:flex-start}
.application-card .card-caption strong{min-height:2.7em}
.application-card[data-image-status="GENERATED_REVIEW_NATIVE"] .card-image img{max-width:100%;width:100%;height:100%;object-fit:contain}
@media(min-width:1024px){.application-grid:has(>.application-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.application-grid:has(>.application-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1023px){.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-hero .application-hero-copy{width:55%;padding:24px}.application-hero .application-hero-visual{min-height:380px}.application-hero h1{font-size:32px}}
@media(max-width:599px){.application-hero .application-hero-copy{grid-area:auto;width:100%;margin:0;padding:25px 20px;background:#0b2538}.application-hero .application-hero-visual{grid-area:auto;min-height:0;padding-left:0}.application-hero .application-hero-inner{display:flex;flex-direction:column}.application-hero h1{font-size:30px}.application-hero .step-indicator{font-size:11px}.application-card .card-caption strong{min-height:0}}
@media(max-width:479px){.application-grid{grid-template-columns:minmax(0,1fr)}}
/* Shared mobile HERO contract: full-width copy, separate image, word-boundary text. */
@media(max-width:599px){
 .application-hero .application-hero-inner{display:flex;flex-direction:column;align-items:stretch;min-width:0}
 .application-hero .application-hero-copy{flex:0 0 auto;align-self:stretch;width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:24px 20px}
 .application-hero .application-hero-visual{flex:0 0 auto;min-width:0;max-width:100%}
 .application-hero .application-hero-copy h1{font-size:clamp(24px,7.5vw,30px);line-height:1.2}
 .application-hero .application-hero-copy :is(h1,.eyebrow,p,.step-indicator,.step-indicator span){word-break:normal;overflow-wrap:normal;hyphens:none}
 .application-hero .application-hero-copy .eyebrow{display:block;max-width:100%;line-height:1.5}
 .application-hero .application-hero-copy .eyebrow::before{display:inline-block;vertical-align:middle;margin-right:12px}
 .application-hero .application-hero-copy .step-indicator{max-width:100%;flex-wrap:wrap}
}