/* Harbor app look: shared surface polish for product landing pages (2026-11-10). Sidebar/nav structure untouched. */
html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}
body{overscroll-behavior-y:none}
.btn-primary,.btn-secondary,.btn,.nav-cta,.sidebar-cta{transition:transform .1s,box-shadow .15s,background .15s,color .15s}
.btn-primary:active,.btn:active,.sidebar-cta:active,.nav-cta:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){
  .mobile-nav,body>nav:not(.sidebar){padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px)}
  .container{padding-left:20px!important;padding-right:20px!important;padding-bottom:calc(60px + env(safe-area-inset-bottom))!important}
  .hero{padding-top:28px!important;padding-bottom:20px!important}
  .hero-sub{font-size:17px!important;line-height:1.55!important;margin-bottom:28px!important}
  .hero-actions,.hero-ctas{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .hero-actions a,.hero-ctas a,.hero-actions button,.hero-ctas button{display:flex!important;align-items:center;justify-content:center;text-align:center;min-height:52px;border-radius:14px!important;padding:12px 20px!important;font-size:15px!important;width:100%;box-sizing:border-box}
  .btn-primary{border-radius:14px!important;box-shadow:0 6px 16px rgba(26,36,32,.18)}
  .btn-secondary,.btn-ghost{border:1.5px solid var(--border-2,var(--border))!important}
  .section{padding:32px 0!important}
  .steps-grid,.features,.pricing-cards{gap:12px!important;background:none!important;border:0!important}
  .step,.feature,.pricing-card,.privacy-card,.industry-card{border-radius:16px!important;border:1px solid var(--border-soft,var(--border))!important;background:var(--surface,#fff)!important;box-shadow:0 1px 2px rgba(26,36,32,.05),0 8px 22px rgba(26,36,32,.06)!important}
  .hero-tag{margin-bottom:16px!important}
  body>nav:not(.sidebar){flex-wrap:nowrap!important;padding-left:16px!important;padding-right:16px!important}
  body>nav:not(.sidebar) .nav-links{flex-wrap:nowrap!important}
  body>nav:not(.sidebar) .nav-links a:not(.nav-cta){display:none}
}