@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap');

*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#34384d #0d0f19}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:#0d0f19}*::-webkit-scrollbar-thumb{background:#34384d;border-radius:999px;border:2px solid #0d0f19}*::-webkit-scrollbar-thumb:hover{background:#4c526c}html{scroll-behavior:smooth}body{margin:0;background:#070811;color:#f7f8ff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.particle-field{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.particle-field i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:rgba(255,255,255,.65);box-shadow:0 0 12px rgba(114,221,255,.8);animation:twinkle var(--d) ease-in-out var(--delay) infinite}.aurora{position:fixed;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none;z-index:-2}.aurora-one{width:520px;height:520px;background:#6d3bff;top:-180px;left:-150px}.aurora-two{width:620px;height:620px;background:#0077ff;right:-260px;top:280px}.coin-aurora-one{width:600px;height:600px;background:var(--coin);top:-250px;right:-170px;opacity:.22}.coin-aurora-two{width:500px;height:500px;background:var(--coin2);bottom:-250px;left:-160px;opacity:.12}@keyframes twinkle{50%{opacity:.15;transform:translateY(-16px) scale(.7)}}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em;font-size:19px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#795cff,#1ed8ff);box-shadow:0 8px 32px rgba(93,87,255,.35);font-size:13px;letter-spacing:-.05em}.nav-pill{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);padding:11px 15px;border-radius:999px;color:#d8d9e7;font-size:13px;font-weight:700;backdrop-filter:blur(15px);transition:.25s}.nav-pill:hover{border-color:rgba(255,255,255,.28);transform:translateY(-2px)}.compact-header{height:78px}
.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:62px;padding:48px 0 82px}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;color:#aeb3c9}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#43ffd1;box-shadow:0 0 0 7px rgba(67,255,209,.08),0 0 20px #43ffd1}.hero h1{font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.065em;margin:22px 0 23px;max-width:760px;background:linear-gradient(180deg,#fff 12%,#d2d5ed 85%);-webkit-background-clip:text;color:transparent}.hero-lede{font-size:19px;line-height:1.65;color:#aeb2c7;max-width:620px;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.primary-button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;border-radius:15px;background:linear-gradient(135deg,#815eff,#27c8ff);color:#fff;font-weight:850;box-shadow:0 14px 42px rgba(94,86,255,.28),inset 0 1px rgba(255,255,255,.35);transition:.25s;min-height:51px}.primary-button:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(94,86,255,.42)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary-button.loading span{opacity:.65}.primary-button.loading:after{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.micro-trust{font-size:12px;line-height:1.4;color:#777d96}.micro-trust strong{color:#d6d9e8}.trust-row{display:flex;gap:19px;flex-wrap:wrap;margin-top:28px;color:#7f859e;font-size:12px}.trust-row span{display:flex;align-items:center;gap:6px}.hero-visual{position:relative;min-height:530px;display:grid;place-items:center}.glass-card{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(26px)}.hero-card{width:min(410px,88%);min-height:480px;border-radius:35px;padding:27px;position:relative;z-index:2;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -25% -35% 10%;height:280px;background:radial-gradient(circle,rgba(105,74,255,.42),transparent 65%);pointer-events:none}.hero-card-top{display:flex;align-items:center;justify-content:space-between;color:#7f859e;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.live-chip{display:flex;align-items:center;gap:7px;border:1px solid rgba(71,255,207,.18);background:rgba(71,255,207,.07);color:#8fffe2;padding:8px 10px;border-radius:999px}.live-chip i{width:5px;height:5px;border-radius:50%;background:#47ffcf}.hero-coin-stack{height:250px;position:relative;display:grid;place-items:center}.floating-token{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:900;box-shadow:0 25px 60px rgba(0,0,0,.45),inset 0 2px 6px rgba(255,255,255,.55);border:2px solid rgba(255,255,255,.22)}.token-front{width:132px;height:132px;background:linear-gradient(145deg,#ffbe62,#ef7d00);font-size:72px;z-index:3;animation:float 5s ease-in-out infinite}.token-back{width:82px;height:82px;background:linear-gradient(145deg,#8197ff,#4e5ec9);font-size:40px;left:39px;top:50px;animation:float 6s ease-in-out -1s infinite}.token-side{width:72px;height:72px;background:linear-gradient(145deg,#12f0ad,#8247e5);font-size:30px;right:37px;bottom:30px;animation:float 5.7s ease-in-out -2s infinite}.reward-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#777d96;font-weight:850}.reward-amount{font-size:34px;font-weight:900;letter-spacing:-.04em;margin-top:8px}.reward-line{display:flex;align-items:center;gap:9px;color:#8e94ab;font-size:11px;margin-top:22px}.reward-line .line{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.04))}.orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:rotate 22s linear infinite}.orbit:after{content:"$";position:absolute;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(53,255,145,.12);border:1px solid rgba(87,255,164,.38);color:#63ffa9;font-family:var(--font-interface,Inter,ui-sans-serif,sans-serif);font-size:14px;font-weight:900;line-height:1;box-shadow:0 0 9px rgba(75,255,157,.48),0 0 24px rgba(75,255,157,.28),inset 0 1px rgba(255,255,255,.16);text-shadow:0 0 10px rgba(88,255,169,.78);top:11%;left:11%}.orbit-a{width:510px;height:510px}.orbit-b{width:610px;height:380px;transform:rotate(-28deg);animation-duration:29s}.float-note{position:absolute;z-index:4;padding:13px 15px;border:1px solid rgba(255,255,255,.11);background:rgba(13,15,31,.78);box-shadow:0 18px 45px rgba(0,0,0,.34);backdrop-filter:blur(18px);border-radius:16px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;min-width:180px}.float-note span{grid-row:1/3;font-size:20px}.float-note b{font-size:12px}.float-note small{font-size:10px;color:#7d8298;margin-top:2px}.note-a{left:-8px;top:120px;animation:float 5s ease-in-out -1s infinite}.note-b{right:-12px;bottom:75px;animation:float 6s ease-in-out -2s infinite}@keyframes float{50%{transform:translateY(-13px) rotate(1deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}
.ticker-wrap{border-block:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);overflow:hidden}.ticker{width:max-content;display:flex;gap:38px;padding:15px 0;animation:ticker 36s linear infinite;color:#797f97;font-size:11px;font-weight:850;letter-spacing:.1em}.ticker span{display:flex;align-items:center;gap:8px}.ticker i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--coin),transparent 77%);color:var(--coin);font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}
.survey-browser{padding:115px 0 80px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{font-size:clamp(36px,5vw,56px);letter-spacing:-.055em;margin:12px 0 0}.section-heading p{max-width:430px;color:#8f94ab;line-height:1.6;margin:0}.browser-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.search-box{flex:0 1 390px;height:47px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:14px}.search-box input{width:100%;background:transparent;border:0;outline:0;color:#fff}.search-box input::placeholder{color:#666c83}.filter-pills{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.filter-pills button{white-space:nowrap;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#858ba2;padding:9px 12px;border-radius:999px;cursor:pointer;font-size:11px;font-weight:800}.filter-pills button.active{background:#f0f1ff;color:#111326;border-color:#fff}.coin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.coin-card{position:relative;overflow:hidden;min-height:307px;padding:20px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.016));border-radius:23px;transition:.28s;display:flex;flex-direction:column}.coin-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent),#fff 12%);box-shadow:0 26px 65px rgba(0,0,0,.34)}.coin-card-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:var(--accent);filter:blur(70px);opacity:.08;right:-70px;top:-80px;transition:.3s}.coin-card:hover .coin-card-glow{opacity:.2}.coin-card-head{display:flex;justify-content:space-between;align-items:center}.coin-logo{width:51px;height:51px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent),#fff 12%),color-mix(in srgb,var(--accent),#000 25%));font-weight:950;font-size:24px;box-shadow:0 12px 30px color-mix(in srgb,var(--accent),transparent 72%),inset 0 1px rgba(255,255,255,.35)}.arrow-chip{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.09);color:#73798f;transition:.25s}.coin-card:hover .arrow-chip{background:var(--accent);color:#fff;transform:rotate(10deg)}.coin-name{display:flex;align-items:baseline;gap:8px;margin-top:22px}.coin-name h3{margin:0;font-size:21px;letter-spacing:-.03em}.coin-name span{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.12em}.coin-card>p{font-size:12px;line-height:1.55;color:#7c8299;margin:8px 0 18px;min-height:38px}.reward-box{margin-top:auto;border:1px solid color-mix(in srgb,var(--accent),transparent 76%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 91%),transparent);border-radius:15px;padding:12px 13px}.reward-box small{display:block;color:#777d95;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:850}.reward-box strong{display:block;margin-top:5px;font-size:17px;color:var(--accent2)}.coin-meta{display:flex;align-items:center;gap:8px;color:#62687d;font-size:10px;margin-top:13px}.empty-state{text-align:center;color:#858ba2;padding:45px}.how-section{padding:100px 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-card{position:relative;min-height:270px;padding:25px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:23px;overflow:hidden}.step-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#724cff;filter:blur(80px);opacity:.07;bottom:-80px;right:-50px}.step-no{position:absolute;right:20px;top:17px;color:#3e4255;font-weight:900;font-size:12px}.step-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,rgba(128,89,255,.22),rgba(32,213,255,.12));border:1px solid rgba(136,108,255,.22);display:grid;place-items:center;font-size:23px;color:#c5b9ff}.step-card h3{font-size:20px;margin:42px 0 8px}.step-card p{color:#858ba0;line-height:1.65;font-size:13px;margin:0;max-width:280px}.safety-banner{display:flex;align-items:flex-start;gap:18px;margin-block:30px 100px;padding:25px;border:1px solid rgba(255,191,71,.18);background:linear-gradient(135deg,rgba(255,181,71,.08),rgba(255,255,255,.018));border-radius:22px}.safety-icon{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#ffbd48;color:#15100a;font-weight:950}.safety-banner h3{margin:0 0 7px;font-size:17px}.safety-banner p{margin:0;color:#9994a2;line-height:1.55;font-size:12px}.site-footer{min-height:110px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;color:#70768d}.site-footer p{font-size:12px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}
/* Survey */.survey-shell{padding:42px 0 110px}.survey-intro{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:30px;border:1px solid color-mix(in srgb,var(--coin),transparent 78%);background:linear-gradient(135deg,color-mix(in srgb,var(--coin),transparent 91%),rgba(255,255,255,.025));border-radius:29px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.survey-coin-logo{width:90px;height:90px;border-radius:27px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--coin),#fff 12%),color-mix(in srgb,var(--coin),#000 25%));box-shadow:0 20px 55px color-mix(in srgb,var(--coin),transparent 65%),inset 0 2px rgba(255,255,255,.35);font-size:43px;font-weight:950}.survey-intro h1{font-size:clamp(32px,4vw,50px);line-height:1.03;letter-spacing:-.055em;margin:12px 0 12px;max-width:670px}.survey-intro h1 span{color:var(--coin2)}.survey-intro-copy>p{margin:0;color:#999fb6}.survey-intro-copy>p strong{color:#fff}.intro-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.intro-chips span{font-size:10px;font-weight:800;color:#9fa5bb;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.025)}.reward-orb{width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid color-mix(in srgb,var(--coin),transparent 60%);background:radial-gradient(circle,color-mix(in srgb,var(--coin),transparent 72%),rgba(7,8,17,.75) 68%);box-shadow:0 0 75px color-mix(in srgb,var(--coin),transparent 78%)}.reward-orb small,.reward-orb span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#8d93aa;font-weight:850}.reward-orb strong{font-size:21px;margin:7px 0;color:var(--coin2)}.survey-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:20px;align-items:start;margin-top:22px}.survey-sidebar{position:sticky;top:18px}.progress-card{border-radius:22px;padding:19px}.progress-head{display:flex;justify-content:space-between;font-size:11px;color:#9298ae}.progress-head strong{color:var(--coin2)}.progress-track{height:6px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin:12px 0 18px}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--coin),var(--coin2));border-radius:inherit;box-shadow:0 0 18px var(--coin);transition:.35s}.progress-list{display:flex;flex-direction:column;gap:7px}.progress-list span{display:flex;align-items:center;gap:9px;padding:8px;border-radius:10px;color:#62687e;font-size:10px;transition:.25s}.progress-list b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.04);font-size:9px}.progress-list span.done{color:#d0d4e3;background:rgba(255,255,255,.035)}.progress-list span.done b{background:color-mix(in srgb,var(--coin),transparent 78%);color:var(--coin2)}.sidebar-note{padding:17px;margin-top:12px;border:1px solid rgba(67,255,209,.12);background:rgba(67,255,209,.035);border-radius:17px}.sidebar-note b{font-size:11px;color:#a9ffe7}.sidebar-note p{font-size:10px;color:#72798f;line-height:1.55;margin:6px 0 0}.survey-form{display:flex;flex-direction:column;gap:13px}.question-card{margin:0;padding:24px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(255,255,255,.046),rgba(255,255,255,.015));border-radius:22px;min-width:0;transition:.25s}.question-card:focus-within{border-color:color-mix(in srgb,var(--coin),transparent 45%);box-shadow:0 0 0 3px color-mix(in srgb,var(--coin),transparent 91%)}.question-card.invalid{border-color:rgba(255,82,111,.55)}.question-card legend{float:left;width:100%;display:flex;align-items:flex-start;gap:12px;font-size:15px;font-weight:800;line-height:1.35;margin-bottom:18px}.question-card legend+*{clear:both}.question-card legend>span{flex:none;color:var(--coin2);font-size:9px;letter-spacing:.08em;margin-top:3px}.question-card sup{color:#ff6380}.answer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.answer-pill{cursor:pointer}.answer-pill input{position:absolute;opacity:0;pointer-events:none}.answer-pill span{min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);border-radius:13px;color:#9096ac;font-size:12px;transition:.2s}.answer-pill i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.045);color:#666c82;font-size:9px;font-weight:900}.answer-pill:hover span{border-color:rgba(255,255,255,.18);color:#d9dbea}.answer-pill input:checked+span{border-color:color-mix(in srgb,var(--coin),transparent 45%);background:color-mix(in srgb,var(--coin),transparent 89%);color:#fff;box-shadow:inset 0 0 28px color-mix(in srgb,var(--coin),transparent 94%)}.answer-pill input:checked+span i{background:var(--coin);color:#fff}.checkbox-options small{grid-column:1/-1;color:#62687d;font-size:9px;margin-top:3px}.select-wrap{position:relative;display:block}.select-wrap select{appearance:none;width:100%;border:1px solid rgba(255,255,255,.09);background:#101220;color:#d8dbea;border-radius:13px;padding:14px 43px 14px 13px;outline:0}.select-wrap>span{position:absolute;right:15px;top:13px;color:#7e849a}.textarea-wrap{position:relative}.textarea-wrap textarea{display:block;width:100%;min-height:118px;resize:vertical;border:1px solid rgba(255,255,255,.09);background:#101220;color:#eef0fa;border-radius:14px;padding:14px;outline:0;line-height:1.55}.textarea-wrap textarea::placeholder{color:#565c70}.textarea-wrap small{position:absolute;right:11px;bottom:9px;color:#5f657a;font-size:9px}.scale-wrap{width:100%}.scale-options{display:grid;grid-template-columns:repeat(var(--scale-count,5),minmax(0,1fr));gap:8px;align-items:stretch;width:100%}.scale-options label{cursor:pointer;min-width:0}.scale-options input{position:absolute;opacity:0}.scale-options span{height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:10px;color:#777d92;font-size:11px;font-weight:800;transition:.2s;width:100%}.scale-options input:checked+span{background:var(--coin);border-color:var(--coin);color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--coin),transparent 68%)}.scale-labels{display:flex;justify-content:space-between;color:#5e6479;font-size:9px;margin-top:8px;gap:16px}.scale-labels span:first-child{text-align:left}.scale-labels span:last-child{text-align:right;margin-left:auto}.question-error,.form-global-error,.modal-error{color:#ff7891;font-size:10px;margin:9px 0 0;min-height:13px}.submit-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px;border:1px solid color-mix(in srgb,var(--coin),transparent 76%);background:linear-gradient(135deg,color-mix(in srgb,var(--coin),transparent 91%),rgba(255,255,255,.025));border-radius:22px}.submit-panel b{font-size:15px}.submit-panel p{margin:5px 0 0;color:#747a91;font-size:10px;line-height:1.4}.submit-button{background:linear-gradient(135deg,var(--coin),var(--coin2));min-width:190px}.honeypot{position:absolute!important;left:-9999px!important}.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(2,3,10,.78);backdrop-filter:blur(12px)}.modal-panel{position:relative;z-index:2;width:min(590px,100%);max-height:min(780px,calc(100vh - 30px));overflow:hidden;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,#16182a,#0c0e19);box-shadow:0 40px 110px rgba(0,0,0,.65);border-radius:28px}.modal-close{position:absolute;right:14px;top:13px;z-index:4;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#9398ad;cursor:pointer}.modal-step{display:none;padding:37px;max-height:min(780px,calc(100vh - 30px));overflow:auto}.modal-step.active{display:block}.modal-eyebrow{font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--coin2);margin-bottom:10px}.modal-step h2{font-size:30px;letter-spacing:-.045em;margin:0 0 11px}.modal-step>p,.modal-copy{color:#878da3;line-height:1.55;font-size:12px}.success-burst{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px;background:radial-gradient(circle,color-mix(in srgb,var(--coin),#fff 10%),var(--coin));box-shadow:0 0 0 12px color-mix(in srgb,var(--coin),transparent 89%),0 0 55px color-mix(in srgb,var(--coin),transparent 55%);font-size:31px;font-weight:950}.modal-step code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c8ccdf;font-size:10px;word-break:break-all}.modal-step .primary-button{width:100%;margin-top:17px}.text-button{display:block;margin:13px auto 0;border:0;background:transparent;color:#777d93;font-size:11px;cursor:pointer}.wallet-search{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.09);background:#0e101c;padding:0 12px;height:43px;border-radius:12px;margin:17px 0 11px}.wallet-search input{flex:1;background:transparent;border:0;outline:0;color:#fff}.wallet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:320px;overflow:auto;padding-right:4px}.wallet-option{position:relative;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);color:#c4c8d9;border-radius:12px;padding:8px 10px;cursor:pointer;min-height:50px}.wallet-option i{flex:none;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:950;background:color-mix(in srgb,var(--wallet-color),transparent 78%);color:var(--wallet-color);border:1px solid color-mix(in srgb,var(--wallet-color),transparent 65%)}.wallet-option span{font-size:10px;font-weight:750}.wallet-option b{display:none;margin-left:auto;color:#67ffc8}.wallet-option.selected{border-color:var(--coin);background:color-mix(in srgb,var(--coin),transparent 90%)}.wallet-option.selected b{display:block}.selected-wallet-line{display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);padding:11px;border-radius:14px;margin:18px 0}.selected-wallet-line>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--coin),transparent 80%);color:var(--coin2);font-weight:900}.selected-wallet-line div{display:flex;flex-direction:column}.selected-wallet-line small{font-size:8px;color:#6d7389;text-transform:uppercase;letter-spacing:.1em}.selected-wallet-line b{font-size:11px;margin-top:3px}.selected-wallet-line button{margin-left:auto;border:0;background:transparent;color:var(--coin2);font-size:10px;cursor:pointer}.field-label{display:block;font-size:10px;color:#979db2;font-weight:700;margin-top:13px}.field-label em{font-style:normal;color:#5f6578;font-weight:500}.field-label input{display:block;width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.09);background:#0d0f1a;color:#fff;padding:13px;border-radius:12px;outline:0}.field-label input:focus{border-color:var(--coin)}.security-callout{display:flex;gap:10px;margin-top:14px;padding:12px;border:1px solid rgba(78,255,207,.11);background:rgba(78,255,207,.035);border-radius:12px}.security-callout p{margin:0;color:#777f94;font-size:9px;line-height:1.5}.security-callout b{color:#b6ffe9}.entry-receipt{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);padding:14px;border-radius:12px;margin-top:18px}.entry-receipt small{display:block;color:#6d7388;font-size:8px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.modal-open{overflow:hidden}.not-found-page{display:grid;place-items:center;padding:20px}.not-found-card{width:min(590px,100%);padding:50px;text-align:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);border-radius:28px}.not-found-card .brand-mark{margin:auto}.not-found-card h1{font-size:42px;letter-spacing:-.05em;margin:18px 0 10px}.not-found-card p{color:#858ba1;line-height:1.6}.not-found-card .primary-button{margin-top:18px}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-copy{text-align:center}.hero h1,.hero-lede{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{margin-top:-10px}.coin-grid{grid-template-columns:repeat(3,1fr)}.survey-intro{grid-template-columns:auto 1fr}.reward-orb{grid-column:1/-1;width:100%;height:auto;border-radius:18px;flex-direction:row;gap:13px;padding:15px}.survey-layout{grid-template-columns:1fr}.survey-sidebar{position:static}.progress-list{display:none}.browser-tools{align-items:flex-start;flex-direction:column}.search-box{flex-basis:auto;width:100%}}
@media(max-width:720px){.shell{width:min(100% - 24px,1180px)}.site-header{height:72px}.nav-pill{font-size:11px}.hero{padding:60px 0 55px}.hero h1{font-size:48px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column}.micro-trust{text-align:center}.hero-visual{min-height:450px}.hero-card{min-height:420px}.orbit-a{width:390px;height:390px}.orbit-b{width:430px;height:300px}.float-note{display:none}.coin-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start;flex-direction:column}.survey-browser,.how-section{padding-block:75px}.steps-grid{grid-template-columns:1fr}.survey-intro{grid-template-columns:1fr;text-align:center;padding:22px}.survey-coin-logo{margin:auto}.intro-chips{justify-content:center}.survey-layout{margin-top:14px}.answer-options{grid-template-columns:1fr}.scale-options{display:flex;flex-wrap:wrap}.scale-options label{flex:1 0 35px}.submit-panel{flex-direction:column;align-items:stretch}.submit-button{width:100%}.modal-step{padding:31px 20px}.wallet-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;justify-content:center;gap:12px}.safety-banner{margin-bottom:65px}.survey-intro h1{font-size:35px}.reward-orb{justify-content:center}.not-found-card{padding:32px 20px}.not-found-card h1{font-size:34px}}
@media(max-width:460px){.coin-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-card{width:96%}.trust-row{flex-direction:column;align-items:center}.filter-pills{width:100%}.survey-coin-logo{width:76px;height:76px}.modal-panel{border-radius:22px}.modal-step h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Refined Web3 interface typography
   Large display headings keep their original typeface.
   Supporting copy, controls, labels, and buttons use Sora. */
:root {
    --font-display: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-interface: "Sora", "Segoe UI", Arial, sans-serif;
}

body,
button,
input,
textarea,
select {
    font-family: var(--font-interface);
    font-optical-sizing: auto;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Preserve the original look of prominent display text. */
h1,
h2,
h3,
.brand,
.reward-amount,
.coin-logo,
.survey-coin-logo,
.reward-orb strong,
.success-burst,
.floating-token {
    font-family: var(--font-display);
}

/* Navigation and action controls. */
.nav-pill,
.primary-button,
.submit-button,
.filter-pills button,
.wallet-card,
.selected-wallet-line button {
    font-family: var(--font-interface);
    font-weight: 600;
    letter-spacing: -0.015em;
}

.nav-pill {
    font-size: 12px;
    line-height: 1;
}

.primary-button,
.submit-button {
    letter-spacing: -0.02em;
}

/* Compact Web3 labels and metadata. */
.eyebrow,
.reward-kicker,
.hero-card-top,
.live-chip,
.ticker,
.coin-tag,
.modal-eyebrow,
.progress-label,
.entry-receipt small,
.selected-wallet-line small {
    font-family: var(--font-interface);
    font-weight: 600;
}

.eyebrow,
.reward-kicker,
.hero-card-top,
.modal-eyebrow {
    letter-spacing: 0.13em;
}

/* Supporting copy should feel clean and technical rather than heavy. */
.hero-lede,
.micro-trust,
.trust-row,
.section-heading p,
.coin-card p,
.step-card p,
.survey-intro-copy > p,
.intro-chips,
.sidebar-note,
.modal-step > p,
.modal-copy,
.security-callout p,
.not-found-card p {
    font-family: var(--font-interface);
    font-weight: 400;
    letter-spacing: -0.012em;
}

.hero-lede,
.section-heading p,
.survey-intro-copy > p,
.modal-step > p,
.not-found-card p {
    line-height: 1.7;
}

.micro-trust {
    font-size: 11px;
    line-height: 1.6;
    color: #858ba2;
}

.micro-trust strong {
    font-weight: 600;
    color: #e2e5f2;
}

.trust-row {
    font-weight: 500;
    letter-spacing: -0.01em;
}

.search-box input,
.field-label input,
textarea,
select {
    font-weight: 400;
    letter-spacing: -0.01em;
}

.search-box input::placeholder,
.field-label input::placeholder,
textarea::placeholder {
    font-family: var(--font-interface);
    font-weight: 400;
}



/* CoinVoice brand and trust upgrade */
.brand {
    gap: 10px;
}

.brand-logo {
    display: block;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    filter: drop-shadow(0 10px 22px rgba(83, 105, 255, .28));
}

.brand-wordmark {
    font-family: var(--font-interface);
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -.045em;
    color: #f6f7ff;
}

.brand-suffix {
    margin-left: .025em;
    background: linear-gradient(135deg, #7187ff 0%, #45d9ff 58%, #9a72ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 22px rgba(69, 217, 255, .18);
}

.hero-copy {
    overflow: visible;
}

.hero h1 {
    line-height: 1.055;
    padding-bottom: .11em;
    overflow: visible;
}

.hero-actions {
    align-items: stretch;
}

.trust-panel {
    min-width: 292px;
    max-width: 350px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 13px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow: inset 0 1px rgba(255,255,255,.05);
}

.trust-panel > span:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.trust-panel strong {
    font-size: 11px;
    color: #eef0fb;
}

.trust-panel small {
    color: #7f859c;
    font-size: 9px;
    line-height: 1.45;
}

.trust-panel-icon,
.float-note-icon,
.benefit-icon,
.security-callout-icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.trust-panel-icon {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    color: #77dbff;
    background: linear-gradient(145deg, rgba(108,91,255,.2), rgba(39,200,255,.1));
    border: 1px solid rgba(119,219,255,.16);
}

.trust-panel-icon svg,
.float-note-icon svg,
.benefit-icon svg,
.trust-chip svg,
.intro-chips svg,
.security-callout-icon svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.trust-panel-icon svg {
    width: 18px;
    height: 18px;
}

.trust-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    width: min(100%, 690px);
    margin-top: 24px;
}

.trust-row .trust-chip {
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: center;
    gap: 9px;
    min-height: 58px;
    padding: 10px 11px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 14px;
    color: #8e94aa;
    background: rgba(255,255,255,.022);
    transition: border-color .25s, background .25s, transform .25s;
}

.trust-row .trust-chip:hover {
    transform: translateY(-2px);
    border-color: rgba(123,153,255,.24);
    background: rgba(100,102,255,.05);
}

.trust-chip > svg {
    width: 28px;
    height: 28px;
    padding: 6px;
    color: #82baff;
    border-radius: 9px;
    background: rgba(99,111,255,.1);
}

.trust-chip > span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.trust-chip b {
    color: #dde0ef;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.25;
}

.trust-chip small {
    color: #686f87;
    font-size: 7.5px;
    line-height: 1.3;
}

.float-note {
    grid-template-columns: 38px 1fr;
    align-items: center;
    column-gap: 10px;
}

.float-note .float-note-icon {
    grid-row: 1 / 3;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: #8bdfff;
    background: linear-gradient(145deg, rgba(118,87,255,.2), rgba(31,210,255,.1));
    border: 1px solid rgba(139,223,255,.16);
}

.float-note-icon svg {
    width: 20px;
    height: 20px;
}

.note-b .float-note-icon {
    color: #71f2c9;
    background: rgba(71,255,207,.07);
    border-color: rgba(71,255,207,.15);
}

.benefit-strip {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: -28px;
    margin-bottom: 72px;
}

.benefit-card {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 24px;
    background:
        radial-gradient(circle at 92% 8%, rgba(83,117,255,.17), transparent 37%),
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow: 0 22px 65px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.06);
    transition: transform .3s, border-color .3s, box-shadow .3s;
}

.benefit-card::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -48px;
    bottom: -58px;
    border: 1px solid rgba(112,142,255,.12);
    border-radius: 50%;
    box-shadow: 0 0 0 18px rgba(112,142,255,.025), 0 0 0 38px rgba(112,142,255,.018);
}

.benefit-card:hover {
    transform: translateY(-5px);
    border-color: rgba(113,147,255,.24);
    box-shadow: 0 28px 75px rgba(0,0,0,.3), 0 0 42px rgba(82,99,255,.08);
}

.benefit-tag {
    display: inline-flex;
    padding: 6px 9px;
    border: 1px solid rgba(126,151,255,.16);
    border-radius: 999px;
    color: #8f9ddd;
    background: rgba(90,99,255,.07);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.benefit-icon {
    width: 46px;
    height: 46px;
    margin-top: 25px;
    border-radius: 14px;
    color: #82dfff;
    background: linear-gradient(145deg, rgba(116,85,255,.2), rgba(35,201,255,.1));
    border: 1px solid rgba(130,223,255,.16);
    box-shadow: 0 12px 34px rgba(58,101,255,.13);
}

.benefit-icon svg {
    width: 23px;
    height: 23px;
}

.benefit-card h3 {
    margin: 17px 0 7px;
    font-family: var(--font-interface);
    font-size: 17px;
    letter-spacing: -.035em;
}

.benefit-card p {
    margin: 0;
    max-width: 310px;
    color: #777e96;
    font-family: var(--font-interface);
    font-size: 10px;
    line-height: 1.65;
}

.section-heading-solo {
    align-items: flex-start;
}

.intro-chips span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.intro-chips svg {
    width: 14px;
    height: 14px;
    color: var(--coin2);
}

.security-callout-icon {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    color: #72e9c6;
    background: rgba(78,255,207,.07);
    border: 1px solid rgba(78,255,207,.12);
}

.security-callout-icon svg {
    width: 16px;
    height: 16px;
}

.not-found-logo {
    display: block;
    width: 58px;
    height: 58px;
    margin: 0 auto;
    filter: drop-shadow(0 12px 25px rgba(83,105,255,.3));
}

@media (max-width: 1000px) {
    .hero h1 {
        margin-inline: auto;
    }

    .trust-panel,
    .trust-row {
        margin-inline: auto;
    }

    .trust-row {
        width: min(100%, 720px);
    }

    .benefit-strip {
        margin-top: 10px;
    }
}

@media (max-width: 760px) {
    .brand-logo {
        width: 38px;
        height: 38px;
    }

    .brand-wordmark {
        font-size: 17px;
    }

    .hero h1 {
        line-height: 1.08;
        padding-bottom: .13em;
    }

    .hero-actions {
        align-items: center;
    }

    .trust-panel {
        min-width: 0;
        width: min(100%, 390px);
        text-align: left;
    }

    .trust-row {
        grid-template-columns: 1fr;
        width: min(100%, 390px);
    }

    .trust-row .trust-chip {
        grid-template-columns: 32px 1fr;
        text-align: left;
    }

    .trust-chip b {
        font-size: 10px;
    }

    .trust-chip small {
        font-size: 8px;
    }

    .benefit-strip {
        grid-template-columns: 1fr;
        margin-bottom: 52px;
    }

    .benefit-card {
        min-height: 190px;
    }
}

@media (max-width: 460px) {
    .brand-wordmark {
        font-size: 16px;
    }

    .hero h1 {
        font-size: 40px;
        letter-spacing: -.055em;
    }
}
.reveal-delay-2 { transition-delay: .2s; }


/* Official cryptocurrency artwork for configured coins. */
.coin-logo.has-image,
.survey-coin-logo.has-image,
.ticker i.has-image,
.floating-token.has-image {
    overflow: hidden;
}

.coin-logo.has-image img,
.survey-coin-logo.has-image img,
.ticker i.has-image img,
.floating-token img {
    display: block;
    object-fit: contain;
    user-select: none;
    pointer-events: none;
}

.coin-logo.has-image img {
    width: 38px;
    height: 38px;
}

.survey-coin-logo.has-image img {
    width: 68px;
    height: 68px;
}

.ticker i.has-image {
    background: transparent;
}

.ticker i.has-image img {
    width: 22px;
    height: 22px;
}

.floating-token img {
    width: 78%;
    height: 78%;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .24));
}

.floating-token.token-front img {
    width: 82%;
    height: 82%;
}

.floating-token.has-image {
    background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.045));
    backdrop-filter: blur(16px);
}

