/* Fifteenth homepage remix, slice: security box + CTA footer. Linked ONLY from the Home page head.
   JS builds .rx-sec inside section.home-security and .rx-foot inside div.footer (both children of .footer-section),
   MOVING the live links (sign-up, Calendly book-link, mailto, socials, Privacy/Terms/Trust, legal) so hrefs + tracking stay.
   Originals hidden. Page column like every section: x = max(pad, (100% - 1184)/2). Desktop from 992px. */
.home-security{padding:0!important;margin:0!important;background:transparent!important;height:auto!important;min-height:0!important;overflow:visible!important}
.home-security:has(.rx-sec)>:not(.rx-sec){display:none!important}
.footer:has(.rx-foot){padding:0!important;height:auto!important;min-height:0!important;position:relative!important;top:auto!important;bottom:auto!important}
/* live site pins .footer (sticky, z1) under .home-security (z2) as a reveal; the taller remix footer would sit under the box, so scroll normally */
.footer:has(.rx-foot)>:not(.rx-foot){display:none!important}

.rx-sec,.rx-foot{width:100%;max-width:100%;min-width:0;align-self:stretch;box-sizing:border-box;--rx-pad:max(20px,5.6vw);--rx-max:1184px;font-size:clamp(15px,4.1vw,17px);line-height:1.45}
.rx-sec-in,.rx-foot-in,.rx-foot-big,.rx-foot-legal{padding-inline:var(--rx-pad);max-width:620px;margin-inline:auto;box-sizing:content-box}

/* security */
.rx-sec{padding:8px 0 64px;color:var(--_base---neutral-700,#131313)}
.rx-sec-box{border-radius:26px;background:#fff;border:1px solid var(--_base---line,#E2E0DB);box-sizing:border-box;padding:24px 22px;display:grid;grid-template-columns:1fr 92px;gap:6px 14px;align-items:start}
.rx-sec-box h3{margin:0;font-size:1.4em;font-weight:500;letter-spacing:-.01em;line-height:1.1;color:inherit;text-wrap:balance}
.rx-sec-box img{grid-row:1/3;grid-column:2;width:92px;height:auto;max-width:none}
.rx-sec-box p{margin:0;color:#3B3A37;font-size:.92em;grid-column:1/-1;text-wrap:pretty}
.rx-sec-badges{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rx-sec-badges span{font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:999px;background:#FBFAF8;box-shadow:inset 0 0 0 1px var(--_base---line,#E2E0DB)}

/* footer */
.rx-foot{position:relative;overflow:hidden;padding:72px 0 0;background:#131313;color:#FBFAF8}
.rx-foot-wave{position:absolute;z-index:0;left:-60%;width:220%;top:8px;opacity:.45;height:auto;pointer-events:none;-webkit-mask-image:linear-gradient(#000 25%,transparent 60%);mask-image:linear-gradient(#000 25%,transparent 60%)}
.rx-foot-in,.rx-foot-big,.rx-foot-legal{position:relative;z-index:1}
.rx-foot h2{margin:0;font-size:clamp(36px,10.6vw,56px);font-weight:500;line-height:1.04;letter-spacing:-.015em;text-wrap:balance;color:inherit}
.rx-foot .rx-hl{color:#131313;background:linear-gradient(90deg,#F4F3FF 0%,#CFCCFF 38%,#CFCCFF 100%) no-repeat left 55%/100% 86%;padding:0 .08em;margin:0 -.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rx-foot-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.rx-foot-ctas .button-new{flex:1 1 auto;margin:0!important}
.rx-foot-help{margin:36px 0 0;font-size:.95em;color:#C9C7C2}
.rx-foot-help a{color:#FBFAF8!important;font-weight:600;text-decoration:none}
.rx-foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:18px}
.rx-foot-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.88em}
.rx-foot-links a{color:#C9C7C2!important;text-decoration:none}
.rx-foot-links a:hover,.rx-foot-help a:hover{text-decoration:underline}
.rx-foot-social{display:flex;gap:14px;align-items:center}
.rx-foot-big{margin-top:44px}
.rx-foot-big svg{display:block;width:100%;height:auto}
.rx-foot-legal{padding-top:22px;padding-bottom:110px}
.rx-foot-legal .footer-legal{margin:0;font-size:11px;line-height:1.5;color:#7E7C77;max-width:none}

@media (min-width:992px){
  .rx-sec,.rx-foot{--rx-pad:48px;font-size:19px}
  .rx-sec-in,.rx-foot-in,.rx-foot-big,.rx-foot-legal{max-width:var(--rx-max)}
  .rx-sec{padding:8px 0 112px}
  .rx-sec-box{grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:48px;row-gap:12px;padding:40px 48px;align-items:center}
  .rx-sec-box h3{grid-column:2}
  .rx-sec-box img{width:132px;grid-column:1;grid-row:1/4;align-self:center;justify-self:center}
  .rx-sec-box p,.rx-sec-badges{grid-column:2}
  .rx-sec-badges{margin-top:8px;gap:8px}
  .rx-sec-badges span{font-size:14px;padding:8px 14px}
  .rx-sec-box p{max-width:40em}
  .rx-sec-box h3{font-size:2.1em}
  .rx-foot{padding-top:128px}
  .rx-foot-wave{left:-10%;width:120%;top:-40px}
  .rx-foot h2{font-size:clamp(56px,5.4vw,78px);max-width:12em}
  .rx-foot-ctas{margin-top:30px}
  .rx-foot-ctas .button-new{flex:0 0 auto}
  .rx-foot-big{margin-top:80px}
  .rx-foot-legal{padding-top:28px;padding-bottom:56px}
}

/* 11/6 v5: "less taxing" highlight now runs the same way as the hero's "ambitious earners" (light at the left, solid Light Iris from 38%). */
/* 11/6 v6: phone security box. The padlock spanned rows 1-2, so the paragraph was pushed below it, leaving a gap
   under the title. Padlock now sits beside the title only (smaller); paragraph and badges follow directly. */
.rx-sec-box{grid-template-columns:1fr 64px;align-items:center;row-gap:10px}
.rx-sec-box img{grid-row:1;width:64px}
.rx-sec-box p{grid-row:2}
.rx-sec-badges{grid-row:3;margin-top:4px}
.rx-sec-badges span{font-size:12px;padding:6px 9px}
@media (min-width:992px){.rx-sec-box{grid-template-columns:132px minmax(0,1fr);row-gap:12px}.rx-sec-box img{grid-row:1/4;width:132px}.rx-sec-badges{margin-top:8px}.rx-sec-badges span{font-size:14px;padding:8px 14px}}

/* 11/6 v7: wordmark is now the live official lockup <img class="footer_logo"> moved in by rx-foot-v3.js. */
.rx-foot-big img{display:block;width:100%;height:auto;max-width:none}

/* 11/6 v8: wave lines overlapped the headline too strongly (Jon). Below 992px the wave is scaled up 220%, so its
   lines reached the headline; now faded out by 120px from the footer top. Desktop: lifted and faded before the headline. */
.rx-foot-wave{opacity:.38;top:-30px;-webkit-mask-image:linear-gradient(#000 0,#000 40px,transparent 130px);mask-image:linear-gradient(#000 0,#000 40px,transparent 130px)}
@media (min-width:992px){.rx-foot-wave{opacity:.42;top:-70px;-webkit-mask-image:linear-gradient(#000 15%,transparent 44%);mask-image:linear-gradient(#000 15%,transparent 44%)}}