/* Phase 1 refinement pass: tighter headline, top-aligned product preview, smaller nav CTA, and phone presentation. */
body.brand-v5 .hero-grid{
  align-items:start;
}

body.brand-v5 .hero h1{
  max-width:690px;
  font-size:clamp(52px,5.1vw,78px);
  line-height:.96;
  letter-spacing:-.052em;
}

body.brand-v5 .hero-theater,
body.brand-v5 .theater-stage{
  min-height:620px;
}

body.brand-v5 .theater-topline{
  display:none!important;
}

body.brand-v5 .hero-dashboard-preview{
  top:0;
  right:0;
  width:85%;
  transform:rotate(.35deg);
}

body.brand-v5 .hero-dashboard-brand{
  display:grid;
  justify-items:start;
  gap:5px;
}

body.brand-v5 .hero-dashboard-logo{
  display:block;
  width:176px;
  height:auto;
}

body.brand-v5 .hero-dashboard-brand small{
  max-width:230px;
  overflow:hidden;
  color:#7B746E;
  font:600 9px/1.2 "IBM Plex Mono",monospace;
  letter-spacing:.04em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.brand-v5 .hero-phone-preview{
  position:absolute;
  z-index:4;
  top:170px;
  left:2px;
  width:252px;
  padding:8px;
  border:2px solid #27231F;
  border-radius:35px;
  background:#171513;
  box-shadow:0 32px 65px rgba(23,21,19,.28);
  transform:rotate(-2.4deg);
  transform-origin:center bottom;
}

body.brand-v5 .hero-phone-speaker{
  position:absolute;
  z-index:3;
  top:13px;
  left:50%;
  width:64px;
  height:6px;
  border-radius:999px;
  background:#302C28;
  transform:translateX(-50%);
}

body.brand-v5 .hero-phone-screen{
  overflow:hidden;
  border-radius:28px;
  background:#F7F4F1;
}

body.brand-v5 .hero-phone-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:13px 18px 8px;
  color:#171513;
  font:700 8px/1 Archivo,Arial,sans-serif;
}

body.brand-v5 .hero-phone-content{
  padding:11px 17px 18px;
  text-align:center;
}

body.brand-v5 .hero-phone-logo{
  display:block;
  width:50px;
  height:50px;
  margin:0 auto 8px;
  border-radius:10px;
}

body.brand-v5 .hero-phone-content>strong{
  display:block;
  overflow:hidden;
  color:#171513;
  font-size:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.brand-v5 .hero-phone-content>small{
  display:block;
  margin-top:3px;
  color:#8B837B;
  font:600 7px/1.2 "IBM Plex Mono",monospace;
  letter-spacing:.07em;
  text-transform:uppercase;
}

body.brand-v5 .hero-phone-content h4{
  margin:18px 0 6px;
  color:#171513;
  font-family:Archivo,Arial,sans-serif;
  font-size:20px;
  font-weight:800;
  letter-spacing:-.035em;
}

body.brand-v5 .hero-phone-content p{
  margin:0 auto;
  color:#625C57;
  font-size:9px;
  line-height:1.45;
}

body.brand-v5 .hero-phone-sentiment{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:14px;
}

body.brand-v5 .hero-phone-sentiment button{
  min-height:35px;
  border:1px solid #DED6CF;
  border-radius:8px;
  background:#FFF;
  color:#171513;
  font:750 10px/1 Archivo,Arial,sans-serif;
  pointer-events:none;
}

body.brand-v5 .hero-phone-sentiment button:first-child{
  border-color:#F54703;
  background:#F54703;
  color:#FFF;
}

body.brand-v5 .hero-phone-actions{
  display:grid;
  gap:7px;
  margin-top:10px;
  text-align:left;
}

body.brand-v5 .hero-phone-actions>div{
  display:grid;
  grid-template-columns:27px 1fr;
  align-items:center;
  gap:8px;
  padding:9px;
  border:1px solid #E5DED8;
  border-radius:9px;
  background:#FFF;
}

body.brand-v5 .hero-phone-actions b{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:7px;
  background:#FFF1EA;
  color:#D93B02;
  font-size:11px;
}

body.brand-v5 .hero-phone-actions span{
  display:grid;
  gap:2px;
}

body.brand-v5 .hero-phone-actions strong{
  color:#171513;
  font-size:8px;
  line-height:1.25;
}

body.brand-v5 .hero-phone-actions small{
  color:#837B74;
  font-size:6px;
  line-height:1.25;
}

body.brand-v5 .hero-phone-content em{
  display:block;
  margin-top:11px;
  color:#958C84;
  font:500 6px/1.2 "IBM Plex Mono",monospace;
  font-style:normal;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.brand-v5 .site-nav .nav-actions>.button-primary{
  min-height:40px;
  padding:10px 15px;
  font-size:12px;
  border-radius:7px;
}

@media(max-width:1180px){
  body.brand-v5 .hero h1{max-width:760px}
  body.brand-v5 .hero-dashboard-preview{top:0;width:82%}
  body.brand-v5 .hero-phone-preview{top:175px;left:8px}
}

@media(max-width:850px){
  body.brand-v5 .hero h1{font-size:clamp(48px,11.5vw,66px)}
  body.brand-v5 .hero-theater,body.brand-v5 .theater-stage{min-height:610px}
  body.brand-v5 .hero-dashboard-preview{top:0;width:94%;transform:none}
  body.brand-v5 .hero-phone-preview{top:190px;left:0;width:228px;transform:rotate(-1.5deg)}
}

@media(max-width:560px){
  body.brand-v5 .hero h1{font-size:clamp(42px,13vw,56px)}
  body.brand-v5 .hero-theater,body.brand-v5 .theater-stage{min-height:640px}
  body.brand-v5 .hero-dashboard-preview{top:0;width:100%}
  body.brand-v5 .hero-dashboard-logo{width:142px}
  body.brand-v5 .hero-phone-preview{top:285px;left:50%;width:210px;transform:translateX(-50%) rotate(-1deg)}
  body.brand-v5 .site-nav .nav-actions>.button-primary{min-height:38px;padding:9px 12px;font-size:11px}
}