@media (max-width: 460px) {
    .survey-coin-logo.has-image img {
        width: 57px;
        height: 57px;
    }
}


/* Compact CoinVoice header promise. */
.header-brand-cluster {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 15px;
}

.brand-slogan {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 205px;
    padding-left: 15px;
    border-left: 1px solid rgba(255,255,255,.11);
    color: #858ba2;
    font-family: var(--font-interface);
    font-size: 9px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -.01em;
}

.brand-slogan i {
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #7b61ff, #25d0ff);
    box-shadow: 0 0 0 5px rgba(73,151,255,.07), 0 0 14px rgba(61,195,255,.5);
}

@media (max-width: 820px) {
    .brand-slogan { display: none; }
}

/* Glossy colored feature cards */
.benefit-strip{gap:18px}.benefit-card{--benefit-a:96,105,255;--benefit-b:45,210,255;isolation:isolate;min-height:242px;padding:25px 26px 27px;border-color:rgba(var(--benefit-b),.22);background:radial-gradient(circle at 82% 9%,rgba(var(--benefit-b),.24),transparent 34%),radial-gradient(circle at 8% 108%,rgba(var(--benefit-a),.25),transparent 48%),linear-gradient(145deg,rgba(var(--benefit-a),.16),rgba(13,15,29,.88) 53%,rgba(var(--benefit-b),.09));box-shadow:0 28px 76px rgba(0,0,0,.29),0 0 0 1px rgba(255,255,255,.025) inset,0 1px 0 rgba(255,255,255,.11) inset}.benefit-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(112deg,transparent 17%,rgba(255,255,255,.095) 39%,transparent 57%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 12px);background-size:220% 100%,auto;background-position:130% 0,0 0;opacity:.8;pointer-events:none;transition:background-position .65s ease}.benefit-card::after{width:145px;height:145px;right:-50px;bottom:-72px;border-color:rgba(var(--benefit-b),.18);box-shadow:0 0 0 18px rgba(var(--benefit-b),.036),0 0 0 40px rgba(var(--benefit-a),.022),0 0 70px rgba(var(--benefit-b),.12)}.benefit-card:hover{transform:translateY(-7px);border-color:rgba(var(--benefit-b),.42);box-shadow:0 34px 86px rgba(0,0,0,.37),0 0 55px rgba(var(--benefit-b),.13),0 1px 0 rgba(255,255,255,.15) inset}.benefit-card:hover::before{background-position:-120% 0,0 0}.benefit-free{--benefit-a:255,127,45;--benefit-b:255,208,85}.benefit-private{--benefit-a:53,99,255;--benefit-b:61,239,205}.benefit-instant{--benefit-a:153,69,255;--benefit-b:54,212,255}.benefit-tag{position:relative;z-index:2;border-color:rgba(var(--benefit-b),.25);color:rgba(240,247,255,.82);background:rgba(var(--benefit-a),.13);box-shadow:0 8px 25px rgba(var(--benefit-a),.09),inset 0 1px rgba(255,255,255,.08)}.benefit-icon{position:relative;z-index:2;width:68px;height:68px;margin-top:20px;overflow:visible;border-radius:22px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.21);background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.3),transparent 29%),linear-gradient(145deg,rgba(var(--benefit-b),.25),rgba(var(--benefit-a),.16));box-shadow:0 20px 42px rgba(var(--benefit-a),.22),0 0 28px rgba(var(--benefit-b),.17),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -9px 22px rgba(0,0,0,.16);transform:rotate(-3deg);transition:transform .32s ease,box-shadow .32s ease}.benefit-card:hover .benefit-icon{transform:translateY(-2px) rotate(1deg) scale(1.045);box-shadow:0 24px 52px rgba(var(--benefit-a),.3),0 0 38px rgba(var(--benefit-b),.28),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -9px 22px rgba(0,0,0,.14)}.benefit-icon::before,.benefit-icon::after{content:"";position:absolute;pointer-events:none}.benefit-icon::before{inset:-7px;z-index:-1;border-radius:27px;border:1px solid rgba(var(--benefit-b),.16);box-shadow:0 0 24px rgba(var(--benefit-b),.14)}.benefit-icon::after{width:12px;height:12px;right:-5px;top:-4px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 18px rgba(var(--benefit-b),.9),0 0 34px rgba(var(--benefit-b),.55);transform:scale(.45)}.benefit-icon svg{position:relative;z-index:2;width:57px;height:57px;overflow:visible}.benefit-icon svg *{vector-effect:non-scaling-stroke}.benefit-icon-shine{position:absolute;z-index:3;width:30px;height:11px;left:8px;top:7px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,0));filter:blur(1px);opacity:.7;transform:rotate(-20deg);pointer-events:none}.benefit-card h3{position:relative;z-index:2;margin-top:19px;color:#f7f8ff;font-size:18px;text-shadow:0 2px 18px rgba(var(--benefit-b),.12)}.benefit-card p{position:relative;z-index:2;color:#a5abc0;font-size:10.5px}@media(max-width:720px){.benefit-card{min-height:225px}}

/* Redesigned homepage step cards */
.benefit-strip {
    gap: 20px;
    align-items: stretch;
}

.benefit-step {
    position: relative;
    isolation: isolate;
    min-height: 285px;
    padding: 24px 24px 26px;
    overflow: hidden;
    border-radius: 28px;
}

.benefit-step::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        radial-gradient(circle at 18% 14%, rgba(255,255,255,.22), transparent 18%),
        linear-gradient(120deg, rgba(255,255,255,.08), transparent 28%, transparent 70%, rgba(255,255,255,.04));
    opacity: .85;
    pointer-events: none;
}

