/* TECH MEDIA CORPORATION V5.3 — outcome cards, identity assets and scroll-preserving modal */
/* Source aspect ratios must remain intact at every breakpoint. No stretched logos. */
.brand{width:clamp(188px,15vw,232px)!important;min-width:0;flex:none}
.brand img{display:block;width:100%;height:auto!important;max-height:66px;object-fit:contain!important;object-position:left center!important;aspect-ratio:auto!important;filter:none!important;transform:none!important}
.footer-left img{width:clamp(156px,14vw,206px);height:auto!important;object-fit:contain!important;aspect-ratio:auto!important}
.intro-logo-stage img{display:block;max-height:200px!important;height:auto!important;width:min(80vw,690px)!important;object-fit:contain!important;aspect-ratio:auto!important;image-rendering:auto}
@media(max-width:940px){.brand{width:190px!important}}
@media(max-width:640px){.brand{width:155px!important}.brand img{max-height:56px}}
/* Hero: a single crisp positioning kicker. Removes duplicate corporate line. */
.hero-topline{font-weight:850;letter-spacing:.14em;max-width:100%;line-height:1.6}
.hero-grid{min-height:0}
.hero-copy{min-width:0}
.hero-title{margin-top:0}
.hero-copy>.eyebrow{display:none!important}
@media(min-width:941px){.hero-copy{padding-top:clamp(8px,1.7svh,20px)!important}}
/* Interactive outcomes — visual language borrowed from the existing Our Principles card. */
.outcome-section{padding-block:clamp(48px,5.2vw,84px) clamp(35px,4vw,65px)}
.outcome-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:23px}
.outcome-heading-kicker{display:block;color:#0a31b7;font-size:10px;font-weight:850;letter-spacing:.18em}
.outcome-heading h2{font-family:'Roboto Condensed','Barlow Condensed',sans-serif;font-size:clamp(22px,2.45vw,36px);line-height:1.08;color:#0b2dbe;letter-spacing:.012em;margin:0;text-align:right}
.outcome-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,23px)}
.outcome-card{min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:clamp(285px,22vw,365px);padding:clamp(25px,2.6vw,41px);border-radius:clamp(17px,1.8vw,26px);color:#fff;cursor:pointer;background:linear-gradient(133deg,#091d73 1%,#123cc9 65%,#1749e8 100%);box-shadow:0 16px 40px rgba(8,29,107,.12);isolation:isolate;transition:transform .7s cubic-bezier(.18,.94,.2,1),box-shadow .7s cubic-bezier(.18,.94,.2,1),filter .7s ease}
.outcome-card:nth-child(2){background:linear-gradient(140deg,#0c2b9e 0%,#173fd3 65%,#1e4cf0 100%)}
.outcome-card:nth-child(3){background:linear-gradient(135deg,#0c206f 0%,#1235b7 60%,#1c47e6 100%)}
.outcome-card::before{content:"";position:absolute;inset:auto -100px -250px auto;width:400px;height:400px;border:1px solid rgba(225,237,255,.26);border-radius:50%;pointer-events:none;z-index:-1}
.outcome-card::after{content:"";position:absolute;top:-140px;right:-120px;width:280px;height:280px;border:1px solid rgba(225,237,255,.16);border-radius:50%;pointer-events:none;z-index:-1}
.outcome-card:hover,.outcome-card:focus-visible{transform:translate3d(0,-8px,0);box-shadow:0 28px 65px rgba(8,29,107,.23);filter:saturate(1.05)}
.outcome-card-label{font-weight:850;color:#aec8ff;font-size:10px;letter-spacing:.17em;margin-bottom:auto;line-height:1.5}
.outcome-card h3{font-family:'Roboto Condensed','Barlow Condensed',sans-serif;font-size:clamp(38px,3.3vw,54px);line-height:1;letter-spacing:.01em;margin:30px 0 17px;font-weight:900;max-width:100%;text-wrap:balance}
.outcome-card p{font-size:clamp(12px,1.05vw,14px);color:#e7edff;line-height:1.68;max-width:340px;margin:0 0 24px}
.outcome-card-action{margin-top:auto;display:block;width:100%;border-top:1px solid rgba(255,255,255,.38);padding-top:17px;color:#fff;font-weight:800;font-size:10px;letter-spacing:.14em;line-height:1.6}
/* Modal: preserve background's own scroll offset; prevent layout shift from scrollbar removal. */
html{scrollbar-gutter:stable}
html[style*="overflow: hidden"]{overscroll-behavior:contain}
.detail-overlay[hidden]{display:none!important}
.outcome-card:focus-visible{outline:3px solid #ffb861;outline-offset:5px}
@media(max-width:1050px){.outcome-heading{align-items:start;flex-direction:column}.outcome-heading h2{text-align:left}.outcome-card{padding:25px;min-height:320px}.outcome-card h3{font-size:clamp(33px,3.5vw,47px)}}
@media(max-width:760px){.outcome-section{padding-block:43px 44px}.outcome-heading{margin-bottom:20px}.outcome-cards{grid-template-columns:1fr;gap:13px}.outcome-card{min-height:270px;padding:26px 27px}.outcome-card h3{font-size:clamp(38px,9.5vw,57px);margin:24px 0 12px}.outcome-card p{max-width:510px;margin-bottom:22px;font-size:13px}.outcome-card-action{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.outcome-card{transition:none!important}}