/* Nahang Services Studio RC11-A — SEO service layout compression.
   Scope: presentation only. No approved copy/data is removed or rewritten.
   Loaded after RC10 refinements. */

/* --------------------------------------------------------------------------
   SEO page: compact premium hero + clearer mobile scan path
   -------------------------------------------------------------------------- */
.nhs.nhs-preset-seo{
  --nh11-radius-lg:26px;
  --nh11-radius-md:18px;
  --nh11-gap:clamp(20px,3vw,42px);
  --nh11-copy:760px;
}

.nhs.nhs-preset-seo .nhs-hero{
  min-height:min(880px,calc(100svh - var(--nhs-head)))!important;
  padding-block:clamp(48px,6.2vh,82px)!important;
  align-items:center;
}
.nhs.nhs-preset-seo .nhs-hero-grid{
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;
  gap:clamp(34px,4.8vw,72px)!important;
  align-items:center;
}
.nhs.nhs-preset-seo .nhs-hero .nhs-copy{
  max-width:var(--nh11-copy);
}
.nhs.nhs-preset-seo .nhs-hero .nhs-copy h1{
  font-size:clamp(3.3rem,4.35vw,4.2rem);
  line-height:1.08;
  max-width:15ch;
}
.nhs.nhs-preset-seo .nhs-hero .nhs-copy .lead{
  max-width:69ch;
  margin-top:18px;
  line-height:1.82;
}
.nhs.nhs-preset-seo .nhs-hero .nhs-hero-detail{
  max-width:69ch;
  margin-top:10px!important;
  line-height:1.78!important;
}
.nhs.nhs-preset-seo .nhs-hero .nhs-actions{
  margin-top:22px;
  gap:10px;
}
.nhs.nhs-preset-seo .nhs-hero .nhs-btn{
  min-height:54px;
  border-radius:15px;
}
.nhs.nhs-preset-seo .nhs-hero .nhs-topic-badges{
  margin-top:14px;
  margin-bottom:0;
  gap:7px;
}
.nhs.nhs-preset-seo .nhs-hero .nhs-topic-badges span{
  min-height:28px;
  padding:5px 10px;
  font-size:9px;
  letter-spacing:.065em;
}
.nhs.nhs-preset-seo .nhs-hero .nhs-proof{
  margin-top:13px;
  gap:7px 14px;
  line-height:1.55;
}

/* The type line is a label, not a layout-driving paragraph. Keep its width stable
   so a changing phrase never pushes/crops the Hero composition. */
.nhs.nhs-preset-seo .nhs-typewriter{
  flex-wrap:nowrap;
  max-width:100%;
  min-height:24px;
  margin-bottom:13px;
  overflow:hidden;
}
.nhs.nhs-preset-seo .nhs-typewriter-prefix{flex:0 0 auto}
.nhs.nhs-preset-seo .nhs-typewriter b{
  display:inline-block;
  min-width:13.5ch;
  max-width:24ch;
  overflow:hidden;
  text-overflow:clip;
  white-space:nowrap;
  transition:opacity .18s ease,transform .18s ease;
}
.nhs.nhs-preset-seo .nhs-typewriter.is-switching b{opacity:0;transform:translateY(3px)}

/* Galaxy stays a visual anchor, but it no longer dominates the first screen. */
.nhs.nhs-preset-seo .nhs-data-visual{
  min-height:clamp(430px,52vh,560px)!important;
}
.nhs.nhs-preset-seo .nhs-seo-galaxy{
  width:min(100%,560px);
  box-shadow:0 28px 74px rgba(0,0,0,.24),inset 0 0 76px rgba(8,126,255,.065),0 0 50px rgba(41,199,255,.065);
}

/* Rail is navigation/progress, not a competing visual object. */
.nhs.nhs-preset-seo .nhs-rail{
  opacity:.66;
  gap:3px;
}
.nhs.nhs-preset-seo .nhs-rail a{
  width:22px;
  height:22px;
}
.nhs.nhs-preset-seo .nhs-rail a::before{width:4px;height:4px}
.nhs.nhs-preset-seo .nhs-rail a[aria-current="true"]{
  box-shadow:0 0 0 1px color-mix(in srgb,var(--nh-accent) 18%,transparent),0 0 14px color-mix(in srgb,var(--nh-accent) 10%,transparent);
}

@media(max-width:1180px){
  .nhs.nhs-preset-seo .nhs-hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(340px,.82fr)!important;
    gap:30px!important;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-copy h1{font-size:clamp(2.85rem,5vw,3.65rem)}
  .nhs.nhs-preset-seo .nhs-data-visual{min-height:430px!important}
  .nhs.nhs-preset-seo .nhs-seo-galaxy{width:min(100%,470px)}
}

