/* RogueX Media design polish 2026-10-16: readability, rhythm, consistent cards/buttons, focus states */
:root{--muted:#b7c2d6}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
p{line-height:1.65}
/* readable minimum sizes */
.section-badge,.section-label,.eyebrow,.hero-proof,.breadcrumb,.contact-card small,.form-guarantee,.form-group label,.form-note,.file-note,.footer-bottom,.feature p,.guarantee,.clean-list li,.center-note,.hero-card-note,.legal-note p,.contact-line small,.check-option,.service-checks legend{font-size:13px}
.section-header>p,.section-heading>p,.service-card p,.extra-card p,.benefit-card p{font-size:15px;line-height:1.65}
.btn{font-size:14px;min-height:48px;padding:12px 20px}
/* admin-support: industry grid + process row */
.industry{font-size:14px;line-height:1.35}
.process-grid p{font-size:15px;line-height:1.6}
.process-grid h3{font-size:20px}
.step-number{font-size:14px}
/* consistent card hover + keyboard focus */
.service-card,.extra-card,.benefit-card,.industry,.feature{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.benefit-card:hover,.industry:hover{border-color:rgba(0,255,157,.42)}
.service-card:hover,.extra-card:hover,.benefit-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.28)}
a:focus-visible,button:focus-visible,summary:focus-visible,.yt-facade:focus-visible{outline:3px solid var(--cyan,#06b6d4);outline-offset:3px;border-radius:8px}
.yt-facade img{transition:transform .35s ease}
.yt-facade:hover img{transform:scale(1.03)}
/* mobile rhythm */
@media (max-width:639px){.section{padding:64px 0}.section-header,.section-heading{margin-bottom:28px}.hero-buttons .btn{flex:1 1 200px}}
@media (prefers-reduced-motion:reduce){.yt-facade:hover img,.btn:hover,.service-card:hover,.extra-card:hover{transform:none}}
/* Logo: show the full logo, never cropped (2026-10-16) */
.brand-frame,.footer-brand{width:auto!important;overflow:visible!important}
.brand-frame picture,.footer-brand picture{display:block;height:100%}
.brand-frame img,.footer-brand img{width:auto!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain}
.brand-frame{height:66px!important}
.footer-brand{height:76px!important}
@media (min-width:900px){.brand-frame{height:80px!important}.footer-brand{height:84px!important}}