.benefit-step::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    right: -60px;
    bottom: -84px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow:
        0 0 0 22px rgba(255,255,255,.03),
        0 0 0 46px rgba(255,255,255,.018),
        0 0 70px rgba(255,255,255,.07);
    opacity: .85;
    pointer-events: none;
}

.benefit-step-1 {
    border-color: rgba(79, 203, 255, .24);
    background:
        radial-gradient(circle at 86% 12%, rgba(61,232,255,.16), transparent 30%),
        radial-gradient(circle at 9% 102%, rgba(76,123,255,.22), transparent 46%),
        linear-gradient(145deg, rgba(96,92,255,.22), rgba(9,14,34,.93) 52%, rgba(35,211,255,.12));
}

.benefit-step-2 {
    border-color: rgba(205, 110, 255, .24);
    background:
        radial-gradient(circle at 84% 10%, rgba(119,224,255,.13), transparent 26%),
        radial-gradient(circle at 8% 100%, rgba(189,81,255,.24), transparent 48%),
        linear-gradient(145deg, rgba(118,95,255,.18), rgba(14,14,36,.94) 54%, rgba(69,211,255,.09));
}

.benefit-step-3 {
    border-color: rgba(44, 239, 171, .24);
    background:
        radial-gradient(circle at 86% 14%, rgba(66,162,255,.16), transparent 28%),
        radial-gradient(circle at 8% 100%, rgba(52,255,185,.18), transparent 46%),
        linear-gradient(145deg, rgba(35,209,169,.2), rgba(11,18,39,.94) 52%, rgba(70,110,255,.12));
}

