/* Sign in and try the public call in one shared welcome section. */
body[data-edition=cloud] .hero .hero-demo{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:24px;margin:0;min-width:0;align-self:center;background:#eee8f6;border:1px solid #c5b2d7;border-radius:20px;color:#241b34}
.hero-demo .hero-demo-heading .eyebrow{color:#65457f;text-align:left;letter-spacing:1.2px;font-size:9px;margin:0 0 8px}
.hero-demo h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:29px;line-height:1.2;letter-spacing:-.7px;margin:0;color:#241b34}
.hero-demo .demo-preview{transform:none;box-shadow:0 10px 28px #241b3426;border-radius:10px}
.hero-demo .demo-preview-image{aspect-ratio:16/10}
.hero-demo .demo-fine-print{color:#62556e;font-size:11px;line-height:1.7;margin:0}
.hero-demo .demo-preview-call:focus-visible{outline-color:#75469d}
@media(min-width:761px){body[data-edition=cloud] .hero .hero-demo{grid-column:2;grid-row:4;width:100%}}
@media(max-width:760px),(max-height:500px) and (pointer:coarse){
 body[data-edition=cloud] .hero .hero-demo{flex-shrink:0;padding:20px;margin-top:28px;width:100%}
 body[data-edition=cloud] .hero #entry{margin-top:24px;width:100%}
 body[data-edition=cloud] .hero .login-panel{width:100%;max-width:none}
 .hero-demo h2{font-size:26px}.hero-demo .demo-preview-call{padding:10px 12px;font-size:11px}
}