.abk{--abk-phone:7rem;z-index:1;position:relative}.abk-inner{align-items:center;display:grid}.abk-visual{grid-area:visual;position:relative}.abk-copy{grid-area:copy;min-width:0}.abk-ctas{grid-area:ctas}.abk-phone{width:var(--abk-phone);aspect-ratio:9/18.6;border-radius:calc(var(--abk-phone)*.17);background:#efeae4}.abk-phone .ap{--ap-w:var(--abk-phone)}.abk-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--fox-orange-dark);margin:0 0 .35rem;font-size:.72rem;font-weight:800;line-height:1.3}.abk-title{color:var(--text-w);margin:0 0 .45rem;font-size:1.06rem;font-weight:800;line-height:1.22}.abk-text{color:var(--text-w2);margin:0;font-size:.875rem;line-height:1.45}.abk--inline{max-width:calc(860px + 2.5rem);margin:0 auto;padding:0 1rem}.abk--inline .abk-inner{grid-template-columns:var(--abk-phone) minmax(0,1fr);background:#fff;border:1px solid #11111112;border-radius:22px;grid-template-areas:"visual copy""ctas ctas";gap:.7rem .85rem;padding:.9rem;box-shadow:0 22px 44px -30px #501e0073}.abk--inline .actas{gap:.5rem .75rem}.abk--inline .actas-btn{min-height:3rem;padding:0 1.25rem;font-size:.98rem}.abk--final{--abk-phone:11rem;text-align:center;background:linear-gradient(135deg,var(--fox-orange-strong),var(--fox-orange-dark));padding:3rem 1.25rem;overflow:hidden}.abk--final .abk-inner{grid-template-areas:"copy""ctas""visual";justify-items:center;gap:1.5rem;max-width:980px;margin:0 auto}.abk--final .abk-eyebrow{color:#ffffffd9}.abk--final .abk-title{color:#fff;margin-bottom:.7rem;font-size:clamp(1.6rem,4.6vw,2.3rem);line-height:1.12}.abk-accent{color:#ffe2c2}.abk--final .abk-text{color:#ffffffe6;max-width:34rem;margin:0 auto;font-size:1rem}.abk--final .abk-ctas{justify-content:center;width:100%;max-width:26rem}.abk--final .abk-phone{background:#ffffff29}@media (width<=820px){html:not(.is-desktop) .foxup-app:has(.abk)>.footer{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}@media (width>=768px){.abk{--abk-phone:9rem}.abk--inline{padding:0 1.5rem}.abk--final .abk-inner,.abk--inline .abk-inner{grid-template-rows:1fr auto auto 1fr;grid-template-areas:"visual.""visual copy""visual ctas""visual."}.abk--inline .abk-inner{gap:0 1.75rem;padding:1.4rem 1.75rem 1.4rem 1.4rem}.abk--inline .abk-title{font-size:1.4rem}.abk--inline .abk-text{font-size:.95rem}.abk--inline .abk-ctas{margin-top:1.1rem}.abk--final{--abk-phone:13rem;text-align:left;padding:4rem 1.5rem}.abk--final .abk-inner{grid-template-columns:22rem minmax(0,1fr);justify-items:start;gap:0 3rem}.abk--final .abk-visual{justify-self:center;margin-right:7.5rem}.abk--final .abk-text{margin:0}.abk--final .abk-ctas{justify-content:flex-start;max-width:none;margin-top:1.6rem}}
