/*
 * NXT GEN WEB | Four-service refinement pass, November 2026
 * Social mockups show recognizable Facebook/Instagram feed layouts (concept only).
 * GBP audit uses the same charcoal/green editorial CTA language as Home and SEO.
 */

/* Social studio: realistic platform-shaped examples, not empty abstract diagrams. */
.ng4m--social .ng4m__mock{padding:9px 11px}
.ng4s-feed,.ng4s-feed *{box-sizing:border-box}
.ng4s-feed{display:flex;flex-direction:column;min-height:245px;overflow:hidden;border:1px solid #dce1e4;border-radius:8px;background:#fff;color:#202124;box-shadow:0 6px 18px #20212410}
.ng4s-feed--ig{max-width:390px;margin:0 auto;width:100%}
.ng4s-ig-head{display:flex;align-items:center;gap:14px;height:32px;padding:3px 11px;background:#fff;border-bottom:1px solid #eceef0}
.ng4s-ig-head strong{flex:1;font:italic 700 19px/1.2 Georgia,serif;letter-spacing:-.06em;color:#151515}
.ng4s-ig-head span{font:22px/1 Arial,sans-serif;color:#202124}
.ng4s-ig-stories{display:flex;justify-content:flex-start;gap:17px;padding:7px 12px 5px;background:#fff;border-bottom:1px solid #eceef0}
.ng4s-ig-stories>span{display:flex;flex-direction:column;align-items:center;gap:3px;font:8px/1.1 'Proximanova-regular',sans-serif;color:#62676b}
.ng4s-ig-stories i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid #df5394;box-shadow:0 0 0 1px #f6a158;font:700 12px/1 'Proximanova-bold',sans-serif;color:#202124;font-style:normal}
.ng4s-ig-stories>span:nth-child(2) i{border-color:#f1a04f}
.ng4s-ig-stories>span:nth-child(3) i{border-color:#a246a7}
.ng4s-post-author{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#fff}
.ng4s-avatar{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;background:#84c041;border-radius:50%;color:#000;font:800 15px/1 'Proximanova-bold',sans-serif}
.ng4s-post-author>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}
.ng4s-post-author strong{font:800 11px/1.2 'Proximanova-bold',sans-serif}
.ng4s-post-author small{color:#62676b;font:9px/1.1 'Proximanova-regular',sans-serif}
.ng4s-post-author b{font-size:13px;letter-spacing:2px;color:#62676b}
.ng4s-ig-art,.ng4s-fb-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:130px;overflow:hidden;padding:13px 15px;background:linear-gradient(122deg,#84c041 0%,#b5e66a 57%,#f7f8f9 57%);isolation:isolate}
.ng4s-ig-art>small,.ng4s-fb-art>small{position:relative;z-index:1;color:#202124;font:800 8px/1.2 'Proximanova-bold',sans-serif;letter-spacing:.1em}
.ng4s-ig-art>strong,.ng4s-fb-art>strong{position:relative;z-index:1;max-width:75%;color:#202124;font:900 clamp(20px,2.1vw,27px)/.98 'Proximanova-bold',sans-serif;letter-spacing:-.055em;animation:ng4Rise .65s ease both}
.ng4s-ig-art em,.ng4s-fb-art em{font-style:normal;text-decoration:underline;text-decoration-color:#fff;text-decoration-thickness:3px;text-underline-offset:4px}
.ng4s-ig-art__shape{position:absolute;z-index:0;right:7%;top:25%;display:grid;place-items:center;width:80px;height:80px;background:#202124;color:#b5e66a;border:5px solid #fff;border-radius:50%;font:36px/1 Arial,sans-serif;transform:rotate(-12deg);animation:ng4Orbit 5s ease-in-out infinite}
.ng4s-ig-art__tag,.ng4s-fb-cta{position:relative;z-index:1;width:max-content;max-width:95%;padding:5px 8px;border-radius:3px;background:#202124;color:#fff;font:800 8px/1.15 'Proximanova-bold',sans-serif;letter-spacing:.07em}
.ng4s-ig-actions{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 3px;background:#fff;color:#202124;font:20px/1 Arial,sans-serif}
.ng4s-ig-actions span:last-child{font-size:18px}
.ng4s-feed .ng4s-ig-caption{padding:1px 10px 8px!important;margin:0!important;color:#42474b!important;font:10px/1.3 'Proximanova-regular',sans-serif!important}
.ng4s-ig-caption b{color:#202124;font-weight:800}
.ng4s-ig-caption span{color:#376b97}
.ng4s-feed--fb{max-width:390px;margin:0 auto;width:100%;border-color:#d8dce1}
.ng4s-fb-head{display:flex;align-items:center;gap:7px;padding:7px 11px;background:#f7f8f9;border-bottom:1px solid #d8dce1}
.ng4s-fb-glyph,.ng4s-fb-pill{display:grid;place-items:center;color:#fff;background:#1877f2;border-radius:5px;font:900 19px/1 Arial,sans-serif;width:23px;height:23px}
.ng4s-fb-head strong{color:#1877f2;font:800 17px/1 Arial,sans-serif;letter-spacing:-.045em}
.ng4s-fb-head small{margin-left:auto;color:#62676b;font:800 8px/1.2 'Proximanova-bold',sans-serif;letter-spacing:.055em}
.ng4s-feed--fb .ng4s-post-author{border-bottom:1px solid #eceef0}
.ng4s-feed .ng4s-fb-caption{padding:8px 11px 7px!important;margin:0!important;color:#34393e!important;font:11px/1.4 'Proximanova-regular',sans-serif!important}
.ng4s-fb-art{min-height:139px;padding:14px 15px;background:linear-gradient(130deg,#202124 0 58%,#84c041 58% 100%)}
.ng4s-fb-art>small,.ng4s-fb-art>strong{color:#fff}
.ng4s-fb-art em{color:#b5e66a;text-decoration-color:#84c041}
.ng4s-fb-circle{display:grid;place-items:center;position:absolute;right:5%;top:28%;width:72px;height:72px;border:5px solid #fff;border-radius:50%;background:#b5e66a;color:#202124;font:33px/1 Arial,sans-serif;animation:ng4Orbit 4.5s ease-in-out infinite}
.ng4s-fb-cta{background:#84c041;color:#000}
.ng4s-fb-reaction{display:flex;align-items:center;justify-content:space-between;padding:5px 9px;color:#1877f2;font:12px/1 Arial,sans-serif;background:#fff}
.ng4s-fb-reaction small{color:#62676b;font:9px/1 'Proximanova-regular',sans-serif}
.ng4s-fb-actions{display:flex;align-items:center;justify-content:space-around;border-top:1px solid #eceef0;padding:7px 4px 8px;color:#62676b;font:800 10px/1 'Proximanova-bold',sans-serif;background:#fff}
.ng4s-placements{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0 0}
.ng4s-placements>span{display:flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #eceef0;border-radius:5px;background:#fff;color:#202124;font:800 10px/1.2 'Proximanova-bold',sans-serif}
.ng4s-ig-pill::first-letter{color:#dd4b85}
.ng4s-fb-pill::first-letter{color:#1877f2}
.ng4m--social .ng4m__target{padding-top:3px}
.ng4m--social .ng4m__mock-tail{font-size:10px;margin-top:6px}
.ng4m--social .ng4m__mock-tail b{font-size:11px}
.ng4m--social .ng4m__step[aria-pressed=true] strong{color:#fff}
@media(max-width:500px){
 .ng4s-ig-art,.ng4s-fb-art{min-height:125px}
 .ng4s-ig-art strong,.ng4s-fb-art strong{font-size:22px}
 .ng4s-ig-art__shape{width:58px;height:58px;font-size:26px}
 .ng4s-fb-circle{width:58px;height:58px;font-size:25px}
 .ng4s-feed .ng4s-ig-caption{font-size:9px!important}
 .ng4s-feed .ng4s-fb-caption{font-size:10px!important}
 .ng4m--social .ng4m__mock{padding:8px}
}
@media(prefers-reduced-motion:reduce){
 .ng4s-ig-art__shape,.ng4s-fb-circle,.ng4s-ig-art>strong,.ng4s-fb-art>strong{animation:none!important}
}

/* Same black + bright-green SEO opportunity banner as the Home/SEO pages. */
.ng4seo,.ng4seo *{box-sizing:border-box}
.ng4seo{position:relative;isolation:isolate;overflow:hidden;padding:71px 0 70px;background:#000;color:#fff;border-block:1px solid #202124;font-family:'Proximanova-regular',Arial,sans-serif}
.ng4seo:before{content:"";position:absolute;z-index:-1;right:-100px;top:-220px;width:480px;height:480px;border:65px solid #b5e66a0c;border-radius:50%;pointer-events:none}
.ng4seo__shell{width:min(1220px,calc(100% - 72px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;gap:7%}
.ng4seo__eyebrow{display:flex;align-items:center;gap:10px;color:#b5e66a!important;font:800 11px/1.4 'Proximanova-bold',sans-serif!important;letter-spacing:.14em;margin:0 0 16px!important}
.ng4seo__eyebrow span{width:25px;height:3px;flex:none;background:#84c041}
.ng4seo h2{color:#fff!important;font:800 clamp(32px,4.2vw,58px)/1.06 'Proximanova-bold',sans-serif!important;letter-spacing:-.048em;margin:0!important;padding:0!important}
.ng4seo h2 em{color:#b5e66a;font-style:normal}
.ng4seo__topics{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 0}
.ng4seo__topics span{padding:7px 10px;border-radius:5px;border:1px solid #62676b;color:#eceef0;font:800 10px/1.2 'Proximanova-bold',sans-serif}
.ng4seo__offer{padding-left:30px;border-left:2px solid #62676b}
.ng4seo__offer p{font:17px/1.66 'Proximanova-regular',sans-serif!important;color:#eceef0!important;margin:0 0 25px!important}
.ng4seo__offer p strong{color:#fff}
.ng4seo__button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:53px;width:max-content;max-width:100%;padding:12px 18px;border-radius:6px;border:1px solid #84c041;background:#84c041;color:#000!important;text-decoration:none!important;font:800 14px/1.3 'Proximanova-bold',sans-serif}
.ng4seo__button:hover{background:#b5e66a;border-color:#b5e66a;color:#000!important}
.ng4seo__button:focus-visible{outline:3px solid #b5e66a;outline-offset:3px}
.ng4seo__offer small{display:block;max-width:440px;margin-top:16px;color:#bcc1c5;font:11px/1.6 'Proximanova-regular',sans-serif}
@media(max-width:790px){
 .ng4seo{padding:54px 0}
 .ng4seo__shell{width:calc(100% - 36px);grid-template-columns:1fr;gap:28px}
 .ng4seo__offer{padding:0;border:0}
 .ng4seo h2{font-size:clamp(33px,7.5vw,46px)!important}
 .ng4seo__offer p{font-size:16px!important}
}