/* Compact mobile homepage. Desktop and other pages retain their layout. */
.mobile-compact-hero{display:none}
@media(max-width:820px){
 .home-page .legacy-top-inner{min-height:62px;gap:12px;padding-top:5px;padding-bottom:5px}
 .home-page .legacy-logo,.home-page .legacy-logo img{width:70px}
 .home-page .legacy-menu-btn{width:42px;height:42px;border-radius:12px;font-size:22px}
 .home-page .oldschool-hero{min-height:0;background:#071723}
 .home-page .oldschool-hero>.hero-image-layer,.home-page .oldschool-hero>.hero-overlay{display:none}
 .home-page .oldschool-hero-grid{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);gap:34px;padding:0 0 26px}
 .home-page .oldschool-hero-copy{display:none}
 .home-page .mobile-compact-hero{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:560px;margin:0 auto;padding:14px 18px 12px;color:#fff;background:radial-gradient(ellipse at 95% 0%,#163c50 0%,#071723 65%)}
 .compact-eyebrow{font:700 9px/1.3 Arial,sans-serif;letter-spacing:1.1px;color:#78d8ff;white-space:normal}
 .home-page .mobile-compact-hero h1{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-size:clamp(30px,8.8vw,40px);font-weight:900;line-height:.98;letter-spacing:-.6px;margin:0;color:white;text-transform:uppercase}
 .mobile-compact-hero h1 span{color:#36c6f3}
 .compact-hero-photo{position:relative;isolation:isolate;margin:0;overflow:hidden;border-radius:16px;border:1px solid #335465;background:#102b3b}
 .home-page .compact-hero-photo>img{display:block;width:100%;height:clamp(126px,22svh,176px);object-fit:cover;object-position:61% 39%;margin:0}
 .compact-hero-photo:after{content:'';position:absolute;inset:50% 0 0;z-index:1;background:linear-gradient(transparent,rgba(3,17,28,.9));pointer-events:none}
 .compact-hero-photo figcaption{position:absolute;left:12px;bottom:10px;z-index:2;display:flex;align-items:center;gap:7px;color:#fff;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.6px}
 .compact-live-dot{width:7px;height:7px;border-radius:50%;background:#63eca6;box-shadow:0 0 0 4px #63eca622}
 .home-page .mobile-compact-hero>p{font:400 13px/1.45 Arial,sans-serif;color:#d8e5ed;margin:0}
 .compact-benefits{display:flex;flex-wrap:wrap;gap:5px 14px;font:600 10px/1.4 Arial,sans-serif;color:#b5d9e9}
 .compact-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .compact-actions>a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:10px 8px;border-radius:12px;font:700 14px/1.2 Arial,sans-serif;text-decoration:none;color:#fff;box-shadow:0 5px 14px #0002}
 .compact-actions .compact-call{background:linear-gradient(135deg,#19bdea,#057baa)}
 .compact-actions .compact-whatsapp{background:#168c53;border:1px solid #32b574}
 .compact-whatsapp img{width:18px;height:18px;object-fit:contain}
 .compact-proof{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 8px;font:400 11px/1.4 Arial,sans-serif;color:#d8e5ed}
 .compact-stars{color:#ffc34e;letter-spacing:1px;font-size:13px}
 .compact-work-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:28px;color:#8adcf9;font:700 12px/1.3 Arial,sans-serif}
 .compact-actions a:focus-visible,.compact-work-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
 .home-page .callback-card{width:calc(100% - 32px);max-width:528px;margin:4px auto 0;padding:38px 20px 24px}
 .home-page .sticky-mobile-cta{padding-bottom:env(safe-area-inset-bottom,0px);background:#071723}
 .home-page .sticky-mobile-cta a{padding:13px 10px;font-size:14px}
 .home-page{padding-bottom:calc(50px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:820px) and (max-height:680px){
 .home-page .mobile-compact-hero{gap:8px;padding-top:10px;padding-bottom:8px}
 .home-page .compact-hero-photo>img{height:126px}
 .home-page .mobile-compact-hero h1{font-size:30px}
}