/* Shared presentation for the current How it works, Features and Legal guides pages. */
.refresh-page{--rp-navy:#0B1B33;--rp-gold:#C7AD7B;--rp-bronze:#927345;--rp-cream:#F5F1E8;--rp-paper:#FBFAF7;--rp-line:#DED7C9;--rp-muted:#566378;overflow:clip;background:var(--rp-paper);color:var(--rp-navy)}
.refresh-page *{box-sizing:border-box}
.refresh-page .rp-container{width:min(1240px,calc(100% - clamp(40px,7vw,96px)));margin-inline:auto}
.refresh-page .rp-section{padding-block:clamp(56px,7vw,108px)}
.refresh-page .rp-hero{padding-block:clamp(40px,5.5vw,84px) clamp(56px,6vw,92px);background:var(--rp-paper)}
.refresh-page .rp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:clamp(28px,5vw,76px)}
.refresh-page .rp-hero-grid>*{min-width:0}
.refresh-page .rp-kicker{display:inline-block;margin:0 0 26px;font-size:12px;line-height:1.5;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:#79633D}
.refresh-page .rp-kicker::after{content:'';display:block;height:1px;background:currentColor;max-width:100%;margin-top:16px;transform-origin:left;animation:rp-draw 1.3s cubic-bezier(.2,.7,.2,1) both}
.refresh-page .rp-heading{font-family:var(--sans,Inter,Arial,sans-serif);font-size:clamp(2.7rem,4.6vw,4.6rem);line-height:1.04;letter-spacing:-.055em;font-weight:500;font-style:normal;margin:0 0 26px;text-wrap:balance}
.refresh-page .rp-accent{color:var(--rp-bronze)}
.refresh-page .rp-title{font-family:var(--sans,Inter,Arial,sans-serif);font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.12;letter-spacing:-.04em;font-weight:500;font-style:normal;margin:0 0 20px;text-wrap:balance}
.refresh-page .rp-copy{font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.75;max-width:53ch;color:var(--rp-muted);margin:0 0 25px}
.refresh-page .rp-small{font-size:13px;line-height:1.65;color:var(--rp-muted);margin:12px 0 0}
.refresh-page .rp-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:28px}
.refresh-page .rp-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;min-width:0;padding:13px 22px;border:1px solid var(--rp-navy);border-radius:10px;background:var(--rp-navy);color:#fff;font:550 14px/1.45 var(--sans,Inter,Arial,sans-serif);text-align:center;text-decoration:none;white-space:normal;cursor:pointer;transition:background .2s,color .2s,border-color .2s;box-shadow:none}
.refresh-page .rp-button:hover{background:#21385A;border-color:#21385A;color:#fff;text-decoration:none}
.refresh-page .rp-button-gold{background:var(--rp-gold);border-color:var(--rp-gold);color:var(--rp-navy)}
.refresh-page .rp-button-gold:hover{background:#DBC495;border-color:#DBC495;color:var(--rp-navy)}
.refresh-page .rp-button-outline{background:transparent;border-color:#B9AD98;color:var(--rp-navy)}
.refresh-page .rp-button-outline:hover{background:#EFE9DC;border-color:var(--rp-bronze);color:var(--rp-navy)}
.refresh-page .rp-button-light{background:var(--rp-paper);border-color:var(--rp-paper);color:var(--rp-navy)}
.refresh-page .rp-button-light:hover{background:#EAE1D0;border-color:#EAE1D0;color:var(--rp-navy)}
.refresh-page .rp-button svg{width:17px;height:17px;flex:none}
.refresh-page .rp-dark{background:var(--rp-navy);color:#FBFAF7}
.refresh-page .rp-dark :is(.rp-heading,.rp-title){color:#FBFAF7}
.refresh-page .rp-dark :is(.rp-kicker,.rp-accent){color:var(--rp-gold)}
.refresh-page .rp-dark :is(.rp-copy,.rp-small){color:#C9D1DC}
.refresh-page .rp-dark .rp-button-outline{color:#FBFAF7;border-color:#8290A2}
.refresh-page .rp-dark .rp-button-outline:hover{background:#21385A;color:#FBFAF7;border-color:var(--rp-gold)}
.refresh-page .rp-cream{background:var(--rp-cream)}
.refresh-page .rp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:40px}
.refresh-page .rp-section-head>.rp-copy{max-width:38ch;margin-bottom:3px}
.refresh-page .rp-section-head .rp-title{margin-bottom:0}
.refresh-page .rp-rule{height:1px;border:0;background:var(--rp-line);margin:0}
.refresh-page :is(a,button,summary,input):focus-visible{outline:2px solid #927345;outline-offset:4px}
.refresh-page .rp-dark :is(a,button,summary,input):focus-visible{outline-color:#C7AD7B}
.refresh-page [id]{scroll-margin-top:120px}
.refresh-page summary{cursor:pointer;min-height:44px}
.refresh-page [data-rp-scene]{animation-play-state:paused}
.refresh-page [data-rp-scene][data-rp-visible=true]{animation-play-state:running}
.refresh-page [data-rp-scene]:not([data-rp-visible=true]) *,.refresh-page [data-rp-scene]:not([data-rp-visible=true]) *::before,.refresh-page [data-rp-scene]:not([data-rp-visible=true]) *::after,.refresh-page [data-rp-scene]:not([data-rp-visible=true])::before,.refresh-page [data-rp-scene]:not([data-rp-visible=true])::after{animation-play-state:paused!important}
.refresh-page:not(.rp-enhanced) [data-rp-scene],.refresh-page:not(.rp-enhanced) [data-rp-scene] *,.refresh-page:not(.rp-enhanced) [data-rp-scene] *::before,.refresh-page:not(.rp-enhanced) [data-rp-scene] *::after{animation:none!important}
.refresh-page.rp-enhanced [data-rp-reveal].rp-in-view{animation:rp-arrive .8s cubic-bezier(.18,.75,.22,1) both}
.refresh-page[data-rp-background=true] *,.refresh-page[data-rp-background=true] *::before,.refresh-page[data-rp-background=true] *::after{animation-play-state:paused!important}
.refresh-page [hidden]{display:none!important}
@keyframes rp-arrive{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes rp-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.refresh-page .rp-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}.refresh-page .rp-hero-grid>.rp-hero-copy{max-width:680px}.refresh-page .rp-heading{font-size:clamp(2.7rem,7.5vw,4.5rem)}.refresh-page .rp-section-head{display:block}.refresh-page .rp-section-head>.rp-copy{margin-top:20px;max-width:58ch}}
@media(max-width:540px){.refresh-page .rp-container{width:calc(100% - 40px)}.refresh-page .rp-hero{padding-top:36px}.refresh-page .rp-heading{font-size:clamp(2.3rem,10.3vw,3.4rem);letter-spacing:-.045em}.refresh-page .rp-title{font-size:clamp(1.9rem,7vw,2.4rem)}.refresh-page .rp-kicker{font-size:11px;margin-bottom:22px}.refresh-page .rp-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}.refresh-page .rp-actions>.rp-button{width:100%;height:100%}.refresh-page .rp-button{padding-inline:18px}.refresh-page .rp-section-head{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.refresh-page *,.refresh-page *::before,.refresh-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.refresh-page [data-rp-reveal]{opacity:1!important;transform:none!important}}
@media print{.refresh-page *,.refresh-page *::before,.refresh-page *::after{animation:none!important;box-shadow:none!important}.refresh-page [data-rp-reveal]{opacity:1!important;transform:none!important}.refresh-page .rp-section{padding-block:24px}}

/* Keep existing footer words readable when text is enlarged. */
body:has(.refresh-page) .site-footer .footer-grid>*{min-width:0}
body:has(.refresh-page) .site-footer .brand-name{min-width:0;white-space:normal;overflow-wrap:anywhere}
body:has(.refresh-page) .site-footer :is(a,h4,p){overflow-wrap:anywhere}
