/* Poi Rewards landing page */
:root {
  --orange: #f9580a;
  --orange-dark: #d84100;
  --ink: #171310;
  --black: #0d0b0a;
  --muted: #706a65;
  --cream: #f6f3ef;
  --line: #ded8d2;
  --white: #fff;
  --radius: 24px;
  --shadow: 0 24px 70px rgba(37, 22, 12, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: "DM Sans", sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img, svg { display: block; max-width: 100%; }
.container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; padding: 10px 16px; background: var(--white); color: var(--ink); transform: translateY(-150%); border-radius: 8px; }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; color: var(--white); transition: background .25s, box-shadow .25s; }
.site-header.scrolled, .site-header.inner-header { background: rgba(13, 11, 10, .92); backdrop-filter: blur(18px); box-shadow: 0 1px rgba(255,255,255,.08); }
.nav-wrap { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: "Manrope", sans-serif; font-size: 19px; letter-spacing: -.5px; white-space: nowrap; }
.brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px 10px 10px 3px; background: var(--orange); color: var(--white); font-weight: 800; transform: rotate(-5deg); box-shadow: 0 8px 24px rgba(249,88,10,.3); }
.brand-logo { width: 38px; height: 38px; border-radius: 10px; object-fit: cover; box-shadow: 0 8px 24px rgba(249,88,10,.25); }
.footer-logo { width: 46px; height: 46px; border-radius: 12px; }
.site-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; }
.site-nav a { position: relative; color: rgba(255,255,255,.68); font-size: 14px; font-weight: 600; transition: color .2s; }
.site-nav a:hover, .site-nav a:focus-visible { color: var(--white); }
.site-nav a::after { content: ""; position: absolute; left: 0; bottom: -7px; width: 0; height: 2px; background: var(--orange); transition: width .2s; }
.site-nav a:hover::after { width: 100%; }
.nav-toggle { display: none; width: 42px; height: 42px; border: 0; background: transparent; padding: 9px; }
.nav-toggle > span:not(.sr-only) { display: block; height: 2px; background: white; margin: 5px 0; transition: .25s; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 14px 21px; border: 0; border-radius: 100px; background: var(--orange); color: var(--white); font-weight: 700; font-size: 14px; box-shadow: 0 12px 25px rgba(249,88,10,.22); transition: transform .2s, background .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); background: #ff6820; box-shadow: 0 16px 30px rgba(249,88,10,.3); }
.button-small { padding: 10px 17px; font-size: 13px; box-shadow: none; }

