/* Approved AlloDa visual reference — 2026-11-09.
   Keep the original human-at-work imagery and make the phone assistant explicit.
   Isolated overrides on top of the tested presale-v2.css. */

#presale-v2-root .v2-hero {
  display:flex;
  align-items:stretch;
  min-height:845px;
  background:#031723;
}
#presale-v2-root .v2-hero-media {
  position:absolute;inset:0;z-index:0;
  width:100%;height:100%;overflow:hidden;
  mask-image:none;-webkit-mask-image:none;
}
#presale-v2-root .v2-hero-media img {
  width:100%;height:100%;
  object-position:50% 44%;
  object-fit:cover;
  filter:saturate(1.04) contrast(1.04);
}
#presale-v2-root .v2-hero:before {
  z-index:1;
  background:
    linear-gradient(90deg,rgba(2,17,24,.12) 0%,rgba(3,21,30,.42) 19%,rgba(3,21,30,.88) 35%,rgba(3,21,30,.86) 62%,rgba(3,21,30,.3) 86%,rgba(3,21,30,.22) 100%),
    linear-gradient(0deg,#031825 0%,rgba(3,24,37,.76) 12%,transparent 42%);
}
#presale-v2-root .v2-hero:after{opacity:.22;}
#presale-v2-root .v2-hero .v2-wrap {
  position:relative;z-index:3;
  display:flex;flex-direction:column;justify-content:space-between;
}
#presale-v2-root .v2-hero-copy {
  margin:0 0 0 25%;
  width:min(690px,57%);
  max-width:690px;
  padding:116px 0 28px;
}
#presale-v2-root .v2-hero-copy h1 {
  font-size:clamp(42px,4vw,67px);line-height:1.075;
  text-shadow:0 4px 28px #031622a9;
}
#presale-v2-root .v2-hero-sub {
  font-size:clamp(18px,1.43vw,22px);
  max-width:640px;
}
#presale-v2-root .v2-hero-features {
  display:flex;gap:12px 22px;margin:22px 0 25px;
}
#presale-v2-root .v2-hero-features span{font-size:15px;}
#presale-v2-root .v2-call-panel {
  right:14px;top:23%;
  width:min(225px,23%);
  padding:19px;border-radius:20px;transform:rotate(0);
  background:rgba(5,27,37,.76);
  box-shadow:0 18px 52px #001b28a1;
}
#presale-v2-root .v2-call-panel li{font-size:13px;}
#presale-v2-root .v2-call-panel strong{font-size:20px;}
#presale-v2-root .v2-hero-ribbon {opacity:.27;bottom:160px;}
#presale-v2-root .v2-hero-showcase {
  position:relative;
  width:100%;
  padding:12px 0 23px;
  z-index:5;
}
#presale-v2-root .v2-hero-showcase:before {
  content:"";position:absolute;inset:-12px -5vw -30px;
  z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(3,24,37,.98),rgba(3,24,37,.75) 64%,transparent);
}
#presale-v2-root .v2-hero-showcase-head {
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:16px;
}
#presale-v2-root .v2-hero-showcase-head h2 {
  font-size:clamp(20px,1.75vw,29px);
  letter-spacing:-.025em;
  margin:0;
}
#presale-v2-root .v2-hero-showcase-actions{display:flex;gap:8px;}
#presale-v2-root .v2-hero-showcase-actions button {
  display:grid;place-items:center;width:38px;height:38px;
  border-radius:50%;
  background:rgba(6,41,54,.68);
  color:white;border:1px solid rgba(179,239,241,.5);
  font-size:25px;line-height:1;transition:background .2s,border-color .2s;
}
#presale-v2-root .v2-hero-showcase-actions button:hover,
#presale-v2-root .v2-hero-showcase-actions button:focus-visible {
  border-color:var(--v2-lime);background:rgba(32,92,80,.9);
}
#presale-v2-root .v2-featured-rail {
  display:flex!important;align-items:stretch;
  grid-template-columns:none;
  gap:12px;
  margin:0;padding:2px 2px 12px;
  width:100%;
  overflow-x:auto;
  scroll-snap-type:x mandatory;scrollbar-width:thin;
  scrollbar-color:#79d7cc64 transparent;
}
#presale-v2-root .v2-featured-card {
  display:flex;flex:none;
  width:calc((100% - 48px)/5);
  aspect-ratio:1.28;
  min-height:160px;
  border-radius:18px;
  padding:13px;
  scroll-snap-align:start;
  border:1px solid rgba(183,227,223,.45);
  background:#092f3c;
}
#presale-v2-root .v2-featured-card:first-child {
  border-color:var(--v2-lime);
  box-shadow:inset 0 0 0 1px var(--v2-lime),0 7px 25px #3cda7780;
}
#presale-v2-root .v2-featured-card img{
  object-position:center center;
  filter:saturate(1.04) contrast(1.01);
}
#presale-v2-root .v2-featured-card:after {
  background:linear-gradient(0deg,rgba(2,14,22,.96),rgba(2,14,22,.7) 40%,transparent 90%);
}
#presale-v2-root .v2-featured-overline {
  min-height:0;font-size:10px;padding:3px 8px;
  letter-spacing:0;margin-bottom:auto;
}
#presale-v2-root .v2-featured-name{
  font-size:clamp(17px,1.6vw,24px);margin-top:14px;
  line-height:1.11;
}
#presale-v2-root .v2-featured-more {
  margin-top:7px;
  font-size:clamp(11px,.95vw,14px);
  line-height:1.3;
}
#presale-v2-root .v2-sector {
  padding-top:clamp(68px,8vw,114px);
}
#presale-v2-root .v2-prof-grid .v2-prof-card {
  min-height:97px;
}
@media(max-width:1350px){
  #presale-v2-root .v2-hero{min-height:800px;}
  #presale-v2-root .v2-hero-copy{margin-left:22%;width:58%;padding-top:102px;}
  #presale-v2-root .v2-call-panel{top:23%;right:2px;width:205px;padding:14px;}
}
@media(max-width:1110px){
  #presale-v2-root .v2-call-panel{display:none;}
  #presale-v2-root .v2-hero-copy{width:70%;margin-left:23%;}
  #presale-v2-root .v2-featured-card{width:calc((100% - 36px)/4);}
}
@media(max-width:820px){
  #presale-v2-root .v2-hero{min-height:0;}
  #presale-v2-root .v2-hero-media{inset:0;width:100%;height:455px;}
  #presale-v2-root .v2-hero-media img{
    object-fit:cover;object-position:32% top;
    animation-duration:24s;
  }
  #presale-v2-root .v2-hero:before{
    background:linear-gradient(0deg,#031825 0%,#031825 30%,rgba(3,24,37,.82) 46%,rgba(3,24,37,.05) 90%);
  }
  #presale-v2-root .v2-hero-copy{
    width:100%;margin:0;
    padding:390px 0 30px;
  }
  #presale-v2-root .v2-hero-copy h1{font-size:clamp(36px,7vw,58px);}
  #presale-v2-root .v2-hero-showcase{padding:10px 0 22px;}
  #presale-v2-root .v2-featured-card{width:clamp(210px,43vw,310px);min-height:190px;}
}
@media(max-width:600px){
  #presale-v2-root .v2-hero-media{height:340px;}
  #presale-v2-root .v2-hero-media img{object-position:28% top;}
  #presale-v2-root .v2-hero-copy{padding:295px 0 19px;}
  #presale-v2-root .v2-hero-copy h1{font-size:clamp(35px,9.5vw,49px);}
  #presale-v2-root .v2-hero-features{gap:9px;margin:18px 0 22px;}
  #presale-v2-root .v2-hero-features span{font-size:13px;}
  #presale-v2-root .v2-hero-sub{font-size:17px;}
  #presale-v2-root .v2-hero-showcase-head h2{font-size:22px;}
  #presale-v2-root .v2-featured-card{width:min(69vw,290px);min-height:184px;}
  #presale-v2-root .v2-featured-name{font-size:21px;}
  #presale-v2-root .v2-featured-more{font-size:12px;}
}
@media(prefers-reduced-motion:reduce){
  #presale-v2-root .v2-featured-card img,
  #presale-v2-root .v2-hero-media img{animation:none!important;transform:none!important;}
}