/* HostCupid technology visual system */
.header .brand,.footer .brand{display:inline-flex!important;align-items:center;background:#17243a!important;padding:8px 12px!important;border-radius:12px!important;flex-shrink:0}
.header .brand img,.footer .brand img{display:block!important;width:190px!important;height:auto!important;max-width:100%;object-fit:contain!important;mix-blend-mode:normal!important;filter:none!important;opacity:1!important;transform:none!important}
.hc10-confidence-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hc-visible-info{padding:24px;background:#fff;color:#17243a;border:1px solid #dce2eb;border-radius:18px;min-width:0}
.hc-visible-info h4{font-size:20px;line-height:1.35;color:#17243a;margin:0 0 12px}
.hc-visible-info p{color:#39475b;line-height:1.7}.hc-visible-info a{color:#aa1235;text-decoration:underline;display:inline-block;margin:5px 12px 0 0}
.hc5-comparison{display:block!important}.hc5-comparison>.section{width:100%;padding-inline:0}
.hc11-figure img,.hc11-card-image{object-fit:contain!important;aspect-ratio:3/2;background:#f8f1e7}
.hc11-hero-art{max-width:680px!important;width:100%;margin-inline:auto}.hc11-hero-art img{width:100%;height:auto!important}
.hc5-hero-image>img{width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.hc10-confidence-grid{grid-template-columns:1fr}.header .brand img,.footer .brand img{width:160px!important}.hc-visible-info{padding:20px}}
@media(prefers-reduced-motion:no-preference){.hc11-card-image{transition:transform .3s ease}.hc5-service-card:hover .hc11-card-image{transform:translateY(-5px)}}

/* HostCupid official logos 20260930 */
body .header .brand,body .footer .brand{background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
body .header .brand img,body .footer .brand img{width:200px!important;height:auto!important;object-fit:contain!important;background:transparent!important}
body .footer{background:#10213b!important;color:#edf3fa!important}
body .footer h3,body .footer p,body .footer span,body .footer a{color:#edf3fa!important}
body .footer a:hover{color:#fff!important;text-decoration:underline}
body .footer .footer-bottom{border-color:#34465e!important}
@media(max-width:700px){body .header .brand img,body .footer .brand img{width:160px!important}}
