.hero-title{
  position:absolute;
  z-index:2;
  top:21.5vh;
  left:2.35vw;
  width:min(760px,46vw);
  max-width:min(760px,46vw);
  margin:0;
  font:700 clamp(56px,7.15vw,138px)/.88 var(--space);
  letter-spacing:-.075em;
  text-transform:uppercase;
}
.hero-title span{
  display:block;
  opacity:0;
  transform:translateY(22px);
  animation:heroLineIn .72s cubic-bezier(.16,.82,.22,1) 1.03s forwards;
}
.hero-title span:nth-child(2){animation-delay:1.16s}
.hero-title .red{color:var(--red)}

.hero-copy{
  position:absolute;
  z-index:14;
  left:2.55vw;
  bottom:8.2vh;
  width:min(485px,32vw);
  opacity:0;
  transform:translateY(14px);
  animation:heroCopyIn .62s cubic-bezier(.16,.82,.22,1) 1.34s forwards;
}
.copy-line{
  margin:0 0 14px;
  color:rgba(235,236,238,.54);
  font:700 8px/1 var(--space);
  letter-spacing:1.02px;
  text-transform:uppercase;
}
.hero-copy p{
  margin:0;
  color:rgba(235,236,238,.79);
  font:500 clamp(14.5px,1.05vw,18px)/1.56 var(--inter);
  letter-spacing:-.012em;
}
.hero-copy p strong{
  display:block;
  margin:0 0 7px;
  color:var(--paper);
  font:700 clamp(17px,1.28vw,22px)/1.16 var(--space);
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.hero-actions{display:flex;align-items:center;gap:10px;margin-top:25px}
.primary-cta,.secondary-cta{
  min-height:53px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  font:700 9px/1 var(--space);
  letter-spacing:.85px;
  text-transform:uppercase;
}
.primary-cta{
  gap:18px;
  padding:0 21px;
  background:var(--paper);
  border:1px solid var(--paper);
  color:var(--ink);
  transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}
.primary-cta:hover{transform:translateY(-2px);background:var(--red);border-color:var(--red);color:var(--paper)}
.secondary-cta{
  width:53px;
  border:1px solid rgba(235,236,238,.17);
  background:rgba(235,236,238,.035);
  color:var(--paper);
}
.private-note{
  margin-top:10px;
  color:rgba(235,236,238,.33);
  font:700 7px/1.45 var(--space);
  letter-spacing:.75px;
  text-transform:uppercase;
}

.phone-zone{
  position:absolute;
  inset:0;
  z-index:10;
  pointer-events:none;
}
.phone-zone .stage{
  position:relative;
  width:100%;
  min-height:100%;
  height:100%;
  margin:0;
  display:block;
  perspective:none;
  pointer-events:auto;
}
.phone-zone .phone-scene{
  position:absolute;
  left:48.6%;
  top:22.4%;
  width:clamp(304px,24.9vw,452px);
}
.phone-zone .shadow-ambient{
  left:48.5%;
  top:78.2%;
  width:500px;
  transform:translate(-47%,-50%) rotate(-8deg);
}
.phone-zone .shadow-contact{
  left:48.5%;
  top:79%;
  width:338px;
  transform:translate(-43%,-50%) rotate(-8deg);
}

.brain-card{
  position:absolute;
  z-index:16;
  right:10.5vw;
  bottom:8.2vh;
  width:min(318px,20.5vw);
  min-height:205px;
  padding:24px 22px 21px;
  border:1px solid rgba(235,236,238,.14);
  border-radius:25px;
  background:linear-gradient(145deg,rgba(28,30,52,.88),rgba(11,13,24,.82));
  box-shadow:0 25px 64px rgba(0,0,0,.24);
  backdrop-filter:blur(18px);
}
.brain-tag{
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(235,236,238,.45);
  font:700 7px/1 var(--space);
  letter-spacing:.78px;
  text-transform:uppercase;
}
.brain-tag i{width:6px;height:6px;background:var(--red)}
.brain-card h2{
  margin:15px 0 0;
  font:700 clamp(16px,1.18vw,21px)/1.12 var(--space);
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.brain-card p{
  margin:12px 0 0;
  color:rgba(235,236,238,.63);
  font-size:clamp(10.5px,.78vw,13px);
  line-height:1.5;
}
.brain-list{display:grid;gap:7px;margin-top:15px}
.brain-list span{
  display:flex;
  gap:8px;
  color:rgba(235,236,238,.71);
  font:700 7px/1.32 var(--space);
  letter-spacing:.35px;
  text-transform:uppercase;
}
.brain-list span::before{content:"";width:5px;height:5px;margin-top:2px;background:var(--red);flex:0 0 auto}

.store-card{
  position:absolute;
  z-index:15;
  right:2.6vw;
  bottom:8.2vh;
  width:112px;
  min-height:205px;
  padding:18px 12px;
  border:1px solid rgba(235,236,238,.13);
  border-radius:25px;
  background:rgba(7,8,12,.78);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:17px;
  text-align:center;
}
.store-mark{
  width:70px;height:70px;border:1px solid rgba(235,236,238,.13);border-radius:50%;
  display:grid;place-items:center;position:relative;
}
.store-mark::before{content:"";position:absolute;inset:7px;border:3px solid var(--red);border-left-color:rgba(229,64,42,.14);border-radius:50%;transform:rotate(30deg)}
.store-mark strong{font:700 17px/1 var(--raj);letter-spacing:.4px}
.store-card span{color:rgba(235,236,238,.42);font:700 6px/1.45 var(--space);letter-spacing:.65px;text-transform:uppercase}

.legal{
  position:absolute;
  z-index:30;
  right:2.7vw;
  bottom:2.4vh;
  display:flex;
  align-items:center;
  gap:18px;
  color:rgba(235,236,238,.37);
  font:700 7px/1 var(--space);
  letter-spacing:.75px;
  text-transform:uppercase;
}
.legal a{transition:color .2s ease}.legal a:hover{color:var(--paper)}