.benefit-tag {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(244,248,255,.9);
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: inset 0 1px rgba(255,255,255,.12), 0 10px 24px rgba(0,0,0,.16);
}

.benefit-step-no {
    position: absolute;
    top: 20px;
    right: 21px;
    z-index: 2;
    font-size: 34px;
    font-weight: 900;
    letter-spacing: -.05em;
    color: rgba(255,255,255,.09);
    text-shadow: 0 0 30px rgba(255,255,255,.05);
}

.benefit-icon {
    position: relative;
    z-index: 2;
    width: 92px;
    height: 92px;
    margin-top: 28px;
    border-radius: 28px;
    display: grid;
    place-items: center;
    overflow: visible;
    border: 1px solid rgba(255,255,255,.18);
    background:
        radial-gradient(circle at 26% 18%, rgba(255,255,255,.34), transparent 26%),
        linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.04));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        inset 0 -16px 30px rgba(0,0,0,.18),
        0 22px 44px rgba(0,0,0,.22);
}

.benefit-step-1 .benefit-icon {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -16px 30px rgba(0,0,0,.18), 0 22px 44px rgba(53,110,255,.24), 0 0 36px rgba(80,208,255,.14);
}

.benefit-step-2 .benefit-icon {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -16px 30px rgba(0,0,0,.18), 0 22px 44px rgba(141,76,255,.24), 0 0 36px rgba(219,111,255,.15);
}

