:root{
  --ink:#17152b;--muted:#706b7d;--line:#ece7ef;--soft:#fff7fb;--lav:#f5f1fb;--white:#fff;
  --pink:#f41673;--coral:#ff5c46;--orange:#ff9c32;--purple:#6736cf;--green:#23bd78;
  --grad:linear-gradient(120deg,var(--orange),var(--coral) 34%,var(--pink) 65%,var(--purple));
  --shadow:0 28px 80px rgba(35,22,54,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.modal-open,body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.section{padding:112px 0}
.site-header{position:fixed;z-index:50;inset:0 0 auto;height:82px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(30,25,50,.07);transition:.25s}
.site-header.scrolled{height:70px;box-shadow:0 14px 45px rgba(35,25,55,.08)}
.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{width:218px}.brand img{width:100%}
#site-nav{display:flex;align-items:center;gap:28px}
#site-nav a,#site-nav button{font-size:13px;font-weight:800;color:#555064;background:none;border:0;padding:0;transition:.2s}
#site-nav a:hover,#site-nav button:hover{color:var(--pink)}
.nav-login{border:1px solid #e3dde7!important;padding:11px 18px!important;border-radius:999px!important;background:#fff!important}
.nav-join{padding:12px 19px!important;border-radius:999px!important;color:#fff!important;background:var(--grad)!important;box-shadow:0 12px 25px rgba(244,22,115,.18)}
.menu-toggle{display:none;background:transparent;border:0;padding:8px;z-index:60}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px;transition:.25s}
.hero{position:relative;overflow:hidden;padding:172px 0 92px;min-height:900px;background:linear-gradient(130deg,#fff 0%,#fff8fb 48%,#f3effb 100%)}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ded6e8 .8px,transparent .8px);background-size:28px 28px;mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}.glow-one{width:540px;height:540px;background:radial-gradient(circle,rgba(244,22,115,.13),transparent 68%);right:-230px;top:40px}.glow-two{width:390px;height:390px;background:radial-gradient(circle,rgba(103,54,207,.11),transparent 70%);left:42%;bottom:45px}
.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font:800 11px "Manrope";color:#887f91}.eyebrow:before{content:"";width:28px;height:2px;background:var(--grad)}
h1,h2,h3{font-family:"Manrope",sans-serif}
.hero h1{font-size:clamp(48px,5.1vw,74px);letter-spacing:-.058em;line-height:1.02;margin:22px 0 24px}.hero h1 em,h2 em{font-style:normal;color:transparent;background:var(--grad);background-clip:text;-webkit-background-clip:text}
.hero-lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:640px}
.hero-checks{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:31px 0 0;max-width:600px}.hero-checks span{font-size:12px;font-weight:800;background:rgba(255,255,255,.78);border:1px solid #eee7ef;border-radius:999px;padding:12px 14px;box-shadow:0 10px 25px rgba(35,20,54,.04)}.hero-checks span:before{content:"✓";color:var(--pink);margin-right:8px}
.hero-actions{display:flex;gap:13px;margin-top:34px}.button{min-height:54px;border:0;border-radius:10px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:900;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.primary{color:#fff;background:var(--grad);box-shadow:0 16px 35px rgba(244,22,115,.22)}.ghost{background:#fff;border:1px solid #e3dde7;color:var(--ink)}.light{background:#fff;color:var(--ink)}
.hero-stats{display:flex;margin-top:48px}.hero-stats div{padding:0 30px;border-left:1px solid #e5dfe8}.hero-stats div:first-child{border:0;padding-left:0}.hero-stats strong{display:block;font:900 24px "Manrope"}.hero-stats span{display:block;margin-top:4px;font-size:10px;color:#8c8494;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.panel-preview{position:relative;min-height:560px;display:grid;place-items:center}.preview-card{width:min(520px,100%);border:1px solid rgba(236,229,240,.9);background:rgba(255,255,255,.88);border-radius:26px;box-shadow:var(--shadow);padding:31px;backdrop-filter:blur(18px);transform:perspective(1000px) rotateY(-4deg);animation:cardFloat 5.2s ease-in-out infinite}
.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-top span{font:800 10px "Manrope";letter-spacing:.15em;color:#a099aa}.preview-top b{font-size:11px;color:#2ca46c;background:#edf9f2;border-radius:999px;padding:9px 13px}.preview-top i{display:inline-block;width:7px;height:7px;background:#45c985;border-radius:50%;margin-right:7px;animation:livePulse 1.8s infinite}
.preview-card h2{font-size:26px;margin:28px 0 8px;letter-spacing:-.03em}.preview-card p{color:var(--muted);margin:0}
.reward-orbit{position:relative;display:grid;place-items:center;height:260px;margin:22px 0;border-radius:22px;background:radial-gradient(circle,rgba(244,22,115,.1),transparent 62%)}
.reward-orbit:before,.reward-orbit:after{content:"";position:absolute;border:1px solid #e5dbea;border-radius:50%}.reward-orbit:before{width:225px;height:225px}.reward-orbit:after{width:150px;height:150px;border-style:dashed;animation:spin 34s linear infinite}
.reward-core{position:relative;z-index:2;width:140px;height:140px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;background:var(--grad);box-shadow:0 20px 50px rgba(244,22,115,.24)}.reward-core strong{font:900 38px "Manrope";letter-spacing:-.06em}.reward-core span{font-size:10px;font-weight:800}
.orbit-dot{position:absolute;z-index:3;background:#fff;border:1px solid #eee6ef;border-radius:999px;padding:9px 12px;font:900 10px "Manrope";box-shadow:0 14px 35px rgba(35,25,50,.1)}.od1{left:14%;top:25%;color:var(--pink)}.od2{right:13%;top:31%;color:var(--purple)}.od3{right:22%;bottom:17%;color:var(--orange)}
.progress-lines span{display:block;height:9px;margin:13px 0;border-radius:999px;background:linear-gradient(90deg,#eee8f1 var(--w),#f8f5fa var(--w));position:relative;overflow:hidden}.progress-lines span:after{content:"";position:absolute;inset:0;width:var(--w);border-radius:999px;background:var(--grad);transform-origin:left;animation:lineLoad 2.1s ease both}
.floating{position:absolute;background:#fff;border:1px solid #eee6ef;border-radius:16px;box-shadow:0 18px 45px rgba(35,25,55,.12);padding:18px;animation:softFloat 4.6s ease-in-out infinite}.signup-card{left:-20px;top:92px}.cashout-card{right:-14px;bottom:82px;animation-delay:.7s}.floating b,.floating strong{display:block;font:900 18px "Manrope";color:var(--ink)}.floating span{display:block;margin-top:7px;font-size:11px;color:#7a7485}
.split-grid,.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}.section-copy h2,.section-head h2,.withdrawal-card h2,.cta-card h2{font-size:clamp(38px,4.2vw,60px);line-height:1.08;letter-spacing:-.052em;margin:18px 0}.rich-copy p,.section-head p,.section-copy p,.withdrawal-card p,.cta-card p{font-size:16px;line-height:1.85;color:var(--muted)}
.network,.benefits{background:var(--lav)}.section-head{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:end;margin-bottom:56px}.section-head .eyebrow,.section-head h2{grid-column:1}.section-head p{margin:0}.compact{display:block;text-align:center;max-width:820px;margin:0 auto 48px}.compact .eyebrow{justify-content:center}.compact .eyebrow:before{display:none}
.network-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.respondent-table,.global-card,.withdrawal-card,.contact-card{background:#fff;border:1px solid #e9e3ec;border-radius:22px;box-shadow:0 24px 65px rgba(35,25,50,.07)}
.respondent-table{padding:16px}.table-row{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:13px 15px;border-bottom:1px solid #f0ebf2;font-size:13px}.table-row:last-child{border-bottom:0}.table-row b{color:var(--purple);font-family:"Manrope"}.table-head{font:900 10px "Manrope";letter-spacing:.15em;text-transform:uppercase;color:#9a93a2;background:#fbf8fc;border-radius:13px}
.global-card{position:relative;overflow:hidden;padding:44px;background:linear-gradient(135deg,#fff,#fff7fb)}.global-card:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-100px;background:radial-gradient(circle,rgba(244,22,115,.14),transparent 70%)}.global-card>span{font:900 11px "Manrope";letter-spacing:.16em;text-transform:uppercase;color:#9c94a2}.global-card strong{display:block;font:900 88px "Manrope";letter-spacing:-.08em;margin:24px 0 4px}.global-card p{color:var(--muted);line-height:1.7}.country-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.country-cloud i{font-style:normal;background:#fff;border:1px solid #eadfea;border-radius:999px;padding:10px 13px;font-size:11px;font-weight:900;color:#5d5668}
.joiners{background:#fff}.persona-grid,.benefit-grid,.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.persona,.benefit-card{background:#fff;border:1px solid #ebe5ed;border-radius:18px;padding:26px;box-shadow:0 18px 45px rgba(35,25,50,.05);transition:.3s}.persona:hover,.benefit-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(35,25,50,.09)}.persona i{font-style:normal;font-size:28px}.persona b{display:block;margin-top:16px;font:900 15px "Manrope"}
.benefit-card{min-height:250px}.benefit-card i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--grad);font-style:normal;font-weight:900}.benefit-card h3{font-size:22px;margin:28px 0 12px}.benefit-card p{font-size:13px;line-height:1.7;color:var(--muted)}
.withdrawal-card{margin-top:24px;padding:44px;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}.withdrawal-card h2{font-size:38px}.withdrawal-steps{display:grid;gap:12px}.withdrawal-steps span{background:#fbf8fc;border:1px solid #eee8f0;border-radius:14px;padding:15px;font-size:13px;font-weight:800}.withdrawal-steps b{color:var(--pink);margin-right:12px}.payment-pills{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.payment-pills i{font-style:normal;padding:11px 15px;border-radius:999px;background:#17152b;color:#fff;font-size:11px;font-weight:900}
.quality{background:linear-gradient(135deg,#17152b,#2b245b);color:#fff}.quality-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.quality .eyebrow,.quality .section-copy p{color:#b6b1c3}.quality-system{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:32px}.quality-meter{display:grid;place-content:center;text-align:center;min-height:280px;border-right:1px solid rgba(255,255,255,.12)}.quality-meter strong,.quality-meter span{font:900 62px "Manrope";letter-spacing:-.07em}.quality-meter span{color:#ff6f97}.quality-meter small{display:block;color:#aaa5ba;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-top:9px}.quality-list{display:grid}.quality-list span{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:800}.quality-list span:last-child{border:0}.quality-list b{color:#55d69b}
.industries{background:#fff}.industry-grid{grid-template-columns:repeat(3,1fr)}.industry-grid span{min-height:85px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#fff,#fff8fb);border:1px solid #eee6ef;border-radius:17px;font:900 15px "Manrope";transition:.3s}.industry-grid span:hover{transform:translateY(-5px);border-color:#f4c7d8;color:var(--pink)}
.cta-band{background:linear-gradient(135deg,#fff8fb,#f3effb)}.cta-card{text-align:center;border-radius:28px;padding:68px 50px;background:#fff;border:1px solid #ebe3ec;box-shadow:var(--shadow)}.cta-card h2{max-width:850px;margin-left:auto;margin-right:auto}.cta-card div{display:flex;justify-content:center;gap:13px;margin-top:28px}
.contact{background:#fff}.contact-card{padding:36px;display:grid;gap:16px}.contact-card a,.contact-card span{padding:18px;border-radius:14px;background:#fbf8fc;border:1px solid #efe9f1;font-weight:900;color:#332e44}
footer{background:#f7f4f8;border-top:1px solid #ebe5ec;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr auto;gap:50px;align-items:start}.footer-grid img{width:215px}.footer-grid p{color:#8a8494}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-grid a,.footer-grid button{font-size:12px;font-weight:800;color:#625b6c;background:none;border:0;text-align:left}.footer-grid button:hover,.footer-grid a:hover{color:var(--pink)}.footer-bottom{border-top:1px solid #e4dee6;margin-top:35px;padding-top:20px;color:#958e9d;font-size:10px;font-weight:800}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(19,16,33,.52);backdrop-filter:blur(10px);animation:fadeIn .25s ease}.modal-panel{position:relative;width:min(570px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;box-shadow:0 35px 120px rgba(0,0,0,.28);padding:32px;animation:modalUp .32s cubic-bezier(.22,1,.36,1)}.modal-panel.small{width:min(460px,100%)}.modal-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid #eee7ef;background:#fff;font-size:24px}.modal-brand img{width:205px;margin-bottom:18px}.modal-panel h2{font-size:32px;letter-spacing:-.04em;margin:8px 0}.modal-panel p{color:var(--muted);line-height:1.6}.modal-panel label{display:block;font-size:11px;font-weight:900;color:#686173;margin:15px 0}.modal-panel input,.modal-panel select{width:100%;padding:14px;border:1px solid #e3dde7;border-radius:12px;margin-top:8px;background:#fdfcfe;color:var(--ink);outline:0}.modal-panel input:focus,.modal-panel select:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(244,22,115,.08)}.full{width:100%;margin-top:10px}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0 22px}.flow-steps span{height:7px;border-radius:999px;background:#eee8f0;text-indent:-999px;overflow:hidden}.flow-steps span.active{background:var(--grad)}.flow-screen{display:none}.flow-screen.active{display:block;animation:fadeIn .25s ease}.otp-inputs{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:22px 0}.otp-inputs input{text-align:center;font:900 23px "Manrope";padding:14px 0}.link-button{display:block;margin:14px auto 0;border:0;background:transparent;color:var(--pink);font-weight:900}.success-screen{text-align:center}.success-mark{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin:10px auto 18px;background:var(--grad);color:#fff;font:900 42px "Manrope"}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,90px);z-index:110;background:#17152b;color:#fff;border-radius:999px;padding:13px 19px;font-size:13px;font-weight:900;box-shadow:0 16px 40px rgba(20,15,35,.25);transition:.3s}.toast.show{transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}
@keyframes cardFloat{0%,100%{transform:perspective(1000px) rotateY(-4deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-4deg) translateY(-8px)}}@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(69,201,133,.42)}70%{box-shadow:0 0 0 8px rgba(69,201,133,0)}100%{box-shadow:0 0 0 0 rgba(69,201,133,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes lineLoad{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalUp{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1050px){#site-nav{gap:17px}.hero-grid,.split-grid,.network-grid,.quality-grid,.contact-grid{gap:42px}.floating{display:none}.persona-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:840px){.container{width:min(690px,calc(100% - 32px))}.section{padding:82px 0}.site-header{height:70px}.brand{width:190px}.menu-toggle{display:block}#site-nav{position:fixed;inset:0;background:#fff;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px;gap:24px;transform:translateX(100%);transition:.3s}#site-nav.open{transform:none}#site-nav a,#site-nav button{font-size:24px}.nav-login,.nav-join{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#555064!important}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{padding-top:126px}.hero-grid,.split-grid,.network-grid,.quality-grid,.contact-grid,.withdrawal-card{grid-template-columns:1fr}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center}.hero .eyebrow:before{display:none}.hero-lead,.hero-checks{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.panel-preview{min-height:505px}.section-head{display:block;text-align:center}.quality-system{grid-template-columns:1fr}.quality-meter{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:24px}.industry-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cta-card div{flex-direction:column}.cta-card .button{width:100%}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.section{padding:68px 0}.hero{min-height:auto;padding-bottom:60px}.hero h1{font-size:42px}.hero-lead{font-size:15px}.hero-checks,.persona-grid,.benefit-grid,.industry-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.button{width:100%}.hero-stats div{padding:0 12px}.hero-stats strong{font-size:19px}.hero-stats span{font-size:8px}.preview-card{padding:22px;transform:none;animation:none}.reward-orbit{height:220px}.signup-card,.cashout-card{display:none}.section-copy h2,.section-head h2,.cta-card h2{font-size:36px}.global-card strong{font-size:68px}.respondent-table{padding:10px}.table-row{font-size:12px;padding:12px 10px}.withdrawal-card,.cta-card{padding:30px 22px}.quality-system{padding:22px}.modal{padding:12px}.modal-panel{border-radius:20px;padding:24px}.modal-panel h2{font-size:28px}.otp-inputs{gap:6px}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.preview-card,.floating,.preview-top i,.reward-orbit:after,.progress-lines span:after{animation:none}.modal-panel,.modal-backdrop,.flow-screen{animation:none}}

/* Premium refinement overrides */
.reward-orbit{height:235px;margin:18px 0;background:radial-gradient(circle,rgba(244,22,115,.12),transparent 62%)}
.reward-core{animation:rewardPulse 2.8s ease-in-out infinite}
.reward-core strong{font-size:23px;letter-spacing:-.04em;text-transform:uppercase}
.orbit-ring{position:absolute;width:285px;height:285px;border-radius:50%;border:1px solid rgba(244,22,115,.11);animation:orbitGlow 4s ease-in-out infinite}
.survey-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:-4px}
.survey-pipeline div{background:#fbf8fc;border:1px solid #efe8f1;border-radius:13px;padding:12px;text-align:center;transition:.3s}
.survey-pipeline div:hover{transform:translateY(-4px);border-color:#f5bfd3;box-shadow:0 14px 30px rgba(244,22,115,.08)}
.survey-pipeline b{display:block;font:900 10px "Manrope";color:#7d7587}
.survey-pipeline span{display:block;margin-top:5px;font:900 13px "Manrope";color:var(--pink)}
.country-cloud{margin-top:26px}
.country-cloud i{transition:.25s}
.country-cloud i:hover{color:#fff;background:var(--grad);border-color:transparent;transform:translateY(-3px)}
.market-insights{display:grid;grid-template-columns:1fr;gap:10px;margin-top:26px}
.market-insights div{display:grid;grid-template-columns:92px 1fr;align-items:center;padding:13px 15px;border-radius:15px;background:rgba(255,255,255,.78);border:1px solid #eee6ef;transition:.3s}
.market-insights div:hover{transform:translateX(5px);border-color:#f4c6d8;box-shadow:0 15px 35px rgba(35,25,50,.08)}
.market-insights b{font:900 15px "Manrope";color:var(--pink)}
.market-insights span{font-size:12px;font-weight:800;color:#5e5869}
.market-bars{height:92px;display:flex;align-items:flex-end;gap:10px;margin-top:28px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff,#fbf7fc);border:1px solid #efe9f1}
.market-bars span{flex:1;height:var(--h);border-radius:999px 999px 4px 4px;background:linear-gradient(to top,#d9cdee,#ff7a3c);transform-origin:bottom;animation:marketRise 1.25s cubic-bezier(.22,1,.36,1) both}
.market-bars span:nth-child(2){animation-delay:.08s}.market-bars span:nth-child(3){animation-delay:.16s}.market-bars span:nth-child(4){animation-delay:.24s}.market-bars span:nth-child(5){animation-delay:.32s}.market-bars span:nth-child(6){animation-delay:.4s}
.persona,.benefit-card{position:relative;overflow:hidden}
.persona:before,.benefit-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(244,22,115,.08),transparent);transform:translateX(-120%);transition:.6s}
.persona:hover:before,.benefit-card:hover:before{transform:translateX(120%)}
.persona:hover,.benefit-card:hover{border-color:#f2bdd1}
.persona i{font:900 18px "Manrope";color:var(--pink)}
.contact{background:linear-gradient(135deg,#fff,#fff9fc)}
.contact-card{position:relative;overflow:hidden}
.contact-card:before{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(244,22,115,.13),transparent 70%)}
.contact-card a,.contact-card span{position:relative;display:grid;grid-template-columns:58px 1fr;gap:4px 16px;align-items:center;padding:20px;border-radius:16px;background:rgba(251,248,252,.88);transition:.3s}
.contact-card a:hover,.contact-card span:hover{transform:translateY(-5px);border-color:#f0bfd2;box-shadow:0 22px 55px rgba(35,25,50,.11);background:#fff}
.contact-card i{grid-row:1/3;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-style:normal;color:#fff;background:var(--grad);font:900 10px "Manrope";letter-spacing:.08em}
.contact-card b{font:900 18px "Manrope";letter-spacing:-.02em}
.contact-card small{color:#8d8595;font-size:11px;font-weight:800}
footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7f4f8,#fff8fb);padding-top:70px}
footer:before{content:"";position:absolute;width:520px;height:520px;right:-190px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(103,54,207,.12),transparent 70%)}
.footer-grid{position:relative;grid-template-columns:1.15fr .7fr .7fr;gap:70px}
.footer-grid p{line-height:1.7;max-width:520px}
.footer-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.footer-badges span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;border:1px solid #e7dfe9;background:#fff;border-radius:999px;padding:10px 12px}
.footer-grid nav,.footer-grid>div:last-child{display:grid;gap:13px}
.footer-grid strong{font:900 11px "Manrope";letter-spacing:.14em;text-transform:uppercase;color:#a097a7;margin-bottom:5px}
.footer-grid a,.footer-grid button{transition:.25s}
.footer-grid button:hover,.footer-grid a:hover{transform:translateX(4px)}
.otp-meta{display:flex;align-items:center;justify-content:space-between;margin:18px 0 4px;padding:14px 15px;border-radius:14px;background:#fbf8fc;border:1px solid #eee8f0}
.otp-meta span{font:900 10px "Manrope";letter-spacing:.14em;text-transform:uppercase;color:#9a93a2}
.otp-meta b{font:900 13px "Manrope";color:var(--pink)}
@keyframes marketRise{from{transform:scaleY(0);opacity:.35}to{transform:scaleY(1);opacity:1}}
@keyframes rewardPulse{0%,100%{box-shadow:0 20px 50px rgba(244,22,115,.24),0 0 0 0 rgba(244,22,115,.18)}50%{box-shadow:0 24px 64px rgba(244,22,115,.31),0 0 0 16px rgba(244,22,115,0)}}
@keyframes orbitGlow{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@media(max-width:560px){.survey-pipeline{grid-template-columns:1fr}.global-card{padding:30px 22px}.market-insights div{grid-template-columns:1fr}.market-bars{height:76px}.contact-card a,.contact-card span{grid-template-columns:1fr}.contact-card i{grid-row:auto}.footer-grid{grid-template-columns:1fr}}

/* Logo and hero stat fixes */
.brand.oh-logo,.oh-logo{display:inline-flex;align-items:center;gap:12px;width:auto}
.oh-mark{position:relative;width:48px;height:58px;border-radius:50% 50% 54% 54%;display:grid;place-items:center;background:var(--grad);box-shadow:0 14px 28px rgba(244,22,115,.22);animation:logoFloat 4s ease-in-out infinite}
.oh-mark:before{content:"";position:absolute;width:25px;height:25px;border-radius:50%;background:#fff}
.oh-mark i{position:relative;z-index:1;width:10px;height:10px;border-radius:50%;background:var(--pink);font-style:normal}
.oh-word{display:grid;gap:2px;line-height:1}
.oh-word b{font:900 22px "Manrope";letter-spacing:-.055em;color:var(--ink)}
.oh-word small{font:900 6px "Manrope";letter-spacing:.24em;color:#81798b;white-space:nowrap}
.modal-brand.oh-logo{width:max-content;margin-bottom:18px}
.modal-brand .oh-mark{width:42px;height:50px}
.modal-brand .oh-word b{font-size:20px}
.footer-logo{margin-bottom:18px}
.hero-stats{align-items:stretch;gap:0}
.hero-stats div{position:relative;min-width:170px;padding:0 30px!important;border-left:1px solid #e5dfe8;overflow:hidden}
.hero-stats div:first-child{border-left:0!important;padding-left:0!important}
.hero-stats div:after{content:"";position:absolute;left:30px;right:30px;bottom:-10px;height:3px;border-radius:999px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:.55s cubic-bezier(.22,1,.36,1)}
.hero-stats div:hover:after{transform:scaleX(1)}
.hero-stats .stat-number{display:flex;align-items:baseline;gap:2px;font:900 38px "Manrope";letter-spacing:-.055em;line-height:1;color:var(--ink);white-space:nowrap;text-shadow:0 14px 35px rgba(35,22,54,.08);animation:statPop .7s cubic-bezier(.22,1,.36,1) both}
.hero-stats .stat-number .count{display:inline!important;font:inherit!important;letter-spacing:inherit!important;color:inherit!important;margin:0!important;text-transform:none!important}
.hero-stats .stat-label{display:block!important;margin-top:9px!important;font-size:11px!important;color:#8c8494!important;text-transform:uppercase;letter-spacing:.13em!important;font-weight:900!important;line-height:1.25}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes statPop{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:560px){.oh-mark{width:42px;height:50px}.oh-word b{font-size:19px}.oh-word small{font-size:5px}.hero-stats{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:left}.hero-stats div{min-width:0;padding:0 12px!important}.hero-stats .stat-number{font-size:30px}.hero-stats .stat-label{font-size:8px!important}.brand.oh-logo{gap:9px}}

/* Final responsive and header hardening */
.nav-shell .brand.oh-logo{display:flex!important;align-items:center!important;gap:13px!important;width:260px!important;min-width:260px!important;overflow:visible!important}
.nav-shell .oh-mark,.footer-logo .oh-mark,.modal-brand .oh-mark{display:grid!important;flex:0 0 auto!important}
.nav-shell .oh-word b{display:block!important;font-size:22px!important;line-height:.95!important}
.nav-shell .oh-word small{display:block!important;margin-top:5px!important;font-size:6px!important;line-height:1.25!important;letter-spacing:.22em!important}
.hero-stats .stat-number.count{display:flex!important;align-items:baseline!important;font-size:40px!important;line-height:1!important;margin:0!important;color:var(--ink)!important;text-transform:none!important;letter-spacing:-.055em!important;white-space:nowrap!important}
.hero-stats .stat-label{max-width:130px}
.survey-pipeline div{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;text-align:left!important;gap:10px!important}
.survey-pipeline b,.survey-pipeline span{margin:0!important;white-space:nowrap!important}
@media(max-width:1300px){
  .site-header{height:74px}
  .nav-shell .brand.oh-logo{width:230px!important;min-width:230px!important}
  #site-nav{gap:16px}
  #site-nav a,#site-nav button{font-size:11px}
  .hero{padding-top:128px;min-height:auto}
  .hero-grid{grid-template-columns:1fr!important;gap:44px!important}
  .hero-copy{max-width:820px;margin:auto;text-align:center}
  .hero .eyebrow{justify-content:center}
  .hero .eyebrow:before{display:none}
  .hero-lead{margin-left:auto;margin-right:auto}
  .hero-checks{margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center}
  .hero-stats{justify-content:center}
  .panel-preview{max-width:620px;margin:0 auto;min-height:auto}
  .preview-card{transform:none!important;animation:softFloat 4.8s ease-in-out infinite}
}
@media(max-width:760px){
  .nav-shell .brand.oh-logo{width:218px!important;min-width:218px!important}
  .hero-stats{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;text-align:center}
  .hero-stats div{border-left:0!important;border-top:1px solid #e5dfe8!important;padding:18px 0 0!important;min-width:0!important}
  .hero-stats div:first-child{border-top:0!important;padding-top:0!important}
  .hero-stats .stat-number.count,.hero-stats .stat-number{justify-content:center!important;font-size:44px!important}
  .hero-stats .stat-label{max-width:none}
  .survey-pipeline{grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .nav-shell .brand.oh-logo{width:190px!important;min-width:190px!important;gap:9px!important}
  .nav-shell .oh-mark{width:38px!important;height:46px!important}
  .nav-shell .oh-word b{font-size:18px!important}
  .nav-shell .oh-word small{font-size:5px!important;letter-spacing:.16em!important}
}