@keyframes buildRule{to{transform:scaleX(1)}}
@keyframes buildConsole{to{opacity:1;transform:none}}
@keyframes buildLine{to{opacity:1;transform:none}}
@keyframes heroLineIn{to{opacity:1;transform:none}}
@keyframes heroCopyIn{to{opacity:1;transform:none}}

@media(max-width:1270px){
  .hero-title{font-size:clamp(52px,6.75vw,104px);max-width:78vw}
  .hero-copy{width:36vw}
  .phone-zone .phone-scene{left:50%;top:23.7%;width:clamp(296px,25.4vw,422px)}
  .brain-card{right:3vw;width:260px}
  .store-card{display:none}
}
@media(max-width:980px){
  body{overflow:auto}
  .landing{min-height:auto;overflow:hidden;padding-bottom:35px}
  .site-brand{position:absolute}
  .site-brand{top:21px;right:20px;font-size:17px}
  .hero-build{
    position:relative;
    top:auto;
    left:auto;
    width:min(470px,calc(100% - 40px));
    margin:0 20px;
    padding-top:94px;
  }
  .hero-title{
    position:relative;
    top:auto;
    left:auto;
    max-width:none;
    padding:28px 20px 0;
    font-size:clamp(45px,11.7vw,82px);
    line-height:.94;
    letter-spacing:-.07em;
  }
  .hero-copy{position:relative;left:auto;bottom:auto;width:auto;max-width:620px;padding:31px 20px 0}
  .hero-copy p{font-size:17px}
  .phone-zone{position:relative;left:auto;top:auto;width:100%;height:760px;margin-top:22px}
  .phone-zone .phone-scene{width:min(374px,75vw)}
  .phone-zone .shadow-ambient,.phone-zone .shadow-contact{top:80%}
  .brain-card{position:relative;right:auto;bottom:auto;width:calc(100% - 40px);max-width:620px;margin:15px 20px 0}
  .legal{position:relative;right:auto;bottom:auto;margin:31px 20px 0;padding-bottom:15px}
  .screen-note{display:none}
}
@media(max-width:560px){
  .hero-build{padding-top:88px}
  .build-word{font-size:clamp(28px,10.5vw,43px)}
  .hero-title{font-size:clamp(38px,10.7vw,61px);padding-top:24px}
  .hero-copy p{font-size:15.5px}
  .hero-actions{display:grid;grid-template-columns:1fr 53px}
  .primary-cta{width:100%}
  .phone-zone{height:690px;margin-top:10px}
  .phone-zone .phone-scene{width:min(350px,81vw)}
  .brain-card{border-radius:20px}
}
@media(max-height:850px) and (min-width:981px){
  .hero-build{top:2.2vh;width:min(350px,26vw)}
  .hero-build .build-console-line{display:none}
  .hero-build .build-console-head{min-height:16px}
  .hero-build .build-status{margin-top:5px}
  .hero-title{top:16.8vh;font-size:clamp(46px,6.1vw,86px)}
  .hero-copy{bottom:6.5vh}.brain-card,.store-card{bottom:6.5vh}
  .phone-zone{top:12%;height:84%}.phone-zone .phone-scene{width:min(335px,43vh)}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* ---------- Locked Carbon Steel background ---------- */




body[data-theme="steel"]{
  background:
    radial-gradient(980px 760px at 73% 56%,rgba(61,73,87,.45),transparent 64%),
    radial-gradient(520px 420px at 8% 94%,rgba(229,64,42,.045),transparent 62%),
    linear-gradient(135deg,#05070a 0%,#080b0f 50%,#10151b 100%);
}




@media(min-width:1100px){
  .hero-title{
    width:min(720px,44vw);
    max-width:min(720px,44vw);
  }
  .phone-zone .phone-scene{
    left:51.2%;
    top:22.6%;
  }
  .phone-zone .shadow-ambient{
    left:51%;
  }
  .phone-zone .shadow-contact{
    left:51%;
  }
}