/* BLINKBUN v3.16.2 Home Quality + Perceived Performance */
html[data-v3162-home-quality="active"]{--v3162-gap:18px;--v3162-radius:22px;--v3162-border:rgba(93,185,232,.22);--v3162-panel:rgba(7,21,35,.86)}
html[data-v3162-home-quality="active"] .v3162-home-root{box-sizing:border-box}
html[data-v3162-home-quality="active"] .v3162-home-section{box-sizing:border-box;margin-top:var(--v3162-gap)!important;margin-bottom:var(--v3162-gap)!important}
/* First viewport: never wait for a reveal animation to make useful content visible. */
html[data-v3162-home-quality="active"] .v3162-immediate,
html[data-v3162-home-quality="active"] .v3162-immediate *{animation-delay:0s!important}
html[data-v3162-home-quality="active"] .v3162-home-hero{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;min-height:0!important}
html[data-v3162-home-quality="active"] .v3162-home-hero>*,
html[data-v3162-home-quality="active"] .v3162-home-section[data-v3162-section-index="1"]{opacity:1!important;visibility:visible!important;transform:none!important}
/* Hero: cleaner vertical rhythm and a stronger single search action. */
html[data-v3162-home-quality="active"] .v3162-home-hero{padding:clamp(28px,4vw,48px)!important;border-radius:24px!important;overflow:hidden}
html[data-v3162-home-quality="active"] .v3162-home-hero h1{max-width:820px;margin-left:auto!important;margin-right:auto!important;line-height:1.06!important;letter-spacing:-.035em}
html[data-v3162-home-quality="active"] .v3162-home-hero h1+p{max-width:820px;margin-left:auto!important;margin-right:auto!important;line-height:1.65!important}
html[data-v3162-home-quality="active"] .v3162-home-search-wrap{width:100%!important;max-width:980px!important;margin-left:auto!important;margin-right:auto!important}
html[data-v3162-home-quality="active"] .v3162-home-search{width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
html[data-v3162-home-quality="active"] .v3162-home-search input{min-width:0!important}
/* The screenshot showed Radar/Watch occupying only the left half. Force the CTA row to use the whole available axis. */
html[data-v3162-home-quality="active"] .v3162-home-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;max-width:980px!important;margin:18px auto 0!important;align-items:stretch!important}
html[data-v3162-home-quality="active"] .v3162-home-actions>a,
html[data-v3162-home-quality="active"] .v3162-home-actions>article,
html[data-v3162-home-quality="active"] .v3162-home-actions>div{min-width:0!important;width:auto!important;max-width:none!important;height:100%!important;margin:0!important}
/* Consistent card polish across existing home sections; data and DOM semantics stay untouched. */
html[data-v3162-home-quality="active"] .v3162-card-section article{box-sizing:border-box}
html[data-v3162-home-quality="active"] .v3162-home-section{scroll-margin-top:92px}
html[data-v3162-home-quality="active"] .v3162-home-section h2{letter-spacing:-.025em;line-height:1.18}
/* Below-fold rendering: browser can skip paint/layout work until the section approaches the viewport. */
@supports(content-visibility:auto){
  html[data-v3162-home-quality="active"] .v3162-lazy-section{content-visibility:auto;contain-intrinsic-size:auto 620px}
}
/* Keep dynamic cards from causing obvious horizontal reflow. */
html[data-v3162-home-quality="active"] .v3162-home-section img{max-width:100%;height:auto}
@media(max-width:900px){
  html[data-v3162-home-quality="active"] .v3162-home-hero{padding:26px 22px!important}
  html[data-v3162-home-quality="active"] .v3162-home-actions{grid-template-columns:1fr 1fr!important}
}
@media(max-width:640px){
  html[data-v3162-home-quality="active"]{--v3162-gap:12px}
  html[data-v3162-home-quality="active"] .v3162-home-hero{padding:22px 15px!important;border-radius:18px!important}
  html[data-v3162-home-quality="active"] .v3162-home-hero h1{font-size:clamp(34px,11vw,48px)!important}
  html[data-v3162-home-quality="active"] .v3162-home-actions{grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}
  @supports(content-visibility:auto){html[data-v3162-home-quality="active"] .v3162-lazy-section{contain-intrinsic-size:auto 520px}}
}
@media(prefers-reduced-motion:reduce){html[data-v3162-home-quality="active"] *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}