/* ===========================================================================
   COMPANY VISIBILITY & AUTHORITY - page styles (gritblueprint standalone theme)
   Slug: company-visibility-authority  |  Body class: gb-company-visibility-authority-tpl
   Source: Company Visibility & Authority.dc.html (Design Component export).
   The page <style> block + the 7 embedded proof-graphic stylesheets are scoped
   under body.gb-company-visibility-authority-tpl .gb-app so nothing leaks to site
   chrome or other pages. Brand tokens + @font-face + base .gb-app font come from
   assets/colors_and_type.css (enqueued in inc.php). Site nav/footer/progress-bar
   chrome from the export is dropped (Elementor provides chrome). All section
   icons + proof graphics are inline SVG (no Lucide). No pure black.
   =========================================================================== */

/* ---------- header offset (transparent sticky Elementor header) ---------- */
body.gb-company-visibility-authority-tpl{--gb-header-h:130px;}
@media(max-width:920px){body.gb-company-visibility-authority-tpl{--gb-header-h:120px;}}
@media(max-width:760px){body.gb-company-visibility-authority-tpl{--gb-header-h:100px;}}
body.gb-company-visibility-authority-tpl #content,body.gb-company-visibility-authority-tpl .site-content{padding-top:0!important;margin-top:0!important;}
body.gb-company-visibility-authority-tpl .gb-app{margin-top:calc(-1 * var(--gb-header-h))!important;overflow-x:clip;}
/* hero: on desktop the overlay copy is absolutely centered (clears the header on
   its own); on tablet/mobile the .heroInner becomes relative, so pad it down under
   the transparent header. The dark wall background still fills behind it. */
