/* OfferMasti homepage redesign inspired by modern offerwall landing page structure.
   Isolated to the public homepage; account and payment logic is unchanged. */
body.pe12-home{background:#f8f6ff!important;color:#241440!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif!important}
.pe12-home .pe12-shell{max-width:1280px}
.pe12-home .pe12-header{height:84px;background:rgba(250,248,255,.94)!important;backdrop-filter:blur(20px);box-shadow:0 1px 0 #e7ddf7!important;position:sticky;top:0}
.pe12-home .pe12-nav{gap:20px}
.pe12-home .pe12-nav a{color:#443363!important;border:0!important;border-radius:12px;padding:10px 12px!important;font-size:13px}
.pe12-home .pe12-nav .pe12-active,.pe12-home .pe12-nav a:hover{background:#ede4ff;color:#683bc4!important}
.pe12-home .pe12-btn{border-radius:13px!important;box-shadow:0 9px 18px #5834a11c;font-size:13px;transition:transform .2s,box-shadow .2s}
.pe12-home .pe12-btn-primary{background:linear-gradient(120deg,#8d57e8,#6434ba)!important;border-color:#7541cf!important;color:white!important;box-shadow:0 12px 28px #7442ce45!important}
.pe12-home .pe12-btn-ghost,.pe12-home .pe12-btn-white{background:#fff!important;color:#6339b1!important;border:1px solid #d8c8f1!important}
.pe12-home .pe12-btn-green{background:linear-gradient(120deg,#8654dc,#6336b8)!important;color:#fff!important;border-color:#7443c6!important}
.pe12-home .pe12-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #7545c038!important}
.pe12-home .pe12-hero{background:radial-gradient(ellipse at 83% 16%,#dccafc 0%,transparent 43%),radial-gradient(ellipse at 12% 85%,#e4daff 0%,transparent 45%),linear-gradient(115deg,#f8f5ff,#efe8ff 58%,#e9e0ff)!important;isolation:isolate}
.pe12-home .pe12-hero:before{content:"";position:absolute;inset:auto -8% -170px auto;width:650px;height:320px;transform:rotate(-16deg);border-radius:45%;background:#cdbafa44;z-index:-1}
.pe12-home .pe12-hero:after{border-color:#c9b2f455!important;right:-320px!important;bottom:-370px!important}
.pe12-home .pe12-hero-inner{grid-template-columns:.96fr 1.04fr;gap:35px;min-height:585px;padding-top:62px;padding-bottom:74px}
.pe12-home .pe12-hero-copy{padding-left:0}
.pe12-home .pe12-eyebrow{color:#6331ae!important;background:#e8defb!important;letter-spacing:1px;font-size:11px!important;padding:9px 14px!important}
.pe12-home .pe12-hero h1{font-size:clamp(42px,4.6vw,68px);color:#251143!important;line-height:1.085;font-weight:850;letter-spacing:-2.7px;margin:23px 0 21px}
.pe12-home .pe12-hero h1 span{color:#7742d2!important}
.pe12-home .pe12-hero-copy>p{color:#65567e!important;font-size:17px;line-height:1.7;max-width:550px}
.pe12-home .pe12-hero-proof{font-size:12px;gap:18px;color:#52406c}
.pe12-home .pe12-hero-proof i{background:#8c5ce1}
.pe26-visual{height:485px;position:relative;min-width:0;display:flex;align-items:center;justify-content:center;perspective:900px}
.pe26-demo{display:grid;grid-template-columns:130px minmax(0,1fr);width:min(100%,610px);height:370px;background:#fff;border-radius:22px;overflow:hidden;border:1px solid #e9ddfc;box-shadow:0 35px 70px #5e389a30,0 3px 14px #5e389a15;transform:rotate(-2.3deg);z-index:2}
.pe26-demo-sidebar{background:linear-gradient(160deg,#442276,#271449);padding:25px 12px;display:flex;flex-direction:column;gap:13px;color:#cfc1ea;font-size:10px;font-weight:700}
.pe26-demo-sidebar>div{padding:9px 8px;border-radius:9px;white-space:nowrap}
.pe26-demo-sidebar .pe26-demo-logo{font-size:14px;color:#fff;padding:6px 3px 20px}
.pe26-demo-sidebar .pe26-demo-active{background:linear-gradient(95deg,#8e58ea,#6e3ac3);color:white}
.pe26-demo-content{padding:20px 19px;min-width:0;background:linear-gradient(135deg,#fff,#f8f4ff)}
.pe26-demo-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:17px}
.pe26-demo-top small{font-size:9px;color:#865dc4;letter-spacing:1px;font-weight:800}
.pe26-demo-top h3{font-size:23px!important;line-height:1.2;margin:3px 0!important;color:#29164f!important}
.pe26-demo-top span{font-size:10px;color:#85769a}
.pe26-demo-avatar{width:29px;height:29px;border-radius:50%;background:#e8dcff;display:grid;place-items:center;color:#753acc!important}
.pe26-demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}
.pe26-demo-stats>div{padding:13px 10px;background:white;border:1px solid #eee6fa;box-shadow:0 3px 15px #4f23870d;border-radius:12px}
.pe26-demo-stats small{font-size:9px;line-height:1.4;display:block;color:#79678d}
.pe26-demo-stats strong{font-size:22px;display:block;color:#291649}
.pe26-demo-graph{padding:13px 13px 7px;background:white;border:1px solid #eee5fb;border-radius:12px;height:144px}
.pe26-graph-heading{display:flex;justify-content:space-between;align-items:center;gap:4px;color:#31214d;font-size:11px}
.pe26-graph-heading span{color:#a18cb4;font-size:8px}
.pe26-demo-graph svg{width:100%;height:95px;display:block}
.pe26-demo-providers{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.pe26-demo-providers span{padding:5px 9px;border:1px solid #e9ddf8;border-radius:8px;color:#75589c;font-size:9px;background:white;font-weight:700}
.pe26-float{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:#fff;box-shadow:0 13px 33px #4a257a35;border:1px solid #e7daf9;padding:12px 16px;border-radius:14px;animation:pe26float 5s ease-in-out infinite}
.pe26-float>span{width:35px;height:35px;display:grid;place-items:center;background:linear-gradient(130deg,#9565f0,#7540d2);color:white;border-radius:9px;font-size:18px}
.pe26-float b{display:block;font-size:12px;color:#301a55}.pe26-float small{display:block;font-size:10px;color:#877697}
.pe26-float-left{top:35px;left:-18px}.pe26-float-right{right:-19px;top:52px;animation-delay:-1.5s}.pe26-float-bottom{right:10px;bottom:15px;animation-delay:-2.5s}
@keyframes pe26float{50%{transform:translateY(-7px)}}
.pe12-home .pe12-providers{margin-top:-22px;position:relative;z-index:4;background:#fff;border:1px solid #e7dcf5;border-radius:20px;padding:20px 26px;box-shadow:0 16px 50px #4a267817}
.pe12-home .pe12-provider-grid{border:0!important}
.pe12-home .pe12-section,.pe12-home .pe12-steps,.pe12-home .pe12-trust,.pe12-home .pe12-faq{scroll-margin-top:110px}
.pe12-home .pe12-centered h2,.pe12-home .pe12-section h2,.pe12-home .pe12-faq h2,.pe12-home .pe12-audience h2{color:#2f1a52!important;letter-spacing:-.8px}
.pe12-home .pe12-centered p,.pe12-home .pe12-feature p,.pe12-home .pe12-trust p,.pe12-home .pe12-audience p{color:#625577!important}
.pe12-home .pe12-feature,.pe12-home .pe12-trust-grid article,.pe12-home .pe12-steps-grid article,.pe12-home .pe12-stat-card,.pe12-home .pe12-faq-items details{border:1px solid #e9def8!important;border-radius:19px!important;box-shadow:0 12px 33px #4c277b10!important;background:#fff!important}
.pe12-home .pe12-feature h3,.pe12-home .pe12-trust-grid h3{color:#301850!important}
.pe12-home .pe12-round-blue,.pe12-home .pe12-round-purple{background:#ebe0ff!important;color:#7141c8!important}
.pe12-home .pe12-round-green{background:#e3f8f0!important;color:#16865e!important}
.pe12-home .pe12-round-orange,.pe12-home .pe12-round-gold{background:#fff0e1!important;color:#b96a16!important}
.pe12-home .pe12-why,.pe12-home .pe12-impact{background:#f0eaff!important}
.pe12-home .pe12-audience{border-radius:23px!important;box-shadow:0 20px 45px #40216f13}
.pe12-home .pe12-audience-publisher{background:linear-gradient(120deg,#f0e7ff,#e7dcfc)!important}
.pe12-home .pe12-audience-advertiser{background:linear-gradient(120deg,#efeaff,#e6ddfa)!important}
.pe12-home .pe12-bottom-cta{background:linear-gradient(110deg,#8752db,#53289d)!important;border-radius:24px!important;color:white}
.pe12-home .pe12-bottom-cta h2,.pe12-home .pe12-bottom-cta p{color:white!important}
.pe12-home .pe12-footer{background:#261540!important}
.pe12-home .pe12-footer a,.pe12-home .pe12-footer p{color:#d8caec!important}
.pe12-home :focus-visible{outline:3px solid #a174f0;outline-offset:3px}
@media(max-width:1050px){.pe12-home .pe12-nav{gap:3px}.pe12-home .pe12-nav a{padding:8px!important}.pe26-demo{grid-template-columns:95px minmax(0,1fr)}.pe26-demo-sidebar{font-size:9px;padding:20px 5px}.pe26-float-left{left:0}.pe26-float-right{right:0}}
@media(max-width:760px){.pe12-home .pe12-header{height:auto;min-height:70px}.pe12-home .pe12-hero-inner{display:flex;flex-direction:column;padding-top:50px;padding-bottom:48px;gap:12px}.pe12-home .pe12-hero h1{font-size:clamp(35px,9vw,52px)}.pe12-home .pe12-hero-copy{width:100%}.pe26-visual{width:100%;height:390px}.pe26-demo{height:315px;grid-template-columns:85px 1fr}.pe26-demo-sidebar{font-size:8px;gap:8px}.pe26-demo-content{padding:11px}.pe26-demo-stats>div{padding:8px 5px}.pe26-demo-stats strong{font-size:16px}.pe26-demo-graph{height:126px}.pe26-demo-graph svg{height:80px}.pe26-float{padding:6px 8px}.pe26-float-left{left:0;top:0}.pe26-float-right{right:0;top:0}.pe26-float-bottom{bottom:0}.pe12-home .pe12-providers{margin-top:0}.pe12-home .pe12-nav a{padding:12px!important}}
@media(max-width:440px){.pe26-visual{height:300px}.pe26-demo{height:245px;grid-template-columns:66px 1fr;border-radius:12px}.pe26-demo-sidebar{padding:14px 3px;font-size:6px;gap:6px}.pe26-demo-sidebar .pe26-demo-logo{font-size:8px}.pe26-demo-content{padding:9px}.pe26-demo-top h3{font-size:14px!important}.pe26-demo-top small{font-size:6px}.pe26-demo-stats{gap:4px;margin-bottom:6px}.pe26-demo-stats small{font-size:6px}.pe26-demo-stats strong{font-size:14px}.pe26-demo-stats>div{padding:5px}.pe26-demo-graph{height:99px;padding:6px}.pe26-demo-graph svg{height:65px}.pe26-graph-heading{font-size:8px}.pe26-graph-heading span{display:none}.pe26-demo-providers{gap:3px;margin-top:5px}.pe26-demo-providers span{font-size:6px;padding:3px}.pe26-float{display:none}}
@media(prefers-reduced-motion:reduce){.pe26-float{animation:none}.pe12-home .pe12-btn{transition:none}}

/* FAQ contrast repair (2026-10-26): scoped to the public homepage.
   Older global heading / link / accordion rules must not bleed into this section. */
.pe12-home .pe12-faq {
  background: linear-gradient(135deg,#281b47 0%,#342258 65%,#43296b 100%) !important;
  border: 1px solid #674a91 !important;
  box-shadow: 0 18px 42px rgba(33,18,65,.18) !important;
  color: #f8f5ff !important;
}
.pe12-home .pe12-faq .pe12-faq-intro h2,
.pe12-home .pe12-faq h2 { color: #ffffff !important; opacity: 1 !important; text-shadow: none !important; }
.pe12-home .pe12-faq .pe12-faq-intro p { color: #e7dcf8 !important; opacity: 1 !important; }
.pe12-home .pe12-faq .pe12-faq-intro > a { color: #f5d4ff !important; opacity: 1 !important; text-decoration: underline; text-underline-offset: 3px; }
.pe12-home .pe12-faq .pe12-eyebrow { color: #4a257f !important; background: #efe4ff !important; border-color: #e4d2fc !important; opacity: 1 !important; }
.pe12-home .pe12-faq .pe12-faq-items details { background: #fcfaff !important; border: 1px solid #e5daf5 !important; color: #312044 !important; }
.pe12-home .pe12-faq .pe12-faq-items summary,
.pe12-home .pe12-faq .pe12-faq-items details > summary { color: #2e1945 !important; background: #fcfaff !important; font-weight: 700 !important; opacity: 1 !important; }
.pe12-home .pe12-faq .pe12-faq-items summary::after { color: #7541bf !important; opacity: 1 !important; }
.pe12-home .pe12-faq .pe12-faq-items details[open] summary { background: #f1eafa !important; }
.pe12-home .pe12-faq .pe12-faq-items details p,
.pe12-home .pe12-faq .pe12-faq-items details[open] p { color: #514164 !important; background: #ffffff !important; opacity: 1 !important; line-height: 1.65 !important; border-top: 1px solid #e8dff3 !important; }
.pe12-home .pe12-faq .pe12-faq-items summary:focus-visible,
.pe12-home .pe12-faq .pe12-faq-intro a:focus-visible { outline: 3px solid #c9a3ff !important; outline-offset: 2px; }
.pe12-home .pe12-header-actions .pe12-btn-ghost { color: #4a277a !important; background: #f3ecfc !important; border: 1px solid #d5c3ed !important; opacity: 1 !important; }
.pe12-home .pe12-header-actions .pe12-btn-ghost:hover { color: #321753 !important; background: #e9dcfa !important; }
@media (max-width:767px) { .pe12-home .pe12-faq { gap: 20px; padding: 24px 18px; } }