/* Additional responsive safety rules */
img{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important}.marquee div{animation:none!important}.service-tile,.price-card,.full-price-card,.guest-card,.btn{transition:none!important}}@media(max-width:900px){.home-blog-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-head-side{justify-self:start}.main-nav>a,.nav-drop-btn{padding-left:6px;padding-right:6px}}
@media(max-width:680px){.home-blog-grid,.blog-grid{grid-template-columns:1fr}.home-blog-image,.blog-card-image{height:215px}.home-blog-empty{grid-template-columns:55px 1fr}.home-blog-empty>a{grid-column:2}.blog-hero{padding:135px 0 75px}.blog-empty{padding:35px 25px}.blog-empty h2{font-size:34px}.blog-detail-hero{padding:125px 0 65px}.blog-back{margin-bottom:35px}.blog-detail-head h1{font-size:48px}.blog-detail-head>p{font-size:17px}.blog-content-wrap{padding-top:50px;padding-bottom:70px}.blog-content{font-size:16px}.blog-content h2{font-size:30px}.blog-content h3{font-size:25px}.blog-detail-cta h2{font-size:37px}}
@media(max-width:680px){.home-hero{min-height:0;padding-top:110px}.home-hero .hero-grid{padding-bottom:35px}.marquee{margin-top:5px}.guest-card,.guest-card.big{min-height:150px;padding-left:72px}}


@media(max-width:980px){
  .hero-visual{height:510px}
  .s2-dashboard-wrap{min-height:500px;max-width:620px;margin:0 auto}
  .fc-one{left:0}.fc-two{right:0}
  .audit-box{grid-template-columns:1fr;gap:30px}
}
@media(max-width:680px){
  .hero-visual{height:430px;margin-top:8px}
  .s2-dashboard-wrap{min-height:420px}
  .dashboard-card{padding:20px;inset:50px 0 auto}
  .chart{height:180px}
  .fc-one{left:5px;top:12px}.fc-two{right:5px;bottom:5px}
  .dash-metrics strong{font-size:16px}.hero-watermark{font-size:380px}
  .audit{padding:70px 0}
  .audit-box{padding:35px 24px;border-radius:28px}
  .audit-box h2{font-size:42px}
  .audit-form{border-radius:20px;display:block}
  .audit-form input[type="url"]{width:100%;height:52px;padding:0 12px}
  .audit-black-btn{width:100%;justify-content:center;padding:15px 18px}
}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}}

/* ===== Hostinger deployment layout stabilization ===== */
/* Collapse the large desktop navigation before it starts crowding. */
@media (max-width: 1024px){
  .nav-wrap{min-height:68px}
  .menu-toggle{display:block}
  .main-nav{
    position:absolute;top:68px;left:24px;right:24px;
    background:#111;border:1px solid #333;
    display:none;flex-direction:column;align-items:stretch;
    padding:12px;max-height:calc(100vh - 88px);overflow:auto;
    box-shadow:0 24px 60px rgba(0,0,0,.42)
  }
  .main-nav.open{display:flex}
  .main-nav>a,.nav-drop-btn{font-size:14px;padding:13px;text-align:left;width:100%}
  .nav-cta{display:block}
  .nav-dropdown{width:100%}
  .nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel{opacity:0;visibility:hidden;transform:none}
  .nav-dropdown.open .dropdown-panel{display:block;opacity:1;visibility:visible;transform:none}
  .dropdown-panel{position:static;width:100%;display:none;box-shadow:none;margin-top:4px;padding:18px}
  .dropdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}

/* Prevent the five-column process block and hero from becoming too tight. */
@media (min-width:901px) and (max-width:1100px){
  .page-home .process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-grid{gap:34px}
  .hero-copy h1{font-size:clamp(58px,7vw,78px)}
  .feature-grid{gap:55px}
}

@media (max-width:900px){
  .home-hero{padding-top:110px}
  .hero-grid{gap:28px}
  .hero-copy h1{font-size:clamp(52px,9vw,72px)}
  .hero-visual{height:500px}
  .feature-image{height:clamp(360px,58vw,500px)}
  .feature-grid,.guest-grid{gap:42px}
  .page-home .reviews-carousel{margin-right:0;padding-right:0;max-width:100%}
  .price-card,.full-price-card{min-width:0}
}

@media (max-width:680px){
  html,body{max-width:100%;overflow-x:hidden}
  .main-nav{left:15px;right:15px}
  .dropdown-grid{grid-template-columns:1fr}
  .home-hero{min-height:0;padding-top:100px}
  .home-hero .hero-grid{padding-bottom:26px}
  .hero-copy h1{font-size:clamp(45px,14vw,58px);line-height:.95}
  .hero-copy>p{font-size:17px}
  .hero-visual{height:420px;margin-top:0}
  .s2-dashboard-wrap{min-height:400px}
  .dashboard-card{inset:46px 0 auto;padding:18px;border-radius:22px}
  .dash-metrics{gap:10px}
  .float-card{max-width:145px}
  .section{padding:64px 0}
  .section-head h2,.split h2{font-size:clamp(38px,11vw,45px)}
  .feature-image{height:340px}
  .feature-copy h2,.team-feature h2,.form-layout h2{font-size:clamp(36px,10vw,44px)}
  .guest-copy h2{font-size:clamp(46px,13vw,58px)}
  .audit-box{padding:34px 22px;border-radius:24px}
  .audit-box h2{font-size:clamp(36px,11vw,42px)}
  .page-home .review-card{flex-basis:92%;height:auto;min-height:255px}
  .footer-top{gap:30px}
}