@media(max-width:860px){body.gb-company-visibility-authority-tpl .gb-app section#top .heroInner{padding-top:calc(var(--gb-header-h) + 28px)!important;}}
/* in-page anchor targets (#proof, #book) clear the sticky header */
body.gb-company-visibility-authority-tpl .gb-app section{scroll-margin-top:calc(var(--gb-header-h) + 16px);}
html:has(body.gb-company-visibility-authority-tpl){scroll-behavior:smooth;}

/* ===========================================================================
   PAGE <style> BLOCK (scoped; nav/drawer/progress chrome removed)
   =========================================================================== */
body.gb-company-visibility-authority-tpl .gb-app{--navy:#18355E; --deep:#0E1E36; --pink:#FF1894; --pink2:#D40D78; --blue:#0092D6; --plaster:#F9F7F2; --line:#DCDBD4; --concrete:#94989B; --navy7:#123363;}
body.gb-company-visibility-authority-tpl .gb-app{margin:0; background:#fff;}
body.gb-company-visibility-authority-tpl .gb-app *{box-sizing:border-box;}
body.gb-company-visibility-authority-tpl .gb-app{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:var(--navy);}
body.gb-company-visibility-authority-tpl .gb-app img{max-width:100%;}
body.gb-company-visibility-authority-tpl .gb-app .disp{font-family:"Zuume","Oswald","Arial Narrow",sans-serif; font-weight:700; text-transform:uppercase; line-height:.95; letter-spacing:.005em;}
body.gb-company-visibility-authority-tpl .gb-app .eyb{font-weight:700; text-transform:uppercase; letter-spacing:.22em; color:var(--pink); font-size:12.5px;}
body.gb-company-visibility-authority-tpl .gb-app .wrap{max-width:1240px; margin:0 auto; padding:0 48px;}
body.gb-company-visibility-authority-tpl .gb-app a{color:inherit; text-decoration:none;}
@keyframes mqUp{ from{ transform:translateY(0) } to{ transform:translateY(-50%) } }
@keyframes mqDn{ from{ transform:translateY(-50%) } to{ transform:translateY(0) } }
@keyframes mqL{ from{ transform:translateX(0) } to{ transform:translateX(-50%) } }
@keyframes mqR{ from{ transform:translateX(-50%) } to{ transform:translateX(0) } }
@keyframes copyIn{ 0%{ opacity:0; transform:translateY(16px) } 100%{ opacity:1; transform:translateY(0) } }
body.gb-company-visibility-authority-tpl .gb-app .mqColWrap{overflow:hidden; height:100%;}
body.gb-company-visibility-authority-tpl .gb-app .mqCol{display:flex; flex-direction:column; gap:16px;}
body.gb-company-visibility-authority-tpl .gb-app .mqCol img{width:100%; height:auto; border-radius:10px; display:block; box-shadow:0 16px 44px -18px rgba(14,30,54,.7);}
body.gb-company-visibility-authority-tpl .gb-app .btnpink{display:inline-flex; align-items:center; gap:10px; background:var(--pink); color:#fff; font-weight:700; font-size:15px; letter-spacing:.04em; text-transform:uppercase; padding:16px 30px; border-radius:999px; box-shadow:0 14px 40px -12px rgba(255,24,148,.8); cursor:pointer; border:none; transition:transform .2s cubic-bezier(.22,1,.36,1), box-shadow .2s, background .2s;}
body.gb-company-visibility-authority-tpl .gb-app .btnpink:hover{transform:translateY(-2px); box-shadow:0 18px 50px -10px rgba(255,24,148,.95);}
body.gb-company-visibility-authority-tpl .gb-app .btnpink:active{background:var(--pink2); transform:translateY(0);}
body.gb-company-visibility-authority-tpl .gb-app .btnpink:focus-visible, body.gb-company-visibility-authority-tpl .gb-app .btnwhite:focus-visible, body.gb-company-visibility-authority-tpl .gb-app .faqq:focus-visible{outline:3px solid var(--blue); outline-offset:3px;}
body.gb-company-visibility-authority-tpl .gb-app .btnwhite{display:inline-flex; align-items:center; gap:10px; background:#fff; color:var(--navy); font-weight:700; font-size:15px; letter-spacing:.04em; text-transform:uppercase; padding:16px 30px; border-radius:999px; cursor:pointer; border:none; transition:transform .2s, box-shadow .2s;}
body.gb-company-visibility-authority-tpl .gb-app .btnwhite:hover{transform:translateY(-2px); box-shadow:0 16px 40px -12px rgba(14,30,54,.5);}
body.gb-company-visibility-authority-tpl .gb-app .linku{cursor:pointer; font-weight:600; font-size:15px; border-bottom:2px solid currentColor; padding-bottom:3px; transition:opacity .2s;}
body.gb-company-visibility-authority-tpl .gb-app .linku:hover{opacity:.66;}
body.gb-company-visibility-authority-tpl .reveal{opacity:0; transform:translateY(30px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); animation:revealSafety .01s linear 2.6s forwards;}
body.gb-company-visibility-authority-tpl .reveal.in{opacity:1; transform:none; animation:none;}
@keyframes revealSafety{ to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){
  body.gb-company-visibility-authority-tpl .gb-app .mqCol, body.gb-company-visibility-authority-tpl .gb-app .mq{animation:none !important}
  body.gb-company-visibility-authority-tpl .reveal{opacity:1 !important; transform:none !important; transition:none; animation:none !important;}
}
body.gb-company-visibility-authority-tpl .gb-app .faqq{width:100%; text-align:left; background:none; border:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 0; font-family:inherit;}
body.gb-company-visibility-authority-tpl .gb-app .faqa{overflow:hidden; max-height:0; transition:max-height .35s ease;}
body.gb-company-visibility-authority-tpl .gb-app .faqitem.open .faqa{max-height:480px;}
body.gb-company-visibility-authority-tpl .gb-app .faqitem.open .faqsign{transform:rotate(45deg);}
body.gb-company-visibility-authority-tpl .gb-app .faqsign{transition:transform .3s; color:var(--pink); font-size:26px; line-height:1; flex:0 0 auto;}
@media (max-width:860px){
  body.gb-company-visibility-authority-tpl .gb-app .wrap{padding:0 22px;}
  body.gb-company-visibility-authority-tpl .gb-app .gridcols{grid-template-columns:1fr !important;}
  body.gb-company-visibility-authority-tpl .gb-app .heroWall{height:auto !important; min-height:520px;}
  body.gb-company-visibility-authority-tpl .gb-app .heroInner{position:relative !important; padding:96px 22px 60px !important;}
  body.gb-company-visibility-authority-tpl .gb-app .disp.h1{font-size:48px !important;}
  body.gb-company-visibility-authority-tpl .gb-app .twocol{grid-template-columns:1fr !important;}
}
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app{overflow-x:hidden;}
  body.gb-company-visibility-authority-tpl .gb-app section:not(.heroWall){padding-top:54px !important; padding-bottom:54px !important;}
  body.gb-company-visibility-authority-tpl .gb-app .disp.h1{font-size:clamp(40px, 12vw, 56px) !important;}
  body.gb-company-visibility-authority-tpl .gb-app .reveal{opacity:1 !important; transform:none !important;}
  body.gb-company-visibility-authority-tpl .gb-app .btnpink, body.gb-company-visibility-authority-tpl .gb-app .btnwhite{min-height:48px;}
  body.gb-company-visibility-authority-tpl .gb-app .mcar{display:flex !important; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px !important; margin:0 !important; padding:2px 0 20px !important; align-items:stretch !important; scrollbar-color:#FF1894 transparent; scrollbar-width:thin;}
  body.gb-company-visibility-authority-tpl .gb-app .mcar > *{flex:0 0 84% !important; scroll-snap-align:start;}
  body.gb-company-visibility-authority-tpl .gb-app .mcar::-webkit-scrollbar{height:5px;}
  body.gb-company-visibility-authority-tpl .gb-app .mcar::-webkit-scrollbar-thumb{background:#FF1894; border-radius:999px;}
  body.gb-company-visibility-authority-tpl .gb-app .mcar::-webkit-scrollbar-track{background:transparent;}
  body.gb-company-visibility-authority-tpl .gb-app .aistrip{margin:0 !important; padding:2px 22px 20px !important; scrollbar-color:#FF1894 transparent; scrollbar-width:thin;}
  body.gb-company-visibility-authority-tpl .gb-app .aistrip > div{flex:0 0 86% !important; width:86% !important;}
  body.gb-company-visibility-authority-tpl .gb-app .aistrip::-webkit-scrollbar{height:5px;}
  body.gb-company-visibility-authority-tpl .gb-app .aistrip::-webkit-scrollbar-thumb{background:#FF1894; border-radius:999px;}
  body.gb-company-visibility-authority-tpl .gb-app .aistrip::-webkit-scrollbar-track{background:transparent;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-test{padding:28px 22px !important;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-test > div[style*="display:flex"]{flex-direction:column !important; align-items:flex-start !important; gap:14px !important;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-test p{min-width:0 !important;}
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip{margin:0 !important; padding:6px 22px 22px !important;}
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip > div{flex:0 0 88% !important; width:88% !important; margin:0 !important; scroll-snap-align:start !important;}
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip::-webkit-scrollbar{height:5px;}
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip::-webkit-scrollbar-thumb{background:#FF1894; border-radius:999px;}
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip::-webkit-scrollbar-track{background:transparent;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-half{padding:6px 20px !important;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-tab{display:flex !important; align-items:center; gap:11px; flex-wrap:wrap; max-width:100%; box-sizing:border-box; background:transparent !important; border:none !important; border-radius:0 !important; padding:10px 0 14px !important; margin-bottom:4px !important; min-height:0 !important; white-space:normal !important; border-bottom:1px solid var(--line) !important;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-tab .l{white-space:normal !important; font-size:24px !important;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-tab .d{white-space:normal !important; flex:1 1 100%; margin:0 !important; font-size:13px; color:#42506a;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-cap h3{cursor:pointer; position:relative; padding-right:30px;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-cap h3::after{content:'+'; position:absolute; right:0; top:0; color:var(--pink); font-size:22px; line-height:1.2; font-family:'Helvetica Neue',Arial,sans-serif;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-cap.open h3::after{content:'\2212';}
  body.gb-company-visibility-authority-tpl .gb-app .wb-cap p{display:none !important;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-cap.open p{display:block !important;}
  body.gb-company-visibility-authority-tpl .gb-app .howstep{grid-template-columns:1fr !important; gap:4px !important;}
  body.gb-company-visibility-authority-tpl .gb-app .howstep > div:first-child{font-size:58px !important; line-height:1 !important;}
  body.gb-company-visibility-authority-tpl .gb-app .rellist a{border-bottom:none !important; padding:20px 0 6px !important;}
  body.gb-company-visibility-authority-tpl .gb-app .rellist p{margin-top:0 !important;}
  body.gb-company-visibility-authority-tpl .gb-app .wifrow{display:block !important; padding:0 !important;}
  body.gb-company-visibility-authority-tpl .gb-app .wifrow h3{cursor:pointer; padding:18px 36px 18px 0; margin:0; position:relative;}
  body.gb-company-visibility-authority-tpl .gb-app .wifrow h3::after{content:'+'; position:absolute; right:2px; top:14px; font-size:26px; line-height:1; color:var(--pink); font-family:'Helvetica Neue',Arial,sans-serif;}
  body.gb-company-visibility-authority-tpl .gb-app .wifrow.open h3::after{content:'\2212';}
  body.gb-company-visibility-authority-tpl .gb-app .wifrow p{display:none; max-width:none !important; padding-bottom:20px;}
  body.gb-company-visibility-authority-tpl .gb-app .wifrow.open p{display:block;}
}
body.gb-company-visibility-authority-tpl .gb-app .wb-half{background:var(--plaster); border:1px solid var(--line); border-radius:18px; padding:30px 30px 12px;}
body.gb-company-visibility-authority-tpl .gb-app .wb-cap{display:flex; gap:16px; padding:20px 4px; border-top:1px solid var(--line);}
body.gb-company-visibility-authority-tpl .gb-app .wb-half .wb-cap:first-of-type{border-top:none;}
body.gb-company-visibility-authority-tpl .gb-app .wb-ic{flex:0 0 auto; width:46px; height:46px; border-radius:12px; background:#fff; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--pink); transition:transform .2s cubic-bezier(.22,1,.36,1), border-color .2s;}
body.gb-company-visibility-authority-tpl .gb-app .wb-ic svg{width:22px; height:22px;}
body.gb-company-visibility-authority-tpl .gb-app .wb-cap:hover .wb-ic{transform:translateY(-2px); border-color:var(--pink);}
body.gb-company-visibility-authority-tpl .gb-app .wb-cap h3{margin:2px 0 5px; font-size:18px; color:var(--navy);}
body.gb-company-visibility-authority-tpl .gb-app .wb-cap p{margin:0; font-size:15.5px; line-height:1.58; color:#42506a;}
body.gb-company-visibility-authority-tpl .gb-app .wb-tab{display:inline-flex; align-items:center; gap:10px; padding:7px 18px 7px 8px; border-radius:999px; background:#fff; border:1px solid var(--line); margin-bottom:18px; min-height:46px; white-space:nowrap;}
body.gb-company-visibility-authority-tpl .gb-app .wb-tab .n{width:30px; height:30px; border-radius:50%; background:var(--pink); color:#fff; font-family:"Zuume",sans-serif; font-weight:700; display:flex; align-items:center; justify-content:center; font-size:15px;}
body.gb-company-visibility-authority-tpl .gb-app .wb-tab .l{font-family:"Zuume",sans-serif; text-transform:uppercase; font-size:22px; color:var(--navy); letter-spacing:.01em;}
body.gb-company-visibility-authority-tpl .gb-app .wb-tab .d{font-size:12.5px; color:var(--navy); margin-left:2px; white-space:nowrap;}

/* ===========================================================================
   EMBEDDED PROOF GRAPHICS (scoped; unique class prefixes, no collisions)
   =========================================================================== */
/* --- graphic: openai --- */
body.gb-company-visibility-authority-tpl .gb-app .aiog{font-family:"Söhne","Helvetica Neue",Helvetica,Arial,sans-serif; width:700px; max-width:100%; background:#fff; border:1px solid #e5e5e5; border-radius:18px; overflow:hidden; box-shadow:0 26px 64px -34px rgba(14,30,54,.5); color:#0d0d0d;}
body.gb-company-visibility-authority-tpl .gb-app .aiog *{box-sizing:border-box;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .bar{display:flex; align-items:center; gap:9px; padding:14px 20px; border-bottom:1px solid #f0f0f0;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .bar .om{width:22px; height:22px; color:#0d0d0d;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .nm{font-weight:600; font-size:16px; color:#0d0d0d;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .chev{color:#8e8ea0; font-size:12px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .body{padding:20px 24px 24px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .q{background:#f4f4f4; border-radius:18px; padding:12px 18px; font-size:15px; color:#0d0d0d; max-width:78%; margin-left:auto; line-height:1.45;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .arow{display:flex; gap:12px; margin-top:22px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .av{flex:0 0 auto; width:28px; height:28px; border-radius:50%; background:#0d0d0d; display:flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .av svg{width:18px; height:18px; color:#fff;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .a{font-size:15px; line-height:1.7; color:#0d0d0d;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .a b{font-weight:600;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .rec{display:block; margin:14px 0; padding:14px 16px; background:#f7f7f8; border:1px solid #ececec; border-left:3px solid #0d0d0d; border-radius:8px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .rec .t{font-weight:600; color:#0d0d0d; font-size:15px; display:flex; align-items:center; gap:8px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .rec .s{font-size:13.5px; color:#5d5d5d; margin-top:4px; line-height:1.55;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .chk{width:18px; height:18px; border-radius:50%; background:#0d0d0d; color:#fff; font-size:11px; display:inline-flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .src{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .srcc{font-size:12.5px; color:#0d0d0d; background:#f4f4f4; border-radius:8px; padding:6px 11px; display:flex; align-items:center; gap:7px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .fav{width:16px; height:16px; border-radius:4px; background:#0d0d0d; color:#fff; font-size:8px; font-weight:700; display:flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .foot{display:flex; align-items:center; gap:14px; margin-top:18px; padding-top:14px; border-top:1px solid #f0f0f0; color:#8e8ea0;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .foot svg{width:17px; height:17px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .ask{margin:18px 24px 22px; border:1px solid #e5e5e5; border-radius:26px; padding:13px 18px; display:flex; align-items:center; color:#8e8ea0; font-size:14px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .ask .snd{margin-left:auto; width:28px; height:28px; border-radius:50%; background:#0d0d0d; color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog{display:flex; flex-direction:column; width:100%; min-height:760px;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .body{flex:1 0 auto;}
body.gb-company-visibility-authority-tpl .gb-app .aiog .ask{margin-top:auto;}
/* --- graphic: gemini --- */
body.gb-company-visibility-authority-tpl .gb-app .aigm{font-family:"Google Sans","Product Sans",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; width:700px; max-width:100%; background:#fff; border:1px solid #e6e6e6; border-radius:18px; overflow:hidden; box-shadow:0 26px 64px -34px rgba(14,30,54,.5); color:#1f1f1f;}
body.gb-company-visibility-authority-tpl .gb-app .aigm *{box-sizing:border-box;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .bar{display:flex; align-items:center; gap:10px; padding:15px 22px; border-bottom:1px solid #f0f0f0;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .bar svg{width:24px; height:24px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .nm{font-size:21px; font-weight:500; background:linear-gradient(90deg,#4285F4,#9b72cb 45%,#d96570); -webkit-background-clip:text; background-clip:text; color:transparent;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .body{padding:22px 26px 8px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .q{background:#f0f4f9; border-radius:20px; padding:13px 18px; font-size:15px; color:#1f1f1f; max-width:80%; margin-left:auto; line-height:1.45;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .arow{display:flex; gap:13px; margin-top:22px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .av{flex:0 0 auto; width:26px; height:26px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .a{font-size:15px; line-height:1.72; color:#3c4043;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .a b{color:#1f1f1f; font-weight:500;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .rec{display:block; margin:15px 0; padding:15px 17px; background:linear-gradient(120deg, rgba(66,133,244,.08), rgba(155,114,203,.08) 55%, rgba(217,101,112,.08)); border:1px solid rgba(155,114,203,.3); border-radius:14px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .rec .t{font-weight:600; color:#1f1f1f; font-size:15px; display:flex; align-items:center; gap:8px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .rec .s{font-size:13.5px; color:#5f6368; margin-top:4px; line-height:1.55;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .chk{width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,#4285F4,#d96570); color:#fff; font-size:12px; display:inline-flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .src{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .srcc{font-size:12.5px; color:#1a73e8; background:#f0f4f9; border-radius:999px; padding:6px 13px; display:flex; align-items:center; gap:7px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .fav{width:16px; height:16px; border-radius:4px; background:#1a73e8; color:#fff; font-size:8px; font-weight:700; display:flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .ask{margin:16px 26px 22px; background:#f0f4f9; border-radius:26px; padding:14px 20px; display:flex; align-items:center; color:#5f6368; font-size:14px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .ask .mic{margin-left:auto; color:#4285F4; font-size:16px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm{display:flex; flex-direction:column; width:100%; min-height:760px;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .body{flex:1 0 auto;}
body.gb-company-visibility-authority-tpl .gb-app .aigm .ask{margin-top:auto;}
/* --- graphic: copilot --- */
body.gb-company-visibility-authority-tpl .gb-app .aicp{font-family:"Segoe UI",-apple-system,Helvetica,Arial,sans-serif; width:700px; max-width:100%; background:#fff; border:1px solid #e6e6e6; border-radius:18px; overflow:hidden; box-shadow:0 26px 64px -34px rgba(14,30,54,.5); color:#242424;}
body.gb-company-visibility-authority-tpl .gb-app .aicp *{box-sizing:border-box;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .bar{display:flex; align-items:center; gap:9px; padding:15px 22px; border-bottom:1px solid #f0f0f0;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .bar svg{width:24px; height:24px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .nm{font-weight:600; font-size:18px; color:#242424;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .body{padding:22px 24px 8px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .q{background:#eef1f6; border-radius:18px; padding:13px 18px; font-size:15px; color:#242424; max-width:80%; margin-left:auto; line-height:1.45;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .arow{display:flex; gap:12px; margin-top:22px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .av{flex:0 0 auto; width:26px; height:26px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .a{font-size:15px; line-height:1.7; color:#3a3a3a;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .a b{color:#242424; font-weight:600;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .rec{display:block; margin:15px 0; padding:15px 17px; background:linear-gradient(120deg, rgba(46,197,206,.08), rgba(42,125,240,.08) 60%, rgba(138,99,210,.08)); border:1px solid rgba(42,125,240,.28); border-left:3px solid #2a7df0; border-radius:12px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .rec .t{font-weight:600; color:#1b63c4; font-size:15px; display:flex; align-items:center; gap:8px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .rec .s{font-size:13.5px; color:#5a6478; margin-top:4px; line-height:1.55;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .chk{width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,#2ec5ce,#2a7df0); color:#fff; font-size:12px; display:inline-flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .src{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .srcc{font-size:12.5px; color:#1b63c4; background:#eef4fd; border-radius:999px; padding:6px 13px; display:flex; align-items:center; gap:7px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .fav{width:16px; height:16px; border-radius:4px; background:#2a7df0; color:#fff; font-size:8px; font-weight:700; display:flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .ask{margin:16px 24px 22px; background:#f3f6fb; border:1px solid #e6e9ef; border-radius:26px; padding:14px 20px; display:flex; align-items:center; color:#6b7280; font-size:14px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .ask .snd{margin-left:auto; width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,#2ec5ce,#2a7df0,#8a63d2); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp{display:flex; flex-direction:column; width:100%; min-height:760px;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .body{flex:1 0 auto;}
body.gb-company-visibility-authority-tpl .gb-app .aicp .ask{margin-top:auto;}
/* --- graphic: claude --- */
body.gb-company-visibility-authority-tpl .gb-app .aicl{font-family:"Styrene B",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; width:700px; max-width:100%; background:#faf9f5; border:1px solid #ece8e0; border-radius:18px; overflow:hidden; box-shadow:0 26px 64px -34px rgba(14,30,54,.5); color:#3d3d3a;}
body.gb-company-visibility-authority-tpl .gb-app .aicl *{box-sizing:border-box;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .bar{display:flex; align-items:center; gap:9px; padding:15px 22px; border-bottom:1px solid #ece8e0;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .bar svg{width:22px; height:22px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .nm{font-family:Georgia,"Times New Roman",serif; font-size:21px; color:#1f1e1c;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .body{padding:22px 24px 8px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .q{background:#f0ece3; border-radius:18px; padding:13px 18px; font-size:15px; color:#3d3d3a; max-width:80%; margin-left:auto; line-height:1.45;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .arow{display:flex; gap:12px; margin-top:22px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .av{flex:0 0 auto; width:24px; height:24px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .a{font-size:15px; line-height:1.72; color:#3d3d3a;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .a b{color:#1f1e1c; font-weight:600;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .rec{display:block; margin:15px 0; padding:15px 17px; background:rgba(217,119,87,.09); border:1px solid rgba(217,119,87,.32); border-left:3px solid #D97757; border-radius:12px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .rec .t{font-weight:700; color:#c2613f; font-size:15px; display:flex; align-items:center; gap:8px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .rec .s{font-size:13.5px; color:#6a6459; margin-top:4px; line-height:1.55;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .chk{width:20px; height:20px; border-radius:50%; background:#D97757; color:#fff; font-size:12px; display:inline-flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .src{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .srcc{font-size:12.5px; color:#c2613f; background:#f0ece3; border-radius:999px; padding:6px 13px; display:flex; align-items:center; gap:7px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .fav{width:16px; height:16px; border-radius:4px; background:#D97757; color:#fff; font-size:8px; font-weight:700; display:flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .ask{margin:16px 24px 22px; background:#fff; border:1px solid #e7e1d6; border-radius:16px; padding:14px 18px; display:flex; align-items:center; color:#8a857a; font-size:14px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .ask .snd{margin-left:auto; width:28px; height:28px; border-radius:7px; background:#D97757; color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl{display:flex; flex-direction:column; width:100%; min-height:760px;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .body{flex:1 0 auto;}
body.gb-company-visibility-authority-tpl .gb-app .aicl .ask{margin-top:auto;}
/* --- graphic: google --- */
body.gb-company-visibility-authority-tpl .gb-app .gsr{font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; background:#fff; width:760px; max-width:100%; border:1px solid #ebebeb; border-radius:14px; box-shadow:0 24px 60px -34px rgba(14,30,54,.45); overflow:hidden;}
body.gb-company-visibility-authority-tpl .gb-app .gsr *{box-sizing:border-box;}
body.gb-company-visibility-authority-tpl .gb-app .gtop{padding:20px 26px 0;}
body.gb-company-visibility-authority-tpl .gb-app .gbar{display:flex; align-items:center; gap:14px; border:1px solid #dfe1e5; border-radius:999px; padding:11px 20px; box-shadow:0 1px 6px rgba(32,33,36,.12); max-width:560px;}
body.gb-company-visibility-authority-tpl .gb-app .gbar input{border:none; outline:none; flex:1; font-size:16px; color:#202124; background:transparent;}
body.gb-company-visibility-authority-tpl .gb-app .glogo{font-size:22px; font-weight:700; letter-spacing:-1px;}
body.gb-company-visibility-authority-tpl .gb-app .gtabs{display:flex; gap:26px; padding:14px 26px 0; border-bottom:1px solid #ebebeb;}
body.gb-company-visibility-authority-tpl .gb-app .gtab{font-size:13px; color:#5f6368; padding-bottom:12px;}
body.gb-company-visibility-authority-tpl .gb-app .gtab.on{color:#1a73e8; border-bottom:3px solid #1a73e8; font-weight:600;}
body.gb-company-visibility-authority-tpl .gb-app .gbody{display:grid; grid-template-columns:1fr 300px; gap:30px; padding:18px 26px 26px;}
body.gb-company-visibility-authority-tpl .gb-app .gmeta{font-size:12px; color:#70757a; margin:8px 0 18px;}
body.gb-company-visibility-authority-tpl .gb-app .gresult .crumb{display:flex; align-items:center; gap:9px;}
body.gb-company-visibility-authority-tpl .gb-app .gfav{width:26px; height:26px; border-radius:50%; background:#0E1E36; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .gurl{font-size:12px; color:#202124; line-height:1.2;}
body.gb-company-visibility-authority-tpl .gb-app .gurl .d{font-size:14px;}
body.gb-company-visibility-authority-tpl .gb-app .gurl .p{color:#5f6368;}
body.gb-company-visibility-authority-tpl .gb-app .gtitle{color:#1a0dab; font-size:21px; line-height:1.3; margin:5px 0 3px;}
body.gb-company-visibility-authority-tpl .gb-app .gdesc{color:#4d5156; font-size:14px; line-height:1.58;}
body.gb-company-visibility-authority-tpl .gb-app .gsite{display:grid; grid-template-columns:1fr 1fr; gap:6px 26px; margin-top:12px;}
body.gb-company-visibility-authority-tpl .gb-app .gsite a{color:#1a0dab; font-size:14px;}
body.gb-company-visibility-authority-tpl .gb-app .gsite span{color:#4d5156; font-size:12px; display:block;}
body.gb-company-visibility-authority-tpl .gb-app .gpanel{border:1px solid #ebebeb; border-radius:12px; overflow:hidden;}
body.gb-company-visibility-authority-tpl .gb-app .gpanel .ph{height:120px; background-size:cover; background-position:center;}
body.gb-company-visibility-authority-tpl .gb-app .gpanel .pb{padding:16px 18px;}
body.gb-company-visibility-authority-tpl .gb-app .grow{display:flex; justify-content:space-between; font-size:13px; padding:7px 0; border-top:1px solid #f1f1f1;}
body.gb-company-visibility-authority-tpl .gb-app .gpill{display:inline-flex; align-items:center; gap:7px; background:#e8f0fe; color:#1a73e8; font-size:13px; font-weight:600; padding:8px 14px; border-radius:999px; margin-top:8px;}
@media (max-width:720px){
  body.gb-company-visibility-authority-tpl .gb-app .gbody{grid-template-columns:1fr;}
  body.gb-company-visibility-authority-tpl .gb-app .gpanel{display:none;}
}
/* --- graphic: linkedin --- */
body.gb-company-visibility-authority-tpl .gb-app .li{font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; width:720px; max-width:100%; background:#fff; border:1px solid #e3e3e3; border-radius:12px; overflow:hidden; box-shadow:0 24px 60px -34px rgba(14,30,54,.45); color:#0E1E36;}
body.gb-company-visibility-authority-tpl .gb-app .li *{box-sizing:border-box;}
body.gb-company-visibility-authority-tpl .gb-app .li .cover{height:140px; background-size:cover; background-position:center;}
body.gb-company-visibility-authority-tpl .gb-app .li .head{padding:0 26px 18px; position:relative;}
body.gb-company-visibility-authority-tpl .gb-app .li .logo{width:84px; height:84px; border-radius:14px; background:#0E1E36; color:#fff; font-family:"Zuume",Arial,sans-serif; font-weight:700; font-size:30px; display:flex; align-items:center; justify-content:center; border:4px solid #fff; margin-top:-42px;}
body.gb-company-visibility-authority-tpl .gb-app .li h3{margin:12px 0 2px; font-size:23px; color:#0E1E36;}
body.gb-company-visibility-authority-tpl .gb-app .li .tag{font-size:15px; color:#3a3a3a;}
body.gb-company-visibility-authority-tpl .gb-app .li .meta{font-size:13px; color:#5f6368; margin-top:6px;}
body.gb-company-visibility-authority-tpl .gb-app .li .btns{display:flex; gap:10px; margin-top:16px;}
body.gb-company-visibility-authority-tpl .gb-app .li .follow{background:#0a66c2; color:#fff; border:none; font-weight:600; font-size:15px; padding:9px 22px; border-radius:999px; display:inline-flex; align-items:center; gap:7px;}
body.gb-company-visibility-authority-tpl .gb-app .li .ghost{background:#fff; color:#0a66c2; border:1px solid #0a66c2; font-weight:600; font-size:15px; padding:9px 20px; border-radius:999px;}
body.gb-company-visibility-authority-tpl .gb-app .li .tabs{display:flex; gap:24px; padding:0 26px; border-bottom:1px solid #ebebeb;}
body.gb-company-visibility-authority-tpl .gb-app .li .tab{font-size:14px; color:#5f6368; padding:14px 0;}
body.gb-company-visibility-authority-tpl .gb-app .li .tab.on{color:#0a66c2; border-bottom:2px solid #0a66c2; font-weight:600;}
body.gb-company-visibility-authority-tpl .gb-app .li .post{padding:18px 26px 22px;}
body.gb-company-visibility-authority-tpl .gb-app .li .prow{display:flex; align-items:center; gap:10px;}
body.gb-company-visibility-authority-tpl .gb-app .li .pav{width:42px; height:42px; border-radius:8px; background:#0E1E36; color:#fff; font-weight:700; font-size:15px; display:flex; align-items:center; justify-content:center; font-family:"Zuume",Arial,sans-serif;}
body.gb-company-visibility-authority-tpl .gb-app .li .ptxt{font-size:14.5px; line-height:1.55; color:#1c1c1c; margin:12px 0;}
body.gb-company-visibility-authority-tpl .gb-app .li .pimg{width:100%; border-radius:8px; display:block;}
body.gb-company-visibility-authority-tpl .gb-app .li .react{display:flex; align-items:center; gap:8px; font-size:13px; color:#5f6368; margin-top:12px; padding-top:12px; border-top:1px solid #ebebeb;}
body.gb-company-visibility-authority-tpl .gb-app .li .heart{width:18px; height:18px; border-radius:50%; background:#0a66c2; color:#fff; font-size:10px; display:inline-flex; align-items:center; justify-content:center;}
/* --- graphic: youtube --- */
body.gb-company-visibility-authority-tpl .gb-app .yt{font-family:"Roboto",Arial,Helvetica,sans-serif; width:820px; max-width:100%; background:#fff; border:1px solid #e5e5e5; border-radius:14px; overflow:hidden; box-shadow:0 26px 64px -34px rgba(14,30,54,.5); color:#0f0f0f;}
body.gb-company-visibility-authority-tpl .gb-app .yt *{box-sizing:border-box;}
body.gb-company-visibility-authority-tpl .gb-app .yt .grid{display:grid; grid-template-columns:1fr 280px; gap:0;}
body.gb-company-visibility-authority-tpl .gb-app .yt .player{position:relative;}
body.gb-company-visibility-authority-tpl .gb-app .yt .frame{position:relative; aspect-ratio:16/9; background-size:cover; background-position:center;}
body.gb-company-visibility-authority-tpl .gb-app .yt .play{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .yt .play .b{width:68px; height:48px; border-radius:12px; background:rgba(255,0,0,.92); display:flex; align-items:center; justify-content:center;}
body.gb-company-visibility-authority-tpl .gb-app .yt .play .tri{width:0; height:0; border-left:20px solid #fff; border-top:12px solid transparent; border-bottom:12px solid transparent; margin-left:4px;}
body.gb-company-visibility-authority-tpl .gb-app .yt .scrub{position:absolute; left:0; right:0; bottom:0; height:4px; background:rgba(255,255,255,.3);}
body.gb-company-visibility-authority-tpl .gb-app .yt .scrub .f{width:38%; height:100%; background:#ff0000;}
body.gb-company-visibility-authority-tpl .gb-app .yt .info{padding:16px 18px;}
body.gb-company-visibility-authority-tpl .gb-app .yt h3{margin:0 0 8px; font-size:18px; line-height:1.3; color:#0f0f0f;}
body.gb-company-visibility-authority-tpl .gb-app .yt .vmeta{font-size:13px; color:#606060;}
body.gb-company-visibility-authority-tpl .gb-app .yt .chrow{display:flex; align-items:center; gap:12px; margin-top:14px; padding-top:14px; border-top:1px solid #eee;}
body.gb-company-visibility-authority-tpl .gb-app .yt .ch{width:40px; height:40px; border-radius:50%; background:#0E1E36; color:#fff; font-family:"Zuume",Arial; font-weight:700; font-size:14px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
body.gb-company-visibility-authority-tpl .gb-app .yt .ch img{width:100%; height:100%; object-fit:cover;}
body.gb-company-visibility-authority-tpl .gb-app .yt .sub{margin-left:auto; background:#FF1894; color:#fff; font-weight:600; font-size:13px; padding:9px 16px; border-radius:999px;}
body.gb-company-visibility-authority-tpl .gb-app .yt .side{border-left:1px solid #eee; padding:14px; display:flex; flex-direction:column; gap:12px;}
body.gb-company-visibility-authority-tpl .gb-app .yt .uphead{font-size:13px; font-weight:600; color:#606060;}
body.gb-company-visibility-authority-tpl .gb-app .yt .up{display:flex; gap:10px;}
body.gb-company-visibility-authority-tpl .gb-app .yt .up .th{width:120px; height:68px; border-radius:8px; flex:0 0 auto; background-size:cover; background-position:center; position:relative;}
body.gb-company-visibility-authority-tpl .gb-app .yt .up .th span{position:absolute; right:4px; bottom:4px; background:rgba(14,30,54,.85); color:#fff; font-size:10px; padding:1px 4px; border-radius:3px;}
body.gb-company-visibility-authority-tpl .gb-app .yt .up .t{font-size:13px; line-height:1.32; color:#0f0f0f;}
body.gb-company-visibility-authority-tpl .gb-app .yt .up .m{font-size:11.5px; color:#606060; margin-top:3px;}
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app .yt .grid{grid-template-columns:1fr;}
  body.gb-company-visibility-authority-tpl .gb-app .yt .side{border-left:none; border-top:1px solid #eee;}
  body.gb-company-visibility-authority-tpl .gb-app .yt .up .th{width:140px;}
}

/* ===========================================================================
   POST-INTEGRATION HOUSE-RULE OVERRIDES (recurring fixes applied proactively)
   - FAQ accordion titles ship too small in these exports: bump to ~24/22px.
   - Mobile 15px legibility floor for the page's class-addressable small text
     (eyebrows, sub-labels, cites). The proof-graphic mockups keep their own
     miniature UI type on purpose, so they are intentionally NOT floored here.
   =========================================================================== */
body.gb-company-visibility-authority-tpl .gb-app .faqq > span:first-child{font-size:20px!important;line-height:1.3;}
/* longer answers must not clip when the title/answer type is larger */
body.gb-company-visibility-authority-tpl .gb-app .faqitem.open .faqa{max-height:760px;}
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app .faqq > span:first-child{font-size:18px!important;}
  body.gb-company-visibility-authority-tpl .gb-app .eyb{font-size:15px;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-tab .d{font-size:15px!important;}
  body.gb-company-visibility-authority-tpl .gb-app cite{font-size:15px!important;}
}

/* ===========================================================================
   HEADER PINK CLAUSES ON THEIR OWN LINE (desktop + mobile)
   In these headings a dark clause is followed by a pink clause; the pink clause
   should start on a new line. Applies to h1/h2/h3 only (body callout <p>s already
   break via <br>). Exception: the "We Build Unmistakable Brands" band, where the
   pink word sits mid-sentence and must stay inline.
   =========================================================================== */
body.gb-company-visibility-authority-tpl .gb-app h1 span[style*="--pink"],
body.gb-company-visibility-authority-tpl .gb-app h2 span[style*="--pink"],
body.gb-company-visibility-authority-tpl .gb-app h3 span[style*="--pink"]{display:block;}
body.gb-company-visibility-authority-tpl .gb-app section[aria-label="We build unmistakable brands"] h2 span[style*="--pink"]{display:inline;}

/* POV rule quote: a touch more tracking so the condensed display type breathes */
body.gb-company-visibility-authority-tpl .gb-app #pov p.disp{letter-spacing:0.045em;}

/* ===========================================================================
   POST-INTEGRATION FIXES (round 3)
   - Related-services list: drop the divider between a title row and its own
     description (the title <a> carried a border-bottom AND the <p> did too);
     keep only the per-item separator under each description.
   - Mobile horizontal overflow: .aistrip / .afterstrip live OUTSIDE .wrap (they
     are already full-section-width), so the mobile margin:0 -22px pushed them
     44px past the viewport and the page scrolled, clipping content on the left.
     Cancel those negative margins (do NOT put overflow-x on <body>: it breaks
     the sticky Elementor header; .gb-app already has overflow-x:clip).
   =========================================================================== */
body.gb-company-visibility-authority-tpl .gb-app .rellist a{border-bottom:none!important;}
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app .aistrip,
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip{margin-left:0!important;margin-right:0!important;}
}

/* ===========================================================================
   ALIGN THE AI PROOF SLIDER WITH THE TEXT ABOVE
   .aistrip is full-bleed (it lives outside .wrap), so on wide screens its first
   card sat far left of the centred 1240px .wrap content. Pad its left edge to
   the .wrap gutter so the first card lines up with the copy above; the right
   side still bleeds for the peek-scroll. (<=760px keeps the 22px mobile gutter
   from the existing rule.)
   =========================================================================== */
@media (min-width:861px){
  body.gb-company-visibility-authority-tpl .gb-app .aistrip,
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip{padding-left:max(48px, (100% - 1240px)/2 + 48px)!important;}
}
@media (min-width:761px) and (max-width:860px){
  body.gb-company-visibility-authority-tpl .gb-app .aistrip,
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip{padding-left:22px!important;}
}

/* ===========================================================================
   RELATED-SERVICES LIST: arrow hover affordance (desktop / mouse only)
   The pink ↗ sits in a reserved 34px circle; on hover of the item the circle
   fills pink and the arrow turns white, with a small nudge.
   =========================================================================== */
body.gb-company-visibility-authority-tpl .gb-app .rellist a > span[style*="--pink"]{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%; align-self:center; flex:0 0 auto;
  transition:background-color .2s ease, color .2s ease, transform .2s ease;
}
@media (hover:hover){
  body.gb-company-visibility-authority-tpl .gb-app .rellist a:hover > span[style*="--pink"]{
    background-color:var(--pink); color:#fff!important; transform:translate(3px,-3px);
  }
  body.gb-company-visibility-authority-tpl .gb-app .rellist a:hover .disp{color:var(--pink);}
}

/* ===========================================================================
   MOBILE: looser tracking for condensed Zuume display type
   At small sizes the Zuume .disp headings/callouts read cramped; add letter
   spacing on <=760px. Covers .disp (all display headings + callouts), the
   What-We-Build tab labels, and the centred "Unmistakable Brands" band (whose
   h2 carries an inline .01em, hence the !important).
   =========================================================================== */
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app .disp{letter-spacing:0.04em;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-tab .l{letter-spacing:0.04em;}
  body.gb-company-visibility-authority-tpl .gb-app section[aria-label="We build unmistakable brands"] h2{letter-spacing:0.04em!important;}
}

/* ===========================================================================
   MOBILE TWEAKS (round 8)
   1) "this page is for you" callout: drop the hard line break on mobile so the
      copy flows.  3) "The Test Every Piece Passes" label on one line.
   4) "From Best-Kept Secret To / The Obvious Choice." reads as two lines (size
      the dark clause so it fits one line; the pink clause is already its own).
   (2) aistrip/afterstrip first card now aligns with the text gutter, handled by
   dropping their mobile negative margins above.)
   =========================================================================== */
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app br.m-hide{display:none;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-test .disp br{display:none;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-test .disp{letter-spacing:0.03em!important; font-size:21px!important;}
  body.gb-company-visibility-authority-tpl .gb-app #after h2{font-size:clamp(21px, 6.3vw, 42px)!important;}
}

/* ===========================================================================
   MOBILE PROOF / CTA TWEAKS (round 9)
   - More breathing room above the two proof "two-up" sliders so they don't sit
     right under the card above (featured->highlands, doitbest->testimonials).
   - Do it Best case study: photo to the TOP of the card on mobile (it is the
     image-right card; flip the flex order so the screenshot leads).
   - Newsletter CTA card: equal padding on all sides on mobile.
   (afterstrip left padding / first-card alignment was fixed in round 8.)
   =========================================================================== */
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app .mcar{margin-top:64px!important;}
  body.gb-company-visibility-authority-tpl .gb-app [style*="; order:2;"]{order:0!important;}
  body.gb-company-visibility-authority-tpl .gb-app [style*="padding:42px 46px"]{padding:32px!important;}
}

/* Mobile: equalise the two testimonial quote sizes (21px / 17px -> 18px) so the
   carousel cards match. */
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app .mcar-quotes p{font-size:18px!important; line-height:1.55!important;}
}

/* Mobile: Cofer + Do it Best case studies have the photo on top; tighten the gap
   between that image and the eyebrow (less image-bottom + less text-top padding).
   Excludes the #related "Flagship" card, which shares padding:40px 42px. */
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app [style*="background:var(--plaster); padding:24px"]{padding-bottom:6px!important;}
  body.gb-company-visibility-authority-tpl .gb-app [style="padding:40px 42px;"],
  body.gb-company-visibility-authority-tpl .gb-app [style*="padding:40px 42px; order:1;"]{padding-top:14px!important;}
}

/* ===========================================================================
   CAROUSELS NOT HUGGING THE LEFT (root cause: scroll-snap mandatory scrolled the
   first card past the left padding). Match scroll-padding-left to the inset so
   the first card snaps to the gutter instead of the raw edge.
   =========================================================================== */
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app .aistrip,
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip{scroll-padding-left:22px!important;}
}
@media (min-width:761px) and (max-width:860px){
  body.gb-company-visibility-authority-tpl .gb-app .aistrip,
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip{scroll-padding-left:22px!important;}
}
@media (min-width:861px){
  body.gb-company-visibility-authority-tpl .gb-app .aistrip,
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip{scroll-padding-left:max(48px, (100% - 1240px)/2 + 48px)!important;}
}

/* ===========================================================================
   MOBILE: What-We-Build capability rows. Descriptions collapse on mobile, which
   let the text block shrink to the title width, leaving the "+" floating mid-row
   at a different x per item. Make the text block fill the row so the "+" aligns
   in a clean right column; centre the icon with the title when collapsed, and
   top-align once the row is expanded.
   =========================================================================== */
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app .wb-cap{align-items:center;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-cap.open{align-items:flex-start;}
  body.gb-company-visibility-authority-tpl .gb-app .wb-cap > div{flex:1 1 auto; min-width:0;}
}

/* ===========================================================================
   "AFTER" PROOF: small, equal-size, side-by-side thumbnails on desktop/tablet
   that open a click-to-zoom lightbox (cursor:zoom-in + magnifier badge signals
   it). The graphics are scaled with `zoom` (crisp, no reflow) into equal 440x400
   frames; overflow is clipped and the lightbox shows the full graphic. Mobile
   (<=760) keeps the swipeable peek carousel.
   =========================================================================== */
@media (min-width:761px){
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip{
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:flex-start !important;
    overflow-x:visible !important;
    padding:18px 24px 34px !important;
    gap:36px !important;
  }
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip > div{
    width:440px !important; height:400px !important;
    overflow:hidden !important; position:relative !important;
    background:#fff !important; border:1px solid var(--line) !important;
    border-radius:16px !important; box-shadow:0 26px 64px -34px rgba(14,30,54,.5) !important;
    cursor:zoom-in !important; scroll-snap-align:none !important;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip > div:hover{
    transform:translateY(-3px); box-shadow:0 32px 72px -28px rgba(14,30,54,.6) !important;
  }
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip > div *{pointer-events:none;}
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip > div .gsr{zoom:0.579; box-shadow:none !important; border:none !important; border-radius:0 !important;}
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip > div .li{zoom:0.611; box-shadow:none !important; border:none !important; border-radius:0 !important;}
  body.gb-company-visibility-authority-tpl .gb-app .afterstrip > div::after{
    content:''; position:absolute; right:12px; bottom:12px; width:36px; height:36px;
    border-radius:50%; pointer-events:none; z-index:2; box-shadow:0 6px 18px -6px rgba(14,30,54,.6);
    background:rgba(14,30,54,.82) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center/19px no-repeat;
  }
}
/* lightbox (all viewports) */
body.gb-company-visibility-authority-tpl .gb-app .gb-lightbox{
  position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center;
  padding:6vh 20px; background:rgba(10,23,38,.86); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}
body.gb-company-visibility-authority-tpl .gb-app .gb-lightbox.open{display:flex;}
body.gb-company-visibility-authority-tpl .gb-app .gb-lightbox-inner{
  max-width:min(800px,94vw); max-height:88vh; overflow:auto; border-radius:16px;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.6);
}
body.gb-company-visibility-authority-tpl .gb-app .gb-lightbox-inner .gsr,
body.gb-company-visibility-authority-tpl .gb-app .gb-lightbox-inner .li{width:760px; max-width:100%;}
body.gb-company-visibility-authority-tpl .gb-app .gb-lightbox-close{
  position:fixed; top:18px; right:22px; width:46px; height:46px; border-radius:50%; border:none;
  background:#fff; color:var(--navy); font-size:28px; line-height:1; cursor:pointer; z-index:100000;
  display:flex; align-items:center; justify-content:center; box-shadow:0 10px 30px -10px rgba(0,0,0,.5);
}

/* Mobile: the What-We-Build tab descriptor (.d "so they choose you" / "so the
   right buyer lands on you") wrapped to a second line. Hide it on mobile so each
   tab is a single line (Get Found / Show The Work). */
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app .wb-tab .d{display:none !important;}
}

/* Mobile: drop the divider rule under the What-We-Build tab header (the mobile
   .wb-tab adds a border-bottom that reads as a stray second line). */
@media (max-width:760px){
  body.gb-company-visibility-authority-tpl .gb-app .wb-tab{border-bottom:none !important;}
}