.benefit-step-3 .benefit-icon {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -16px 30px rgba(0,0,0,.18), 0 22px 44px rgba(35,187,147,.24), 0 0 36px rgba(63,214,255,.14);
}

.benefit-icon::before {
    content: "";
    position: absolute;
    inset: -8px;
    z-index: -1;
    border-radius: 34px;
    border: 1px solid rgba(255,255,255,.08);
    opacity: .8;
}

.benefit-icon::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    right: -4px;
    top: -5px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 12px rgba(255,255,255,.85), 0 0 24px rgba(96,209,255,.45);
}

.benefit-icon svg {
    width: 74px;
    height: 74px;
}

.benefit-icon-shine {
    position: absolute;
    z-index: 3;
    width: 40px;
    height: 12px;
    left: 10px;
    top: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,.68), rgba(255,255,255,0));
    filter: blur(1px);
    opacity: .82;
    transform: rotate(-20deg);
    pointer-events: none;
}

.benefit-step h3 {
    position: relative;
    z-index: 2;
    margin-top: 22px;
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 1.02;
    letter-spacing: -.045em;
    color: #f7f9ff;
}

.benefit-step p {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 34ch;
    font-size: 13px;
    line-height: 1.62;
    color: #acb1c7;
}

@media (max-width: 980px) {
    .benefit-step h3 {
        font-size: 24px;
    }
}

