/*
 * "Why Publisha" marketing page (public:why_publisha).
 *
 * The design below is the client's reference stylesheet with every selector
 * scoped under .why-publisha, so it cannot restyle the site header/footer and
 * the site's global styles cannot leak in. Loaded only on this page.
 */

/* --- Isolation: undo the site's global element/theme styles (main.css,
       Bootstrap reboot, Neon theme) that the reference design never had. --- */
.why-publisha{font-size:16px;line-height:normal;text-align:left;}
.why-publisha p{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:0;}
.why-publisha h4{font-family:inherit;line-height:normal;color:inherit;}
.why-publisha a,.why-publisha button,.why-publisha img{transition:none;}
.why-publisha svg{vertical-align:baseline;}
.why-publisha .badge{display:inline;line-height:inherit;text-align:inherit;white-space:normal;vertical-align:baseline;}
.why-publisha .label{display:block;padding:0;line-height:inherit;}
.why-publisha .btn-primary:focus,.why-publisha .btn-primary:active{background:var(--violet);border-color:transparent;color:#fff;}

/* --- Reference design --- */
.why-publisha{--violet:#7D25EC;
    --violet-2:#E825EC;
    --mint:#28E98C;
    --navy:#1B2A52;
    --slate:#6A738B;
    --bg-soft:#F6F6F6;
    --bg-soft-2:#F1F1F1;
    --white:#FFFFFF;
    --ink:#150E29;
    --line:rgba(27,42,82,0.10);
    box-sizing:border-box;}
.why-publisha *{box-sizing:inherit;}
html{scroll-behavior:smooth; scroll-padding-top:env(safe-area-inset-top,0px);}
.why-publisha{margin:0;background:var(--white);color:var(--navy);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.why-publisha h1, .why-publisha h2, .why-publisha h3, .why-publisha .display{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.08;letter-spacing:-0.01em;margin:0;color:var(--navy);}
.why-publisha p{margin:0;}
.why-publisha a{color:inherit;}
.why-publisha img{display:block;max-width:100%;}
.why-publisha .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
@media (max-width:720px){.why-publisha .wrap{padding:0 22px;}}
/* HERO */
.why-publisha .hero{position:relative;overflow:hidden;padding:84px 0 64px;background:linear-gradient(180deg,#FBF7FF 0%, #FFFFFF 60%);}
.why-publisha .blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:0.55;pointer-events:none;}
.why-publisha .blob-a{width:420px;height:420px;background:radial-gradient(circle,#E9D6FF,transparent 70%);top:-140px;left:-120px;}
.why-publisha .blob-b{width:380px;height:380px;background:radial-gradient(circle,#CFF9E3,transparent 70%);bottom:-160px;right:-100px;}
.why-publisha .hero-grid{display:grid;grid-template-columns:1.02fr 0.98fr;gap:56px;align-items:center;position:relative;z-index:2;}
@media (max-width:980px){.why-publisha .hero-grid{grid-template-columns:1fr;}}
.why-publisha .kicker{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);padding:8px 16px 8px 8px;border-radius:100px;font-size:0.86rem;color:var(--navy);font-weight:600;margin-bottom:28px;box-shadow:0 6px 18px -12px rgba(27,42,82,0.25);}
.why-publisha .kicker span.badge{background:var(--mint);color:#083321;font-size:0.7rem;font-weight:800;padding:3px 9px;border-radius:100px;}
.why-publisha .hero h1{font-size:clamp(2.5rem,5vw,3.9rem);}
.why-publisha .hero h1 .accent{background:linear-gradient(100deg,var(--violet),var(--violet-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.why-publisha .hero-sub{margin-top:24px;max-width:500px;font-size:1.12rem;line-height:1.6;color:var(--slate);}
.why-publisha .hero-ctas{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;}
.why-publisha .btn-primary{background:var(--violet);color:#fff;font-weight:700;font-size:1.01rem;padding:16px 28px;border-radius:100px;text-decoration:none;border:none;cursor:pointer;box-shadow:0 18px 36px -14px rgba(125,37,236,0.55);transition:transform .18s ease, box-shadow .18s ease, background .18s ease;}
.why-publisha .btn-primary:hover{transform:translateY(-2px);background:#6717D6;}
.why-publisha .btn-ghost{background:#fff;color:var(--navy);font-weight:700;font-size:1.01rem;padding:15px 24px;border-radius:100px;text-decoration:none;border:1px solid var(--line);transition:border-color .18s ease, transform .18s ease;}
.why-publisha .btn-ghost:hover{border-color:var(--violet);transform:translateY(-2px);}
.why-publisha .trust-strip{display:flex;gap:18px;margin-top:18px;flex-wrap:wrap;font-size:0.86rem;color:var(--slate);font-weight:600;}
.why-publisha .trust-strip span{display:flex;align-items:center;gap:6px;}
.why-publisha .trust-strip svg{width:15px;height:15px;color:var(--mint);}
.why-publisha .hero-proof{display:flex;gap:30px;margin-top:38px;flex-wrap:wrap;}
.why-publisha .hero-proof div{border-left:2px solid var(--bg-soft-2);padding-left:14px;}
.why-publisha .hero-proof strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:1.5rem;color:var(--navy);}
.why-publisha .hero-proof span{font-size:0.8rem;color:var(--slate);}
.why-publisha .browser-frame{background:#fff;border-radius:16px;box-shadow:0 40px 80px -24px rgba(27,42,82,0.35);border:1px solid var(--line);overflow:hidden;transform:rotate(1.2deg);}
.why-publisha .browser-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#F3F1FA;border-bottom:1px solid var(--line);}
.why-publisha .browser-bar span{width:9px;height:9px;border-radius:50%;background:#E2DEEE;}
.why-publisha .browser-frame img{display:block;width:100%;height:auto;}
.why-publisha .hero-visual{position:relative;}
.why-publisha .float-chip{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 20px 40px -18px rgba(27,42,82,0.3);font-size:0.85rem;font-weight:700;white-space:nowrap;}
.why-publisha .float-chip .txt{display:inline-block;transition:opacity .3s ease;}
.why-publisha .float-chip .txt.fade{opacity:0;}
.why-publisha .float-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--mint);}
.why-publisha .chip-1{top:-52px;right:6px;}
.why-publisha .chip-2{bottom:-52px;left:10px;}
@media (max-width:640px){.why-publisha .float-chip{display:none;}}
/* LOGO STRIP */
.why-publisha .logo-strip{padding:36px 0 64px;}
.why-publisha .logo-strip .label{text-align:center;font-size:0.85rem;color:var(--slate);font-weight:600;margin-bottom:26px;}
.why-publisha .logo-row{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;opacity:0.9;}
.why-publisha .logo-row img, .why-publisha .logo-row svg{height:26px;width:auto;}
@media (max-width:720px){.why-publisha .logo-row{gap:22px;}
.why-publisha .logo-row img, .why-publisha .logo-row svg{height:20px;}}
.why-publisha section{padding:104px 0;}
@media (max-width:720px){.why-publisha section{padding:70px 0;}}
.why-publisha .section-head{max-width:620px;margin-bottom:52px;}
.why-publisha .section-head h2{font-size:clamp(1.85rem,3.4vw,2.55rem);}
.why-publisha .section-head p{margin-top:15px;font-size:1.04rem;color:var(--slate);line-height:1.6;}
.why-publisha .eyebrow{display:inline-block;font-size:0.82rem;font-weight:700;color:var(--violet);background:#F3E9FF;padding:5px 13px;border-radius:100px;margin-bottom:16px;}
.why-publisha .icon-badge{width:38px;height:38px;border-radius:50%;background:#F3E9FF;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex:none;}
.why-publisha .icon-badge svg{width:18px;height:18px;color:var(--violet);}
.why-publisha .feature-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.why-publisha .feature-head .icon-badge{margin-bottom:0;}
.why-publisha .feature-head .feature-tag{margin-bottom:0;}
/* PAIN */
.why-publisha .pain{background:var(--bg-soft);}
.why-publisha .pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;}
.why-publisha .pain-card{background:#fff;padding:36px 30px;}
.why-publisha .pain-card .num{font-family:'Space Grotesk',sans-serif;font-size:0.9rem;color:var(--violet-2);font-weight:700;}
.why-publisha .pain-card h3{font-size:1.24rem;margin-top:12px;font-weight:600;}
.why-publisha .pain-card p{margin-top:11px;color:var(--slate);font-size:0.96rem;line-height:1.6;}
@media (max-width:820px){.why-publisha .pain-grid{grid-template-columns:1fr;}}
/* PLATFORMS — real logos */
.why-publisha .platform-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
@media (max-width:900px){.why-publisha .platform-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:560px){.why-publisha .platform-grid{grid-template-columns:repeat(2,1fr);}}
.why-publisha .platform-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:border-color .2s, transform .2s;position:relative;}
.why-publisha .platform-tile:hover{border-color:var(--violet);transform:translateY(-3px);}
.why-publisha .platform-tile .icon{width:38px;height:38px;border-radius:10px;background:var(--bg-soft);flex:none;display:flex;align-items:center;justify-content:center;}
.why-publisha .platform-tile .icon svg{display:block;}
.why-publisha .platform-tile span{font-weight:700;font-size:0.92rem;}
.why-publisha .platform-tile small{color:var(--slate);font-size:0.76rem;}
.why-publisha .platform-new::after{content:"new";position:absolute;top:13px;right:13px;font-size:0.6rem;font-weight:800;color:var(--violet);background:#F3E9FF;padding:3px 8px;border-radius:100px;}
/* HOW IT WORKS — full-width step gallery */
.why-publisha .step-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;margin:0 auto 8px;max-width:1020px;justify-content:center;scrollbar-width:thin;}
.why-publisha .step-tabs::-webkit-scrollbar{height:5px;}
.why-publisha .step-tabs::-webkit-scrollbar-thumb{background:var(--bg-soft-2);border-radius:10px;}
.why-publisha .step-tab{flex:none;display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:100px;border:1px solid var(--line);background:#fff;font-size:0.9rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,color .2s;}
.why-publisha .step-tab:hover{border-color:var(--violet);}
.why-publisha .step-tab .num{width:22px;height:22px;border-radius:50%;background:var(--bg-soft-2);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex:none;}
.why-publisha .step-tab.active{background:var(--violet);color:#fff;border-color:var(--violet);}
.why-publisha .step-tab.active .num{background:#fff;color:var(--violet);}
.why-publisha .step-desc{max-width:620px;margin:0 auto 32px;text-align:center;color:var(--slate);font-size:1.02rem;line-height:1.6;min-height:52px;}
.why-publisha .how-preview-full{max-width:1020px;margin:0 auto;position:relative;}
.why-publisha .how-preview-full .browser-frame{transform:none;position:relative;}
.why-publisha .shot-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fff;border-bottom:1px solid var(--line);}
.why-publisha .shot-toolbar-label{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:0.92rem;color:var(--navy);display:flex;align-items:center;gap:6px;}
.why-publisha .shot-toolbar-label .of{color:var(--slate);font-weight:500;font-size:0.8rem;}
.why-publisha .zoom-btn{background:var(--bg-soft);color:var(--navy);border:none;border-radius:50%;width:32px;height:32px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.why-publisha .zoom-btn svg{width:15px;height:15px;}
.why-publisha .zoom-btn:hover{background:var(--bg-soft-2);}
.why-publisha .shot-wrap{position:relative;}
.why-publisha .shot-wrap img.shot{display:none;}
.why-publisha .shot-wrap img.shot.active{display:block;}
.why-publisha .step-dots{display:flex;gap:8px;justify-content:center;margin-top:20px;}
.why-publisha .step-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-soft-2);cursor:pointer;transition:background .2s, transform .2s;}
.why-publisha .step-dot.active{background:var(--violet);transform:scale(1.3);}
.why-publisha .lightbox{position:fixed;inset:0;background:rgba(10,7,20,0.88);z-index:200;display:none;align-items:center;justify-content:center;padding:26px;}
.why-publisha .lightbox.open{display:flex;}
.why-publisha .lightbox img{max-width:100%;max-height:92vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,0.5);}
.why-publisha .lightbox-close{position:absolute;top:22px;right:26px;color:#fff;background:rgba(255,255,255,0.12);border:none;width:40px;height:40px;border-radius:50%;font-size:1.3rem;cursor:pointer;}
/* FEATURES */
.why-publisha .feature-grid{display:grid;grid-template-columns:1fr 0.8fr 0.8fr 0.8fr;gap:18px;}
@media (max-width:1100px){.why-publisha .feature-grid{grid-template-columns:1fr 1fr;}
.why-publisha .feature-big{grid-column:span 2;grid-row:span 1 !important;}}
@media (max-width:640px){.why-publisha .feature-grid{grid-template-columns:1fr;}
.why-publisha .feature-big{grid-column:span 1 !important;}}
.why-publisha .feature-card{border-radius:22px;padding:34px;}
.why-publisha .feature-big{background:linear-gradient(150deg,#241247,#150E29);color:#fff;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;min-height:340px;}
.why-publisha .feature-big h3{font-size:1.55rem;color:#fff;}
.why-publisha .feature-big p{margin-top:12px;color:#CDBEF0;line-height:1.6;max-width:340px;}
.why-publisha .mini-chart{margin-top:26px;display:flex;align-items:flex-end;gap:7px;height:100px;}
.why-publisha .mini-chart div{flex:1;background:linear-gradient(180deg,var(--mint),var(--violet));border-radius:5px 5px 0 0;}
.why-publisha .feature-sm{background:#fff;border:1px solid var(--line);}
.why-publisha .feature-sm h3{font-size:1.1rem;}
.why-publisha .feature-sm p{margin-top:9px;color:var(--slate);font-size:0.93rem;line-height:1.6;}
.why-publisha .feature-tag{display:inline-block;font-size:0.7rem;font-weight:800;color:var(--violet);background:#F3E9FF;padding:4px 10px;border-radius:100px;margin-bottom:14px;}
/* WHO IT'S FOR */
.why-publisha .for-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
@media (max-width:820px){.why-publisha .for-grid{grid-template-columns:1fr;}}
.why-publisha .for-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;}
.why-publisha .for-card .icon-circle{width:42px;height:42px;border-radius:50%;background:#F3E9FF;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.why-publisha .for-card .icon-circle svg{width:20px;height:20px;color:var(--violet);}
.why-publisha .for-card h4{font-size:1.05rem;font-weight:700;margin:0 0 8px;}
.why-publisha .for-card p{font-size:0.92rem;color:var(--slate);line-height:1.55;}
/* SEO & AUTOMATION SHOWCASE */
.why-publisha .showcase-block{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
.why-publisha .showcase-block + .showcase-block{margin-top:100px;}
.why-publisha .showcase-block.reverse .showcase-copy{order:2;}
.why-publisha .showcase-block.reverse .showcase-shot{order:1;}
@media (max-width:900px){.why-publisha .showcase-block{grid-template-columns:1fr;}
.why-publisha .showcase-block.reverse .showcase-copy{order:1;}
.why-publisha .showcase-block.reverse .showcase-shot{order:2;}}
.why-publisha .showcase-copy ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:13px;}
.why-publisha .showcase-copy li{display:flex;gap:11px;align-items:flex-start;font-size:0.97rem;color:var(--navy);}
.why-publisha .showcase-copy li svg{width:19px;height:19px;flex:none;margin-top:2px;color:var(--mint);}
.why-publisha .showcase-shot .browser-frame{transform:none;position:relative;}
.why-publisha .showcase-zoom{position:absolute;top:8px;right:10px;z-index:4;background:rgba(21,14,41,0.45);backdrop-filter:blur(4px);color:#fff;border:none;border-radius:50%;width:28px;height:28px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.why-publisha .showcase-zoom svg{width:13px;height:13px;}
.why-publisha .showcase-zoom:hover{background:rgba(21,14,41,0.75);}
/* RESULTS (real proof, no invented numbers) */
.why-publisha .results{background:var(--bg-soft);}
.why-publisha .results-shell{display:grid;grid-template-columns:1fr 1.35fr;gap:44px;align-items:center;}
@media (max-width:960px){.why-publisha .results-shell{grid-template-columns:1fr;}}
.why-publisha .result-points{display:flex;flex-direction:column;gap:16px;margin-top:26px;}
.why-publisha .result-points div{display:flex;gap:12px;align-items:flex-start;font-size:0.98rem;color:var(--navy);}
.why-publisha .result-points svg{width:20px;height:20px;flex:none;margin-top:2px;color:var(--mint);}
/* TESTIMONIALS */
.why-publisha .proof-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:38px;align-items:start;}
@media (max-width:900px){.why-publisha .proof-grid{grid-template-columns:1fr;}}
.why-publisha .pull-quote{background:#fff;border-radius:26px;padding:44px;border:1px solid var(--line);}
.why-publisha .pull-quote p.quote{font-family:'Space Grotesk',sans-serif;font-size:1.42rem;line-height:1.44;font-weight:500;color:var(--navy);}
.why-publisha .pull-quote .who{margin-top:24px;display:flex;align-items:center;gap:12px;}
.why-publisha .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--mint));flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:0.85rem;}
.why-publisha .who strong{display:block;font-size:0.94rem;}
.why-publisha .who span{font-size:0.82rem;color:var(--slate);}
.why-publisha .side-quotes{display:flex;flex-direction:column;gap:16px;}
.why-publisha .side-quote{background:#fff;border-radius:18px;padding:24px;border:1px solid var(--line);}
.why-publisha .side-quote p{font-size:0.92rem;line-height:1.55;color:var(--navy);}
.why-publisha .side-quote .who{margin-top:14px;}
.why-publisha .side-quote .avatar{width:32px;height:32px;}
/* PRICING */
.why-publisha .pricing-shell{background:linear-gradient(155deg,#2A1354,#150E29);border-radius:30px;padding:60px;color:#fff;position:relative;overflow:hidden;}
.why-publisha .pricing-shell::before{content:"";position:absolute;inset:-40% -10% auto auto;width:60%;height:120%;background:radial-gradient(circle,rgba(232,37,236,0.28),transparent 65%);}
.why-publisha .pricing-grid{display:grid;grid-template-columns:1fr auto;gap:52px;align-items:center;position:relative;z-index:2;}
@media (max-width:860px){.why-publisha .pricing-grid{grid-template-columns:1fr;}}
.why-publisha .price-badge{display:inline-block;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);font-size:0.8rem;font-weight:700;padding:6px 14px;border-radius:100px;margin-bottom:20px;}
.why-publisha .pricing-shell h2{color:#fff;font-size:clamp(1.85rem,3.2vw,2.4rem);}
.why-publisha .price-list{margin-top:26px;display:flex;flex-direction:column;gap:11px;}
.why-publisha .price-list div{display:flex;gap:11px;align-items:flex-start;font-size:0.96rem;color:#E5DBFC;}
.why-publisha .price-list svg{width:19px;height:19px;flex:none;margin-top:2px;color:var(--mint);}
.why-publisha .price-box{background:#fff;color:var(--navy);border-radius:22px;padding:36px;min-width:290px;}
.why-publisha .price-old{color:var(--slate);text-decoration:line-through;font-size:1.02rem;}
.why-publisha .price-now{font-family:'Space Grotesk',sans-serif;font-size:2.9rem;font-weight:700;margin-top:5px;}
.why-publisha .price-now span{font-size:0.98rem;font-family:'Inter',sans-serif;font-weight:600;color:var(--slate);}
.why-publisha .price-box .btn-primary{display:block;text-align:center;width:100%;margin-top:24px;}
.why-publisha .price-note{margin-top:13px;font-size:0.8rem;color:var(--slate);text-align:center;}
/* FAQ */
.why-publisha .faq-item{border-top:1px solid var(--line);padding:24px 0;}
.why-publisha .faq-item:last-child{border-bottom:1px solid var(--line);}
.why-publisha .faq-q{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;font-size:1.05rem;font-weight:700;}
.why-publisha .faq-q .plus{width:25px;height:25px;border-radius:50%;border:1px solid var(--line);flex:none;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .25s ease;}
.why-publisha .faq-q .plus::before, .why-publisha .faq-q .plus::after{content:"";position:absolute;background:var(--navy);}
.why-publisha .faq-q .plus::before{width:10px;height:1.6px;}
.why-publisha .faq-q .plus::after{width:1.6px;height:10px;}
.why-publisha .faq-item.open .plus{transform:rotate(135deg);background:var(--violet);}
.why-publisha .faq-item.open .plus::before, .why-publisha .faq-item.open .plus::after{background:#fff;}
.why-publisha .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.why-publisha .faq-a p{padding-top:15px;color:var(--slate);line-height:1.6;max-width:620px;}
/* FINAL CTA */
.why-publisha .final{background:linear-gradient(160deg,#2A1354,#150E29);color:#fff;text-align:center;position:relative;overflow:hidden;}
.why-publisha .final::before{content:"";position:absolute;inset:-20% 0 auto 0;height:140%;background:radial-gradient(circle at 50% 0%, rgba(125,37,236,0.4), transparent 60%);}
.why-publisha .final-inner{position:relative;z-index:2;max-width:660px;margin:0 auto;}
.why-publisha .final h2{color:#fff;font-size:clamp(2rem,4.2vw,2.9rem);}
.why-publisha .final p{margin-top:16px;color:#CDBEF0;font-size:1.05rem;}
.why-publisha .final .hero-ctas{justify-content:center;margin-top:32px;}
/* STICKY MOBILE CTA */
.why-publisha .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);padding:12px 18px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));display:none;align-items:center;justify-content:space-between;gap:12px;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -10px 30px -18px rgba(27,42,82,0.3);}
.why-publisha .sticky-cta.show{transform:translateY(0);}
.why-publisha .sticky-cta span{font-size:0.82rem;color:var(--slate);font-weight:600;}
.why-publisha .sticky-cta .btn-primary{padding:12px 22px;font-size:0.92rem;}
@media (max-width:720px){.why-publisha .sticky-cta{display:flex;}}
/* --- Fixes for layout bugs in the reference (mobile only; desktop unchanged) --- */
/* Step tabs: centred when they fit; when they overflow, the row starts at
   step 1 instead of cutting the first tabs off the left edge. */
.why-publisha .step-tabs{justify-content:flex-start;}
.why-publisha .step-tab:first-child{margin-left:auto;}
.why-publisha .step-tab:last-child{margin-right:auto;}
/* Pricing: the price box no longer overflows the dark card on narrow phones. */
@media (max-width:560px){
  .why-publisha .pricing-shell{padding:36px 22px;}
  .why-publisha .price-box{min-width:0;padding:28px 22px;}
}

/* --- Host-site integration --- */
/* Content width: use the site's Bootstrap .container widths (15px gutters,
   540/720/960/1140/1320px) instead of the reference's 1180px wrap, so this
   page lines up with the header and every other page. The FAQ keeps its own
   narrower inline max-width. */
.why-publisha .wrap{width:100%;max-width:none;margin:0 auto;padding:0 15px;}
@media (min-width:576px){.why-publisha .wrap{max-width:540px;}}
@media (min-width:768px){.why-publisha .wrap{max-width:720px;}}
@media (min-width:992px){.why-publisha .wrap{max-width:960px;}}
@media (min-width:1200px){.why-publisha .wrap{max-width:1140px;}}
@media (min-width:1400px){.why-publisha .wrap{max-width:1320px;}}
/* The site header is absolutely positioned over the top of every page. Extend
   the hero (and its background) under it, so the hero content keeps exactly the
   reference's spacing below the header. --site-header-h is measured by the page
   script; 132px is the desktop header height. */
.why-publisha .hero{padding-top:calc(84px + var(--site-header-h,132px));}
/* neon-core.css gives body `perspective:800px`, which turns body into the
   containing block for position:fixed — the mobile sticky CTA and the
   screenshot lightbox would stick to the page instead of the screen. This
   stylesheet only loads on this page, so the reset does not touch other pages. */
body{perspective:none;}
/* On phones the page's sticky CTA bar (67px) sits at the bottom of the screen,
   where the site's back-to-top button also is; lift the button above the bar. */
@media (max-width:720px){
  .progress-wrap{bottom:calc(85px + env(safe-area-inset-bottom,0px));}
}