/* ProEarnWall V12 homepage — isolated stylesheet. No dashboard/sidebar overrides. */
:root{--p12-blue:#0873f8;--p12-deep:#071b3e;--p12-muted:#5b6f91;--p12-border:#e5edfa;--p12-light:#eef7ff;--p12-green:#00b978;--p12-shadow:0 18px 44px rgba(47,105,180,.075)}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.pe12-home{margin:0;color:var(--p12-deep);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55;background:#fff;-webkit-font-smoothing:antialiased}
.pe12-home img{max-width:100%}.pe12-home a{text-decoration:none;color:inherit}.pe12-home button{font:inherit}.pe12-home :focus-visible{outline:3px solid #4aa3ff;outline-offset:3px}
.pe12-shell{width:calc(100% - 68px);max-width:1160px;margin-left:auto;margin-right:auto}
.pe12-skip{position:absolute;left:-10000px;top:4px;z-index:999;background:#fff;padding:10px}.pe12-skip:focus{left:8px}
.pe12-header{height:76px;position:relative;z-index:50;background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(3,28,62,.07)}.pe12-head-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}
.pe12-site-logo{flex:0 0 auto;width:195px;display:flex;align-items:center}.pe12-site-logo img{width:195px;height:59px;object-fit:contain;object-position:left center;display:block}
.pe12-nav{display:flex;align-items:center;gap:31px;margin-left:auto;margin-right:auto}.pe12-nav a{font-weight:650;font-size:13px;white-space:nowrap;color:#1f2c43;padding:25px 0 20px;border-bottom:3px solid transparent;transition:color .2s}.pe12-nav a:hover,.pe12-nav .pe12-active{color:#0873f8}.pe12-nav .pe12-active{border-bottom-color:#0873f8}
.pe12-header-actions{display:flex;align-items:center;gap:12px}.pe12-btn{display:inline-flex;justify-content:center;align-items:center;gap:17px;border-radius:8px;padding:13px 23px;min-height:47px;white-space:nowrap;font-weight:750;font-size:13px;line-height:1.1;box-shadow:0 4px 8px rgba(0,76,190,.035);transition:transform .15s,box-shadow .15s,background .15s}.pe12-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(23,103,228,.16)}.pe12-btn-primary{background:#056df2;color:#fff!important;border:1px solid #056df2}.pe12-btn-ghost,.pe12-btn-white{background:#fff;color:#0a63d6!important;border:1px solid #c9daf4}.pe12-btn-small{min-height:39px;padding:11px 24px;font-size:12px}.pe12-menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.pe12-menu-toggle span{display:block;width:23px;height:2px;background:#10264c;margin:5px 0}
.pe12-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#f8fcff 0%,#eaf7ff 47%,#ecf7ff 100%)}.pe12-hero:after{position:absolute;content:"";width:600px;height:600px;border:1px solid #d1eaff;border-radius:50%;right:-390px;bottom:-430px;pointer-events:none}.pe12-hero-inner{min-height:432px;display:grid;grid-template-columns:1.02fr .98fr;gap:25px;align-items:center;padding-top:38px;padding-bottom:28px}
.pe12-hero-copy{position:relative;z-index:2;padding-left:32px}.pe12-eyebrow{display:inline-block;font-size:10px;line-height:1.15;font-weight:800;letter-spacing:.38px;color:#0471ee;background:#e1f0ff;padding:5px 12px;border-radius:999px;text-transform:uppercase}.pe12-hero h1{font-size:clamp(38px,4.4vw,59px);letter-spacing:-2.5px;line-height:1.105;margin:18px 0 16px;font-weight:860;color:#061531}.pe12-hero h1 span{color:#0679ff}.pe12-hero-copy>p{max-width:492px;color:#566c90;font-size:18px;line-height:1.48;margin:0 0 24px}.pe12-hero-actions{display:flex;gap:13px;align-items:center}.pe12-hero-proof{display:flex;flex-wrap:wrap;gap:14px;margin-top:23px;color:#607996;font-size:11px;font-weight:650}.pe12-hero-proof span{display:flex;align-items:center;gap:6px}.pe12-hero-proof i{display:inline-block;width:7px;height:7px;background:#16be84;border-radius:50%}
.pe12-hero-illustration{height:398px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.pe12-halo{position:absolute;border-radius:50%;background:#c6e5ff;z-index:-1}.pe12-halo-one{width:400px;height:352px;top:10px;left:46px;opacity:.65}.pe12-halo-two{width:285px;height:280px;top:77px;left:130px;background:#a9d3ff;opacity:.32}
.pe12-phone{width:244px;height:369px;border-radius:38px;transform:rotate(6deg) translate(3px,0);background:linear-gradient(130deg,#0d223c,#081224);border:7px solid #0d1e36;box-shadow:8px 13px 0 #172d42,17px 29px 37px rgba(1,36,91,.23);padding:8px;position:relative;z-index:2}.pe12-phone:before{content:"";position:absolute;inset:5px;border-radius:29px;border:1px solid #50647d;pointer-events:none}.pe12-phone-notch{position:absolute;top:4px;left:70px;width:75px;height:14px;border-radius:0 0 12px 12px;background:#0d1e36;z-index:4}.pe12-phone-content{background:#fff;border-radius:25px;height:100%;overflow:hidden;padding:23px 11px 10px;position:relative}.pe12-phone-brand{display:flex;align-items:center;gap:5px;font-size:13px;letter-spacing:-.5px;margin-bottom:17px}.pe12-phone-brand img{border-radius:5px;object-fit:contain}.pe12-phone-brand span{margin-left:auto;font-size:14px;color:#0873f8}.pe12-phone-label{font-size:7px;font-weight:800;letter-spacing:1px;color:#8193a9;text-align:center;margin-bottom:8px}.pe12-phone-offer{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:9px;box-shadow:0 2px 9px rgba(46,73,121,.10);margin-bottom:8px;background:#fff;min-height:49px}.pe12-phone-offer .pe12-app{width:31px;height:31px;font-size:13px;flex:0 0 31px}.pe12-phone-offer div{min-width:0}.pe12-phone-offer b{font-size:10px;color:#162047;display:block}.pe12-phone-offer small{font-size:7px;color:#697e9b;display:block;white-space:nowrap}.pe12-phone-offer i{font-size:17px;margin-left:auto;color:#8198b1;font-style:normal}.pe12-phone-note{font-size:6px;text-align:center;color:#8aa0b2;margin-top:7px}
.pe12-app{width:42px;height:42px;border-radius:9px;color:white;display:inline-flex;align-items:center;justify-content:center;font-size:21px;font-weight:850;letter-spacing:-1px;box-shadow:inset 0 2px 3px #ffffff2a,0 5px 13px #2653971a}.pe12-green{background:linear-gradient(135deg,#00c67c,#0a9761)}.pe12-purple{background:linear-gradient(135deg,#9951f6,#554be8)}.pe12-red{background:linear-gradient(135deg,#fa4e6e,#df1953)}.pe12-blue{background:linear-gradient(135deg,#12b9ff,#0868ed)}
.pe12-coin{position:absolute;z-index:3;width:55px;height:55px;border-radius:50%;font-size:35px;font-weight:850;line-height:47px;text-align:center;color:#ffe59c;background:radial-gradient(circle at 30% 20%,#ffe793,#ffc52d 65%,#ef9227 66%);border:5px solid #ffa626;box-shadow:1px 8px 15px #d6903655}.pe12-coin-one{top:36px;left:64px;transform:rotate(-17deg)}.pe12-coin-two{right:41px;top:180px;transform:rotate(23deg)}.pe12-gift{position:absolute;z-index:4;right:4px;bottom:19px;font-size:85px;filter:drop-shadow(0 14px 15px #24548a3a)}.pe12-spark{position:absolute;color:#0873f8;font-size:33px}.pe12-spark-one{right:29px;top:17px}.pe12-spark-two{left:52px;bottom:66px}
.pe12-providers{position:relative;z-index:4;margin-top:-10px}.pe12-provider-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:var(--p12-shadow);border:1px solid #edf4fa;border-radius:17px;min-height:74px;align-items:center}.pe12-provider-grid>div{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 8px;position:relative}.pe12-provider-grid>div+div:before{content:"";height:32px;width:1px;position:absolute;left:0;background:#e2eaf7}.pe12-provider-grid b{font-size:15px;white-space:nowrap}.pe12-provider-disclaimer{font-size:11px;color:#7e92a9;text-align:center;margin:7px 0 0}
.pe12-centered{text-align:center}.pe12-centered h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.9px;line-height:1.24;margin:10px 0 7px;font-weight:830}.pe12-centered>p{color:#6c7f99;margin:0 auto;max-width:630px;font-size:14px}.pe12-steps{margin-top:22px;padding:20px 32px 24px;border:1px solid #eff3fb;border-radius:17px;box-shadow:var(--p12-shadow);background:#fff}.pe12-steps .pe12-centered h2{font-size:26px}.pe12-steps-grid{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:18px;margin-top:25px}.pe12-steps article{display:flex;align-items:center;gap:14px}.pe12-steps article b{display:block;font-size:13px}.pe12-steps article p{font-size:12px;color:#70809b;line-height:1.52;margin:6px 0 0}.pe12-step-arrow{text-align:center;color:#86a5d0;font-size:27px}
.pe12-round{display:flex;align-items:center;justify-content:center;width:65px;height:65px;flex:0 0 65px;border-radius:50%;font-size:29px;font-weight:800}.pe12-round-blue{background:#daedff;color:#0877f8}.pe12-round-green{background:#d9f7e9;color:#06a66c}.pe12-round-purple{background:#ede4ff;color:#8a5bf2}.pe12-round-orange{background:#fff0e3;color:#fd8a15}.pe12-round-gold{background:#ffbe20;color:white}
.pe12-section{padding-top:66px;padding-bottom:48px}.pe12-why{background:radial-gradient(ellipse at 9% 20%,#f3faff 0%,#fff 39%),#fff}.pe12-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:28px}.pe12-feature{border:1px solid #ebf1f9;box-shadow:var(--p12-shadow);background:#fff;border-radius:16px;min-height:186px;padding:24px 17px;text-align:center}.pe12-feature .pe12-round{width:65px;height:65px;margin:0 auto 14px}.pe12-feature h3{font-size:16px;margin:0 0 8px;font-weight:780;letter-spacing:-.25px}.pe12-feature p{color:#6a7c99;font-size:13px;margin:0;line-height:1.55}
.pe12-audiences{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:46px}.pe12-audience{position:relative;overflow:hidden;min-height:294px;border-radius:17px;padding:27px 29px;box-shadow:var(--p12-shadow)}.pe12-audience-publisher{background:linear-gradient(120deg,#eef8ff,#e5f2ff)}.pe12-audience-advertiser{background:linear-gradient(120deg,#ecfff7,#e1faf1)}.pe12-audience>div:first-child{position:relative;z-index:2;width:67%}.pe12-audience span{font-size:11px;color:#0878f8;font-weight:800}.pe12-audience-advertiser span{color:#07a266}.pe12-audience h2{font-size:26px;letter-spacing:-.7px;line-height:1.12;margin:10px 0 8px}.pe12-audience p{font-size:13px;color:#617492;line-height:1.48;margin:0 0 10px}.pe12-audience ul{margin:0 0 12px;padding:0;list-style:none}.pe12-audience li{font-size:12px;color:#526b8c;margin:4px 0;display:flex;align-items:center;gap:9px}.pe12-audience li:before{content:'✓';font-weight:900;color:white;width:19px;height:19px;flex:0 0 19px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#147afa}.pe12-audience-advertiser li:before{background:#00b772}.pe12-audience .pe12-btn{font-size:12px;padding:11px 14px;min-height:39px}.pe12-btn-green{color:white!important;background:#00b57b;border:1px solid #00b57b}.pe12-audience-art{position:absolute;right:16px;top:64px;width:164px;height:164px;background:#d0eaff99;border-radius:50%;display:flex;justify-content:center;align-items:center}.pe12-audience-advertiser .pe12-audience-art{background:#caf5e4}.pe12-megaphone-art{font-size:91px}.pe12-chart-art{align-items:end;gap:9px;padding-bottom:32px}.pe12-chart-art i{width:19px;border-radius:4px;background:linear-gradient(#34b6ff,#076df3);box-shadow:0 3px 5px #006bd42e}.pe12-chart-art i:nth-child(1){height:29px}.pe12-chart-art i:nth-child(2){height:52px}.pe12-chart-art i:nth-child(3){height:76px}.pe12-chart-art i:nth-child(4){height:97px}.pe12-chart-art strong{position:absolute;font-size:70px;right:12px;top:-19px;color:#087aff;font-weight:500}
.pe12-impact{padding-top:4px;padding-bottom:56px}.pe12-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:29px}.pe12-stat-grid>div{min-width:0;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;padding:6px 10px}.pe12-stat-grid>div+div:before{content:"";position:absolute;left:0;width:1px;height:58px;background:#e5edf7}.pe12-stat-grid .pe12-round{width:57px;height:57px;flex-basis:57px;font-size:24px}.pe12-stat-grid strong{display:block;color:#0878f9;font-size:27px;line-height:1.1;letter-spacing:-1px}.pe12-stat-grid>div:nth-child(2) strong{color:#00af79}.pe12-stat-grid>div:nth-child(3) strong{color:#8554e8}.pe12-stat-grid small{font-size:11px;color:#6b7b97;white-space:nowrap}
.pe12-trust{padding-bottom:49px}.pe12-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:25px}.pe12-trust article{background:#fff;border:1px solid #e9f0f9;border-radius:15px;box-shadow:var(--p12-shadow);padding:19px 19px 20px;min-height:151px}.pe12-trust-icon{width:47px;height:47px;background:#e9f4ff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:23px;color:#1782ff;margin-bottom:9px}.pe12-trust h3{font-size:15px;margin:0 0 6px}.pe12-trust p{color:#6a7d9a;font-size:12px;margin:0}
.pe12-faq{background:#f8fbff;border:1px solid #e8f1fc;border-radius:16px;padding:22px 26px;display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;margin-bottom:20px}.pe12-faq-intro h2{font-size:27px;line-height:1.2;margin:12px 0 7px}.pe12-faq-intro p{font-size:13px;color:#71839c;margin:0 0 13px}.pe12-faq-intro>a{color:#0878f8;font-size:13px;font-weight:700}.pe12-faq-items{display:flex;flex-direction:column;gap:8px}.pe12-faq-items details{background:white;border:1px solid #dfe9fa;border-radius:9px;overflow:hidden}.pe12-faq-items summary{font-size:13px;font-weight:680;padding:10px 15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.pe12-faq-items summary::-webkit-details-marker{display:none}.pe12-faq-items summary:after{content:'+';font-size:20px;line-height:10px;font-weight:400;color:#8aa3cf}.pe12-faq-items details[open] summary:after{content:'−'}.pe12-faq-items details p{border-top:1px solid #edf2fa;margin:0;padding:10px 15px;font-size:12px;color:#5c7090}
.pe12-bottom-cta{min-height:104px;margin-bottom:26px;border-radius:14px;overflow:hidden;background:linear-gradient(100deg,#0869e9,#1689ff 75%,#66b9ff);display:flex;align-items:center;gap:25px;color:#fff;padding:15px 30px;position:relative}.pe12-cta-gift{font-size:76px;line-height:1;filter:drop-shadow(0 10px 10px #004ca052)}.pe12-bottom-cta>div:nth-child(2){flex:1}.pe12-bottom-cta h2{font-size:23px;letter-spacing:-.5px;line-height:1.15;margin:0 0 5px}.pe12-bottom-cta p{font-size:13px;margin:0;color:#ecf5ff}.pe12-bottom-cta .pe12-btn{min-width:182px}
.pe12-footer{background:#fff;border-top:1px solid #eaf0f7}.pe12-footer-main{padding:19px 0 23px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.pe12-footer-brand img{display:block;width:185px;height:56px;object-fit:contain;object-position:left center}.pe12-footer-brand p{max-width:255px;color:#7a8da7;font-size:12px;margin:3px 0}.pe12-footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:5px}.pe12-footer-main b{font-size:12px;margin-bottom:4px}.pe12-footer-main a:not(:first-child){color:#72859d;font-size:12px}.pe12-footer-main a:hover{color:#0674f8}.pe12-footer-bottom{display:flex;justify-content:space-between;gap:10px;padding:10px 0 17px;border-top:1px solid #edf2f8;color:#8292a8;font-size:11px}
@media(max-width:1060px){.pe12-nav{gap:17px}.pe12-site-logo{width:160px}.pe12-site-logo img{width:160px}.pe12-hero-copy{padding-left:3px}.pe12-hero h1{font-size:48px}.pe12-hero-illustration{transform:scale(.92)}.pe12-audience-art{right:-14px;opacity:.8}.pe12-audience>div:first-child{width:74%}}
@media(max-width:800px){.pe12-shell{width:calc(100% - 36px)}.pe12-header{height:67px}.pe12-site-logo,.pe12-site-logo img{width:153px}.pe12-nav{display:none;position:absolute;left:0;right:0;top:67px;background:#fff;box-shadow:0 12px 24px #0c2d5130;padding:12px 25px 18px;flex-direction:column;align-items:stretch;gap:2px;margin:0}.pe12-nav.pe12-menu-open{display:flex}.pe12-nav a{padding:10px 5px;border:0}.pe12-menu-toggle{display:block;margin-left:auto;order:3}.pe12-header-actions{margin-left:auto;gap:6px}.pe12-btn-small{min-height:34px;padding:9px 13px}.pe12-hero-inner{grid-template-columns:1fr;gap:0;padding-top:35px;padding-bottom:0}.pe12-hero-copy{padding-left:0;max-width:600px;margin:auto;text-align:center}.pe12-hero h1{font-size:47px}.pe12-hero-copy>p{margin-left:auto;margin-right:auto}.pe12-hero-actions,.pe12-hero-proof{justify-content:center}.pe12-hero-illustration{height:365px;margin:0 auto}.pe12-halo-one{left:0}.pe12-halo-two{left:85px}.pe12-steps-grid{grid-template-columns:1fr;gap:14px}.pe12-step-arrow{display:none}.pe12-steps article{max-width:450px;margin:auto}.pe12-feature-grid{grid-template-columns:repeat(2,1fr)}.pe12-audiences{grid-template-columns:1fr}.pe12-audience>div:first-child{width:70%}.pe12-stat-grid{grid-template-columns:repeat(2,1fr);row-gap:14px}.pe12-stat-grid>div:nth-child(3):before{display:none}.pe12-trust-grid{grid-template-columns:1fr 1fr}.pe12-faq{grid-template-columns:1fr;gap:19px}.pe12-footer-main{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:520px){.pe12-shell{width:calc(100% - 28px)}.pe12-header-actions .pe12-btn-ghost{display:none}.pe12-header-actions .pe12-btn-primary{padding:10px 13px}.pe12-hero-inner{padding-top:28px}.pe12-hero h1{font-size:38px;letter-spacing:-1.6px}.pe12-hero-copy>p{font-size:15px}.pe12-hero-actions{gap:8px}.pe12-hero-actions .pe12-btn{padding:12px 13px;font-size:12px}.pe12-hero-proof{gap:8px;font-size:10px}.pe12-hero-illustration{transform:scale(.82);margin-top:-25px;margin-bottom:-30px}.pe12-providers{margin-top:0}.pe12-provider-grid{grid-template-columns:repeat(2,1fr);min-height:auto}.pe12-provider-grid>div:nth-child(3):before{display:none}.pe12-provider-grid>div{justify-content:flex-start;padding:10px 11px;gap:8px}.pe12-provider-grid b{font-size:12px}.pe12-provider-grid .pe12-app{width:34px;height:34px;font-size:16px}.pe12-steps{padding:18px 15px}.pe12-steps .pe12-centered h2{font-size:22px}.pe12-centered h2{font-size:25px}.pe12-feature-grid{gap:10px}.pe12-feature{padding:19px 10px;min-height:194px}.pe12-feature h3{font-size:13px}.pe12-feature p{font-size:11px}.pe12-audience{padding:23px 19px;min-height:292px}.pe12-audience>div:first-child{width:77%}.pe12-audience h2{font-size:22px}.pe12-audience-art{right:-69px;top:86px;opacity:.5}.pe12-stat-grid>div{gap:9px;justify-content:flex-start}.pe12-stat-grid .pe12-round{height:49px;width:49px;flex-basis:49px}.pe12-stat-grid strong{font-size:21px}.pe12-stat-grid small{white-space:normal;font-size:10px}.pe12-trust-grid{grid-template-columns:1fr}.pe12-bottom-cta{flex-wrap:wrap;padding:18px;gap:9px}.pe12-cta-gift{font-size:53px}.pe12-bottom-cta h2{font-size:19px}.pe12-bottom-cta p{font-size:11px}.pe12-bottom-cta .pe12-btn{margin-left:auto;margin-right:auto;width:100%}.pe12-footer-main{grid-template-columns:1fr 1fr;gap:17px}.pe12-footer-brand{grid-column:span 2}.pe12-footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pe12-btn{transition:none}}