@media (max-width: 720px) {
    .benefit-step {
        min-height: 250px;
    }

    .benefit-icon {
        width: 84px;
        height: 84px;
    }

    .benefit-icon svg {
        width: 68px;
        height: 68px;
    }
}

/* Homepage hero bubbles layout refinement */
.hero-coin-stack {
    height: 285px;
    width: 100%;
    max-width: 320px;
    margin: 8px auto 0;
}

.floating-token {
    overflow: hidden;
}

.token-front.token-btc {
    width: 138px;
    height: 138px;
    z-index: 5;
}

.token-back.token-eth {
    width: 88px;
    height: 88px;
    left: 56px;
    top: 76px;
    z-index: 3;
}

.token-side.token-sol {
    width: 74px;
    height: 74px;
    right: 36px;
    bottom: 44px;
    z-index: 3;
}

.token-bnb {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 62px;
    top: 58px;
    z-index: 2;
    border-radius: 50%;
    animation: float 6.2s ease-in-out -1.5s infinite;
    background: radial-gradient(circle at 34% 28%, rgba(255,255,255,.4), rgba(255,255,255,.12) 26%, rgba(255,213,91,.18) 58%, rgba(9,10,16,.92) 100%);
}

.token-xrp {
    width: 66px;
    height: 66px;
    position: absolute;
    left: 72px;
    bottom: 34px;
    z-index: 2;
    border-radius: 50%;
    animation: float 5.5s ease-in-out -2.3s infinite;
    background: radial-gradient(circle at 34% 28%, rgba(255,255,255,.4), rgba(255,255,255,.12) 24%, rgba(116,194,255,.16) 58%, rgba(9,10,16,.94) 100%);
}

