/* Rookie Card Factory branding and responsive improvements */
.nav .brand{display:flex;align-items:center;gap:12px;min-width:0}
.nav .brand .brand-logo{width:74px;height:74px;object-fit:contain;flex-shrink:0}
.nav .brand .brand-mark{display:none}
.brand-words{line-height:1.2}
.rcf-logo-accent{display:block;width:clamp(100px,16vw,165px);height:auto;object-fit:contain;margin:0 auto 22px}
.rcf-section-logo{display:block;width:110px;height:auto;object-fit:contain;margin:0 auto 16px}
footer .rcf-footer-logo{width:100px;height:auto;object-fit:contain;display:block;margin:0 auto 12px}
footer{text-align:center}
@media(max-width:700px){html,body{max-width:100%;overflow-x:hidden} .nav{gap:8px;flex-wrap:wrap} .nav .brand .brand-logo{width:58px;height:58px}.nav .brand-words{font-size:15px}.hero,.hero-copy,.section,.form-shell{min-width:0;max-width:100%;box-sizing:border-box}.hero h1,.hero p,.section h2,.form-shell h1{overflow-wrap:break-word;max-width:100%}.hero h1{font-size:clamp(36px,9vw,64px);line-height:1.06}.hero-copy p{font-size:clamp(15px,4vw,19px)}.hero .button{max-width:100%;box-sizing:border-box}.rcf-logo-accent{width:112px}.navlinks{min-width:0}}

/* Branding v2 — mobile-first overrides */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:clip}
.nav .brand{display:flex!important;align-items:center!important;gap:10px!important}
.nav .brand-logo{display:block!important;width:78px!important;height:78px!important;object-fit:contain!important;max-width:none!important}
.nav .brand-words{display:none!important}
.rcf-logo-accent{display:block!important;width:150px!important;max-width:40vw!important;height:auto!important;margin:0 0 22px!important}
.rcf-section-logo{display:block;width:112px;height:auto;object-fit:contain;margin:0 auto 22px}
.rcf-footer-logo{display:block!important;width:130px!important;height:auto!important;margin:0 auto 14px!important}
.hero,.hero-copy,.hero-card,.section,.nav,main{min-width:0;max-width:100%}
.hero h1,.hero p,.section h2{overflow-wrap:normal}
@media(max-width:760px){
 .nav{padding:14px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}
 .nav .brand-logo{width:75px!important;height:75px!important}
 .navlinks{display:flex!important;min-width:0!important}
 .navlinks>a:not(.button){display:none!important}
 .navlinks .button{white-space:nowrap!important;font-size:13px!important;padding:12px 14px!important}
 .hero{display:flex!important;flex-direction:column!important;padding:40px 20px 65px!important;gap:32px!important;width:100%!important}
 .hero-copy{width:100%!important;max-width:100%!important;min-width:0!important}
 .hero h1{font-size:clamp(36px,8.7vw,58px)!important;line-height:1.08!important;letter-spacing:-.035em!important;max-width:100%!important}
 .hero .lead{font-size:17px!important;line-height:1.6!important;max-width:100%!important}
 .hero .eyebrow{font-size:11px!important;letter-spacing:.11em!important;white-space:normal!important}
 .hero .actions{display:flex!important;flex-wrap:wrap!important;gap:16px!important}
 .hero .actions .button{max-width:100%!important}
 .hero-card{width:100%!important;max-width:420px!important;min-height:380px!important;margin:0 auto!important;transform:none!important}
 .section{padding-left:20px!important;padding-right:20px!important}
 .step-grid,.pricing-grid{grid-template-columns:1fr!important}
 .rcf-logo-accent{width:122px!important;max-width:34vw!important}
 .promise-strip{flex-wrap:wrap!important}
}