/* The source loop has a black canvas and intentional copy space. */
.cashback-hero{position:relative;isolation:isolate;display:block;min-height:780px;padding-block:170px 110px}
.cashback-hero>div:first-child{position:relative;z-index:2;width:46%;max-width:600px}
.cashback-hero h1{font-size:clamp(48px,5.5vw,80px)}
.cashback-art{position:absolute;z-index:0;inset:90px calc(-1 * var(--site-gutter)) 25px 50%;pointer-events:none;overflow:hidden;mask-image:linear-gradient(#000 88%,transparent);background:#000;border:0;border-radius:0}
.cashback-art video{width:100%;height:100%;object-fit:cover;object-position:60% center;mask-image:linear-gradient(90deg,transparent,#000 12%)}
.cashback-motion{position:absolute;z-index:3;right:12px;bottom:40px;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #667987;background:#09131ccf;color:#fff;font-size:18px;cursor:pointer}
.cashback-motion[hidden]{display:none}.cashback-motion:focus-visible{outline:2px solid #90cdec;outline-offset:5px}
/* Stack copy and portrait artwork before the desktop columns become cramped. */
@media(max-width:1000px){
 .cashback-hero{min-height:0;padding-block:120px 32px}
 .cashback-hero>div:first-child{width:100%;max-width:580px}
 .cashback-art{position:relative;inset:auto;width:calc(100% + 2 * var(--site-gutter));height:clamp(440px,85vw,700px);margin:28px calc(-1 * var(--site-gutter)) 0}
 .cashback-art video{width:110%;max-width:none;margin-left:5%;object-fit:cover;object-position:center 68%;mask-image:linear-gradient(transparent,#000 24%)}
 .cashback-motion{bottom:28px;right:0}
}
@media(max-width:480px){.cashback-hero h1{font-size:48px}}
.cashback-table{min-width:540px}
.cashback-table th:first-child{width:24%}
.cashback-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:42px 32px;padding:0;margin:0}
.cashback-steps li{border-top:1px solid #344450;padding-top:24px}
.cashback-steps span{font-size:12px;color:#92aabc}
.cashback-steps h3{font-size:26px;line-height:1.12;font-weight:400;letter-spacing:-.035em;margin:24px 0 18px}
.cashback-steps p{line-height:1.65;color:#b8c5d0}
.cashback-steps a,.cashback-editorial a{color:#d7e9f4;text-decoration:underline;text-underline-offset:4px}
.cashback-terms-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}
.cashback-editorial{position:sticky;top:110px}
.cashback-editorial h2{font-size:clamp(34px,3.5vw,52px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:22px 0}
.cashback-editorial p{color:#b8c5d0;line-height:1.7;margin-bottom:20px}
.cashback-terms details>div>p{color:#b8c5d0;font-size:15px;line-height:1.7;margin-bottom:18px}
.cashback-terms{width:100%;max-width:100%;margin:0}
.cashback-terms .funding-table-wrap{margin:20px 0}
.cashback-terms .funding-table{min-width:460px}
.cashback-terms .funding-table th,.cashback-terms .funding-table td{padding:20px 14px;font-size:14px}
.cashback-terms-layout>*{min-width:0}
#cashback-terms,#cashback-account,#cashback-tiers,#how-it-works{scroll-margin-top:110px}
.cashback-hero .button-row{flex-wrap:wrap}
@media(max-width:1000px){.cashback-terms-layout{grid-template-columns:1fr;gap:32px}.cashback-editorial{position:static;max-width:650px}}
@media(max-width:800px){.cashback-steps{grid-template-columns:1fr 1fr}.offer-account dd{font-size:17px}.offer-account dt{font-size:14px}}
@media(max-width:500px){.cashback-steps{grid-template-columns:1fr}.offer-account{padding:24px}.offer-account dl>div{gap:14px}.offer-account dd{white-space:normal;text-align:right}}
/* Match the primary and secondary account hero controls at every breakpoint. */
body[data-page="cashback"] .cashback-banner .button {min-height:48px;padding:13px 22px;border:1px solid transparent;line-height:1.2}
body[data-page="cashback"] .cashback-banner .button.outline {border-color:#757575}