:root{
 color-scheme:dark;
}

body.omnia-ad-district{
 margin:0;
 min-height:100vh;
 background:
  radial-gradient(circle at 50% 22%,rgba(49,116,154,.22),transparent 27%),
  linear-gradient(180deg,#020609,#061019 52%,#020609);
 color:#eef7fa;
 font-family:Inter,system-ui,sans-serif;
 overflow-x:hidden;
}

#adCity{
 min-height:100vh;
 position:relative;
 perspective:1200px;
 overflow:hidden;
}

.ad-sky{
 position:absolute;
 inset:0 0 auto;
 height:48vh;
 background:
  linear-gradient(180deg,rgba(5,20,31,.15),rgba(2,6,9,0));
 pointer-events:none;
}

.ad-grid{
 position:absolute;
 left:-20vw;
 right:-20vw;
 top:44vh;
 height:66vh;
 transform:
  rotateX(68deg)
  translateY(-8vh);
 transform-origin:center top;
 background:
  repeating-linear-gradient(
   90deg,
   rgba(107,202,233,.09) 0 1px,
   transparent 1px 74px
  ),
  repeating-linear-gradient(
   0deg,
   rgba(107,202,233,.08) 0 1px,
   transparent 1px 74px
  );
 mask-image:
  linear-gradient(180deg,#000,transparent);
}

.ad-cityline{
 position:absolute;
 inset:18vh 0 auto;
 height:36vh;
 display:flex;
 align-items:flex-end;
 justify-content:center;
 gap:10px;
 opacity:.82;
 pointer-events:none;
}

.ad-tower{
 width:52px;
 border:1px solid rgba(116,214,241,.14);
 background:
  linear-gradient(180deg,#0c1b24,#061018);
 box-shadow:
  inset 0 0 0 1px rgba(255,255,255,.015),
  0 0 35px rgba(56,144,180,.05);
}

.ad-tower:nth-child(1){height:110px}
.ad-tower:nth-child(2){height:170px}
.ad-tower:nth-child(3){height:138px}
.ad-tower:nth-child(4){height:224px}
.ad-tower:nth-child(5){height:158px}
.ad-tower:nth-child(6){height:194px}
.ad-tower:nth-child(7){height:126px}

.ad-shell{
 position:relative;
 z-index:5;
 width:min(1240px,calc(100% - 26px));
 margin:0 auto;
 padding:104px 0 48px;
}

.ad-kicker{
 color:#6c8794;
 font-size:8px;
 font-weight:850;
 letter-spacing:.19em;
}

.ad-title{
 margin-top:7px;
 max-width:820px;
 font-size:clamp(38px,7vw,78px);
 line-height:.94;
 font-weight:950;
 letter-spacing:-.05em;
}

.ad-copy{
 max-width:680px;
 margin-top:14px;
 color:#7c939f;
 font-size:11px;
 line-height:1.7;
}

.ad-guard{
 margin-top:16px;
 display:inline-flex;
 align-items:center;
 gap:7px;
 padding:7px 10px;
 border:1px solid rgba(105,219,207,.22);
 border-radius:999px;
 background:rgba(4,14,18,.7);
 color:#77d9cf;
 font-size:8px;
 font-weight:850;
}

.ad-rooms{
 margin-top:52px;
 display:grid;
 grid-template-columns:
  repeat(3,minmax(0,1fr));
 gap:10px;
}

.ad-room{
 min-height:190px;
 padding:16px;
 position:relative;
 overflow:hidden;
 border:1px solid rgba(141,207,236,.15);
 border-radius:14px;
 background:
  linear-gradient(145deg,rgba(8,19,26,.91),rgba(4,10,14,.82));
 backdrop-filter:blur(14px);
 cursor:pointer;
 transition:
  transform .25s ease,
  border-color .25s ease;
}

.ad-room:hover{
 transform:translateY(-3px);
 border-color:rgba(119,218,210,.3);
}

.ad-room span{
 color:#637e8b;
 font-size:7px;
 font-weight:850;
 letter-spacing:.14em;
}

.ad-room h2{
 margin:7px 0 0;
 font-size:17px;
}

.ad-room p{
 margin:8px 0 0;
 color:#718894;
 font-size:9px;
 line-height:1.6;
}

.ad-room strong{
 position:absolute;
 left:16px;
 bottom:14px;
 color:#9edbd6;
 font-size:8px;
}

.ad-pilots{
 margin-top:22px;
 padding:16px;
 border:1px solid rgba(141,207,236,.13);
 border-radius:14px;
 background:rgba(4,11,16,.82);
}

.ad-pilots h3{
 margin:0;
 font-size:15px;
}

.ad-pilot-grid{
 margin-top:10px;
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:8px;
}

.ad-pilot{
 padding:12px;
 border:1px solid rgba(141,207,236,.1);
 border-radius:10px;
 background:#071119;
}

.ad-pilot b{
 font-size:10px;
}

.ad-pilot div{
 margin-top:5px;
 color:#718995;
 font-size:8px;
 line-height:1.55;
}

.ad-return{
 display:inline-flex;
 margin-top:18px;
 min-height:38px;
 align-items:center;
 padding:0 11px;
 border:1px solid rgba(141,207,236,.15);
 border-radius:8px;
 color:#b4c6ce;
 text-decoration:none;
 font-size:8px;
 font-weight:850;
}

@media(max-width:800px){
 .ad-rooms{
  grid-template-columns:1fr;
 }

 .ad-pilot-grid{
  grid-template-columns:1fr;
 }

 .ad-cityline{
  transform:scale(.72);
 }
}