.hero { position: relative; min-height: 900px; padding-top: 78px; color: var(--white); background: var(--black); overflow: hidden; }
.hero::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 90px; background: var(--cream); clip-path: ellipse(65% 46% at 50% 100%); }
.hero-glow { position: absolute; pointer-events: none; border-radius: 50%; filter: blur(10px); }
.hero-glow-one { right: -12%; top: -18%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(249,88,10,.23), transparent 67%); }
.hero-glow-two { left: 26%; bottom: 0; width: 500px; height: 300px; background: radial-gradient(circle, rgba(249,88,10,.12), transparent 70%); }
.hero-grid { position: relative; z-index: 2; min-height: 660px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 70px; padding-top: 60px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: 1.7px; font-size: 11px; font-weight: 800; color: rgba(255,255,255,.68); }
.eyebrow > span { width: 25px; height: 2px; background: var(--orange); }
.eyebrow.orange { color: var(--orange-dark); }
.light-eyebrow { color: rgba(255,255,255,.65); }
.light-eyebrow > span { background: white; }
h1, h2, h3 { margin: 0; font-family: "Manrope", sans-serif; line-height: 1.04; letter-spacing: -.055em; }
h1 { max-width: 700px; margin-top: 22px; font-size: clamp(55px, 6vw, 82px); }
h1 em, h2 em { color: var(--orange); font-style: normal; }
.hero-lead { max-width: 570px; margin: 28px 0 0; color: rgba(255,255,255,.62); font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 34px; }
.play-badge { display: inline-flex; align-items: center; gap: 12px; min-width: 178px; padding: 10px 18px; background: var(--white); color: var(--black); border-radius: 12px; transition: transform .2s, box-shadow .2s; }
.play-badge:hover { transform: translateY(-2px); box-shadow: 0 15px 35px rgba(0,0,0,.2); }
.play-badge svg { width: 28px; height: 28px; fill: var(--orange); }
.play-badge span { display: flex; flex-direction: column; line-height: 1.05; }
.play-badge small { margin-bottom: 4px; font-size: 9px; letter-spacing: .6px; }
.play-badge strong { font-size: 18px; }
.text-link { display: inline-flex; gap: 9px; align-items: center; color: rgba(255,255,255,.82); font-size: 14px; font-weight: 700; }
.text-link span { color: var(--orange); }
.trust-row { display: flex; align-items: center; gap: 14px; margin-top: 35px; }
.trust-row > div:last-child { display: flex; flex-direction: column; }
.trust-row strong { font-size: 13px; }
.trust-row small { color: rgba(255,255,255,.48); font-size: 11px; }
.avatars { display: flex; padding-left: 8px; }
.avatars span { display: grid; place-items: center; width: 30px; height: 30px; margin-left: -8px; border: 2px solid var(--black); border-radius: 50%; background: #342b27; color: white; font-size: 10px; font-weight: 700; }
.avatars span:nth-child(2) { background: #9a3c16; }.avatars span:nth-child(3) { background: #5e493a; }.avatars span:last-child { background: var(--orange); }

.hero-visual { position: relative; min-height: 610px; display: grid; place-items: center; }
.phone { position: relative; z-index: 3; width: 284px; height: 636px; padding: 8px; border: 2px solid #3c3734; border-radius: 43px; background: #171411; box-shadow: 0 45px 85px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.12); transform: rotate(3deg); }
.phone-screenshot { width: 100%; height: 100%; border-radius: 34px; object-fit: cover; object-position: center top; }
.phone-top { position: absolute; z-index: 5; top: 15px; left: 50%; transform: translateX(-50%); width: 78px; height: 20px; border-radius: 20px; background: #090807; }
.phone-top span { position: absolute; top: 7px; right: 13px; width: 6px; height: 6px; border-radius: 50%; background: #25211e; }
.phone-screen { position: relative; height: 100%; overflow: hidden; padding: 40px 15px 12px; color: #211914; background: #f8f5f2; border-radius: 35px; }
.app-head { display: flex; justify-content: space-between; align-items: center; }
.app-head div { display: flex; flex-direction: column; line-height: 1.3; }
.app-head small { color: #9a918b; font-size: 8px; }.app-head strong { font-size: 13px; }
.app-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: white; background: var(--orange); font-size: 10px; font-weight: 700; }
.balance-card { position: relative; overflow: hidden; height: 122px; margin-top: 16px; padding: 18px; color: white; border-radius: 17px; background: linear-gradient(125deg, #fb6b25, #e84400); box-shadow: 0 15px 24px rgba(249,88,10,.22); }
.balance-card small, .balance-card strong, .balance-card button { position: relative; z-index: 2; display: block; }
.balance-card small { font-size: 8px; opacity: .75; }.balance-card strong { margin-top: 1px; font-size: 24px; }.balance-card strong span { font-size: 9px; opacity: .8; }
.balance-card button { margin-top: 9px; padding: 6px 10px; border: 0; border-radius: 30px; color: var(--orange-dark); background: white; font-size: 7px; font-weight: 800; }
.balance-shine { position: absolute; right: -30px; top: -55px; width: 150px; height: 150px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: inset 0 0 0 25px rgba(255,255,255,.04), inset 0 0 0 50px rgba(255,255,255,.04); }
.app-section-title { display: flex; align-items: center; justify-content: space-between; margin: 17px 2px 9px; font-size: 9px; }
.app-section-title small { color: var(--orange); font-size: 7px; }
.earn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.earn-grid > div { display: grid; grid-template-columns: 26px 1fr; grid-template-rows: auto auto; padding: 9px; border: 1px solid #eee9e5; border-radius: 11px; background: white; box-shadow: 0 5px 15px rgba(35,22,14,.04); }
.earn-grid span { grid-row: span 2; font-size: 17px; }.earn-grid strong { font-size: 7px; }.earn-grid small { color: #9b938d; font-size: 6px; }
.game-row { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 8px; padding: 6px; margin-bottom: 5px; border-radius: 10px; background: white; }
.game { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; color: white; font-family: "Manrope"; font-size: 14px; font-weight: 800; }
.game-one { background: linear-gradient(135deg, #ff9a49, #ea4310); }.game-two { background: linear-gradient(135deg, #543afd, #120f56); }
.game-row div { display: flex; flex-direction: column; }.game-row strong { font-size: 7px; }.game-row small { color: #aaa19b; font-size: 6px; }.game-row b { color: var(--orange); font-size: 7px; }
.app-nav { position: absolute; left: 13px; right: 13px; bottom: 8px; display: flex; justify-content: space-around; padding: 7px; border-radius: 13px; background: white; box-shadow: 0 -5px 18px rgba(20,12,7,.06); }
.app-nav span { display: flex; flex-direction: column; align-items: center; color: #aaa19b; font-size: 10px; line-height: 1; }.app-nav small { margin-top: 3px; font-size: 5px; }.app-nav .active { color: var(--orange); }
.orbit { position: absolute; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; }
.orbit-one { width: 500px; height: 500px; }.orbit-two { width: 380px; height: 380px; border-color: rgba(249,88,10,.16); }
.floating-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: 10px; min-width: 165px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(33,27,23,.85); box-shadow: 0 15px 35px rgba(0,0,0,.3); backdrop-filter: blur(14px); }
.floating-card div { display: flex; flex-direction: column; line-height: 1.3; }.floating-card small { color: rgba(255,255,255,.5); font-size: 8px; }.floating-card strong { font-size: 11px; }
.mini-icon { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; background: rgba(249,88,10,.17); color: var(--orange); }
.points-card { left: 1%; top: 23%; }.reward-card { right: -5%; bottom: 23%; }.reward-card .mini-icon { color: white; background: var(--orange); }
.spark { position: absolute; z-index: 4; color: var(--orange); }.spark-one { left: 9%; bottom: 22%; font-size: 22px; }.spark-two { right: 10%; top: 16%; font-size: 13px; }
.stats-bar { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 32px; padding: 25px 0 55px; border-top: 1px solid rgba(255,255,255,.1); }
.stats-bar > div { display: flex; flex-direction: column; align-items: center; border-right: 1px solid rgba(255,255,255,.1); }
.stats-bar > div:last-child { border: 0; }.stats-bar strong { font: 700 25px "Manrope", sans-serif; }.stats-bar i { color: var(--orange); font-style: normal; }.stats-bar span { color: rgba(255,255,255,.45); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }

.section { padding: 110px 0; }
.section-heading { max-width: 680px; }
.section-heading.centered { margin: 0 auto 55px; text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
h2 { margin-top: 17px; font-size: clamp(40px, 5vw, 62px); }
.section-heading p, .steps-copy > p { max-width: 560px; margin: 22px auto 0; color: var(--muted); }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.feature-card { position: relative; min-height: 470px; overflow: hidden; border-radius: var(--radius); }
.feature-card:nth-child(3) { grid-column: 1 / -1; min-height: 365px; }
.dark-card { color: white; background: #181310; }.orange-card { color: white; background: var(--orange); }.light-card { background: white; border: 0; box-shadow: none; }
.feature-copy { position: relative; z-index: 2; max-width: 54%; padding: 42px; }
.feature-card:nth-child(3) .feature-copy { max-width: 48%; }
.number { position: absolute; top: 35px; right: 0; color: rgba(255,255,255,.2); font: 700 13px "Manrope"; }.light-card .number { color: #c9c0b9; }
.feature-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 65px; border-radius: 13px; background: var(--orange); font-size: 20px; }
.feature-icon.light { background: white; }.feature-icon.soft { color: white; background: #fff0e8; }
.feature-card h3 { max-width: 270px; font-size: 31px; }
.feature-card p { color: rgba(255,255,255,.55); font-size: 14px; }.orange-card p { color: rgba(255,255,255,.78); }.light-card p { color: var(--muted); }
.feature-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 13px; font-weight: 700; }.feature-card a span { color: var(--orange); }.orange-card a span { color: white; }
.mini-phone, .survey-preview { position: absolute; z-index: 2; right: -20px; bottom: -30px; width: 245px; height: 330px; padding: 24px 20px; color: var(--ink); border: 8px solid #29231f; border-radius: 35px 35px 0 0; background: #f8f5f2; box-shadow: -15px 20px 45px rgba(0,0,0,.3); transform: rotate(-4deg); }
.preview-top { font-weight: 800; font-size: 12px; }.preview-games { display: flex; gap: 8px; margin-top: 18px; }.preview-games i { display: grid; place-items: center; width: 55px; height: 70px; border-radius: 9px; background: linear-gradient(135deg,#ff8b42,#e23c08); color: white; }.preview-games i:nth-child(2){background:linear-gradient(135deg,#7155fd,#21165d)}.preview-games i:nth-child(3){background:linear-gradient(135deg,#fac93c,#f16b0d)}
.preview-progress { height: 7px; margin-top: 35px; border-radius: 8px; background: #e5ded8; }.preview-progress span { display: block; width: 70%; height: 100%; border-radius: inherit; background: var(--orange); }.games-preview > small { font-size: 8px; color: var(--muted); }
.survey-preview { right: -5px; display: flex; flex-direction: column; gap: 9px; border-color: white; transform: rotate(3deg); }
.survey-preview > small { color: var(--orange); font-weight: 700; }.survey-preview > strong { margin: 5px 0 12px; font-size: 15px; }.choice { display: flex; justify-content: space-between; padding: 11px; border: 1px solid #e9e2dd; border-radius: 9px; font-size: 10px; }.choice.selected { border-color: var(--orange); background: #fff3ed; }.choice b { color: var(--orange); }.survey-preview button { margin-top: 8px; padding: 10px; border: 0; border-radius: 8px; color: white; background: var(--orange); font-size: 10px; font-weight: 700; }
.offer-stack { position: absolute; z-index: 2; right: 6%; top: 50%; width: 40%; transform: translateY(-50%); }
.offer-stack > div { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 13px; margin: 12px 0; padding: 19px; border: 1px solid #ede7e2; border-radius: 15px; background: #fff; box-shadow: var(--shadow); }.offer-stack > div:nth-child(2) { transform: translateX(35px); }
.light-card .offer-stack > div { box-shadow: none; }
.offer-stack i { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 12px; background: #fff0e8; font-style: normal; }.offer-stack span { display: flex; flex-direction: column; }.offer-stack strong { font-size: 13px; }.offer-stack small { color: var(--muted); font-size: 9px; }.offer-stack b { color: var(--orange); font-size: 13px; }

.steps-section { background: white; }
.steps-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: start; }
.steps-copy { position: sticky; top: 120px; }.steps-copy > p { margin-left: 0; }.steps-copy .button { margin-top: 28px; }
.steps-list { margin: 0; padding: 0; list-style: none; }
.steps-list li { position: relative; display: grid; grid-template-columns: 58px 1fr auto; gap: 22px; padding: 30px 0; border-bottom: 1px solid #e9e4df; }
.steps-list li > span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; color: var(--orange); background: #fff0e8; font: 800 13px "Manrope"; }
.steps-list strong { font: 700 20px "Manrope"; }.steps-list p { max-width: 460px; margin: 6px 0 0; color: var(--muted); font-size: 14px; }.steps-list i { align-self: center; color: #c3b9b2; font-style: normal; }.steps-list li:last-child i { color: var(--orange); }

.rewards-section { background: white; padding-top: 20px; }
.rewards-panel { position: relative; overflow: hidden; display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; min-height: 540px; padding: 70px; color: white; border-radius: 30px; background: #15110f; }
.rewards-glow { position: absolute; left: -150px; bottom: -250px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(249,88,10,.35), transparent 65%); }
.rewards-copy { position: relative; z-index: 2; }.rewards-copy p { color: rgba(255,255,255,.57); }.rewards-copy > small { display: block; margin-top: 20px; color: rgba(255,255,255,.35); font-size: 10px; }
.rewards-cards { position: relative; z-index: 2; min-height: 310px; }
.reward-option { position: absolute; display: grid; grid-template-columns: 45px 1fr auto; grid-template-rows: auto auto; align-items: center; width: 300px; padding: 22px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(255,255,255,.08); backdrop-filter: blur(15px); box-shadow: 0 25px 45px rgba(0,0,0,.24); }
.reward-option > span { grid-row: span 2; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: white; background: var(--orange); font-weight: 800; }.reward-option strong { font-size: 15px; }.reward-option small { color: rgba(255,255,255,.45); font-size: 9px; }.reward-option i { grid-column: 3; grid-row: 1 / 3; color: rgba(255,255,255,.5); font-style: normal; }
.paypal { top: 5px; left: 0; transform: rotate(-5deg); }.litecoin { top: 110px; right: 0; z-index: 2; transform: rotate(4deg); }.coming { left: 30px; bottom: 0; transform: rotate(-2deg); }.litecoin > span { background: #7654ff; }.coming > span { background: #ff7a2f; font-size: 18px; }.paypal > span { background: #ffffff; }.reward-logo { width: 24px; height: 24px; object-fit: contain; }

.testimonials { background: var(--cream); }
.split-heading { max-width: none; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px; }
.rating-block { display: grid; grid-template-columns: auto auto; align-items: center; gap: 0 12px; }.rating-block strong { grid-row: span 2; font: 800 52px "Manrope"; }.rating-block span { color: var(--orange); letter-spacing: 2px; }.rating-block small { color: var(--muted); }
.review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
blockquote { min-height: 260px; margin: 0; padding: 30px; border: 1px solid #e4ddd7; border-radius: 20px; background: white; }
blockquote.featured-review { color: white; background: var(--orange); border-color: var(--orange); transform: translateY(-12px); box-shadow: 0 20px 45px rgba(249,88,10,.18); }
.quote-mark { font: 800 44px Georgia; color: var(--orange); line-height: 1; }.featured-review .quote-mark { color: white; }
blockquote > p { min-height: 90px; margin: 20px 0; font: 600 17px/1.55 "Manrope"; }
blockquote footer { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 10px; }.review-grid footer > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: white; background: #2f2823; font-weight: 700; }.review-grid footer > div { display: flex; flex-direction: column; }.review-grid footer strong { font-size: 12px; }.review-grid footer small { color: var(--muted); font-size: 9px; }.featured-review footer small { color: rgba(255,255,255,.6); }.review-grid footer b { color: var(--orange); font-size: 9px; letter-spacing: 1px; }.featured-review footer b { color: white; }

.faq-section { background: white; }
.faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; }.faq-copy p { margin: 24px 0 8px; color: var(--muted); }.dark-link { color: var(--ink); }
.accordion-item { border-bottom: 1px solid #e6e0db; }
.accordion-item button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 26px 0; border: 0; color: var(--ink); background: transparent; text-align: left; font: 700 17px "Manrope"; }.accordion-item button i { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; color: var(--orange); background: #fff0e8; font-style: normal; }
.accordion-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }.accordion-content p { overflow: hidden; margin: 0; color: var(--muted); font-size: 14px; }.accordion-item.open .accordion-content { grid-template-rows: 1fr; }.accordion-item.open .accordion-content p { padding: 0 45px 25px 0; }

.download-section { padding: 0 0 90px; background: white; }
.download-panel { position: relative; overflow: hidden; display: grid; grid-template-columns: 82px minmax(0, 1fr) max-content; align-items: center; gap: clamp(22px, 3vw, 38px); min-height: 300px; padding: clamp(42px, 5vw, 64px) clamp(34px, 6vw, 70px); color: white; border-radius: 28px; background: var(--orange); }
.download-icon { position: relative; z-index: 2; width: 78px; height: 78px; transform: rotate(-5deg); filter: drop-shadow(0 18px 18px rgba(111,31,0,.22)); }
.download-icon img { width: 100%; height: 100%; border: 4px solid rgba(255,255,255,.92); border-radius: 22px; object-fit: cover; }
.download-copy { position: relative; z-index: 2; min-width: 0; }.download-panel h2 { font-size: clamp(36px,4vw,52px); }.download-panel h2 em { color: #30160a; }.download-panel p { margin: 15px 0 0; color: rgba(255,255,255,.78); }
.light-badge { position: relative; z-index: 2; }.download-shapes { position: absolute; inset: 0; pointer-events: none; }.download-shapes span { position: absolute; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }.download-shapes span:nth-child(1){width:450px;height:450px;right:-120px;top:-250px}.download-shapes span:nth-child(2){width:320px;height:320px;right:-50px;top:-180px}.download-shapes span:nth-child(3){width:220px;height:220px;left:-130px;bottom:-140px;background:rgba(255,255,255,.06)}

.site-footer { padding: 65px 0 25px; color: white; background: var(--black); }.footer-top { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; padding-bottom: 50px; }.footer-brand p { max-width: 300px; margin-top: 20px; color: rgba(255,255,255,.42); font-size: 14px; }.footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }.footer-links div { display: flex; flex-direction: column; gap: 10px; }.footer-links strong { margin-bottom: 7px; color: white; font-size: 12px; }.footer-links a { color: rgba(255,255,255,.45); font-size: 12px; transition: color .2s; }.footer-links a:hover { color: var(--orange); }.footer-bottom { display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.09); color: rgba(255,255,255,.33); font-size: 10px; }

/* Inner pages */
.inner-main { min-height: 70vh; padding-top: 78px; background: white; }
.page-hero { padding: 100px 0 75px; color: white; background: var(--black); text-align: center; }
.page-hero h1 { margin: 18px auto 0; font-size: clamp(44px, 6vw, 68px); }.page-hero p { max-width: 610px; margin: 22px auto 0; color: rgba(255,255,255,.55); }.page-hero .eyebrow { justify-content: center; }
.legal-wrap { display: grid; grid-template-columns: 240px 1fr; gap: 80px; padding: 80px 0 110px; }.legal-nav { position: sticky; top: 110px; align-self: start; display: flex; flex-direction: column; gap: 8px; }.legal-nav a { padding: 10px 14px; border-radius: 8px; color: var(--muted); font-size: 13px; }.legal-nav a:hover { color: var(--orange); background: #fff3ed; }.legal-content { max-width: 760px; }.legal-content > p:first-child { margin-top: 0; }.legal-content h2 { margin: 55px 0 15px; font-size: 28px; letter-spacing: -.03em; }.legal-content h3 { margin: 30px 0 10px; font-size: 19px; }.legal-content p, .legal-content li { color: #635d58; font-size: 15px; }.legal-content li { margin: 8px 0; }.legal-content .updated { display: inline-block; margin-bottom: 25px; padding: 6px 11px; border-radius: 30px; color: var(--orange-dark); background: #fff0e8; font-size: 11px; font-weight: 700; }.notice { margin: 30px 0; padding: 20px; border-left: 3px solid var(--orange); background: #fff6f1; border-radius: 0 12px 12px 0; }
.legal-wrap-single { display: block; }.legal-wrap-single .legal-content { max-width: 860px; margin-inline: auto; }.legal-source p { margin: 8px 0; }.legal-source h2 + p { margin-top: 0; }.legal-source a { color: var(--orange-dark); overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 3px; }
.contact-section { padding: 90px 0 110px; }.contact-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; }.contact-info h2 { font-size: 43px; }.contact-info > p { color: var(--muted); }.contact-method { display: flex; gap: 14px; margin-top: 30px; }.contact-method > span { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px; background: #fff0e8; }.contact-method div { display: flex; flex-direction: column; }.contact-method small { color: var(--muted); }.contact-method a { color: var(--orange); font-weight: 700; }
.contact-form { padding: 35px; border: 1px solid #e7e1dc; border-radius: 22px; background: var(--cream); }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }.field label { font-size: 12px; font-weight: 700; }.field input, .field textarea, .field select { width: 100%; padding: 13px 14px; border: 1px solid #ded7d1; border-radius: 10px; outline: none; background: white; }.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(249,88,10,.1); }.field textarea { min-height: 140px; resize: vertical; }.form-status { display: none; margin-top: 14px; color: #246c37; font-size: 13px; }.form-status.show { display: block; }
.form-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }.form-alert { margin-bottom: 20px; padding: 14px 16px; border-radius: 10px; font-size: 13px; }.form-alert-success { color: #17622d; border: 1px solid #b9dfc3; background: #edf9f0; }.form-alert-error { color: #8c251d; border: 1px solid #ecc4c0; background: #fff1ef; }.form-alert ul { margin: 7px 0 0; padding-left: 20px; }
.delete-card { max-width: 720px; margin: 80px auto 110px; padding: 48px; border: 1px solid #e4ddd7; border-radius: 24px; background: var(--cream); }.delete-card h2 { font-size: 35px; }.delete-card p, .delete-card li { color: var(--muted); }.delete-card ol { padding-left: 20px; }.delete-email { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 30px; padding: 18px; border-radius: 13px; background: white; }.delete-email span { display: flex; flex-direction: column; }.delete-email small { color: var(--muted); }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s ease; }.reveal.visible { opacity: 1; transform: none; }.reveal-delay { transition-delay: .12s; }

@media (max-width: 1000px) {
  .site-nav { gap: 20px; }.hero-grid { gap: 20px; }.hero-visual { transform: scale(.88); }
  .feature-copy { padding: 32px; }.feature-icon { margin-bottom: 45px; }.steps-grid, .faq-grid { gap: 55px; }.rewards-panel { padding: 50px 40px; gap: 35px; }
  .download-panel { grid-template-columns: 70px minmax(0, 1fr); }.download-icon { width: 66px; height: 66px; }.download-panel .play-badge { grid-column: 2; justify-self: start; }
}

@media (max-width: 820px) {
  .container { width: min(100% - 32px, 680px); }
  .nav-toggle { display: block; order: 3; }.nav-cta { margin-left: auto; }
  .site-nav { position: fixed; inset: 78px 16px auto; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: #171310; box-shadow: 0 20px 45px rgba(0,0,0,.35); opacity: 0; visibility: hidden; transform: translateY(-12px); transition: .25s; }
  .site-nav.open { opacity: 1; visibility: visible; transform: none; }.site-nav a { padding: 13px; }.site-nav a::after { display: none; }
  .nav-toggle.active > span:nth-child(1) { transform: translateY(7px) rotate(45deg); }.nav-toggle.active > span:nth-child(2) { opacity: 0; }.nav-toggle.active > span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .hero { min-height: auto; padding-bottom: 70px; }.hero::after { height: 45px; }.hero-grid { grid-template-columns: 1fr; padding-top: 70px; text-align: center; }.hero-copy { display: flex; flex-direction: column; align-items: center; }.hero-lead { max-width: 620px; }.hero-visual { min-height: 600px; margin-top: -10px; transform: scale(.92); }.stats-bar { margin-top: 0; }
  .feature-grid { grid-template-columns: 1fr; }.feature-card:nth-child(3) { grid-column: auto; min-height: 470px; }.feature-card:nth-child(3) .feature-copy { max-width: 54%; }.offer-stack { right: -2%; width: 48%; }
  .steps-grid, .faq-grid, .rewards-panel, .contact-grid { grid-template-columns: 1fr; }.steps-copy { position: static; }.steps-copy > p { margin-left: 0; }.rewards-cards { min-height: 350px; }.review-grid { grid-template-columns: 1fr; }.featured-review { transform: none !important; }.split-heading { align-items: start; }.footer-top { grid-template-columns: 1fr; gap: 45px; }
  .legal-wrap { grid-template-columns: 1fr; gap: 30px; }.legal-nav { position: static; flex-direction: row; flex-wrap: wrap; }
}

@media (max-width: 580px) {
  .container { width: calc(100% - 28px); }.nav-wrap { height: 68px; }.site-nav { top: 68px; }.nav-cta { display: none; }
  .hero { padding-top: 68px; }.hero-grid { padding-top: 52px; }.hero h1 { font-size: 48px; }.hero-lead { font-size: 15px; }.hero-actions { flex-direction: column; gap: 17px; }.hero-visual { min-height: 530px; transform: scale(.77); margin: -30px -50px; }.floating-card { min-width: 150px; }.points-card { left: 0; }.reward-card { right: 0; }
  .stats-bar { grid-template-columns: 1fr 1fr; padding-bottom: 40px; }.stats-bar > div { padding: 18px 5px; }.stats-bar > div:nth-child(2) { border-right: 0; }.stats-bar > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.1); }
  .section { padding: 78px 0; } h2 { font-size: 40px; }.section-heading.centered { margin-bottom: 38px; }
  .feature-card, .feature-card:nth-child(3) { min-height: 580px; }.feature-copy, .feature-card:nth-child(3) .feature-copy { max-width: 100%; padding: 28px; }.feature-icon { margin-bottom: 25px; }.feature-card p { max-width: 390px; }.mini-phone, .survey-preview { right: 50%; bottom: -80px; transform: translateX(50%) rotate(-3deg); }.survey-preview { transform: translateX(50%) rotate(2deg); }.offer-stack { top: auto; right: 5%; bottom: 30px; width: 90%; transform: none; }.offer-stack > div:nth-child(2) { transform: translateX(10px); }
  .steps-grid { gap: 40px; }.steps-list li { grid-template-columns: 46px 1fr; gap: 15px; }.steps-list li > span { width: 44px; height: 44px; }.steps-list i { display: none; }
  .rewards-panel { width: calc(100% - 20px); min-height: 740px; padding: 40px 24px; border-radius: 22px; }.rewards-cards { margin: 0 -8px; }.reward-option { width: 260px; }.paypal { left: 0; }.litecoin { right: 0; top: 120px; }.coming { bottom: 5px; left: 5px; }
  .split-heading { flex-direction: column; gap: 30px; }.rating-block strong { font-size: 42px; }.faq-grid { gap: 38px; }.accordion-item button { font-size: 15px; }
  .download-section { padding-bottom: 60px; }.download-panel { grid-template-columns: 1fr; justify-items: start; gap: 22px; min-height: 0; padding: 38px 24px; border-radius: 22px; }.download-icon { width: 62px; height: 62px; }.download-panel .play-badge { grid-column: 1; max-width: 100%; }.download-panel h2 { font-size: clamp(32px, 10vw, 40px); overflow-wrap: anywhere; }.download-panel h2 br { display: none; }
  .footer-links { grid-template-columns: 1fr 1fr; row-gap: 35px; }.footer-bottom { flex-direction: column; gap: 7px; }
  .page-hero { padding: 75px 0 60px; }.page-hero h1 { font-size: 43px; }.legal-wrap { padding: 55px 0 80px; }.legal-content h2 { font-size: 25px; }
  .contact-section { padding: 65px 0 80px; }.contact-grid { gap: 45px; }.form-row { grid-template-columns: 1fr; gap: 0; }.contact-form { padding: 22px; }.delete-card { margin: 55px auto 75px; padding: 27px; }.delete-email { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}