/* Published Webflow styles for /join/card-reader (shared stylesheet styleseat.shared.e50ada0a5 + page embeds), scoped to this page. */
/* Base element rules apply inside <main> only, so the shared header/footer keep their verified styling. */
.card-reader-page main{margin:0}
.card-reader-page main section{display:block}
.card-reader-page [hidden]{display:none}
.card-reader-page main a{background-color:#0000}
.card-reader-page main a:active,.card-reader-page main a:hover{outline:0}
.card-reader-page main b{font-weight:700}
.card-reader-page main h1{margin:.67em 0;font-size:2em}
.card-reader-page main img{border:0}
.card-reader-page main svg:not(:root){overflow:hidden}
.card-reader-page *{box-sizing:border-box}
.card-reader-page main{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}
.card-reader-page main img{vertical-align:middle;max-width:100%;display:inline-block}
.card-reader-page main h1,.card-reader-page main h2,.card-reader-page main h3{margin-bottom:10px;font-weight:700}
.card-reader-page main h1{margin-top:20px;font-size:38px;line-height:44px}
.card-reader-page main h2{margin-top:20px;font-size:32px;line-height:36px}
.card-reader-page main h3{margin-top:20px;font-size:24px;line-height:30px}
.card-reader-page main p{margin-top:0;margin-bottom:10px}
.card-reader-page main ul{margin-top:0;margin-bottom:10px;padding-left:40px}
.card-reader-page main{--background-green:#002918;--white:#fff;--black:#050505;--dark-purple:#1c0d55;--neon:#cdf545;--purple:#cec2ff;--purple-tertiary:#836ae9;--green-secondary:#f2ffd9;--purple-secondary:#3313b3;--light-purple:#f7f4ff;--light-green:#fbfff3;--forest-green:#4c8d36;--red:#f02b2b;--ss-ink:#121111;--ss-navy:#1b0f4f;--ss-lime:#cdf545;--ss-indigo:#3313b3;--ss-hero-muted:#ddd6ff;--ss-ink-muted:#494948;--ss-surface-alt:#f7f7f9;--ss-surface-tint:#f3f0ff;--ss-hairline:#e8e4f5;--ss-max:1440px}
.card-reader-page main{background-color:var(--background-green);color:var(--white);font-family:'Landing Poppins',sans-serif;font-size:1rem;font-weight:400;line-height:150%}
.card-reader-page main h1{margin-top:20px;margin-bottom:10px;font-size:3rem;font-weight:700;line-height:120%}
.card-reader-page main h2{color:var(--black);margin-top:20px;margin-bottom:10px;font-size:2.25rem;font-weight:700;line-height:120%}
.card-reader-page main h3{margin-top:20px;margin-bottom:10px;font-size:1.5rem;font-weight:700;line-height:120%}
.card-reader-page main p{margin-bottom:0}
.card-reader-page .inline-div-0{color:#121111;background-color:#fff;min-width:320px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}
.card-reader-page .cr-tick{background-color:var(--ss-indigo);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:13px;font-weight:700;display:flex}
.card-reader-page .cr-btn-1{color:#121111;background-color:#cdf545;border-radius:10px;justify-content:center;align-items:center;padding:18px 34px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}
.card-reader-page .cr-btn-1.cr-indigo-fill{color:#fff;background-color:#3313b3}
.card-reader-page .cr-hero-1{background-image:linear-gradient(135deg,#3313b3 0%,#5b3fe0 100%)}
.card-reader-page .cr-band{max-width:1440px;margin:0 auto;padding:88px clamp(20px,5vw,80px)}
.card-reader-page .cr-band-hero{max-width:1440px;margin:0 auto;padding:80px clamp(20px,5vw,80px)}
.card-reader-page .cr-band-stats{max-width:1440px;margin:0 auto;padding:56px clamp(20px,5vw,80px)}
.card-reader-page .cr-grid2{grid-column-gap:48px;grid-row-gap:48px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;display:grid}
.card-reader-page .cr-stack{grid-column-gap:22px;grid-row-gap:22px;flex-direction:column;align-items:flex-start;display:flex}
.card-reader-page .cr-pill-1{color:#fff;letter-spacing:.1em;text-transform:uppercase;background-color:#ffffff29;border-radius:999px;align-items:center;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}
.card-reader-page .cr-eyebrow-1{color:#3313b3;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}
.card-reader-page .cr-h1-1{color:#fff;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(40px,5.6vw,68px);font-weight:700;line-height:1.02}
.card-reader-page .cr-lime-1{color:#cdf545}
.card-reader-page .cr-lead-onbrand{color:#ddd6ff;text-wrap:pretty;max-width:520px;margin:0;font-size:19px;line-height:1.5}
.card-reader-page .cr-micro-1{color:#ddd6ff;font-size:13px;line-height:1.4}
.card-reader-page .cr-heromedia{justify-content:center;display:flex;position:relative}
.card-reader-page .cr-heroimg{width:100%;max-width:380px;height:auto;margin-left:auto;margin-right:auto;display:block}
.card-reader-page .cr-proof-1{grid-column-gap:4px;grid-row-gap:4px;background-color:#fff;border-radius:16px;flex-direction:column;padding:18px 22px;display:flex;position:absolute;bottom:-18px;left:-18px;box-shadow:0 12px 32px #12111138}
.card-reader-page .cr-proof-lbl{color:#356326;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}
.card-reader-page .cr-proof-v{color:#121111;letter-spacing:-.04em;font-family:'Landing Space Grotesk',sans-serif;font-size:30px;font-weight:700;line-height:1}
.card-reader-page .cr-proof-m{color:#494948;font-size:13px;line-height:1.4}
.card-reader-page .cr-stats-1{background-color:#f7f7f9}
.card-reader-page .cr-statgrid{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}
.card-reader-page .cr-stat{grid-column-gap:8px;grid-row-gap:8px;text-align:center;flex-direction:column;display:flex}
.card-reader-page .cr-statv{color:#3313b3;letter-spacing:-.04em;font-size:clamp(40px,4.6vw,60px);font-weight:700;line-height:1}
.card-reader-page .cr-statl{color:#494948;font-size:14px;line-height:1.4}
.card-reader-page .cr-h2-1{color:#121111;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(30px,4.4vw,48px);font-weight:700;line-height:1.08}
.card-reader-page .cr-h2-onbrand{color:#fff;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(32px,4.6vw,56px);font-weight:700;line-height:1.04}
.card-reader-page .cr-sub-1{color:#494948;text-wrap:pretty;max-width:620px;margin:0;font-size:16px;line-height:1.55}
.card-reader-page .cr-sub-onbrand{color:#ddd6ff;text-wrap:pretty;max-width:620px;margin:0;font-size:16px;line-height:1.55}
.card-reader-page .cr-photo{border-radius:18px;width:100%;display:block}
.card-reader-page .cr-list-1{grid-column-gap:14px;grid-row-gap:14px;background-color:#f3f0ff;border-radius:20px;margin:0;padding:32px;list-style:none;display:grid}
.card-reader-page .cr-listitem{grid-column-gap:12px;grid-row-gap:12px;align-items:flex-start;font-size:15px;font-weight:500;line-height:1.5;display:flex}
.card-reader-page .cr-tick-1{flex:none;margin-top:2px}
.card-reader-page .cr-glassgrid{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}
.card-reader-page .cr-glassgrid.inline-div-0{background-color:#4a2dce;margin-top:40px}
.card-reader-page .cr-glass-1{grid-column-gap:10px;grid-row-gap:10px;background-color:#ffffff14;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;padding:28px;display:flex}
.card-reader-page .cr-glass-e{color:#cdf545;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}
.card-reader-page .cr-glass-t{color:#fff;letter-spacing:-.03em;margin:0;font-size:24px;font-weight:700;line-height:1.15}
.card-reader-page .cr-glass-b{color:#ddd6ff;margin:0;font-size:15px;line-height:1.6}
.card-reader-page .cr-price-1{grid-column-gap:24px;grid-row-gap:24px;background-color:#f3f0ff;border-radius:20px;flex-direction:column;padding:40px;display:flex}
.card-reader-page .cr-pricerow{grid-column-gap:10px;grid-row-gap:10px;align-items:flex-end;display:flex}
.card-reader-page .cr-pricefig{color:#3313b3;letter-spacing:-.04em;font-family:'Landing Space Grotesk',sans-serif;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1}
.card-reader-page .cr-pricesub{color:#3313b3;padding-bottom:8px;font-size:20px;font-weight:500;line-height:1.4}
.card-reader-page .cr-caption{color:#494948;font-size:14px;line-height:1.4}
.card-reader-page .cr-rule{background-color:#e8e4f5;height:1px}
.card-reader-page .cr-plain{grid-column-gap:14px;grid-row-gap:14px;grid-template-columns:1fr;grid-auto-flow:row;margin:0;padding:0;list-style:none;display:grid}
.card-reader-page .cr-plainitem{color:var(--black);font-size:15px;font-weight:500;line-height:1.5}
.card-reader-page .cr-faqwrap{width:100%;max-width:800px;margin:0 auto}
.card-reader-page .cr-faqwrap.inline-div-0{margin-top:28px}
.card-reader-page .cr-faq{border-bottom:1px solid #e8e4f5;padding:20px 0}
.card-reader-page .cr-faq-q-1{color:#121111;margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.3}
.card-reader-page .cr-faq-a-1{color:#494948;max-width:680px;margin:0;font-size:15px;line-height:1.6}
.card-reader-page .cr-cta{grid-column-gap:24px;grid-row-gap:24px;text-align:center;background-image:linear-gradient(135deg,#3313b3 0%,#5b3fe0 100%);border-radius:28px;flex-direction:column;align-items:center;padding:clamp(40px,6vw,80px);display:flex}
.card-reader-page .cr-center{grid-column-gap:28px;grid-row-gap:28px;text-align:center;flex-direction:column;align-items:center;display:flex}
.card-reader-page .cr-alt{background-color:#f7f7f9}
.card-reader-page .cr-white{background-color:#fff}
.card-reader-page .text-span-14,.card-reader-page .text-span-15,.card-reader-page .text-span-16,.card-reader-page .text-span-17{color:var(--black)}
.card-reader-page .join-sticky-cta{z-index:60;color:#121111;background-color:#fff;border-top:1px solid #e8e4f5;font-family:'Landing Poppins',sans-serif;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,.7,.2,1);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #12111114}
.card-reader-page .join-sticky-cta-in{max-width:1440px;padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-left:auto;margin-right:auto;padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px);display:flex}
.card-reader-page .join-sticky-cta-t{color:#494948;font-size:13px;line-height:24px}
.card-reader-page .join-sticky-cta-btn{color:#fff;white-space:nowrap;background-color:#3313b3;border-radius:8px;justify-content:center;align-items:center;padding:12px 20px;font-family:'Landing Poppins',sans-serif;font-size:15px;font-weight:600;line-height:24px;text-decoration-line:none;display:flex}
.card-reader-page .join-sticky-cta-btn:hover{opacity:.9}
.card-reader-page .join-sticky-cta-btn:focus-visible{outline-offset:3px;outline:2px solid #3313b3}
.card-reader-page .join-sticky-cta-b{color:#121111;font-weight:700}
@media screen and (max-width:991px){.card-reader-page main h1{font-size:2.5rem}
.card-reader-page main h2{box-sizing:border-box;font-size:2rem}
}
@media screen and (max-width:767px){.card-reader-page main h2{font-size:1.7rem;line-height:130%}
.card-reader-page main p{font-size:1rem}
.card-reader-page .join-sticky-cta-in{gap:10px}
.card-reader-page .join-sticky-cta-t{text-align:center;flex:100%}
.card-reader-page .join-sticky-cta-btn{width:100%}
}
@media screen and (max-width:479px){.card-reader-page main h1{font-size:2rem;line-height:130%}
.card-reader-page main h2{font-size:1.6rem;line-height:130%}
.card-reader-page main p{font-size:.9rem}
.card-reader-page main li{margin-bottom:5px;font-size:.8rem;line-height:140%}
}
/* Page embeds */
.card-reader-page main{margin:0;font-family:'Landing Poppins',system-ui,sans-serif;color:#121111;-webkit-font-smoothing:antialiased}
.card-reader-page main a{color:#3313B3}
.card-reader-page main a:hover{text-decoration:underline}
.card-reader-page .js-footer-link:hover{color:#CDF545;text-decoration:none}
.card-reader-page .js-burger-bar{transition:transform .25s cubic-bezier(.2,.7,.2,1),opacity .2s ease}
@media (max-width:767px){.card-reader-page .js-nav{display:none}
.card-reader-page .js-header-right .js-nav-link{display:none}
}
@keyframes ssFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.card-reader-page .cr-heroimg{animation:ssFloat 6s cubic-bezier(.2,.7,.2,1) infinite}
@media (prefers-reduced-motion:reduce){.card-reader-page .cr-heroimg{animation:none}
}
@media (max-width:767px){
.card-reader-page .cr-band,.card-reader-page .cr-band-hero{padding-top:56px;padding-bottom:56px}
.card-reader-page .cr-band-stats{padding-top:40px;padding-bottom:40px}
.card-reader-page .cr-grid2{gap:32px}
.card-reader-page .cr-heromedia{flex-direction:column;align-items:stretch}
.card-reader-page .cr-proof-1{position:static;margin-top:16px;box-shadow:0 2px 12px rgba(203,203,203,.5)}
.card-reader-page .cr-price-1{padding:28px}
.card-reader-page .cr-list-1{padding:24px}
.card-reader-page .cr-btn-1{width:100%}
}
@media (prefers-reduced-motion:reduce){.card-reader-page .join-sticky-cta{transition:none}
}
/* Sticky trial bar: the managed runtime owns visibility through [hidden]; keep the published slide-in. */
.card-reader-page .join-sticky-cta[hidden]{display:block;transform:translateY(110%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s linear .3s}
.card-reader-page .join-sticky-cta:not([hidden]){visibility:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s}
@media (prefers-reduced-motion:reduce){.card-reader-page .join-sticky-cta{transition:none!important}
}
/* The source script reserves 16px plus the bar height under the footer. */
.card-reader-page .js-footer{padding-bottom:calc(89px + env(safe-area-inset-bottom,0px))}
@media screen and (max-width:767px){.card-reader-page .js-footer{padding-bottom:calc(123px + env(safe-area-inset-bottom,0px))}
}
/* Narrow phones: auto-fit grids with >=240px minima are already one column below 480px; minmax(0,1fr) and min-width:0 stop overflow. */
@media screen and (max-width:479px){.card-reader-page .inline-div-0{min-width:0}
.card-reader-page .cr-grid2{grid-template-columns:minmax(0,1fr)}
.card-reader-page .cr-glassgrid{grid-template-columns:minmax(0,1fr)}
}