/* Restored study-room hero. Screen projection uses the original photo coordinates. */
.hero.hero-real{height:100svh;min-height:680px;max-height:none;aspect-ratio:auto;padding:0;background:#f8f7f4;isolation:isolate;overflow:hidden}
.hero-real::before,.hero-real::after{content:none}
.hero-real .laptop-screen video{object-fit:contain;background:#111820}
.hero-real .hero-scene{position:absolute;inset:0 auto auto 0;transform-origin:0 0;width:1774px;height:887px}
.hero-real .hero-copy{position:absolute;inset:19% auto auto 57%;width:39%;margin:0;padding:0}
.hero.hero-real h1{font-family:Poppins,Inter,Arial,sans-serif;font-size:clamp(32px,min(3.35vw,6svh),64px);font-weight:800;line-height:1.12;letter-spacing:-.035em;text-wrap:initial}
.hero-real .hero-emphasis{color:var(--blue)}
.hero.hero-real .hero-description{font-size:clamp(18px,1.45vw,25px);font-weight:650;margin:22px 0 0;line-height:1.45}
.hero.hero-real .hero-detail{font-size:clamp(15px,1.15vw,20px);font-weight:450;line-height:1.5;max-width:94%;margin:14px 0 0}
.hero.hero-real .hero-cta{margin-top:22px;min-height:54px;padding:15px 28px;background:var(--orange);color:#fff;border-radius:12px;text-decoration:none;font:700 16px/1.4 Inter,Arial,sans-serif;letter-spacing:0}
.hero-real .hero-cta:hover{background:var(--orange-hover)}
.hero-real .hero-cta:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.hero.hero-real>.hero-barry{width:min(14%,25svh);right:3%;bottom:3%;pointer-events:none}
.hero-real .hero-proof{margin-top:24px;padding-top:18px;border-top:1px solid #bacce0}
.hero-real .hero-proof-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:0}
.hero-real .hero-proof-item{position:relative;display:flex;flex-direction:column;padding-top:25px;min-width:0}
.hero-real .hero-proof-item dt{order:2;margin-top:5px;color:var(--text-secondary);font-size:11px;line-height:1.4}
.hero-real .hero-proof-item dd{order:1;color:var(--blue);font-size:clamp(22px,1.75vw,30px);font-weight:750;line-height:1.15;letter-spacing:-.04em;white-space:nowrap}
.hero-real .hero-proof-item svg{position:absolute;left:0;top:0;width:18px;height:18px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-real .metric-unit,.hero-real .metric-plus{font-size:1em}
@media(min-width:901px) and (max-height:780px){
 .hero-real .hero-copy{top:17%}
 .hero.hero-real h1{font-size:min(3.25vw,5.7svh)}
 .hero.hero-real .hero-description{margin-top:16px;font-size:18px}
 .hero.hero-real .hero-detail{margin-top:10px;font-size:15px}
 .hero.hero-real .hero-cta{margin-top:16px;padding:12px 24px;min-height:46px;font-size:16px}
 .hero-real .hero-proof{margin-top:18px;padding-top:14px}
 .hero-real .hero-proof-item{padding-top:25px}

 .hero-real .hero-proof-item dd{font-size:22px}
 .hero.hero-real>.hero-barry{width:16%;bottom:2%}
}
@media(max-width:900px){
 .hero.hero-real{height:auto;min-height:100svh;padding-bottom:58%;background:#fff}
 .hero-real .hero-copy{position:relative;inset:auto;width:auto;padding:122px 24px 20px;margin:0}
 .hero.hero-real h1{font-size:clamp(34px,5.8vw,52px);line-height:1.13}
 .hero.hero-real .hero-description{font-size:20px;margin-top:22px}
 .hero.hero-real .hero-detail{font-size:16px;max-width:540px}
 .hero-real .hero-scene{top:auto;bottom:0;transform-origin:0 100%}
 .hero.hero-real>.hero-barry{width:23%;bottom:2%;right:3%}
 .hero-real .hero-proof{max-width:560px}
}
@media(max-width:480px){
 .hero-real .hero-copy{padding:114px 20px 16px}
 .hero.hero-real h1{font-size:34px}
 .hero.hero-real .hero-description{font-size:18px}
 .hero.hero-real .hero-detail{font-size:15px}
 .hero-real .hero-proof-grid{gap:12px}
 .hero-real .hero-proof-item dd{font-size:21px}
 .hero-real .hero-proof-item dt{font-size:10.5px}
}


/* Larger reading column after removing the desktop mascot. */
@media(min-width:901px){
 .hero-real .hero-copy{top:18%}
 .hero.hero-real h1{font-size:clamp(40px,min(3.9vw,7svh),74px);line-height:1.1}
 .hero.hero-real .hero-audience{font-size:15px;line-height:1.5;margin-bottom:14px}
 .hero.hero-real .hero-description{font-size:clamp(21px,1.7vw,29px);line-height:1.4}
 .hero.hero-real .hero-detail{font-size:clamp(17px,1.35vw,23px);line-height:1.5}
 .hero.hero-real .hero-cta{font-size:18px}
 .hero-real .hero-proof-item dd{font-size:clamp(25px,2vw,34px)}
 .hero-real .hero-proof-item dt{font-size:12px}
}
@media(min-width:901px) and (max-height:780px){
 .hero-real .hero-copy{top:16%}
 .hero.hero-real h1{font-size:min(3.75vw,6.6svh)}
 .hero.hero-real .hero-audience{font-size:13px;margin-bottom:10px}
 .hero.hero-real .hero-description{font-size:20px;margin-top:16px}
 .hero.hero-real .hero-detail{font-size:17px;margin-top:10px}
}
@media(max-width:900px){
 .hero.hero-real h1{font-size:clamp(38px,6.5vw,58px)}
 .hero.hero-real .hero-description{font-size:22px}
 .hero.hero-real .hero-detail{font-size:18px}
 .hero.hero-real .hero-cta{font-size:18px}
}
@media(max-width:480px){
 .hero.hero-real h1{font-size:38px}
 .hero.hero-real .hero-description{font-size:20px}
 .hero.hero-real .hero-detail{font-size:17px}
 .hero-real .hero-proof-item dd{font-size:23px}
 .hero-real .hero-proof-item dt{font-size:11px}
}