/* One grid, with no nested column widths or device-dependent display:contents. */
body.shared-public.modern-home main .home-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;width:100%;max-width:none;margin:0;padding:36px clamp(20px,4vw,56px);background:#151716;color:#fff;overflow:visible;text-align:center;box-sizing:border-box}
body.shared-public.modern-home main .home-intro>*{min-width:0;width:100%;max-width:1080px;margin:0 auto;box-sizing:border-box}
body.shared-public.modern-home main .home-intro-heading{max-width:900px}
body.shared-public.modern-home main .home-intro .eyebrow{display:block;font:600 12px/1.5 Arial,sans-serif;color:#e6c78b;letter-spacing:.08em;margin:0 0 14px}
body.shared-public.modern-home main .home-intro h1{font:400 clamp(34px,4.2vw,58px)/1.1 Georgia,serif!important;letter-spacing:-.035em!important;color:#fff;margin:0 0 22px!important;width:100%;max-width:100%;overflow-wrap:normal!important;word-break:normal;text-wrap:balance}
body.shared-public.modern-home main .home-intro h1 em{color:#e4bd73;font-style:italic}
body.shared-public.modern-home main .home-intro h1>span{display:block;font-size:.72em;line-height:1.2;letter-spacing:-.02em;margin-top:10px}
.home-intro-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;width:100%}
body.shared-public.modern-home main .home-intro-actions>a{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;max-width:100%;min-height:48px;padding:13px 22px;font:600 14px/1.4 Arial,sans-serif;text-decoration:none;white-space:normal;text-align:center;border-radius:4px}
.home-demo-button{border:1px solid #ffffffa0;color:#fff;background:#ffffff08}
.home-demo-button:hover{background:#fff;color:#111}
body.shared-public.modern-home main .home-intro-photo{max-width:1080px;border-radius:6px;overflow:hidden}
body.shared-public.modern-home main .home-intro-photo img{display:block;width:100%;height:clamp(220px,32vw,400px);max-width:100%;object-fit:cover;object-position:70% center}
body.shared-public.modern-home main .home-intro-details{max-width:800px;font:400 16px/1.65 Arial,sans-serif}
body.shared-public.modern-home main .home-intro-details p{margin:0 0 12px;color:#efefeb;font:inherit}
body.shared-public.modern-home main .home-intro-details p:last-child{margin:0}
body.shared-public.modern-home main .home-intro-details .home-intro-problem{font-weight:600;color:#fff}
body.shared-public.modern-home main .home-intro-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:800px}
.home-intro-screens>figure{min-width:0;margin:0;background:#fff;border:1px solid #ddd6c8;padding:8px;border-radius:4px}
.home-intro-screens .software-shot{display:block;transform:none;box-shadow:none;border-radius:2px;max-width:100%;margin:0}
.home-intro-screens img{display:block;width:100%;height:auto}
.home-intro-screens figcaption{font:400 12px/1.5 Arial,sans-serif;color:#555;padding:8px 2px 2px}
@media(min-width:1440px){
 body.shared-public.modern-home main .home-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"heading photo" "details photo" "screens screens";gap:24px 48px;padding:48px max(40px,calc((100vw - 1400px)/2));align-items:center;text-align:left}
 body.shared-public.modern-home main .home-intro-heading{grid-area:heading;margin:0;align-self:end}
 body.shared-public.modern-home main .home-intro-photo{grid-area:photo;height:100%;max-height:480px}
 body.shared-public.modern-home main .home-intro-photo img{height:100%;min-height:400px}
 body.shared-public.modern-home main .home-intro-details{grid-area:details;align-self:start}
 body.shared-public.modern-home main .home-intro-screens{grid-area:screens}
 .home-intro-actions{justify-content:flex-start}
}
@media(max-width:600px){
 body.shared-public.modern-home main .home-intro{padding:24px 20px;gap:20px}
 body.shared-public.modern-home main .home-intro h1{font-size:clamp(32px,8vw,42px)!important;margin-bottom:18px!important}
 body.shared-public.modern-home main .home-intro .eyebrow{font-size:11px;margin-bottom:12px}
 body.shared-public.modern-home main .home-intro-actions>a{flex:1 1 170px;padding:12px 16px}
 body.shared-public.modern-home main .home-intro-photo img{height:clamp(210px,58vw,300px)}
 body.shared-public.modern-home main .home-intro-details{font-size:15px}
 body.shared-public.modern-home main .home-intro-screens{grid-template-columns:minmax(0,1fr);max-width:440px}
}
@media(orientation:landscape) and (max-height:600px){
 body.shared-public.modern-home main .home-intro{padding-block:24px;gap:20px}
 body.shared-public.modern-home main .home-intro h1{font-size:clamp(32px,4vw,46px)!important}
}