/* Conversion-focused mobile refinements */
.mobile-cta{display:none}
@media (max-width:800px){
  body{padding-bottom:64px;-webkit-tap-highlight-color:transparent}.cursor-glow{display:none}.topbar{position:sticky;top:0}.topbar .brand{flex-shrink:0}.hero{min-height:690px}.hero-title{font-size:clamp(43px,13.4vw,59px);line-height:.98;letter-spacing:-2.6px}.hero-bottom p{max-width:330px}.scroll-hint{display:none}.section-heading h2,.statement h2,.brief h2{letter-spacing:-2px}.price-card{min-height:0;padding:25px}.price-card h3{margin-top:45px}.price-card p{min-height:0}.extras span{width:100%}.lead-form input,.lead-form select,.lead-form textarea{min-height:48px;font-size:16px}.lead-form textarea{padding-top:12px}.lead-form label{gap:6px}.lead-form .package-choice{display:flex!important;visibility:visible!important;opacity:1!important;order:0}.lead-form .package-choice select{display:block!important;visibility:visible!important;opacity:1!important}.submit-button{min-height:56px}.modal{align-items:end;padding:0}.modal-card{max-width:none;width:100%;padding:34px 24px 28px;border-radius:20px 20px 0 0}.modal h2{font-size:34px}.modal-brief{min-height:56px;align-items:center}.modal-button{min-height:42px}.mobile-cta{position:fixed;z-index:12;display:flex;bottom:0;left:0;right:0;min-height:64px;align-items:center;justify-content:space-between;padding:0 21px;background:#171a23;color:#fff;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 -7px 25px rgba(16,18,25,.13)}.mobile-cta span{font-size:20px;color:#ceff3b}.hero-art{pointer-events:none}.faq summary{font-size:16px;line-height:1.35}.brief-assurance{margin-top:30px}.metrics{grid-template-columns:repeat(3,1fr)}.metrics strong{font-size:31px}.metrics span{display:block;line-height:1.25}.flow-destination,.flow-source{padding:14px 12px}.flow-destination b{font-size:8px}.brand-mark{width:22px;height:22px}.brand{gap:8px}a,button,summary,input,select,textarea{touch-action:manipulation}}
@media (hover:none){.button:hover,.submit-button:hover{background:var(--ink);transform:none}.submit-button:hover{background:var(--blue)}.price-card:hover{transform:none}.step:hover{padding-left:0;background:transparent}}
@media (max-width:380px){.topbar{padding-left:16px;padding-right:16px}.header-cta{font-size:10px}.hero{min-height:665px}.price-card h3{font-size:22px}.mobile-cta{padding:0 16px}}

/* Mobile hero: preserve the desktop art direction without letting it cover the CTA. */
@media (max-width:800px){
  body{padding-bottom:0}
  .mobile-cta{display:none!important}
  .hero{min-height:840px}
  .hero-art{width:390px;height:365px;right:-42px;bottom:-28px;opacity:.95}
  .lead-card{right:45px;top:45px;transform:scale(.68) rotate(7deg);transform-origin:center}
  .lead-card.float{animation:mobile-lead-float 7s ease-in-out infinite}
  .lead-card .success-dot{animation:lead-status-pulse 2.8s ease-in-out infinite}
  .orb-one{width:330px;height:330px;bottom:-145px}
  .orb-two{width:145px;height:145px;right:170px;bottom:30px}
  .label-a{left:7px;bottom:62px;transform:scale(.9) rotate(-6deg);transform-origin:left bottom}
  .label-b{display:block;right:68px;bottom:96px;transform:scale(.78) rotate(4deg);transform-origin:right bottom}
}
@keyframes mobile-lead-float{50%{transform:scale(.70) rotate(7deg) translateY(-7px)}}
@keyframes lead-status-pulse{50%{transform:scale(1.35);box-shadow:0 0 0 7px rgba(206,255,59,.16)}}
