.home-learn{padding-block:clamp(60px,7vw,140px)}.home-learn-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.home-learn h2,.learn-hero h1{font-size:clamp(38px,3.9vw,80px);line-height:1.15;letter-spacing:-.055em;font-weight:550;margin:22px 0 0}.home-learn h2 span,.home-learn h3 span,.learn-hero h1 span,.learn-explanation h2 span,.learn-cta h2 span{color:var(--blue)}.home-learn-feature{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 15px 45px #20234106}.home-learn-visual{background:#f0f5f9;min-width:0;display:grid;align-items:center}.home-learn-copy{padding:clamp(30px,4vw,80px);display:flex;flex-direction:column;align-items:start;justify-content:center}.learn-card-tag{display:inline-flex;font-size:10px;letter-spacing:1.4px;font-weight:750;color:var(--blue);padding:10px 13px;border-radius:9px;background:color-mix(in srgb,var(--blue) 7%,white)}.home-learn h3{font-size:clamp(30px,2.6vw,53px);line-height:1.22;letter-spacing:-.045em;margin:25px 0 22px;font-weight:550}.home-learn-copy>p{font-size:clamp(14px,1vw,21px);color:var(--muted);line-height:1.9}.learn-pills{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 30px}.learn-pills span{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:7px 10px}.vrf-embed{width:100%;min-width:0}.vrf-launch{position:relative;display:block;width:100%;padding:0;border:0;background:#f0f5f9;color:var(--navy);overflow:hidden;text-align:center}.vrf-launch img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:center}.vrf-launch>span{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);padding:15px 22px;white-space:nowrap;border:1px solid #ffffff90;background:var(--navy);border-radius:14px;color:#fff;box-shadow:0 8px 25px #20234124;font-size:clamp(12px,.9vw,17px);font-weight:700}.vrf-launch:hover>span{background:var(--blue)}.vrf-embed iframe{display:block;border:0;width:100%;max-width:100%;background:#fff}.home-learn-feature:has(.is-loaded){grid-template-columns:minmax(0,1fr)}.home-learn-feature:has(.is-loaded) .home-learn-copy{display:none}.learn-page{background:#fff}.learn-hero{padding-top:35px;padding-bottom:55px}.learn-crumb{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted);margin-bottom:55px}.learn-crumb a:hover{color:var(--blue)}.learn-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end}.learn-hero-grid>p{font-size:clamp(16px,1.15vw,23px);line-height:1.9;color:var(--muted);margin:0}.learn-directory{padding-bottom:100px}.learn-directory-head{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:26px;margin-bottom:32px;gap:20px;align-items:center}.learn-directory-head h2{font-size:23px;font-weight:600}.learn-directory-head>span{font-size:13px;color:var(--muted)}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.learn-card{display:block;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 32px #20234108;transition:transform .2s,box-shadow .2s}.learn-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #20234112}.learn-card-image{position:relative;background:#f0f5f9}.learn-card-image img{width:100%;aspect-ratio:1.4;height:auto;object-fit:cover}.learn-card-image>.learn-card-tag{position:absolute;left:20px;top:20px;background:#fff}.learn-play{position:absolute;right:20px;bottom:20px;background:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:23px;color:var(--blue)}.learn-card-copy{padding:28px}.learn-card-copy>.eyebrow{font-size:9px;color:var(--muted)}.learn-card-copy h2{font-size:26px;line-height:1.4;letter-spacing:-.035em;margin:17px 0}.learn-card-copy p{font-size:14px;color:var(--muted);line-height:1.9}.learn-card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:23px;margin-top:23px;border-top:1px solid var(--line);font-size:13px;font-weight:750}.learn-card-bottom .icon{color:var(--blue)}.learn-detail-model{border:1px solid var(--line);border-radius:28px;overflow:hidden;padding:0}.learn-explanation{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;padding-block:70px}.learn-explanation h2,.learn-cta h2{font-size:clamp(32px,3.1vw,60px);line-height:1.2;letter-spacing:-.04em;margin-top:24px}.learn-explanation p{font-size:clamp(15px,1.05vw,22px);color:var(--muted);line-height:1.9;margin-bottom:22px}.learn-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:40px 70px}.learn-cta p{font-size:16px;color:var(--muted);max-width:650px;margin-top:20px}.learn-cta>.button{flex:none}.learn-page .footer{border-top:1px solid var(--line)}
@media(max-width:1100px){.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-hero-grid{gap:6%}.home-learn-copy{padding:30px}.learn-card-copy{padding:24px}}
@media(max-width:740px){.home-learn-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:25px}.home-learn h2,.learn-hero h1{font-size:36px}.home-learn-feature{grid-template-columns:1fr;border-radius:23px}.home-learn-copy{padding:27px}.home-learn h3{font-size:31px}.home-learn-copy>p{font-size:15px}.vrf-launch img{aspect-ratio:1.12;object-fit:cover}.vrf-launch>span{bottom:7%;padding:13px 18px}.learn-hero{padding-block:23px 36px}.learn-crumb{font-size:10px;gap:9px;margin-bottom:35px}.learn-hero-grid{grid-template-columns:1fr;gap:24px}.learn-hero-grid>p{font-size:15px}.learn-grid{grid-template-columns:1fr}.learn-card-copy h2{font-size:26px}.learn-directory{padding-bottom:55px}.learn-directory-head h2{font-size:21px}.learn-directory-head>span{font-size:10px}.learn-detail-model{border-radius:20px}.learn-explanation{grid-template-columns:1fr;gap:26px;padding-block:45px}.learn-explanation h2{font-size:36px}.learn-cta{flex-direction:column;align-items:start;padding-block:25px 45px}.learn-cta h2{font-size:32px}.learn-cta p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.learn-card{transition:none}.learn-card:hover{transform:none}}