.floating-token img {
    width: 76%;
    height: 76%;
}

.token-btc img {
    width: 74%;
    height: 74%;
}

.token-eth img {
    width: 68%;
    height: 68%;
}

.token-bnb img,
.token-xrp img,
.token-sol img {
    width: 66%;
    height: 66%;
}

@media (max-width: 720px) {
    .hero-coin-stack {
        max-width: 300px;
        height: 265px;
    }

    .token-back.token-eth {
        left: 44px;
        top: 74px;
    }

    .token-bnb {
        right: 44px;
        top: 56px;
    }

    .token-xrp {
        left: 56px;
        bottom: 30px;
    }

    .token-side.token-sol {
        right: 28px;
        bottom: 38px;
    }
}

/* Hero bubble refinement: separate ETH from BTC */
.token-back.token-eth {
    width: 68px;
    height: 68px;
    left: 34px;
    top: 90px;
    z-index: 2;
}

.token-eth img {
    width: 64%;
    height: 64%;
}

.token-bnb {
    right: 58px;
    top: 52px;
}

.token-xrp {
    left: 68px;
    bottom: 30px;
}

.token-side.token-sol {
    right: 30px;
    bottom: 40px;
}

@media (max-width: 720px) {
    .token-back.token-eth {
        left: 28px;
        top: 88px;
    }

    .token-bnb {
        right: 40px;
        top: 52px;
    }

    .token-xrp {
        left: 54px;
        bottom: 28px;
    }
}

