.page-why-lm .why-video-hero { isolation: isolate; position: relative; min-height: min(860px,100svh); overflow: hidden; background: #071015; }
.why-hero-video,.why-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.why-hero-video { z-index: -3; opacity: 0; object-fit: cover; object-position: center; transform: scale(1.035); transition: opacity 1s ease,transform 9s linear; }
.why-hero-video.is-ready { opacity: .9; transform: scale(1); }
.why-hero-shade { z-index: -2; background: linear-gradient(90deg,rgba(4,10,14,.98) 0%,rgba(4,10,14,.82) 46%,rgba(4,10,14,.25) 82%),linear-gradient(0deg,rgba(4,10,14,.88),transparent 55%); }
.why-hero-copy { position: relative; z-index: 1; max-width: 900px; }
.why-hero-copy h1 { max-width: 930px; }
.why-hero-actions { display: flex; gap: 12px; margin-top: 30px; flex-wrap: wrap; }
.why-hero-status { position: absolute; right: max(20px,calc((100vw - 1180px)/2)); bottom: 40px; display: flex; align-items: center; gap: 10px; padding: 11px 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: rgba(255,255,255,.76); background: rgba(7,16,21,.58); backdrop-filter: blur(12px); font-size: .78rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.why-hero-status span { width: 9px; height: 9px; border-radius: 50%; background: #54c69a; box-shadow: 0 0 0 6px rgba(84,198,154,.14); }
.why-section-heading { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(35px,7vw,90px); margin-bottom: 42px; align-items: end; }
.why-section-heading h2 { max-width: 760px; margin-bottom: 0; font-size: clamp(2.8rem,5.6vw,5.6rem); line-height: .95; }
.why-section-heading>p { margin-bottom: 0; color: var(--muted); font-size: 1.05rem; line-height: 1.72; }
.why-card-grid { grid-template-columns: repeat(4,1fr); }
.page-why-lm .page-card { position: relative; min-height: 350px; overflow: hidden; transition: transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease; }
.page-why-lm .page-card::after { position: absolute; right: -55px; bottom: -55px; width: 170px; height: 170px; border-radius: 50%; content: ""; background: rgba(143,197,210,.13); transform: scale(.7); transition: transform .55s cubic-bezier(.22,1,.36,1),background .55s ease; }
.page-why-lm .page-card:hover { border-color: rgba(199,131,71,.48); box-shadow: 0 28px 70px rgba(9,17,22,.15); transform: translateY(-8px); }
.page-why-lm .page-card:hover::after { background: rgba(226,161,94,.17); transform: scale(1); }
.page-why-lm .page-card h2 { position: relative; z-index: 1; margin-top: 92px; }
.page-why-lm .page-card p { position: relative; z-index: 1; }
.why-journey { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(42px,8vw,110px); margin-top: 110px; padding: clamp(38px,7vw,82px); border-radius: 8px; color: #fff; background: linear-gradient(145deg,#0a171d,#152932); box-shadow: 0 32px 90px rgba(4,10,14,.22); }
.why-journey-lead { align-self: start; position: sticky; top: 110px; }
.why-journey-lead h2 { max-width: 520px; font-size: clamp(3rem,5vw,5.3rem); line-height: .94; }
.why-journey-lead>p:not(.eyebrow) { max-width: 520px; color: rgba(255,255,255,.66); line-height: 1.7; }
.why-journey-progress { width: 100%; height: 4px; margin-top: 36px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.14); }
.why-journey-progress span { display: block; width: var(--journey-progress,25%); height: 100%; background: #e2a15e; transition: width .55s cubic-bezier(.22,1,.36,1); }
.why-journey-steps { display: grid; }
.why-journey-steps article { display: grid; grid-template-columns: 54px 1fr; gap: 20px; min-height: 205px; padding: 28px 4px; border-top: 1px solid rgba(255,255,255,.14); opacity: .42; transform: translateX(20px); transition: opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1); }
.why-journey-steps article:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
.why-journey-steps article.is-active { opacity: 1; transform: none; }
.why-journey-steps b { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: #bde8f1; transition: color .4s ease,background .4s ease,border-color .4s ease; }
.why-journey-steps article.is-active b { border-color: #e2a15e; color: #071015; background: #e2a15e; }
.why-journey-steps span { color: #bde8f1; font-size: .72rem; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.why-journey-steps h3 { margin: 12px 0 8px; font-size: clamp(1.7rem,3vw,2.6rem); line-height: 1; }
.why-journey-steps p { max-width: 620px; margin: 0; color: rgba(255,255,255,.65); line-height: 1.6; }
.page-why-lm .promise-wall { margin-top: 110px; }
@media (max-width:1000px) { .why-card-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width:760px) { .page-why-lm .why-video-hero { min-height: 760px; } .why-hero-video { object-position: 58% center; } .why-hero-shade { background: linear-gradient(0deg,rgba(4,10,14,.98) 0%,rgba(4,10,14,.72) 68%,rgba(4,10,14,.42) 100%); } .why-hero-status { right: 20px; bottom: 20px; left: 20px; width: fit-content; } .why-section-heading,.why-journey { grid-template-columns: 1fr; } .why-journey-lead { position: static; } }
@media (max-width:620px) { .why-card-grid { grid-template-columns: 1fr; } .page-why-lm .page-card { min-height: 270px; } .page-why-lm .page-card h2 { margin-top: 52px; } .why-journey { margin-top: 70px; padding: 30px 22px; } .why-journey-steps article { grid-template-columns: 44px 1fr; gap: 14px; min-height: 180px; } .why-journey-steps b { width: 40px; height: 40px; } }
@media (prefers-reduced-motion:reduce) { .why-hero-video { display: none; } .why-journey-steps article { opacity: 1; transform: none; transition: none; } .why-journey-progress span { width: 100%; transition: none; } }