:root {
  --ink: #111111; --muted: #555555; --purple: #b02963; --line: #f1dfe7;
  --gradient: linear-gradient(110deg,#b02963,#8e2351); --radius: 20px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: #fdf6f9; color: var(--ink); font: 15px/1.6 'Segoe UI',Arial,sans-serif; -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
h1,h2,h3,p { margin: 0; }
h1,h2,h3 { line-height: 1.14; }
button,a,input { outline-offset: 5px; }
:focus-visible { outline: 3px solid #d96092; }
[hidden] { display: none!important; }
.icon { width: 20px; height: 20px; flex-shrink: 0; vertical-align: middle; }
/* Fluid page sections keep only a small edge gutter, even on wide screens. */
.section-wrap { width: calc(100% - 64px); margin-inline: auto; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 51px; padding: 13px 25px; border: 1px solid transparent; border-radius: 30px; font-size: 13px; font-weight: 600; line-height: 1.4; transition: transform .2s,box-shadow .2s,background .2s; }
.button:hover { transform: translateY(-2px); }
.button .icon { width: 16px; height: 16px; }
.button-gradient { color: #fff; background: var(--gradient); box-shadow: 0 7px 20px #ad316422; }
.button-gradient:hover { box-shadow: 0 10px 24px #ad316438; }
.button-dark { background: var(--gradient); color: #fff; }
.button-dark:hover { background: linear-gradient(110deg,#c03370,#9c2559); }
.button-outline { background: #fff; border-color: #efdee5; box-shadow: 0 2px 5px #19171804; }
.button-outline:hover { background: #fef8fb; }
.button-small { min-height: 39px; font-size: 12px; padding: 9px 18px; }
.eyebrow { display: block; font-size: 10px; font-weight: 700; letter-spacing: 1.7px; color: #ab4972; }
.mini-label { font-size: 9px; font-weight: 650; letter-spacing: 1.3px; }
.gradient-text { color: #b02963; }
@supports (-webkit-background-clip:text) { .gradient-text { background: linear-gradient(100deg,#b02963,#cd5286); -webkit-background-clip: text; color: transparent; } }
.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; top: -100px; left: 20px; z-index: 100; padding: 12px; background: #fff; border: 1px solid #ddd; }
.skip-link:focus { top: 12px; }
/* Navigation */
.site-header { position: sticky; top: 0; z-index: 30; background: #fdf6f9f2; border-bottom: 1px solid #f3e4ea; backdrop-filter: blur(16px); }
.nav-wrap { width: 100%; margin: auto; min-height: 88px; padding: 20px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 9px; font-size: 23px; font-weight: 750; letter-spacing: -1.1px; white-space: nowrap; }
.brand>span>strong { font-weight: 400; }
.brand-mark { width: 34px; height: 37px; border-radius: 11px; background: var(--gradient); color: #fff; display: inline-flex; align-items: center; justify-content: center; font: 700 28px Georgia,serif; letter-spacing: -5px; padding: 0 6px 4px 0; }
.brand-mark>span { font-size: 21px; margin-top: 9px; }


.nav-actions { display: flex; align-items: center; gap: 22px; }
.login-link { font-size: 12px; font-weight: 600; }
.menu-button { display: none; background: transparent; border: 0; padding: 7px; color: #564d51; }
.mobile-nav { display: flex; flex-direction: column; padding: 10px 24px 22px; border-top: 1px solid var(--line); gap: 5px; }
.mobile-nav a { padding: 10px 4px; font-size: 14px; }
/* Centered, type-led hero */
.hero { text-align: center; padding: 75px 0 54px; background: radial-gradient(ellipse at 50% 30%,#f9e2ec8c,transparent 66%); }
.hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 9px; padding: 7px 12px; border-radius: 20px; background: #fcf2f6; color: #9c4368; letter-spacing: 1.3px; }
.live-dot { width: 5px; height: 5px; background: #c55382; border-radius: 50%; box-shadow: 0 0 0 3px #f8dfe9; }
.hero h1 { font-size: clamp(56px,6.7vw,88px); letter-spacing: -4.8px; font-weight: 650; line-height: 1.1; margin: 25px 0 22px; }
.inline-icon { width: .75em; height: .77em; display: inline-flex; align-items: center; justify-content: center; vertical-align: -.03em; border-radius: .24em; margin-inline: 4px; }
.inline-icon>.icon { width: .42em; height: .42em; stroke-width: 1.8; }
.chat-icon { background: linear-gradient(135deg,#dc6094,#ae3b6b); color: #fff; transform: rotate(-8deg); box-shadow: 0 6px 12px #ab38682b; }
.reward-icon { background: linear-gradient(135deg,#ce477f,#8e2351); color: #fff; transform: rotate(8deg); box-shadow: 0 6px 12px #b628632b; }
.hero-description { font-size: 16px; line-height: 1.8; color: var(--muted); }
.hero-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin-top: 26px; }
.play-icon { border: 1px solid #ead5de; width: 20px; height: 20px; font-size: 7px; padding-left: 2px; display: inline-grid; place-items: center; border-radius: 50%; }
.hero-reassurance { display: flex; align-items: center; justify-content: center; gap: 14px; font-size: 11px; color: #74686d; margin-top: 23px; }
.hero-reassurance>span { display: flex; gap: 5px; align-items: center; }
.hero-reassurance .icon { width: 12px; height: 12px; color: #b85981; }
.hero-reassurance i { width: 3px; height: 3px; background: #c4bec0; border-radius: 50%; }
/* Editorial feature cards */
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 242px 232px; gap: 20px; }
.feature-card { border-radius: var(--radius); overflow: hidden; position: relative; padding: 29px; }
.feature-card h2 { font-size: 27px; letter-spacing: -.75px; font-weight: 550; margin-top: 13px; }
.feature-card p { font-size: 13px; line-height: 1.8; margin-top: 12px; color: #7c6f74; }
.feature-community { grid-row: span 2; background: radial-gradient(ellipse at 50% 105%,#af3a6b80 0%,transparent 60%),linear-gradient(130deg,#111111,#49202f 55%,#8e2351); color: #fff; }
.feature-community>.feature-copy { position: relative; z-index: 2; }
.feature-community .mini-label { color: #b4abae; }
.feature-community h2 { font-size: 34px; font-weight: 500; line-height: 1.15; }
.feature-community h2 em { font-style: normal; color: #e178a4; }
.feature-community p { color: #b9b0b4; }
.people-orbit { position: absolute; width: 460px; height: 295px; bottom: -8px; left: 50%; transform: translateX(-50%); }
.orbit { position: absolute; border: 1px solid #d87ba121; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-24deg); }
.orbit-outer { width: 425px; height: 264px; }
.orbit-inner { width: 310px; height: 191px; }
.orbit-small { width: 165px; height: 108px; }
.orbit-core { position: absolute; left: 50%; top: 46%; transform: translate(-50%,-50%) rotate(-8deg); width: 64px; height: 64px; border-radius: 22px; background: linear-gradient(145deg,#de6798,#c62b6c); display: grid; place-items: center; box-shadow: 0 0 0 10px #db5c910b,0 10px 36px #a123583d; }
.orbit-core .icon { width: 30px; height: 30px; color: #fff; }
.orbit-node { position: absolute; display: grid; place-items: center; border-radius: 50%; overflow: hidden; border: 3px solid #f9e3ec; width: 48px; height: 48px; box-shadow: 0 7px 18px #0003; }
.node-one { left: 58px; top: 55px; background: #dcb99e; transform: rotate(-15deg); }
.node-two { left: 302px; top: 9px; background: #ecb9ce; transform: rotate(16deg); width: 56px; height: 56px; }
.node-three { left: 347px; top: 171px; background: #adcfe7; transform: rotate(10deg); }
.node-four { left: 129px; top: 190px; width: 39px; height: 39px; background: #fdc87a; border: 2px solid #ffdfac; color: #9a672b; transform: rotate(20deg); }
.node-five { left: 381px; top: 74px; width: 33px; height: 33px; background: #f3b1d2; border: 2px solid #f9cde4; color: #b15a89; transform: rotate(-9deg); }
.node-five .icon { width: 16px; height: 16px; }
.node-six { left: 206px; top: 18px; width: 32px; height: 32px; background: #e4c278; border-width: 2px; transform: rotate(-6deg); }
.face { position: relative; display: block; width: 65%; height: 70%; border-radius: 43% 43% 40% 40%; background: #e4a879; margin-top: 8px; }
.face::before { content: ''; position: absolute; top: -7px; left: -2px; width: calc(100% + 4px); height: 15px; border-radius: 60% 60% 22% 15%; background: #43333d; transform: rotate(-8deg); }
.face::after { content: ''; position: absolute; top: 13px; left: 7px; width: 3px; height: 3px; border-radius: 50%; background: #48313e; box-shadow: 11px 0 #48313e; }
.face i { position: absolute; width: 10px; height: 5px; border-bottom: 2px solid #905248; border-radius: 50%; left: calc(50% - 5px); bottom: 5px; }
.face-two { background: #8e5a44; }
.face-two::before { background: #2b2628; height: 17px; border-radius: 50% 50% 20% 20%; }
.face-two i { border-color: #e1a38a; }
.face-three { background: #f2c393; }
.face-three::before { background: #b87546; height: 13px; transform: rotate(10deg); }
.face-four { background: #d99f74; }
.face-four::after { top: 9px; left: 4px; box-shadow: 8px 0 #48313e; width: 2px; height: 2px; }
.face-four i { bottom: 2px; }
.orbit-star { position: absolute; color: #e27ba6; }
.star-one { left: 50px; top: 176px; font-size: 33px; }
.star-two { left: 267px; top: 204px; font-size: 20px; color: #e5b676; }
.orbit-point { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #d84d87; }
.point-one { top: 83px; left: 268px; }.point-two { top: 222px; left: 80px; background: #d6548a; }
.community-foot { position: absolute; bottom: 17px; left: 29px; display: flex; align-items: center; gap: 7px; font-size: 9px; color: #cf8ea9; }
.community-foot>span { width: 4px; height: 4px; border-radius: 50%; background: #d1729a; }
.feature-voice { background: linear-gradient(130deg,#fbecf2,#fae9f0); border: 1px solid #f0dae3; }
.feature-voice>.mini-label { color: #93868c; }
.feature-voice h2 { font-size: 25px; margin-top: 11px; }
.feature-voice p { margin-top: 8px; }
.sample-poll { position: absolute; bottom: -25px; right: 22px; width: 77%; border: 1px solid #f1dfe7; background: #fff; box-shadow: 0 6px 20px #6f64690c; border-radius: 13px; padding: 14px; transform: rotate(-4deg); }
.sample-poll-header { display: flex; align-items: center; gap: 6px; font-size: 8px; color: #8a7d82; white-space: nowrap; }
.poll-badge { width: 20px; height: 20px; display: grid; place-items: center; background: #fae7ef; border-radius: 6px; }
.poll-badge .icon { width: 12px; height: 12px; }
.sample-label { margin-left: auto; font-size: 5px; letter-spacing: .5px; color: #b5acb0; }
.sample-answer { display: flex; align-items: center; gap: 7px; margin-top: 9px; font-size: 9px; color: #a0456b; padding: 8px; border: 1px solid #f2c6d8; background: #fdf8fa; border-radius: 6px; }
.sample-check { width: 14px; height: 14px; display: grid; place-items: center; background: #c75c88; color: #fff; border-radius: 50%; }.sample-check .icon { width: 10px; height: 10px; }
.sample-spark { margin-left: auto; color: #d36995; }
.sample-lines { display: flex; gap: 4px; align-items: center; margin-top: 10px; padding-bottom: 9px; }.sample-lines>span { width: 18%; height: 3px; border-radius: 4px; background: #f3d6e2; }.sample-lines>span:first-child { background: #b95c83; }.sample-lines>i { font-size: 7px; font-style: normal; margin-left: auto; color: #aca2a6; }
.feature-reward { display: flex; align-items: flex-start; background: linear-gradient(125deg,#fcf2f6,#fae7ef); border: 1px solid #f5e0e9; }
.feature-reward>div:first-child { position: relative; z-index: 1; }
.feature-reward .mini-label { color: #9c9095; }
.feature-reward h2 { font-size: 25px; }
.feature-reward p { font-size: 12px; color: #6c6166; }
.text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 15px; font-size: 11px; font-weight: 600; color: #9c3e65; }
.text-link .icon { width: 14px; height: 14px; }
.coin-scene { width: 125px; height: 150px; position: absolute; right: 12px; top: 55px; transform: rotate(-12deg); }
.coin { position: absolute; display: grid; place-items: center; width: 88px; height: 88px; border-radius: 50%; border: 6px solid #e073a1; outline: 1px solid #d96193; background: linear-gradient(140deg,#f3c3d7,#bc4677); color: #fbeaf1; font-size: 45px; font-weight: 700; box-shadow: 4px 6px 0 #b14773,5px 9px 14px #98416616; }
.coin-front { top: 37px; left: 2px; font-family: Georgia,serif; }.coin-back { left: 35px; top: 0; transform: scale(.75); background: linear-gradient(130deg,#eddbab,#d5b875); border-color: #e2c88f; color: #fff0c8; outline-color: #c4a76c; box-shadow: 4px 6px 0 #bea170; }.coin-spark { position: absolute; top: -18px; left: 0; font-size: 39px; color: #c57898; }
/* Brand statement & reasons */
.brand-statement { padding: 88px 0 90px; text-align: center; }
.statement-symbol { display: inline-grid; place-items: center; color: #b44372; margin-bottom: 20px; }.statement-symbol .icon { width: 25px; height: 25px; }
.brand-statement>p { font-size: 33px; font-weight: 550; line-height: 1.3; letter-spacing: -1.1px; }
.brand-statement>p>span { color: #b64071; }
.brand-statement>div { margin-top: 19px; font-size: 13px; line-height: 1.9; color: #887b80; }
.section-heading { text-align: center; }
.section-heading h2 { font-size: 37px; letter-spacing: -1.45px; font-weight: 600; margin-top: 13px; }
.section-heading p { font-size: 14px; color: #897b81; line-height: 1.8; margin-top: 13px; }
.why-section { padding: 12px 0 88px; }
.why-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 47px 68px; margin: 58px auto 0; }
.reason-icon { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 12px; margin-bottom: 20px; }
.reason-icon .icon { width: 20px; height: 20px; }
.purple { background: #fbeaf1; color: #c44379; }.blue { background: #fbecf2; color: #c94e81; }.pink { background: #fdeaf1; color: #c9799d; }.peach { background: #fff1e4; color: #c6976b; }
.why-grid h3 { font-weight: 600; font-size: 17px; letter-spacing: -.35px; }
.why-grid p { font-size: 14px; color: #71656a; line-height: 1.85; margin-top: 12px; }
/* Research types */
.research-section { padding: 30px 0 80px; }
.research-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 40px; }
.research-card { border: 1px solid #f5e8ed; border-radius: 16px; padding: 25px 24px 0; overflow: hidden; min-width: 0; }
.survey-research { background: #fbf0f5; }.group-research { background: #fff9ef; border-color: #f1e9d8; }.phone-research { background: #fdf3f7; border-color: #f5e7ed; }
.research-card-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }.research-card-top .mini-label { font-size: 7px; color: #9c9196; letter-spacing: 1px; }.research-number { font-size: 12px; color: #b0a7ab; }
.research-card h3 { font-size: 23px; font-weight: 550; letter-spacing: -.75px; margin: 19px 0 13px; }
.research-card p { font-size: 13px; color: #6c6165; line-height: 1.85; }
.research-visual { position: relative; height: 225px; margin-top: 24px; }
.mini-survey { position: absolute; border: 1px solid #eedbe3; border-radius: 12px; background: #fff; width: 100%; top: 12px; left: 5px; transform: rotate(-6deg); padding: 18px 15px; box-shadow: 0 5px 15px #463e410b; }
.mini-survey>div { font-size: 9px; display: flex; align-items: center; gap: 5px; color: #897b81; }.mini-survey>div>i { margin-left: auto; font-style: normal; color: #c44f80; font-size: 16px; }.mini-purple-square { width: 13px; height: 13px; border-radius: 4px; background: #cc6992; }.mini-line { display: block; width: 72%; height: 4px; margin: 13px 0; border-radius: 4px; background: #f7e5ed; }.mini-option { padding: 9px; border: 1px solid #f5e6ec; border-radius: 5px; display: flex; gap: 8px; align-items: center; font-size: 8px; color: #a09599; margin-top: 7px; }.mini-option.selected { border-color: #ecbdd1; background: #fdf7f9; color: #a3466d; }.mini-option>b { border: 1px solid #e8c6d4; width: 12px; height: 12px; display: grid; place-items: center; border-radius: 50%; font-size: 8px; }.mini-option.selected>b { background: #c7678f; color: #fff; border-color: #c7678f; }.mini-submit { display: block; margin-top: 13px; margin-left: auto; width: 77px; padding: 7px; text-align: center; border-radius: 5px; background: #aa4972; color: #fff; font-size: 8px; }
.discussion-avatar { position: absolute; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 3px 14px #b0956918; }.avatar-a { top: 4px; left: 12%; background: #eacaa2; transform: rotate(-10deg); }.avatar-b { right: 10%; top: 63px; background: #d399b1; transform: rotate(10deg); }.avatar-c { left: 15%; top: 143px; background: #d3d3b1; transform: rotate(-5deg); }.chat-bubble { position: absolute; background: #fff; border: 1px solid #f0e7d7; border-radius: 13px 13px 13px 2px; color: #9d856a; font-size: 9px; padding: 12px 13px; box-shadow: 0 5px 12px #b3966c0a; }.bubble-one { top: 31px; left: 38%; transform: rotate(5deg); }.bubble-two { top: 112px; left: 5%; transform: rotate(-7deg); background: #fff2d4; border-color: #edddb7; }.bubble-two>span { margin-left: 6px; color: #c6a355; }
.phone-visual { display: flex; flex-direction: column; align-items: center; padding-top: 16px; }.call-disc { width: 63px; height: 63px; background: #f8dce8; color: #bb5b83; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 0 0 12px #fae9f0,0 0 0 23px #fbeef3; }.call-disc .icon { width: 26px; height: 26px; }.audio-wave { display: flex; gap: 5px; height: 44px; align-items: center; margin-top: 30px; }.audio-wave>i { width: 4px; height: 15px; background: #d27b9f; border-radius: 4px; }.audio-wave>i:nth-child(3n) { height: 29px; }.audio-wave>i:nth-child(4n) { height: 40px; }.audio-wave>i:nth-child(5n) { height: 22px; background: #d582a4; }.phone-visual>span { font-size: 9px; color: #a59b9f; margin-top: 9px; }
.section-note { text-align: center; color: #978b90; font-size: 10px; margin-top: 20px; }
/* Rewards and working points calculator */
.rewards-section { background: radial-gradient(ellipse at 80% 110%,#a4416b88,transparent 60%),linear-gradient(115deg,#111111,#49202f 55%,#8e2351); margin: 15px 0 0; color: #fff; overflow: hidden; }
.rewards-inner { padding-block: 73px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 85px; }
.rewards-copy .eyebrow { font-size: 9px; color: #c37294; letter-spacing: 1.5px; }
.rewards-copy h2 { font-size: 51px; line-height: 1.09; font-weight: 550; letter-spacing: -2px; margin: 21px 0 18px; }.rewards-copy h2>span { color: #df6f9e; }
.rewards-copy>p { color: #e6c6d3; font-size: 14px; line-height: 1.85; max-width: 360px; }
.reward-steps { list-style: none; padding: 0; display: grid; gap: 18px; margin: 28px 0 0; }.reward-steps li { display: flex; gap: 14px; align-items: flex-start; }.reward-steps li>span { border: 1px solid #ffffff24; color: #bd668a; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; font-size: 9px; flex-shrink: 0; }.reward-steps strong { font-size: 13px; font-weight: 600; color: #efd6e0; }.reward-steps p { font-size: 12px; color: #cf90aa; margin-top: 3px; }
.reward-calculator { background: #fefcfd; border: 1px solid #fceef4; border-radius: 22px; padding: 27px; box-shadow: 0 15px 60px #110f1035; color: #4f474a; min-width: 0; }
.calculator-heading { display: flex; align-items: center; gap: 12px; }.calculator-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; color: #b74776; background: #fae4ed; }.calculator-heading h3 { font-size: 15px; font-weight: 600; letter-spacing: -.25px; }.calculator-heading p { color: #7a6d72; font-size: 11px; margin-top: 5px; }
.conversion-visual { display: flex; align-items: center; gap: 15px; padding: 27px 15px; border: 1px solid #f3e0e8; border-radius: 14px; background: linear-gradient(120deg,#fcf1f6,#fdf8fa); margin-top: 27px; }.conversion-points,.conversion-dollars { display: flex; flex-direction: column; align-items: center; flex: 1; }.conversion-visual div>span { color: #7a6d72; font-size: 9px; font-weight: 650; letter-spacing: 1px; }.conversion-visual strong { font-size: 42px; line-height: 1.1; letter-spacing: -1.5px; color: #913e60; font-weight: 650; margin: 9px 0 5px; }.conversion-visual div>small { color: #7a6d72; font-size: 11px; }.conversion-dollars strong>small { font-size: 24px; font-weight: 500; padding-right: 2px; }.conversion-arrow { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: #f6dde7; color: #be678c; }.conversion-arrow .icon { width: 14px; height: 14px; }
.points-control { margin-top: 25px; }.points-control>div:first-child { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; }.points-control label { color: #70656a; font-weight: 600; }.points-control>div:first-child>span { color: #796c71; font-size: 11px; }.points-control input { display: block; width: 100%; margin: 20px 0 12px; height: 6px; border: 0; border-radius: 10px; accent-color: #b84273; cursor: pointer; -webkit-appearance: none; appearance: none; background: linear-gradient(to right,#c65483 0%,#c65483 var(--range-fill,9.09%),#f1dfe7 var(--range-fill,9.09%),#f1dfe7 100%); }.points-control input::-webkit-slider-thumb { -webkit-appearance: none; width: 17px; height: 17px; border-radius: 50%; background: #ba4274; border: 3px solid #fff; box-shadow: 0 0 0 1px #cf89a6,0 3px 6px #95406322; }.points-control input::-moz-range-thumb { width: 13px; height: 13px; border-radius: 50%; border: 3px solid #fff; background: #ba4274; }.range-labels { display: flex; justify-content: space-between; font-size: 10px; color: #7a6d72; }
.payout-options { margin-top: 23px; display: grid; gap: 10px; }.payout-row { padding: 14px 13px; border: 1px solid #f5e5ec; border-radius: 10px; display: flex; align-items: center; gap: 14px; background: #fff; }.paypal-wordmark { font-size: 13px; font-weight: 750; color: #294183; white-space: nowrap; font-style: italic; }.paypal-wordmark>span { color: #4480b5; }.paypal-wordmark>i { font-size: 21px; margin-right: 3px; display: inline-block; vertical-align: -2px; color: #417db6; text-shadow: -2px -2px #2b3d79; }.payout-row>div { flex: 1; }.payout-row strong { font-size: 13px; font-weight: 600; color: #63595d; }.payout-row p { font-size: 11px; color: #7a6d72; margin-top: 2px; }.payout-row>.icon { width: 15px; height: 15px; color: #aea5a9; }.giftcard-symbol { width: 83px; display: flex; align-items: center; justify-content: center; gap: 6px; color: #8b7e83; font-size: 10px; font-weight: 600; line-height: 1.3; }.giftcard-symbol>.icon { width: 25px; height: 25px; color: #ba5e85; }.calculator-note { font-size: 10px; line-height: 1.7; color: #7b6e74; text-align: center; margin-top: 14px; }
/* Three-step journey */
.how-section { padding: 83px 0 89px; }
.how-grid { margin: 49px auto 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 50px; text-align: center; }
.how-grid article { position: relative; }.how-grid article:not(:last-child)::after { content: ''; position: absolute; top: 32px; left: calc(50% + 47px); width: calc(100% - 42px); border-top: 1px dashed #ecd4de; }
.how-icon { position: relative; margin: 0 auto 25px; width: 63px; height: 63px; border-radius: 19px; display: grid; place-items: center; color: #b34e78; background: #fceef4; }.how-icon>.icon { width: 27px; height: 27px; }.how-icon>span { position: absolute; left: -7px; top: -7px; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #fff; display: grid; place-items: center; font-size: 8px; background: #ca5f8b; color: #fff; }
.how-grid h3 { font-size: 19px; font-weight: 600; letter-spacing: -.5px; }.how-grid p { font-size: 14px; color: #71666b; line-height: 1.85; margin: 12px auto 14px; max-width: 235px; }.how-grid a { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #8f3d5f; }.how-grid a .icon { width: 13px; height: 13px; }.how-grid a:hover { color: #7f3654; }
/* Footer; deliberately no final promotional CTA. */
.site-footer { background: #fdf9fb; border-top: 1px solid #efdae3; }
.footer-main { display: grid; grid-template-columns: minmax(240px,.9fr) minmax(0,1.5fr); align-items: start; gap: clamp(36px,6vw,100px); padding: 64px 0 54px; }
.footer-brand>p { color: #282126; font-size: clamp(19px,1.7vw,23px); font-weight: 500; line-height: 1.55; letter-spacing: -.4px; margin-top: 20px; }
.footer-brand>p>span { color: #76616b; font-weight: 400; }
.footer-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; padding-top: 14px; }
.footer-links h2 { font-size: 16px; line-height: 1.4; font-weight: 650; color: #8e2351; margin-bottom: 17px; }
.footer-links a { display: flex; align-items: center; width: fit-content; max-width: 100%; min-height: 44px; padding-block: 8px; color: #55494f; font-size: 16px; line-height: 1.5; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 5px; transition: color .2s,text-decoration-color .2s; }
.footer-links a:hover { color: #b02963; text-decoration-color: currentColor; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; padding: 26px 0; border-top: 1px solid #ebd8e1; color: #74626b; font-size: 13px; line-height: 1.7; gap: 16px 32px; }
.footer-bottom i { font-style: normal; margin-left: 6px; color: #b02963; }
/* Responsive layouts */
@media(min-width:1500px) { .hero { padding-top: 88px; } .feature-grid { grid-template-rows: 255px 245px; } .feature-card { padding: 33px; } }
@media(max-width:1100px) { .nav-wrap { gap: 20px; padding-inline: 34px; }.section-wrap { width: calc(100% - 68px); }.feature-card { padding: 24px; }.feature-card h2 { font-size: 25px; }.feature-community h2 { font-size: 31px; }.coin-scene { transform: rotate(-12deg) scale(.85); right: -6px; top: 67px; }.feature-reward p { max-width: 245px; }.feature-reward p>br { display: none; }.feature-reward h2 { max-width: 270px; }.why-grid { gap: 40px 42px; }.rewards-inner { gap: 45px; }.rewards-copy h2 { font-size: 46px; }.reward-calculator { padding: 23px; }.research-card { padding-inline: 19px; }.research-card h3 { font-size: 21px; }.sample-poll { width: 88%; right: 14px; }.brand { font-size: 21px; } }
@media(max-width:900px) { .nav-actions { gap: 13px; }.hero h1 { font-size: 73px; letter-spacing: -4px; }.hero-description { font-size: 15px; }.feature-grid { grid-template-rows: 238px 238px; gap: 15px; }.feature-community h2 { font-size: 29px; }.people-orbit { transform: translateX(-50%) scale(.85); transform-origin: center bottom; }.feature-card p { font-size: 11px; }.feature-reward h2 { font-size: 24px; }.coin-scene { top: 116px; right: -20px; transform: rotate(-12deg) scale(.63); transform-origin: center; }.feature-reward .text-link { margin-top: 23px; }.feature-reward p { padding-right: 15px; }.feature-voice h2 { font-size: 23px; }.sample-label { display: none; }.feature-voice .mini-label,.feature-reward .mini-label { font-size: 7px; }.brand-statement { padding-block: 70px; }.why-grid { gap: 35px 30px; }.research-grid { gap: 14px; }.research-card { padding: 20px 17px 0; }.research-card-top .mini-label { font-size: 6px; letter-spacing: .7px; }.research-card h3 { font-size: 20px; min-height: 45px; }.research-card p { font-size: 11px; }.mini-survey { padding-inline: 10px; }.mini-survey>div { font-size: 7px; }.mini-option { font-size: 7px; }.chat-bubble { font-size: 8px; padding: 9px; }.bubble-one { left: 30%; }.bubble-two { left: 0; }.rewards-inner { gap: 30px; }.rewards-copy h2 { font-size: 43px; }.reward-calculator { padding: 20px; }.calculator-heading h3 { font-size: 13px; }.calculator-heading p { font-size: 9px; }.conversion-visual { padding: 25px 10px; gap: 8px; }.conversion-visual strong { font-size: 35px; }.points-control>div:first-child { flex-wrap: wrap; gap: 3px; }.payout-row { gap: 8px; padding-inline: 10px; }.payout-row>.icon { display: none; }.how-grid { gap: 30px; }.how-grid h3 { font-size: 17px; }.how-grid article:not(:last-child)::after { width: calc(100% - 63px); } }
@media(max-width:760px) { .menu-button { display: flex; }.nav-wrap { min-height: 75px; padding: 18px 26px; }.section-wrap { width: calc(100% - 52px); }.hero { padding-top: 52px; }.hero h1 { font-size: 68px; letter-spacing: -3.5px; }.hero-description { font-size: 14px; }.feature-grid { grid-template-rows: 229px 229px; }.feature-community h2 { font-size: 27px; }.feature-community p>br { display: none; }.feature-card { padding: 24px 21px; }.feature-card .mini-label { font-size: 7px; letter-spacing: 1px; }.feature-voice h2,.feature-reward h2 { font-size: 22px; }.feature-voice p>br { display: none; }.feature-community .people-orbit { transform: translateX(-50%) scale(.75); }.community-foot { font-size: 7px; left: 21px; }.coin-scene { display: none; }.feature-reward p { padding-right: 0; }.why-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 35px; }.section-heading h2 { font-size: 32px; }.section-heading p { font-size: 13px; }.research-grid { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; margin-top: 33px; gap: 20px; }.research-card { padding: 26px 25px 0; }.research-card h3 { min-height: 0; font-size: 25px; }.research-card-top .mini-label { font-size: 8px; letter-spacing: 1px; }.research-card p { font-size: 13px; }.research-visual { height: 219px; max-width: 280px; margin: 19px auto 0; }.mini-survey>div { font-size: 9px; }.mini-option { font-size: 9px; }.research-section { padding-top: 10px; }.brand-statement>p { font-size: 29px; }.brand-statement>div { font-size: 12px; }.rewards-inner { grid-template-columns: 1fr; gap: 39px; padding-block: 57px; max-width: 540px; }.rewards-copy h2 { font-size: 48px; }.rewards-copy>p { max-width: 100%; }.reward-calculator { padding: 27px; }.calculator-heading h3 { font-size: 16px; }.calculator-heading p { font-size: 11px; }.conversion-visual strong { font-size: 46px; }.conversion-visual { padding: 30px 12px; }.payout-row { padding: 15px; gap: 15px; }.payout-row>.icon { display: block; }.payout-row strong { font-size: 12px; }.payout-row p { font-size: 10px; }.payout-options { margin-top: 25px; }.how-grid { grid-template-columns: 1fr; gap: 42px; margin-top: 38px; }.how-grid article:not(:last-child)::after { display: none; }.how-icon { margin-bottom: 19px; }.how-grid h3 { font-size: 23px; }.how-grid p { font-size: 13px; max-width: 285px; }.how-grid a { font-size: 12px; }.how-section { padding: 65px 0 67px; } }
@media(max-width:540px) { html { scroll-padding-top: 95px; }.nav-wrap { padding: 16px 21px; gap: 15px; min-height: 70px; }.brand { font-size: 19px; gap: 7px; }.brand-mark { width: 29px; height: 32px; border-radius: 10px; font-size: 24px; }.brand-mark>span { font-size: 18px; }.nav-actions { gap: 10px; }.login-link { display: none; }.nav-actions .button { min-height: 34px; padding: 8px 12px; font-size: 10px; }.nav-actions .button .icon { display: none; }.menu-button { padding: 4px; }.menu-button .icon { width: 18px; height: 18px; }.section-wrap { width: calc(100% - 42px); }.hero { padding: 40px 0 37px; }.hero-eyebrow { font-size: 6.5px; letter-spacing: 1px; padding: 7px 10px; gap: 7px; }.hero h1 { font-size: clamp(43px,11.9vw,60px); letter-spacing: -2.7px; line-height: 1.18; margin-top: 22px; margin-bottom: 17px; }.inline-icon { margin-inline: 1px; }.hero-description { font-size: 12px; line-height: 1.9; max-width: 330px; margin-inline: auto; }.hero-description br { display: none; }.hero-actions { gap: 8px; margin-top: 23px; }.hero-actions .button { font-size: 10px; padding: 11px 14px; min-height: 43px; gap: 7px; }.hero-actions .button .icon { width: 13px; height: 13px; }.play-icon { width: 17px; height: 17px; font-size: 6px; }.hero-reassurance { margin-top: 20px; font-size: 8px; gap: 10px; }.hero-reassurance .icon { width: 10px; height: 10px; }.feature-grid { grid-template-columns: 1fr; grid-template-rows: 420px 233px 233px; gap: 15px; }.feature-community { grid-row: auto; }.feature-card { border-radius: 15px; padding: 25px; }.feature-community h2 { font-size: 30px; }.feature-community .mini-label { font-size: 7px; }.feature-community p { font-size: 11px; max-width: 255px; }.feature-community .people-orbit { transform: translateX(-50%) scale(.84); bottom: -13px; }.feature-community .community-foot { font-size: 8px; left: 25px; bottom: 16px; }.feature-voice h2,.feature-reward h2 { font-size: 25px; }.feature-voice p { max-width: 270px; }.sample-poll { width: 84%; right: 15px; }.sample-label { display: inline; font-size: 4px; }.sample-poll-header { font-size: 7px; }.feature-reward p { max-width: 230px; }.coin-scene { display: block; right: -25px; top: 86px; transform: rotate(-12deg) scale(.64); }.feature-reward .text-link { margin-top: 18px; }.brand-statement { padding: 59px 0 65px; }.brand-statement>p { font-size: 26px; letter-spacing: -.8px; }.brand-statement>div { font-size: 12px; }.desktop-break { display: none; }.statement-symbol { margin-bottom: 17px; }.section-heading .eyebrow { font-size: 8px; letter-spacing: 1.2px; }.section-heading h2 { font-size: 29px; letter-spacing: -1px; line-height: 1.2; margin-top: 11px; }.section-heading p { font-size: 12px; margin-top: 12px; }.why-section { padding-bottom: 60px; }.why-grid { gap: 31px 23px; margin-top: 35px; }.why-grid h3 { font-size: 15px; letter-spacing: -.3px; line-height: 1.3; }.why-grid p { font-size: 12px; line-height: 1.8; margin-top: 9px; }.reason-icon { width: 35px; height: 35px; margin-bottom: 17px; border-radius: 10px; }.reason-icon .icon { width: 18px; height: 18px; }.research-card { padding: 24px 23px 0; }.research-card p { font-size: 12px; }.research-card h3 { font-size: 24px; }.section-note { line-height: 1.8; font-size: 9px; max-width: 270px; margin-inline: auto; }.research-section { padding-bottom: 45px; }.rewards-section { margin-top: 0; }.rewards-inner { padding-block: 46px; gap: 30px; }.rewards-copy h2 { font-size: 46px; letter-spacing: -1.8px; }.rewards-copy h2 br:first-child { display: initial; }.rewards-copy>p { font-size: 12px; }.rewards-copy .eyebrow { font-size: 7px; letter-spacing: 1.2px; }.reward-steps { gap: 16px; margin-top: 24px; }.reward-steps strong { font-size: 13px; }.reward-steps p { font-size: 10px; }.reward-calculator { padding: 21px; border-radius: 17px; }.calculator-icon { width: 33px; height: 33px; border-radius: 9px; flex-shrink: 0; }.calculator-icon .icon { width: 17px; height: 17px; }.calculator-heading { gap: 9px; }.calculator-heading h3 { font-size: 13px; }.calculator-heading p { font-size: 9px; }.conversion-visual { margin-top: 22px; padding: 23px 9px; gap: 8px; }.conversion-visual strong { font-size: 35px; }.conversion-visual div>span { font-size: 6px; letter-spacing: .7px; }.conversion-dollars strong>small { font-size: 21px; }.conversion-arrow { width: 23px; height: 23px; flex-shrink: 0; }.points-control>div:first-child { font-size: 9px; justify-content: space-between; }.points-control>div:first-child>span { font-size: 8px; }.points-control { margin-top: 21px; }.payout-row { padding: 12px; gap: 10px; }.payout-row strong { font-size: 10px; }.payout-row p { font-size: 9px; }.paypal-wordmark { font-size: 11px; }.paypal-wordmark>i { font-size: 19px; }.giftcard-symbol { width: 72px; font-size: 9px; flex-shrink: 0; }.calculator-note { font-size: 10px; }.how-section { padding-block: 54px; }.how-grid { gap: 40px; }.how-grid h3 { font-size: 21px; }.how-grid p { font-size: 12px; }.how-grid a { font-size: 11px; } }
@media(max-width:360px) { .nav-wrap { padding-inline: 17px; gap: 8px; }.nav-actions { gap: 6px; }.brand { font-size: 17px; }.brand-mark { width: 26px; height: 29px; font-size: 22px; }.brand-mark>span { font-size: 16px; }.nav-actions .button { font-size: 9px; padding-inline: 9px; }.section-wrap { width: calc(100% - 34px); }.hero h1 { font-size: clamp(32px,11.3vw,40px); letter-spacing: -2px; }.hero-actions .button { padding-inline: 10px; font-size: 9px; }.feature-card { padding-inline: 21px; }.feature-community .people-orbit { transform: translateX(-50%) scale(.73); }.feature-community .community-foot { left: 21px; font-size: 7px; }.feature-reward p { max-width: 190px; }.coin-scene { transform: rotate(-12deg) scale(.55); right: -33px; }.feature-reward h2 { font-size: 23px; }.sample-label { display: none; }.why-grid { column-gap: 16px; }.why-grid h3 { font-size: 14px; }.reward-calculator { padding-inline: 17px; }.conversion-visual strong { font-size: 31px; }.calculator-heading h3 { font-size: 12px; }.payout-row>.icon { display: none; }.brand-statement>p { font-size: 24px; } }
/* The footer stays comfortably sized on tablet and mobile. */
@media(max-width:980px) {
  .footer-main { grid-template-columns: 1fr; gap: 35px; padding-block: 48px; }
  .footer-brand { display: flex; align-items: center; gap: 36px; }
  .footer-brand>p { margin-top: 0; }
  .footer-links { padding-top: 0; gap: 32px; }
}
@media(max-width:640px) {
  .footer-main { gap: 36px; padding: 42px 0 34px; }
  .footer-brand { display: block; }
  .footer-brand>p { margin-top: 18px; font-size: 20px; }
  .footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 22px; }
  .footer-links h2 { font-size: 15px; margin-bottom: 10px; }
  .footer-links a { font-size: 15px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 8px; padding-block: 22px; font-size: 12px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *,*::before,*::after { transition: none!important; animation: none!important; } }