/* Google ana sayfasıyla aynı hero başlık sistemi */
body.site-pro .pro-hero{
  min-height:680px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background:#07152d!important
}

body.site-pro .pro-hero-grid{
  width:min(1180px,calc(100% - 48px))!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 540px!important;
  gap:52px!important;
  align-items:center!important;
  padding-block:72px 92px!important
}

body.site-pro .pro-hero-copy{
  min-width:0!important
}

body.site-pro .pro-breadcrumb{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 38px!important;
  color:#9aabc4!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  flex-wrap:wrap!important
}

body.site-pro .pro-breadcrumb a,
body.site-pro .pro-breadcrumb a:visited{
  color:#c9d6e9!important;
  text-decoration:none!important
}

body.site-pro .pro-breadcrumb a:hover{
  color:#fff!important
}

body.site-pro .pro-hero h1{
  max-width:780px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(38px,3.3vw,50px)!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
  font-weight:700!important;
  text-wrap:pretty!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  text-shadow:none!important
}

body.site-pro .pro-hero-copy>p{
  max-width:730px!important;
  margin:26px 0 0!important;
  color:#c4d1e3!important;
  font-size:18px!important;
  line-height:1.78!important;
  font-weight:500!important
}

body.site-pro .pro-hero-actions{
  gap:12px!important;
  margin-top:34px!important
}

body.site-pro .pro-button{
  min-height:52px!important;
  padding-inline:21px!important;
  border-radius:7px!important;
  font-size:14px!important
}

body.site-pro .pro-hero-note{
  width:100%!important;
  max-width:540px!important;
  justify-self:end!important
}

@media(max-width:1050px){
  body.site-pro .pro-hero{
    min-height:auto!important
  }

  body.site-pro .pro-hero-grid{
    grid-template-columns:1fr!important;
    gap:46px!important;
    padding-block:64px!important
  }

  body.site-pro .pro-hero-note{
    justify-self:start!important;
    max-width:680px!important
  }
}

@media(max-width:640px){
  body.site-pro .pro-hero-grid{
    width:calc(100% - 28px)!important;
    padding-block:44px 72px!important
  }

  body.site-pro .pro-breadcrumb{
    margin-bottom:27px!important
  }

  body.site-pro .pro-hero h1{
    font-size:33px!important;
    line-height:1.14!important;
    letter-spacing:-.025em!important
  }

  body.site-pro .pro-hero-copy>p{
    font-size:15px!important;
    line-height:1.75!important
  }
}