@import url("./styles-base.css");

/* CopierPilot public layout consistency — laptop/desktop hero rhythm */
.top-note{display:none!important}
.site-header{top:0}

/* Built-for persona chips are navigation, not static labels. */
.audience-strip .audience-links a{font-size:12px;font-weight:650;color:#a6b5be;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);transition:.18s}
.audience-strip .audience-links a:hover{color:var(--text);border-color:var(--brand-border);background:var(--brand-soft);transform:translateY(-1px)}
.audience-strip .audience-links a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}

@media (min-width:1151px){
  .home-hero{min-height:calc(100vh - 78px);min-height:calc(100svh - 78px);padding:clamp(62px,10vh,110px) 0 70px}
  .home-hero-grid{align-items:start}
  .hero-copy{padding-top:0}
  .hero-product{padding-top:8px;padding-bottom:0}

  .page-hero{min-height:calc(100vh - 78px);min-height:calc(100svh - 78px);padding:clamp(62px,10vh,110px) 0 70px}
  .page-hero-grid{align-items:start}
  .page-hero-copy,.page-hero-visual{align-self:start}
  .page-hero-visual{margin-top:6.5px}
}

@media (min-width:851px) and (max-width:1150px){
  .home-hero{min-height:calc(100vh - 78px);min-height:calc(100svh - 78px);padding:clamp(58px,9vh,94px) 0 68px}
  .page-hero{min-height:calc(100vh - 78px);min-height:calc(100svh - 78px);padding:clamp(58px,9vh,94px) 0 68px}
}

/* Browser chrome reduces usable height on laptops; keep the first hero fully comfortable there. */
@media (min-width:851px) and (max-height:820px){
  .home-hero,.page-hero{padding-top:50px;padding-bottom:52px}
}

@media (max-width:850px){
  .top-note{display:none!important}
}