/* Desktop shares one hero with the live demo. Mobile keeps its two moments. */
@media(min-width:821px){
  .v3 .mobile-welcome{padding:0 48px 24px;min-height:100svh}
  .welcome-header{min-height:88px}
  .v3 .welcome-content{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:clamp(42px,6vw,90px);padding:14px 0 20px;max-width:1200px;align-items:center}
  .v3 .welcome-illustration{display:none}
  .welcome-copy{grid-column:1;grid-row:1;max-width:650px}
  .welcome-copy h1{font-size:clamp(54px,5.6vw,81px);line-height:1.02}
  .welcome-copy>p{font-size:18px;line-height:1.65;max-width:510px;margin-top:28px}
  .welcome-actions{max-width:350px;margin-top:30px}
  .v3 .welcome-content>.demo-shell{grid-column:2;grid-row:1;width:100%;height:clamp(590px,calc(100svh - 154px),740px);min-height:0;padding:25px 22px 23px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
  .v3 .welcome-content>.demo-shell::before{display:none}
  .v3 .demo-layout{margin:0;flex:1;min-height:0}
  .v3 .phone-stage{gap:18px;min-height:0;justify-content:flex-start}
  .v3 .try-head{max-width:370px}
  .v3 .try-head h3{font-size:25px;line-height:1.08;margin-bottom:9px;max-width:310px;margin-inline:auto;color:#fff4e5}
  .v3 .try-head p{font-size:11px;line-height:1.5;color:#d4b7a8}
  .v3 .phone{width:min(320px,100%);height:100%;max-height:none;min-height:0;flex:1;box-shadow:0 26px 60px #210b0b66,0 0 0 2px #bb8c6c30;transition:box-shadow .3s}
  .v3.scroll-motion .phone,.v3.scroll-motion .try-head{transform:none;opacity:1;will-change:auto}
  .v3 .welcome-content>.demo-shell.demo-invited{box-shadow:none}
  .v3 .demo-invited .phone{box-shadow:0 26px 60px #210b0b66,0 0 0 4px #f5c95f80}
  .v3 main{background:linear-gradient(to bottom,#4a2c2a 0 80px,#f5ecdc 80px)}
}
@media(min-width:821px) and (max-width:1100px){
  .v3 .mobile-welcome{padding-inline:30px}
  .v3 .welcome-content{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:32px}
  .welcome-copy h1{font-size:56px}.welcome-copy>p{font-size:17px}.welcome-actions{max-width:320px}
  .v3 .welcome-content>.demo-shell{padding-inline:16px}.v3 .try-head h3{font-size:23px}
}
@media(min-width:821px) and (max-height:760px){.v3 .welcome-content>.demo-shell{height:590px;padding-top:20px;padding-bottom:18px}.welcome-header{min-height:76px}.v3 .try-head h3{font-size:22px}.v3 .phone-stage{gap:14px}}
@media(prefers-reduced-motion:reduce){.v3 .welcome-content>.demo-shell{transition:none}}