.seo-sem-social-page{--op-navy:#0A3161;--op-red:#B31942;--op-blue:#79B8EF;--op-ink:#142A3C;--op-muted:#667782;--op-line:#DCE5EA;--op-soft:#F5F8FA;--op-dark:#15344D;}
.seo-sem-social-page h1.inner-page-title{font-size:clamp(2.7rem,4.35vw,4.15rem)!important;line-height:1.01;letter-spacing:-.043em;}
.seo-sem-social-page .section-title{max-width:900px;}
.seo-sem-social-page .section-pad{padding-top:clamp(3.4rem,4.8vw,4.8rem)!important;padding-bottom:clamp(3.4rem,4.8vw,4.8rem)!important;}
.seo-sem-social-page .section-pad-sm{padding-top:clamp(2.7rem,3.7vw,3.5rem)!important;padding-bottom:clamp(2.7rem,3.7vw,3.5rem)!important;}
.sss-breadcrumb a,.sss-breadcrumb li{color:rgba(255,255,255,.75);}
.sss-hero .eyebrow{color:#9CCDF2!important;}
.sss-hero .inner-page-title{color:#fff!important;max-width:880px;}
.sss-hero .inner-page-lead{color:#D0DCE4!important;max-width:720px;line-height:1.7;}
.sss-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;margin-top:1.25rem;}
.sss-hero-secondary{display:inline-flex;gap:.4rem;align-items:center;color:#E0EFFA;text-decoration:none;font-size:.68rem;font-weight:800;}

/* PAGE NAV */
.sss-page-nav{border-top:1px solid #E2E8EC;border-bottom:1px solid #E2E8EC;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:10;}
.sss-page-nav .container-xl{display:flex;align-items:center;gap:1.25rem;min-height:58px;overflow-x:auto;scrollbar-width:none;}
.sss-page-nav a{flex:0 0 auto;color:#596B78;font-size:.65rem;font-weight:780;text-decoration:none;}
.sss-page-nav a:hover{color:var(--op-navy);}
.sss-page-nav .sss-page-nav-cta{margin-left:auto;padding:.5rem .78rem;color:#fff;border-radius:6px;background:var(--op-navy);}

/* SHARED */
.sss-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.64fr);gap:clamp(2.5rem,6vw,6rem);align-items:end;margin-bottom:1.7rem;}

/* STANDARD BOTTOM THREE */
.sss-service-nav{background:#F5F8FA;border-top:1px solid #E3EAEE;border-bottom:1px solid #E3EAEE;}
.sss-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;}
.sss-service-card{overflow:hidden;border:1px solid #DCE4E9;border-radius:13px;background:#fff;text-decoration:none;}
.sss-service-card img{width:100%;height:86px;object-fit:cover;}
.sss-service-card div{padding:.65rem .7rem;}
.sss-service-card small,.sss-service-card strong{display:block;}
.sss-service-card small{color:#7E8E98;font-size:.36rem;font-weight:850;letter-spacing:.1em;}
.sss-service-card strong{margin-top:.18rem;color:var(--op-ink);font-size:.62rem;line-height:1.35;}
.sss-service-card.is-current{border-color:var(--op-red);box-shadow:inset 0 -3px 0 var(--op-red);}
.sss-service-card.is-current small{color:var(--op-red);}
.sss-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.9rem;}
.sss-prev-next a{padding:.75rem .85rem;border:1px solid #DCE4E9;border-radius:11px;background:#fff;text-decoration:none;}
.sss-prev-next a:last-child{text-align:right;}
.sss-prev-next small,.sss-prev-next strong{display:block;}
.sss-prev-next small{color:var(--op-red);font-size:.36rem;font-weight:850;letter-spacing:.1em;}
.sss-prev-next strong{margin-top:.18rem;color:var(--op-ink);font-size:.66rem;}
.sss-model{background:#fff;}
.sss-model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;}
.sss-model-grid a{min-height:110px;padding:.9rem;border:1px solid #DCE4E9;border-radius:13px;background:#F8FAFB;text-decoration:none;}
.sss-model-grid span,.sss-model-grid strong{display:block;}
.sss-model-grid span{color:#7E8E98;font-size:.38rem;font-weight:850;letter-spacing:.1em;}
.sss-model-grid strong{margin-top:.6rem;color:var(--op-ink);font-size:.68rem;line-height:1.4;}
.sss-model-grid a.is-current{border-color:#17384F;background:linear-gradient(145deg,#1D3A53,#102C43);}
.sss-model-grid a.is-current span{color:#FF91AA;}
.sss-model-grid a.is-current strong{color:#fff;}

@media(max-width:1199.98px){.sss-service-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:991.98px){.sss-section-head{grid-template-columns:1fr;} .sss-model-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:767.98px){.sss-service-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575.98px){.sss-service-grid,.sss-model-grid,.sss-prev-next{grid-template-columns:1fr;} .sss-prev-next a:last-child{text-align:left;}}


/* HERO — PANORAMIC SEARCH / SOCIAL */
.sss-hero-panorama{position:relative;min-height:740px;color:#fff;overflow:hidden;background:#08243A;padding:0!important;}
.sss-hero-bg,.sss-hero-bg img,.sss-hero-overlay{position:absolute;inset:0;width:100%;height:100%;} .sss-hero-bg img{object-fit:cover;} .sss-hero-overlay{background:linear-gradient(180deg,rgba(5,24,39,.30) 0%,rgba(5,24,39,.72) 68%,rgba(5,24,39,.95) 100%),linear-gradient(90deg,rgba(5,24,39,.88),rgba(5,24,39,.22));}
.sss-hero-shell{position:relative;z-index:2;min-height:740px;display:flex;flex-direction:column;padding-top:1rem;padding-bottom:2rem;}
.sss-hero-copy{margin-top:auto;max-width:940px;padding-bottom:5rem;}
.sss-hero-channels{position:absolute;left:12px;right:12px;bottom:1.2rem;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;gap:.55rem;align-items:center;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(7,31,51,.82);} .sss-hero-channels span{color:#fff;font-size:.45rem;font-weight:850;letter-spacing:.08em;} .sss-hero-channels i{height:1px;background:linear-gradient(90deg,#B31942,#79B8EF);}

.sss-demand-grid,.sss-social-grid{display:grid;grid-template-columns:minmax(430px,.94fr) minmax(0,1.06fr);gap:clamp(3rem,6vw,6rem);align-items:center;} .sss-demand-media,.sss-social figure{position:relative;min-height:500px;overflow:hidden;border-radius:20px;margin:0;} .sss-demand-media img,.sss-social figure img{width:100%;height:100%;object-fit:cover;} .sss-demand-media>div,.sss-social figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.85rem;background:rgba(7,31,51,.86);border-left:3px solid var(--op-blue);} .sss-demand-media small,.sss-demand-media strong,.sss-social figcaption small,.sss-social figcaption strong{display:block;color:#fff;} .sss-demand-media small,.sss-social figcaption small{color:#9CCDF2;font-size:.39rem;font-weight:850;}
.sss-demand-list{display:grid;gap:.55rem;margin-top:1.2rem;} .sss-demand-list span{padding:.7rem .8rem;border-left:3px solid var(--op-red);background:#F7F9FB;color:var(--op-ink);font-size:.66rem;font-weight:750;}
.sss-seo{background:#F5F8FA;} .sss-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;} .sss-seo-grid article{min-height:180px;padding:1rem;border:1px solid #DCE4E9;border-radius:14px;background:#fff;} .sss-seo-grid span,.sss-seo-grid small,.sss-seo-grid strong{display:block;} .sss-seo-grid span{color:var(--op-red);font-size:.48rem;font-weight:850;} .sss-seo-grid small{margin-top:1.5rem;color:#7D8D97;font-size:.38rem;font-weight:850;} .sss-seo-grid strong{margin-top:.25rem;color:var(--op-ink);font-size:.67rem;line-height:1.45;}
.sss-paid{color:#fff;background:linear-gradient(145deg,#1D3A53,#102C43);} .sss-paid-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:5rem;align-items:center;} .sss-paid .eyebrow{color:#9CCDF2;} .sss-paid .section-title{color:#fff;} .sss-paid .section-lead{color:#C5D2DB;} .sss-paid-canvas{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;} .sss-paid-canvas article{min-height:145px;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04);} .sss-paid-canvas small,.sss-paid-canvas strong{display:block;} .sss-paid-canvas small{color:#FF91AA;font-size:.39rem;font-weight:850;} .sss-paid-canvas strong{margin-top:1.7rem;color:#fff;font-size:.66rem;}
.sss-social{background:#F5F8FA;} .sss-social-list{display:grid;gap:.55rem;margin-top:1.2rem;} .sss-social-list span{padding:.7rem;background:#fff;border-left:3px solid var(--op-red);font-size:.64rem;font-weight:750;color:var(--op-ink);}
.sss-measure-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem;align-items:center;} .sss-measure-track{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;} .sss-measure-track article{min-height:145px;padding:1rem;border:1px solid #DCE4E9;border-radius:14px;background:#F8FAFB;} .sss-measure-track small,.sss-measure-track strong{display:block;} .sss-measure-track small{color:var(--op-red);font-size:.39rem;font-weight:850;} .sss-measure-track strong{margin-top:1.7rem;color:var(--op-ink);font-size:.65rem;}
.sss-outcome-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;} .sss-outcome-grid span{min-height:115px;padding:1rem;border-top:3px solid var(--op-red);background:#F7F9FB;color:var(--op-ink);font-size:.67rem;font-weight:800;}
@media(max-width:991.98px){.sss-demand-grid,.sss-social-grid,.sss-paid-grid,.sss-measure-grid{grid-template-columns:1fr;} .sss-seo-grid{grid-template-columns:1fr 1fr;} .sss-measure-track,.sss-outcome-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:767.98px){.sss-hero-panorama,.sss-hero-shell{min-height:700px;} .sss-hero-copy{padding-bottom:8rem;} .sss-hero-channels{grid-template-columns:1fr;} .sss-hero-channels i{width:1px;height:10px;margin:auto;} .sss-seo-grid,.sss-paid-canvas,.sss-measure-track,.sss-outcome-grid{grid-template-columns:1fr;}}


/* ===== SEO / SEM / SOCIAL REFINEMENTS v2 ===== */
.sss-hero-shell{padding-top:.35rem;padding-bottom:2rem;min-height:740px;display:flex;flex-direction:column;justify-content:flex-start;}
.sss-hero-copy{margin-top:clamp(2rem,8vh,4.25rem);max-width:980px;padding-bottom:5rem;}
.sss-breadcrumb{margin-bottom:0;}

.sss-seo-intro,.sss-social-head,.sss-outcomes-top{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.65fr);gap:clamp(2rem,4vw,4rem);align-items:end;}
.sss-seo-summary,.sss-social-pulse{padding:1.25rem 1.3rem;border:1px solid var(--op-line);border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(14,42,62,.06);}
.sss-seo-summary strong,.sss-social-pulse strong{display:block;color:var(--op-ink);font-size:.95rem;line-height:1.5;}
.sss-seo-summary span{display:block;margin-top:.8rem;color:var(--op-muted);font-size:.76rem;line-height:1.7;}
.sss-seo-stage{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:clamp(1.4rem,3vw,2.3rem);align-items:stretch;margin-top:2rem;}
.sss-seo-feature{margin:0;position:relative;min-height:560px;border-radius:22px;overflow:hidden;} .sss-seo-feature img{width:100%;height:100%;object-fit:cover;} .sss-seo-feature figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem;border-left:3px solid var(--op-blue);background:rgba(7,31,51,.86);} .sss-seo-feature figcaption small,.sss-seo-feature figcaption strong{display:block;color:#fff;} .sss-seo-feature figcaption small{font-size:.42rem;font-weight:850;color:#9CCDF2;letter-spacing:.08em;} .sss-seo-feature figcaption strong{margin-top:.35rem;font-size:.82rem;line-height:1.5;}
.sss-seo-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;} .sss-seo-panels article{padding:1.25rem 1.2rem;border:1px solid var(--op-line);border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(14,42,62,.05);} .sss-seo-panels small{display:block;color:var(--op-red);font-size:.42rem;font-weight:850;letter-spacing:.08em;} .sss-seo-panels h3{margin:.5rem 0 .6rem;color:var(--op-ink);font-size:1.08rem;line-height:1.28;} .sss-seo-panels p{margin:0;color:var(--op-muted);font-size:.74rem;line-height:1.7;} .sss-seo-panels ul{margin:.9rem 0 0;padding-left:1rem;color:var(--op-ink);font-size:.69rem;line-height:1.7;} .sss-seo-bands{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem;margin-top:1rem;} .sss-seo-bands span{padding:.9rem 1rem;border-radius:14px;background:#F5F8FA;border:1px solid var(--op-line);font-size:.68rem;font-weight:800;color:var(--op-ink);text-align:center;}

.sss-paid{color:#fff;background:linear-gradient(145deg,#183A52,#0E2940);} .sss-paid .section-title,.sss-paid .section-lead,.sss-paid .eyebrow{color:inherit;} .sss-paid .section-lead{color:#C8D5DE;} .sss-paid-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.95fr);gap:clamp(2rem,4vw,4rem);align-items:end;} .sss-paid-media{margin:0;position:relative;min-height:300px;border-radius:22px;overflow:hidden;} .sss-paid-media img{width:100%;height:100%;object-fit:cover;} .sss-paid-media figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem;border-left:3px solid #79B8EF;background:rgba(5,24,39,.82);} .sss-paid-media figcaption small,.sss-paid-media figcaption strong{display:block;color:#fff;} .sss-paid-media figcaption small{color:#9CCDF2;font-size:.42rem;font-weight:850;} .sss-paid-media figcaption strong{margin-top:.35rem;font-size:.82rem;line-height:1.5;} .sss-paid-system{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:1.2rem;margin-top:1.8rem;align-items:start;} .sss-paid-rail{display:grid;gap:.9rem;} .sss-paid-rail article{display:grid;grid-template-columns:58px 1fr;gap:1rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04);} .sss-paid-rail span{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;background:rgba(121,184,239,.14);color:#fff;font-weight:850;} .sss-paid-rail h3{margin:0;color:#fff;font-size:1.02rem;} .sss-paid-rail p{margin:.45rem 0 0;color:#C8D5DE;font-size:.72rem;line-height:1.7;} .sss-paid-aside{display:grid;gap:.9rem;} .sss-paid-note{padding:1rem 1.1rem;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);} .sss-paid-note small{display:block;color:#FF91AA;font-size:.42rem;font-weight:850;letter-spacing:.08em;} .sss-paid-note strong{display:block;margin-top:.35rem;color:#fff;font-size:.88rem;line-height:1.45;} .sss-paid-note ul{margin:.75rem 0 0;padding-left:1rem;color:#DCE7EE;font-size:.69rem;line-height:1.75;}

.sss-social{background:#F5F8FA;} .sss-social-layout{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:clamp(1.4rem,3vw,2.3rem);margin-top:1.9rem;align-items:start;} .sss-social-collage{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:255px 255px;gap:1rem;} .sss-social-collage figure{position:relative;overflow:hidden;border-radius:20px;margin:0;min-height:255px;} .sss-social-collage figure.is-tall{grid-row:1 / span 2;} .sss-social-collage img{width:100%;height:100%;object-fit:cover;} .sss-social-collage figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.85rem;background:rgba(7,31,51,.84);border-left:3px solid var(--op-blue);} .sss-social-collage figcaption small,.sss-social-collage figcaption strong{display:block;color:#fff;} .sss-social-collage figcaption small{color:#9CCDF2;font-size:.4rem;font-weight:850;} .sss-social-collage figcaption strong{margin-top:.35rem;font-size:.78rem;line-height:1.5;} .sss-social-flow{display:grid;gap:.9rem;} .sss-social-flow article{padding:1.05rem 1.15rem;border:1px solid var(--op-line);border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(14,42,62,.05);} .sss-social-flow small{display:block;color:var(--op-red);font-size:.42rem;font-weight:850;letter-spacing:.08em;} .sss-social-flow h3{margin:.5rem 0 .5rem;color:var(--op-ink);font-size:1.02rem;line-height:1.34;} .sss-social-flow p{margin:0;color:var(--op-muted);font-size:.73rem;line-height:1.7;}

.sss-measure{background:#EFF4F7;} .sss-measure-top{display:grid;grid-template-columns:minmax(0,.88fr) minmax(380px,1.12fr);gap:clamp(2rem,4vw,4rem);align-items:end;} .sss-measure-callout{margin-top:1.05rem;padding:1rem 1.1rem;border-radius:16px;background:#15344D;color:#fff;max-width:540px;} .sss-measure-callout small,.sss-measure-callout strong{display:block;} .sss-measure-callout small{font-size:.42rem;color:#9CCDF2;font-weight:850;letter-spacing:.08em;} .sss-measure-callout strong{margin-top:.35rem;font-size:.82rem;line-height:1.55;} .sss-measure-hero{position:relative;min-height:380px;margin:0;border-radius:22px;overflow:hidden;} .sss-measure-hero img{width:100%;height:100%;object-fit:cover;} .sss-measure-hero figcaption{position:absolute;right:1rem;bottom:1rem;max-width:360px;padding:1rem;border-left:3px solid var(--op-red);background:rgba(7,31,51,.84);} .sss-measure-hero figcaption small,.sss-measure-hero figcaption strong{display:block;color:#fff;} .sss-measure-hero figcaption small{color:#9CCDF2;font-size:.42rem;font-weight:850;} .sss-measure-hero figcaption strong{margin-top:.35rem;font-size:.78rem;line-height:1.5;} .sss-measure-workbench{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(290px,.72fr);gap:1.15rem;margin-top:1.7rem;align-items:start;} .sss-measure-lenses{display:grid;grid-template-columns:1fr 1fr;gap:1rem;} .sss-measure-lenses article,.sss-measure-panel{padding:1.1rem 1.15rem;border:1px solid var(--op-line);border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(14,42,62,.05);} .sss-measure-lenses small,.sss-measure-panel small{display:block;color:var(--op-red);font-size:.42rem;font-weight:850;letter-spacing:.08em;} .sss-measure-lenses h3,.sss-measure-panel strong{margin:.45rem 0 .55rem;color:var(--op-ink);font-size:1rem;line-height:1.35;display:block;} .sss-measure-lenses p,.sss-measure-panel p{margin:0;color:var(--op-muted);font-size:.72rem;line-height:1.7;} .sss-measure-lenses ul{margin:.8rem 0 0;padding-left:1rem;color:var(--op-ink);font-size:.68rem;line-height:1.7;} .sss-measure-side{display:grid;gap:1rem;} .sss-measure-panel.is-light{background:#F8FBFD;} .sss-measure-qgrid{display:grid;gap:.65rem;margin-top:.8rem;} .sss-measure-qgrid span{display:block;padding:.7rem .8rem;border-radius:12px;background:#F5F8FA;border:1px solid var(--op-line);color:var(--op-ink);font-size:.68rem;font-weight:700;line-height:1.5;}

.sss-outcomes{background:#fff;} .sss-outcomes-top{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:clamp(2rem,4vw,4rem);align-items:end;} .sss-outcomes-media{position:relative;min-height:320px;margin:0;border-radius:22px;overflow:hidden;} .sss-outcomes-media img{width:100%;height:100%;object-fit:cover;} .sss-outcomes-media figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.95rem;border-left:3px solid var(--op-red);background:rgba(7,31,51,.84);} .sss-outcomes-media figcaption small,.sss-outcomes-media figcaption strong{display:block;color:#fff;} .sss-outcomes-media figcaption small{color:#9CCDF2;font-size:.42rem;font-weight:850;} .sss-outcomes-media figcaption strong{margin-top:.35rem;font-size:.8rem;line-height:1.5;} .sss-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.6rem;} .sss-outcome-grid article{padding:1.1rem 1.15rem;border:1px solid var(--op-line);border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(14,42,62,.05);} .sss-outcome-grid small{display:block;color:var(--op-red);font-size:.42rem;font-weight:850;letter-spacing:.08em;} .sss-outcome-grid h3{margin:.45rem 0 .45rem;color:var(--op-ink);font-size:1rem;line-height:1.35;} .sss-outcome-grid p{margin:0;color:var(--op-muted);font-size:.72rem;line-height:1.7;}

@media(max-width:1199.98px){.sss-seo-bands{grid-template-columns:repeat(3,1fr);} .sss-outcome-grid{grid-template-columns:repeat(2,1fr);} .sss-social-collage{grid-template-columns:1fr 1fr;} }
@media(max-width:991.98px){.sss-hero-copy{margin-top:2rem;padding-bottom:6rem;} .sss-seo-intro,.sss-seo-stage,.sss-paid-top,.sss-paid-system,.sss-social-head,.sss-social-layout,.sss-measure-top,.sss-measure-workbench,.sss-outcomes-top{grid-template-columns:1fr;} .sss-seo-panels,.sss-measure-lenses,.sss-outcome-grid{grid-template-columns:1fr 1fr;} .sss-social-collage{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;} .sss-social-collage figure.is-tall{grid-row:auto;} }
@media(max-width:767.98px){.sss-hero-panorama,.sss-hero-shell{min-height:660px;} .sss-seo-panels,.sss-measure-lenses,.sss-outcome-grid,.sss-seo-bands{grid-template-columns:1fr;} .sss-social-collage{grid-template-columns:1fr;grid-template-rows:auto;} .sss-paid-rail article{grid-template-columns:46px 1fr;} .sss-paid-rail span{width:46px;height:46px;} }


/* ============================================================
   SEO / SEM / SOCIAL — HERO VISIBILITY FIX V3
   Fixes stacking so the overlay never sits over the text.
   Existing hero layout/copy remains unchanged.
   ============================================================ */

.sss-hero-panorama {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#071D30!important;
}

/* Entire image system is one stacking layer behind content. */
.sss-hero-bg {
  position:absolute;
  inset:0;
  z-index:0!important;
  width:100%;
  height:100%;
  overflow:hidden;
  pointer-events:none;
}

.sss-hero-slide,
.sss-hero-bg .sss-hero-overlay {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.sss-hero-slide {
  z-index:0;
  opacity:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.035);
  animation:sssHeroImageCycleV3 24s infinite;
}

/* Analytics / performance */
.sss-hero-slide-one {
  background-image:url("/assets/images/services/operate/seo-sem-social/hero-slide-01.jpg");
  animation-delay:0s;
}

/* Search / measurement dashboard */
.sss-hero-slide-two {
  background-image:url("/assets/images/services/operate/seo-sem-social/hero-slide-02.jpg");
  animation-delay:6s;
}

/* Content / social collaboration */
.sss-hero-slide-three {
  background-image:url("/assets/images/services/operate/seo-sem-social/hero-slide-03.jpg");
  animation-delay:12s;
}

/* Publishing / digital team */
.sss-hero-slide-four {
  background-image:url("/assets/images/services/operate/seo-sem-social/hero-slide-04.jpg");
  animation-delay:18s;
}

/* Overlay remains inside the background layer only. */
.sss-hero-bg .sss-hero-overlay {
  z-index:2!important;
  background:
    linear-gradient(90deg,
      rgba(4,20,34,.92) 0%,
      rgba(4,20,34,.84) 35%,
      rgba(4,20,34,.57) 64%,
      rgba(4,20,34,.35) 100%),
    linear-gradient(180deg,
      rgba(4,20,34,.12) 0%,
      rgba(4,20,34,.52) 100%)!important;
}

/* Force all existing hero content above the entire image/overlay system. */
.sss-hero-shell {
  position:relative!important;
  z-index:10!important;
}

.sss-breadcrumb,
.sss-hero-copy,
.sss-hero-channels {
  position:relative;
  z-index:12!important;
}

/* Explicit contrast protection. */
.sss-hero .inner-page-title {
  color:#FFFFFF!important;
  opacity:1!important;
  text-shadow:0 4px 26px rgba(0,0,0,.32)!important;
}

.sss-hero .inner-page-lead {
  color:#E6EEF4!important;
  opacity:1!important;
  text-shadow:0 2px 16px rgba(0,0,0,.24)!important;
}

.sss-hero .eyebrow {
  color:#B7DCF7!important;
  opacity:1!important;
}

.sss-breadcrumb a,
.sss-breadcrumb li {
  color:rgba(255,255,255,.86)!important;
  opacity:1!important;
}

.sss-hero-actions,
.sss-hero-actions a,
.sss-hero-secondary {
  position:relative;
  z-index:13!important;
  opacity:1!important;
}

.sss-hero-secondary {
  color:#F3F8FC!important;
}

.sss-hero-channels {
  background:rgba(5,26,43,.92)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.20);
}

.sss-hero-channels span {
  color:#FFFFFF!important;
  opacity:1!important;
}

@keyframes sssHeroImageCycleV3 {
  0%   { opacity:0; transform:scale(1.04); }
  4%   { opacity:1; }
  21%  { opacity:1; transform:scale(1); }
  25%  { opacity:0; }
  100% { opacity:0; }
}

@media(max-width:767.98px) {
  .sss-hero-slide {
    background-position:center center;
  }

  .sss-hero-bg .sss-hero-overlay {
    background:
      linear-gradient(180deg,
        rgba(4,20,34,.90) 0%,
        rgba(4,20,34,.82) 55%,
        rgba(4,20,34,.74) 100%)!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  .sss-hero-slide {
    animation:none!important;
  }

  .sss-hero-slide-one {
    opacity:1;
    transform:none;
  }
}


/* ============================================================
   SEO / SEM / SOCIAL — MOBILE HERO CORRECTION V4
   2026-10-07
   ============================================================ */

@media (max-width:767.98px) {

  .sss-hero-panorama,
  .sss-hero-shell {
    min-height:auto!important;
  }

  .sss-hero-shell {
    display:block!important;
    padding-top:.35rem!important;
    padding-bottom:1.25rem!important;
  }

  .sss-breadcrumb {
    margin:0!important;
    padding:.35rem 0 .25rem!important;
  }

  .sss-hero-copy {
    margin-top:1.25rem!important;
    max-width:none!important;
    padding-bottom:0!important;
  }

  .seo-sem-social-page .sss-hero .inner-page-title {
    max-width:100%!important;
    margin-bottom:.9rem!important;
    font-size:clamp(2rem,8.4vw,2.65rem)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
  }

  .sss-hero .inner-page-lead {
    max-width:100%!important;
    font-size:.98rem!important;
    line-height:1.62!important;
  }

  .sss-hero .eyebrow {
    margin-bottom:.7rem!important;
    font-size:.64rem!important;
    line-height:1.3!important;
  }

  .sss-hero-actions {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.72rem!important;
    margin-top:1.15rem!important;
  }

  .sss-hero-actions .btn-itx-primary {
    width:100%!important;
    min-height:54px!important;
    padding:.85rem 1rem!important;
    font-size:.86rem!important;
    line-height:1.3!important;
    text-align:center!important;
    justify-content:center!important;
  }

  .sss-hero-secondary {
    width:max-content!important;
    max-width:100%!important;
    padding:.2rem 0!important;
    font-size:.72rem!important;
    line-height:1.4!important;
  }

  /* The old one-column connector rail was creating a huge vertical block.
     On mobile it becomes a compact capability strip instead. */
  .sss-hero-channels {
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:.45rem!important;
    margin-top:1.35rem!important;
    padding:.72rem!important;
    border-radius:12px!important;
  }

  .sss-hero-channels i {
    display:none!important;
  }

  .sss-hero-channels span {
    flex:1 1 calc(33.333% - .45rem);
    min-width:92px;
    padding:.48rem .55rem;
    border:1px solid rgba(255,255,255,.11);
    border-radius:999px;
    background:rgba(255,255,255,.045);
    font-size:.49rem!important;
    line-height:1.2!important;
    text-align:center;
  }

  .sss-hero-slide-one,
  .sss-hero-slide-two,
  .sss-hero-slide-three,
  .sss-hero-slide-four {
    background-position:center center!important;
  }

  .sss-hero-bg .sss-hero-overlay {
    background:
      linear-gradient(180deg,
        rgba(4,20,34,.91) 0%,
        rgba(4,20,34,.82) 48%,
        rgba(4,20,34,.76) 100%)!important;
  }
}

@media (max-width:575.98px) {

  .seo-sem-social-page .sss-hero .inner-page-title {
    font-size:clamp(1.9rem,9.2vw,2.35rem)!important;
    line-height:1.045!important;
  }

  .sss-hero .inner-page-lead {
    font-size:.94rem!important;
  }

  .sss-hero-actions .btn-itx-primary {
    min-height:52px!important;
    font-size:.82rem!important;
  }

  .sss-hero-channels span {
    flex:1 1 calc(50% - .45rem);
    min-width:0;
    font-size:.48rem!important;
  }
}