.page-hero__title{
  margin:0 0 clamp(12px,2vw,16px);
  max-width:880px;
  text-align:left;
}
.page-hero__media{
  display:flex;
  align-items:center;
  justify-content:center;
}
.page-hero__body{
  min-width:0;
}
.page-hero__main{
  display:grid;
  gap:18px;
}
.page-hero__content{
  line-height:1.7;
}
.page-hero__content p{
  margin:0 0 10px;
}
.page-hero__actions{
  display:grid;
}
.page-hero__cta{
  width:100%;
  min-width:0;
}
@media (max-width:767px){
  .page-hero__shell{
    grid-template-columns:1fr;
    padding:14px;
    border-radius:22px;
    text-align:center;
  }
  .page-hero__title{
    text-align:center;
    margin-inline:auto;
  }
  .page-hero__media{
    max-width:180px;
    margin-inline:auto;
  }
  .page-hero__actions{
    grid-template-columns:1fr;
  }
}
.page-hero__shell{
  border-color:var(--surface-panel-border);
}
.page-hero{
  border-color:rgba(14,122,102,.14);
}
.page-hero__sub, .page-hero__text{
  color:#3a5248;
}
.page-hero__logo-card, .page-hero__media{
  background:linear-gradient(145deg,#ffffff,var(--dk777-cream,#fff9e9));
  border-color:rgba(214,163,52,.42);
  box-shadow:0 14px 32px rgba(6,55,47,.10);
}
.page-hero{
  margin:clamp(16px,2vw,28px) 0 var(--section-gap);
}
.page-hero__shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,320px);
  gap:clamp(22px,3.6vw,54px);
  align-items:center;
  padding:clamp(28px,4vw,54px);
  color:#ffffff;
  background:radial-gradient(circle at 0 0,rgba(123,99,164,.28),transparent 30%), linear-gradient(135deg,var(--dk-layout-ink,#070a21),var(--dk-layout-ink-3,#151d3d));
  border:1px solid rgba(255,255,255,.12);
  border-radius:0;
  box-shadow:0 22px 60px rgba(7,10,33,.18);
}
.page-hero__shell.is-text-only{
  grid-template-columns:1fr;
}
.page-hero__body{
  order:1;
}
.page-hero__media{
  order:2;
  justify-self:end;
  width:min(100%,320px);
  border-radius:28px;
}
.page-hero__title{
  font-size:clamp(2.3rem,4.5vw,5rem);
  line-height:1.12;
  letter-spacing:-.055em;
  font-weight:520;
  text-shadow:none;
}
.page-hero__content{
  max-width:880px;
  color:rgba(255,255,255,.84);
  font-size:clamp(1rem,1.2vw,1.18rem);
}
.page-hero__actions{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:clamp(12px,1.6vw,22px);
}
.page-hero__cta{
  min-height:54px;
  border-radius:999px;
}
@media (max-width:900px){
  .page-hero__shell{
    grid-template-columns:1fr;
    text-align:center;
  }
  .page-hero__media{
    justify-self:center;
    order:1;
    width:min(68vw,300px);
  }
  .page-hero__body{
    order:2;
  }
  .page-hero__actions{
    margin-inline:auto;
  }
}
@media (max-width:767px){
  .page-hero__shell{
    padding:24px 18px;
  }
  .page-hero__actions{
    grid-template-columns:1fr;
  }
}
.page-hero, .page-hero-official, .entry .page-hero{
  margin:0 0 var(--section-gap);
  padding:clamp(22px,3.5vw,46px);
}
.page-hero :is(h1,.entry-title){
  font-size:clamp(2rem,4vw,4.35rem);
  line-height:1.08;
  letter-spacing:-.05em;
  text-shadow:0 16px 42px rgba(0,0,0,.30);
}
.page-hero :is(p,.page-hero__text,.page-hero__sub){
  font-size:clamp(1rem,1.3vw,1.22rem);
  line-height:1.75;
}
.page-hero :is(.btn-download,.btn-ios,.btn-bonus){
  min-height:52px;
}
.page-hero, .page-hero-official, .entry .page-hero{
  color:#edf4ff;
  background:radial-gradient(circle at 88% 10%,rgba(255,201,75,.16),transparent 24%), radial-gradient(circle at 10% 0%,rgba(50,230,255,.18),transparent 28%), linear-gradient(135deg,#080d21 0%,#111b3c 58%,#21134d 100%);
  border:1px solid rgba(255,255,255,.15);
  border-radius:32px;
  box-shadow:0 28px 76px rgba(0,0,0,.34);
}
.page-hero :is(h1,.entry-title),.page-hero__title{
  color:#fff;
}
.page-hero :is(p,.page-hero__text,.page-hero__sub,.page-hero__content){
  color:#dce7ff;
}
.page-hero__media{
  border-color:rgba(255,201,75,.34);
}
.page-hero__media{
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
}
.page-hero__logo{
  width:min(100%,320px);
  max-width:320px;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.34));
}
.page-hero__actions{
  width:100%;
}
.page-hero__actions .page-hero__cta{
  width:100%;
  justify-content:center;
}
.page-hero, .page-hero-official, .entry .page-hero{
  margin-top:0;
  margin-bottom:var(--dk-module-gap);
}
.page-hero__actions{
  gap:clamp(12px,1.4vw,18px);
}
@media (max-width:767px){
  .page-hero, .page-hero-official, .entry .page-hero{
    padding:20px 16px;
    border-radius:24px;
  }
}