/* Compact mobile layout, shared by every exported route. */
@media(max-width:760px){
 .modern-hero{min-height:0;height:auto;display:block;padding:0 0 66px}
 .modern-hero-copy{width:calc(100% - 40px);min-height:0;padding:112px 0 28px;margin:0 auto;display:block}
 .modern-hero-copy h1{font-size:clamp(1.7rem,7vw,2.1rem);line-height:1.12;letter-spacing:-.03em;margin:14px 0 18px;max-width:22ch}
 .modern-hero-copy>p{font-size:1rem;line-height:1.55;margin:0 0 24px;max-width:35ch}
 .modern-hero>.modern-hero-copy .modern-hero-actions{max-width:none;gap:10px}
 .modern-hero>.modern-hero-copy .modern-hero-actions .modern-button{font-size:.875rem;white-space:normal;line-height:1.3;padding:12px 10px;gap:8px;min-height:46px}
 .modern-hero-meta{position:relative;inset:auto;margin:8px 20px 0;padding:10px 2px}
 .modern-hero-meta span{font-size:.75rem;letter-spacing:0;line-height:1.4}
 .modern-hero-meta strong{font-size:1rem}
 .modern-hero .modern-next{bottom:8px;min-width:44px;min-height:44px;padding:4px}
 .modern-next i{width:30px;height:30px;display:grid;place-items:center}
 /* Use two bars around one exact center for both menu styles. */
 .modern-mobile-menu>summary,.mobile-menu>summary{position:relative;display:block;width:44px;height:44px;padding:0;list-style:none;transform:none}
 .modern-mobile-menu>summary::-webkit-details-marker,.mobile-menu>summary::-webkit-details-marker{display:none}
 .modern-mobile-menu>summary>span,.mobile-menu>summary>span{display:none}
 .modern-mobile-menu>summary::before,.modern-mobile-menu>summary::after,.mobile-menu>summary::before,.mobile-menu>summary::after{content:'';position:absolute;left:11px;top:21px;width:22px;height:2px;border:0;background:currentColor;transform-origin:center;transition:transform .2s,box-shadow .2s}
 .modern-mobile-menu>summary::before,.mobile-menu>summary::before{transform:translateY(-6px);box-shadow:0 6px 0 currentColor}
 .modern-mobile-menu>summary::after,.mobile-menu>summary::after{transform:translateY(6px)}
 .modern-mobile-menu>summary,.mobile-menu>summary{color:#18231f}
 .modern-header-on-hero .modern-mobile-menu>summary{color:#fff}
 .modern-mobile-menu[open]>summary,.mobile-menu[open]>summary{transform:none}
 .modern-mobile-menu[open]>summary::before,.mobile-menu[open]>summary::before{transform:rotate(45deg);box-shadow:none}
 .modern-mobile-menu[open]>summary::after,.mobile-menu[open]>summary::after{transform:rotate(-45deg)}
 .modern-mobile-menu>nav{top:calc(68px + env(safe-area-inset-top));max-height:calc(100svh - 84px - env(safe-area-inset-top));padding:18px 18px calc(30px + env(safe-area-inset-bottom));gap:10px}
 .modern-mobile-menu>nav>a:last-child{margin-top:14px;min-height:48px}
 .mobile-menu>nav{padding:14px 14px calc(26px + env(safe-area-inset-bottom));gap:6px}
 .mobile-menu>nav .mobile-wa{margin-top:14px;justify-content:center;min-height:48px}
 /* Content determines model hero height instead of a 620px inner minimum. */
 .model-hero{min-height:0;height:auto}
 .model-hero-inner{padding:22px 0 40px}
 .model-hero-copy{min-height:0;justify-content:flex-start;padding:32px 0 0}
 .model-hero .model-wordmark-title{margin:16px 0}
 .model-hero .model-wordmark{width:min(230px,66vw);height:64px}
 .model-hero-copy .model-tagline{font-size:.875rem;line-height:1.4;margin:10px 0 0;letter-spacing:.12em}
 .model-hero .model-price{margin-top:24px;padding-top:18px}
 .model-hero-actions{margin-top:22px;gap:10px}
 .model-hero-actions .button{min-height:46px;padding:12px 16px;gap:12px}
 .model-hero-index{display:none}
 .seo-landing-hero{min-height:0;padding-block:40px}
}
@media(max-width:360px){
 .modern-hero>.modern-hero-copy .modern-hero-actions{grid-template-columns:1fr}
 .modern-hero-copy{padding-top:96px}
}