@media (min-width:981px){
  body{
    background:#030108;
  }

  .visual-home-hero{
    width:100vw!important;
    max-width:none!important;
    min-height:calc(100vh - 74px);
    margin-left:50%!important;
    transform:translateX(-50%);
    padding:0!important;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(3,1,8,.08),rgba(3,1,8,.02) 56%,rgba(3,1,8,.74) 100%),
      url('/assets/images/home/hero-desktop.png?v=20260701-clean-1') center center/cover no-repeat,
      radial-gradient(circle at 50% 35%,rgba(122,71,214,.34),transparent 34rem),
      linear-gradient(180deg,#05010c,#080316 58%,#030108);
    border-bottom:1px solid rgba(203,163,255,.16);
  }

  .visual-home-hero::before,
  .visual-home-hero::after{
    content:none!important;
  }

  .visual-hero-art{
    display:none!important;
  }

  .visual-hero-copy{
    position:absolute;
    top:clamp(28px,4.2vh,54px);
    left:50%;
    z-index:3;
    width:min(760px,92vw);
    max-width:none;
    transform:translateX(-50%);
    text-align:center;
    pointer-events:none;
  }

  .visual-hero-copy .eyebrow{
    display:none!important;
  }

  .visual-hero-copy h1{
    margin:0;
    font-size:0!important;
    line-height:.92;
    letter-spacing:-.055em;
    text-shadow:0 12px 44px rgba(0,0,0,.68);
  }

  .visual-hero-copy h1::before{
    content:'See beyond\A the surface.';
    white-space:pre;
    font-family:Georgia,serif;
    font-size:clamp(4.15rem,6vw,6.7rem);
    font-weight:500;
    line-height:.88;
    color:#f4edf9;
  }

  .visual-hero-copy h1::first-line{
    color:#c79cff;
  }

  .visual-hero-copy p{
    margin:18px auto 0;
    font-size:0!important;
    color:#d7cde2;
    text-shadow:0 8px 30px rgba(0,0,0,.65);
  }

  .visual-hero-copy p::before{
    content:'Clarity. Insight. Direction.\A Pythia helps you understand what\2019s really going on.';
    white-space:pre;
    font-size:clamp(1.08rem,1.45vw,1.35rem);
    line-height:1.35;
  }

  .visual-hero-cue{
    position:absolute;
    left:50%;
    bottom:clamp(145px,16vh,190px);
    z-index:3;
    transform:translateX(-50%);
    margin:0;
    padding:0;
    color:#d9c5f6;
    text-shadow:0 8px 24px rgba(0,0,0,.7);
  }

  .visual-services{
    z-index:4;
    margin-top:clamp(-168px,-10.5vw,-108px);
    padding:0 0 86px!important;
    scroll-margin-top:90px;
    background:transparent!important;
  }

  .visual-services::before{
    content:none!important;
  }

  .visual-services-heading,
  .visual-services-note{
    display:none!important;
  }

  .service-tile-grid{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    gap:10px!important;
    max-width:min(1580px,calc(100vw - 64px));
    margin:0 auto;
  }

  .service-tile{
    border-radius:18px;
    border-color:rgba(223,188,255,.3);
    background:linear-gradient(180deg,rgba(22,10,42,.92),rgba(7,3,15,.98));
    box-shadow:
      0 18px 48px rgba(0,0,0,.38),
      0 0 0 1px rgba(255,218,143,.06) inset,
      0 0 34px rgba(133,75,218,.13);
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .service-tile:hover,
  .service-tile:focus-visible{
    transform:translateY(-8px);
    border-color:rgba(238,211,255,.7);
    box-shadow:
      0 24px 60px rgba(0,0,0,.44),
      0 0 42px rgba(177,112,255,.22);
  }

  .service-tile-media{
    aspect-ratio:4/5;
    background:
      radial-gradient(circle at 50% 28%,rgba(116,70,198,.38),transparent 58%),
      linear-gradient(180deg,#130725,#05020b 74%,#030108);
  }

  .service-tile-media img{
    backface-visibility:hidden;
    transform:translateZ(0);
  }

  .service-tile-label{
    min-height:54px;
    padding:10px 11px 12px;
    background:linear-gradient(180deg,rgba(14,7,28,.9),rgba(6,3,13,.98));
  }

  .service-tile-label strong{
    font-size:clamp(.72rem,.9vw,1.05rem)!important;
    letter-spacing:-.02em;
  }

  .service-tile-label span{
    font-size:.92rem;
  }

  .clarity-quiz{
    margin-top:0;
  }
}

@media (min-width:981px) and (max-width:1180px){
  .visual-home-hero{
    min-height:760px;
    background-position:center center;
  }

  .visual-hero-copy{
    top:28px;
  }

  .visual-hero-copy h1::before{
    font-size:4rem;
  }

  .visual-hero-cue{
    bottom:124px;
  }

  .visual-services{
    margin-top:-118px;
  }

  .service-tile-grid{
    max-width:calc(100vw - 36px);
    gap:8px!important;
  }

  .service-tile{
    border-radius:15px;
  }

  .service-tile-label{
    min-height:50px;
    padding:9px 9px 10px;
  }
}