/* Branded server-level 404 page */
body.custom-404-page {
    display: block;
    min-height: 100vh;
    padding: 0;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 18% 12%, rgba(111, 78, 255, .13), transparent 30%),
        radial-gradient(circle at 83% 76%, rgba(39, 200, 255, .10), transparent 31%),
        #070811;
}

.not-found-header {
    position: relative;
    z-index: 10;
}

.not-found-stage {
    position: relative;
    min-height: calc(100vh - 92px);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    align-items: center;
    gap: 70px;
    padding-top: 30px;
    padding-bottom: 95px;
}

.not-found-visual {
    position: relative;
    min-height: 520px;
    display: grid;
    place-items: center;
    isolation: isolate;
}

.error-number {
    position: relative;
    z-index: 3;
    font-family: var(--font-display);
    font-size: clamp(148px, 17vw, 270px);
    font-weight: 900;
    line-height: .8;
    letter-spacing: -.095em;
    padding-right: .08em;
    color: transparent;
    -webkit-text-stroke: 1px rgba(226, 231, 255, .24);
    background: linear-gradient(180deg, #ffffff 3%, #aeb8ee 45%, #765cff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 30px 65px rgba(54, 46, 176, .28));
}

.error-number::after {
    content: "404";
    position: absolute;
    inset: 0;
    z-index: -1;
    color: rgba(116, 90, 255, .20);
    filter: blur(30px);
    transform: translateY(20px) scale(.96);
}

.error-orbit {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 50%;
    animation: rotate 24s linear infinite;
}

.error-orbit-one {
    width: 470px;
    height: 470px;
    transform: rotate(-12deg);
}

.error-orbit-two {
    width: 565px;
    height: 315px;
    transform: rotate(24deg);
    animation-duration: 31s;
    animation-direction: reverse;
}

.error-orbit i {
    position: absolute;
    top: 8%;
    left: 10%;
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-style: normal;
    font-size: 15px;
    font-weight: 900;
    color: #6bffc0;
    border: 1px solid rgba(89, 255, 175, .34);
    background: rgba(38, 255, 144, .09);
    box-shadow: 0 0 24px rgba(54, 255, 150, .25), inset 0 1px rgba(255,255,255,.18);
}

.error-token {
    position: absolute;
    z-index: 4;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 24px 55px rgba(0,0,0,.42), inset 0 2px 5px rgba(255,255,255,.45);
    animation: float 5.8s ease-in-out infinite;
}

.error-token-one {
    width: 76px;
    height: 76px;
    left: 10%;
    top: 21%;
    font-size: 36px;
    background: linear-gradient(145deg, #ffbe62, #ef7d00);
}

.error-token-two {
    width: 61px;
    height: 61px;
    right: 10%;
    bottom: 22%;
    font-size: 29px;
    background: linear-gradient(145deg, #879bff, #4d5bc4);
    animation-delay: -1.6s;
}

.error-token-three {
    width: 47px;
    height: 47px;
    right: 24%;
    top: 14%;
    font-size: 21px;
    color: #65ffc0;
    background: linear-gradient(145deg, #1e5949, #11241e);
    animation-delay: -3.1s;
}

.custom-404-page .not-found-card {
    position: relative;
    z-index: 5;
    width: 100%;
    padding: 48px;
    text-align: left;
    border-radius: 32px;
    overflow: hidden;
}

.custom-404-page .not-found-card::before {
    content: "";
    position: absolute;
    width: 270px;
    height: 270px;
    right: -100px;
    bottom: -140px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(104, 77, 255, .36), transparent 68%);
    pointer-events: none;
}

.custom-404-page .not-found-card .eyebrow {
    color: #b4bad2;
}

.custom-404-page .not-found-card h1 {
    max-width: 520px;
    margin: 22px 0 16px;
    font-family: var(--font-display);
    font-size: clamp(44px, 5vw, 68px);
    line-height: .98;
    letter-spacing: -.065em;
    background: linear-gradient(180deg, #fff 12%, #cfd4ed 88%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.custom-404-page .not-found-card p {
    max-width: 540px;
    margin: 0;
    color: #9399af;
    font-size: 14px;
    line-height: 1.75;
}

.not-found-actions {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 30px;
}

.not-found-secondary {
    color: #b9bed1;
    font-size: 12px;
    font-weight: 700;
    transition: .2s;
}

.not-found-secondary:hover {
    color: #fff;
}

.not-found-status {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 27px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.07);
    color: #666d84;
    font-size: 9px;
    letter-spacing: .02em;
}

.not-found-status span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4bffd0;
    box-shadow: 0 0 13px rgba(75,255,208,.75);
}

@media (max-width: 1000px) {
    .not-found-stage {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-top: 20px;
    }

    .not-found-visual {
        min-height: 360px;
    }

    .error-orbit-one {
        width: 330px;
        height: 330px;
    }

    .error-orbit-two {
        width: 410px;
        height: 230px;
    }

    .custom-404-page .not-found-card {
        width: min(680px, 100%);
        margin-inline: auto;
        text-align: center;
    }

    .custom-404-page .not-found-card h1,
    .custom-404-page .not-found-card p {
        margin-inline: auto;
    }

    .custom-404-page .not-found-card .eyebrow,
    .not-found-actions,
    .not-found-status {
        justify-content: center;
    }
}

@media (max-width: 620px) {
    body.custom-404-page {
        overflow-y: auto;
    }

    .not-found-header .nav-pill {
        display: none;
    }

    .not-found-stage {
        min-height: calc(100vh - 72px);
        padding-bottom: 45px;
    }

    .not-found-visual {
        min-height: 275px;
    }

    .error-number {
        font-size: 142px;
    }

    .error-orbit-one {
        width: 250px;
        height: 250px;
    }

    .error-orbit-two {
        width: 300px;
        height: 175px;
    }

    .error-token-one {
        width: 58px;
        height: 58px;
        font-size: 28px;
        left: 5%;
    }

    .error-token-two {
        width: 49px;
        height: 49px;
        font-size: 23px;
        right: 4%;
    }

    .error-token-three {
        width: 39px;
        height: 39px;
        font-size: 17px;
        right: 16%;
        top: 11%;
    }

    .custom-404-page .not-found-card {
        padding: 34px 22px;
        border-radius: 26px;
    }

    .custom-404-page .not-found-card h1 {
        font-size: 42px;
    }

    .not-found-actions {
        flex-direction: column;
    }

    .not-found-actions .primary-button {
        width: 100%;
    }
}

/* Crypto survey search visibility and empty-result feedback */
.coin-card[hidden],
.coin-card.search-hidden {
    display: none !important;
}

#coin-empty:not([hidden]) {
    display: block;
    width: 100%;
    margin: 18px 0 0;
    padding: 28px 22px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(255,255,255,.025);
    color: #9aa0b7;
}