/* ShyPilot visual homepage refresh */
.hero{gap:26px!important;align-items:center!important}
.hero-portrait{min-height:420px;border-radius:24px;background:linear-gradient(145deg,#1b1b1b,#810014);position:relative;overflow:hidden;display:flex;align-items:end;justify-content:center}
.hero-portrait img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero-portrait .portrait-label{position:relative;z-index:1;background:linear-gradient(transparent,#111);width:100%;padding:65px 18px 20px;color:white;font-weight:800}
.demo-wall{padding:44px 0;background:#fff}.demo-wall h2{text-align:center;font-size:clamp(27px,4vw,44px);margin:0 0 24px}.demo-wall-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.demo-tile{background:#181818;color:#fff;border-radius:17px;overflow:hidden;padding:0;border:0;text-align:left;cursor:pointer}.demo-tile .tile-art{height:150px;display:grid;place-items:center;font-size:54px;background:linear-gradient(135deg,#272727,#a80020)}.demo-tile strong{display:block;padding:14px;font-size:16px}.demo-tile:hover{outline:3px solid #d00023}.demo-tile small{display:block;padding:0 14px 15px;color:#ddd}.demo-wall .demo-note{text-align:center;color:#555;font-size:13px;margin-top:18px}
@media(max-width:800px){.hero{grid-template-columns:1fr!important}.hero-portrait{min-height:310px}.hero-copy{order:2}.hero-card{order:3}.demo-wall-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.hero-portrait{min-height:270px}.demo-wall-grid{gap:9px}.demo-tile .tile-art{height:110px}.demo-tile strong{font-size:13px;padding:10px}.demo-tile small{font-size:11px;padding:0 10px 12px}}