/* Keep desktop presentation; small screens have three intentional content rows. */
.hero .hero-actions>.button{font-size:16px;gap:15px;padding-inline:22px}
@media(min-width:901px) and (max-width:1100px){.hero .hero-actions>.button{font-size:13px;padding-inline:14px;gap:8px;min-height:53px}}
@media(max-width:900px){
 .hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "visual" "actions";row-gap:0;padding:0 0 35px;background:radial-gradient(ellipse at 0 0,#fff,transparent 60%),#f4f9fc}
 .hero .hero-layout,.hero .hero-copy{display:contents}
 .hero .hero-intro{grid-area:intro;position:relative;z-index:1;width:100%;max-width:720px;padding:32px 30px 0;margin-inline:auto}
 .hero .hero-intro h1{margin-bottom:15px}
 .hero>.hero-canvas{grid-area:visual;position:relative;inset:auto;z-index:0;width:100%;max-width:760px;margin:0 auto;pointer-events:none}
 .hero-canvas picture{position:relative;inset:auto;display:block;width:100%;transform:none}
 .hero-canvas img{position:relative;inset:auto;display:block;width:100%;max-width:100%;height:auto;transform:none;aspect-ratio:3/2;object-fit:contain;mask-image:linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent)}
 .hero .hero-actions{grid-area:actions;position:relative;z-index:1;width:100%;max-width:720px;padding:10px 30px 0;margin-inline:auto;text-align:center}
 .hero .hero-actions .meeting-highlight{margin:0 auto 21px;text-align:left}
 .hero .hero-actions>.button{font-size:16px;min-width:390px}
 .hero .hero-actions .hero-footnote{margin:14px 0 0;text-align:center}
}
@media(max-width:600px){
 .hero{padding-bottom:30px}
 .hero .hero-intro{padding:26px 22px 0}
 .hero .hero-intro h1{margin-bottom:6px}
 .hero>.hero-canvas{max-width:420px}
 .hero-canvas img{aspect-ratio:2/3}
 .hero .hero-actions{padding:8px 22px 0;max-width:464px}
 .hero .hero-actions .meeting-highlight{width:100%;justify-content:center;margin-bottom:18px}
 .hero .hero-actions>.button{width:100%;min-width:0;font-size:14px;padding-inline:14px}
 .hero .hero-actions .hero-footnote{font-size:11px}
}