@import url("../../shared/design-system/v0.4/tokens.css");
@import url("../../shared/design-system/v0.4/utilities.css");

html,body{margin:0;background:var(--pw-bg);color:var(--pw-ink)}
#pw-help-hero{
  overflow:hidden;
  background:var(--pw-bg);
  color:var(--pw-ink);
  font-family:var(--pw-font-sans);
  font-kerning:normal;
  text-rendering:optimizeLegibility
}
#pw-help-hero *{box-sizing:border-box}
#pw-help-hero .pw-wrap{
  width:min(calc(100% - (var(--pw-gutter)*2)),var(--pw-content-max));
  margin:0 auto
}
#pw-help-hero .pw-hero{
  padding:108px 0 86px;
  border-bottom:1px solid var(--pw-line)
}
#pw-help-hero .pw-eyebrow{
  margin-bottom:34px;
  color:var(--pw-subtle);
  font-size:var(--pw-type-label);
  line-height:1.25;
  text-transform:uppercase;
  letter-spacing:var(--pw-track-label);
  font-weight:var(--pw-weight-label)
}
#pw-help-hero .pw-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.7fr);
  gap:72px;
  align-items:end
}
#pw-help-hero h1,
#pw-help-hero p{margin-top:0}
#pw-help-hero h1{
  margin-bottom:0;
  max-width:880px;
  font-size:clamp(56px,6.4vw,92px);
  line-height:var(--pw-leading-display);
  letter-spacing:var(--pw-track-display);
  overflow-wrap:break-word
}
#pw-help-hero .pw-hero-copy p{
  margin-bottom:26px;
  max-width:600px;
  color:var(--pw-muted);
  font-size:20px;
  line-height:1.58
}
#pw-help-hero .pw-signals{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
#pw-help-hero .pw-signals span{
  border:1px solid var(--pw-line);
  border-radius:999px;
  background:var(--pw-surface);
  padding:8px 11px;
  color:var(--pw-muted);
  font-size:12px;
  line-height:1.2;
  letter-spacing:var(--pw-track-chip);
  font-weight:var(--pw-weight-chip)
}
html[lang="ru"] #pw-help-hero h1{
  max-width:760px;
  font-size:clamp(46px,4.7vw,70px);
  line-height:1.03;
  text-wrap:balance
}
@media(min-width:901px){
  html[lang="ru"] #pw-help-hero .pw-hero-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);
    gap:54px
  }
}
@media(max-width:900px){
  #pw-help-hero .pw-hero{padding:96px 0 72px}
  #pw-help-hero .pw-hero-grid{grid-template-columns:1fr;gap:34px}
  #pw-help-hero .pw-hero-copy p{max-width:700px}
}
@media(max-width:620px){
  #pw-help-hero .pw-hero{padding:78px 0 54px}
  #pw-help-hero .pw-eyebrow{margin-bottom:26px}
  #pw-help-hero h1{font-size:clamp(44px,14vw,66px)}
  html[lang="ru"] #pw-help-hero h1{font-size:clamp(40px,12.8vw,60px)}
  #pw-help-hero .pw-hero-copy p{font-size:17px;line-height:1.56}
  #pw-help-hero .pw-signals span{font-size:11px}
}