/* V16 marketing primitives: original page copy, illustrations and grids preserved. */
body[data-hyapp-v16]{
 --wx-edge:rgba(100,155,209,.32);--wx-surface:rgba(12,22,39,.92);
 --wx-raised:rgba(18,32,52,.9);--wx-cyan:#6ddcf1;
 min-width:0;overflow-x:clip;-webkit-font-smoothing:antialiased
}
body[data-hyapp-v16] :is(.header,#header,#nav){backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--wx-edge)}
body[data-hyapp-v16] :is(.btn,.btn-primary,.btn-ghost,a[class*=btn]){min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body[data-hyapp-v16] :is(.btn,.btn-primary,.btn-ghost,a[class*=btn]):hover{transform:translateY(-2px)}
body[data-hyapp-v16] :is(.feature-card,.step,.install-card,.screen-card,.tpl-preview){position:relative;border:1px solid color-mix(in srgb,var(--wx-edge) 88%,transparent);border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.10)}
body[data-hyapp-v16] :is(.feature-card,.step,.install-card,.screen-card,.tpl-preview):hover{border-color:color-mix(in srgb,var(--wx-cyan) 55%,transparent)}
body[data-hyapp-v16] :is(.feature-card,.step,.install-card,.screen-card,.tpl-preview) *{min-width:0}
body[data-hyapp-v16] :is(.feature-card,.step,.install-card,.screen-card,.tpl-preview) p{overflow-wrap:anywhere}
body[data-hyapp-v16] :is(.section-title,h1,h2){text-wrap:balance}
body[data-hyapp-v16] :is(a,button,[role=button],input,select,textarea):focus-visible{outline:3px solid var(--wx-cyan);outline-offset:3px}
body[data-hyapp-v16] .comparison{overflow-x:auto;overscroll-behavior-inline:contain}
body[data-hyapp-v16] table{border-spacing:0;border-collapse:separate}
body[data-hyapp-v16] table th{position:sticky;top:0}
@media(max-width:768px){
 body[data-hyapp-v16] :is(.hero,.section,.features,.comparison,.how,.install,.pricing,.cta-section){max-width:100vw}
 body[data-hyapp-v16] :is(.container,.section,.header,.hero){min-width:0}
 body[data-hyapp-v16] :is(.hero-actions,.cta-actions,.hero-btns){display:flex;flex-wrap:wrap;gap:10px}
 body[data-hyapp-v16] :is(.feature-card,.step,.install-card){border-radius:15px}
}
@media(max-width:480px){
 body[data-hyapp-v16] :is(.btn,.btn-primary,.btn-ghost,a[class*=btn]){min-height:46px;max-width:100%;white-space:normal;text-align:center}
 body[data-hyapp-v16] :is(.header-nav,.nav-links){max-width:100%;overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){
 body[data-hyapp-v16] *,body[data-hyapp-v16] *::before,body[data-hyapp-v16] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* V16 accessible comparison matrix: scroll columns locally on phones. */
body[data-hyapp-v16] :is(.comparison-scroll,.table-wrapper,.v16-comparison-scroll){
 display:block;max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible;
 overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;
 scrollbar-width:thin;scrollbar-color:var(--wx-cyan) transparent
}
body[data-hyapp-v16] :is(.comparison-scroll,.table-wrapper,.v16-comparison-scroll) table{max-width:none;min-width:760px}
body[data-hyapp-v16] .v16-comparison-scroll{width:100%;border-radius:15px;border:1px solid var(--wx-edge);margin-inline:auto}
body[data-hyapp-v16="hylibrary-landing"] .hero{overflow:clip}
@media(max-width:600px){
 body[data-hyapp-v16] :is(.comparison-scroll,.table-wrapper,.v16-comparison-scroll){width:100%;max-width:calc(100vw - 26px);margin-inline:auto}
 body[data-hyapp-v16] :is(.comparison-scroll,.table-wrapper,.v16-comparison-scroll) table{width:max-content}
}


/* Decorative animation can extend beyond the root viewport; comparison
   tables remain independently and keyboard scrollable. */
html:has(body[data-hyapp-v16$="-landing"]){overflow-x:clip;max-width:100%}
body[data-hyapp-v16$="-landing"]{overflow-x:clip}
body[data-hyapp-v16] .comparison-scroll:focus-visible,
body[data-hyapp-v16] .v16-comparison-scroll:focus-visible,
body[data-hyapp-v16] .table-wrapper:focus-visible{
 outline:3px solid var(--wx-cyan);outline-offset:3px
}