@media(max-width:900px){
  .nhs.nhs-preset-seo .nhs-hero{
    min-height:auto!important;
    padding-top:clamp(24px,4.2vh,38px)!important;
    padding-bottom:clamp(34px,5.2vh,50px)!important;
    align-items:start;
  }
  .nhs.nhs-preset-seo .nhs-hero-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-copy{
    width:100%;
    max-width:680px;
    margin-inline:auto;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-copy h1{
    font-size:clamp(2.05rem,7.9vw,2.65rem)!important;
    line-height:1.13!important;
    letter-spacing:-.022em!important;
    max-width:14ch!important;
    margin-inline-start:auto;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-copy .lead{
    font-size:.96rem!important;
    line-height:1.76!important;
    margin-top:14px!important;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-hero-detail{
    font-size:.88rem!important;
    line-height:1.72!important;
    margin-top:8px!important;
  }
  .nhs.nhs-preset-seo .nhs-typewriter{
    margin-bottom:11px;
    min-height:20px;
    gap:6px;
    font-size:8.5px;
    letter-spacing:.085em;
  }
  .nhs.nhs-preset-seo .nhs-typewriter-prefix::after{margin-inline-start:6px}
  .nhs.nhs-preset-seo .nhs-typewriter b{
    min-width:0;
    max-width:min(48vw,21ch);
    font-size:9px;
    letter-spacing:.055em;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
    gap:8px!important;
    margin-top:17px!important;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-actions .nhs-btn{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    padding-inline:10px!important;
    border-radius:14px!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-topic-badges{
    direction:rtl;
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    margin-top:12px;
    padding:1px 1px 4px;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-topic-badges::-webkit-scrollbar{display:none}
  .nhs.nhs-preset-seo .nhs-hero .nhs-topic-badges span{
    direction:ltr;
    flex:0 0 auto;
    scroll-snap-align:start;
    min-height:27px;
    padding:5px 10px;
    font-size:8.8px;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-proof{
    flex-wrap:wrap;
    overflow:visible;
    white-space:normal;
    margin-top:10px;
    gap:6px 12px;
    font-size:10.5px;
  }
  .nhs.nhs-preset-seo .nhs-data-visual{
    min-height:clamp(300px,72vw,352px)!important;
    margin:0!important;
    overflow:visible!important;
  }
  .nhs.nhs-preset-seo .nhs-seo-galaxy{
    width:min(92vw,360px)!important;
  }
  .nhs.nhs-preset-seo .nhs-hero-cinematic>.nhs-cinematic-backdrop img{
    object-position:62% 50%;
  }
  .nhs.nhs-preset-seo .nhs-rail{
    left:auto!important;
    right:3px!important;
    gap:1px!important;
    opacity:.44!important;
    max-height:56svh!important;
  }
  .nhs.nhs-preset-seo .nhs-rail a{
    width:14px!important;
    height:14px!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .nhs.nhs-preset-seo .nhs-rail a::before{width:3px!important;height:3px!important}
  .nhs.nhs-preset-seo .nhs-rail a[aria-current="true"]{width:18px!important;height:18px!important;border-color:var(--nhs-line2)!important;background:color-mix(in srgb,var(--nhs-s1) 82%,transparent)!important}
  .nhs.nhs-preset-seo .nhs-rail a[aria-current="true"]::before{display:block!important;width:5px!important;height:5px!important;background:var(--nh-accent)!important;box-shadow:0 0 10px color-mix(in srgb,var(--nh-accent) 55%,transparent)}
  .nhs.nhs-preset-seo .nhs-rail :is(.nhs-rail-title,.nhs-rail-no){display:none!important}
}

@media(max-width:430px){
  .nhs.nhs-preset-seo .nhs-hero{
    padding-top:22px!important;
    padding-bottom:38px!important;
  }
  .nhs.nhs-preset-seo .nhs-hero-grid{gap:14px!important}
  .nhs.nhs-preset-seo .nhs-hero .nhs-copy h1{
    font-size:clamp(1.92rem,8.25vw,2.18rem)!important;
    line-height:1.14!important;
    max-width:13.6ch!important;
  }
  .nhs.nhs-preset-seo .nhs-hero .nhs-copy .lead{font-size:.92rem!important;line-height:1.72!important}
  .nhs.nhs-preset-seo .nhs-hero .nhs-hero-detail{font-size:.84rem!important;line-height:1.68!important}
  .nhs.nhs-preset-seo .nhs-typewriter-prefix{font-size:8px}
  .nhs.nhs-preset-seo .nhs-typewriter b{font-size:8.5px;max-width:44vw}
  .nhs.nhs-preset-seo .nhs-data-visual{min-height:296px!important}
  .nhs.nhs-preset-seo .nhs-seo-galaxy{width:min(91vw,342px)!important}
}

@media(max-width:359px){
  .nhs.nhs-preset-seo .nhs-hero .nhs-actions{grid-template-columns:1fr!important}
  .nhs.nhs-preset-seo .nhs-hero .nhs-copy h1{max-width:none!important}
  .nhs.nhs-preset-seo .nhs-typewriter-prefix{display:none}
  .nhs.nhs-preset-seo .nhs-typewriter b{max-width:100%}
}

@media(prefers-reduced-motion:reduce){
  .nhs.nhs-preset-seo .nhs-typewriter b{transition:none!important}
}