/* InSpace page kit, part 2: the two WordPress templates redesigned in Sep 2026 (monday 3235492256).
   templates/seo-service.php (every SEO service page) and single.php (every blog post).
   Everything is scoped under .pg-scope; pair with pg-kit.css (tokens, buttons, sections, hero, CTA band).
   Source: inspace-service.html, inspace-blog-article.html and assets/inspace-prose.css in the local marketing site.
   Element rules inside .prose skip conversion blocks (.cv), which carry their own styles. */

/* The kit sets overflow-x:hidden on .pg-scope, which makes it a scroll container and silently breaks every
   position:sticky inside it (contents rail, FAQ head). clip stops sideways overflow without that. */
.pg-scope.sv-page,.pg-scope.ar-page{overflow-x:clip}
.pg-main.sv-main,.pg-main.ar-main{overflow:visible}

/* ============================================================
   Long-form reading (service long read + article body)
   ============================================================ */
.pg-scope .prose{font-size:1.075rem;line-height:1.75;color:rgba(11,11,12,.8);text-wrap:pretty}
.pg-scope .prose>*,.pg-scope .prose>[data-cv-article]>*{margin-top:0;margin-bottom:0}
.pg-scope .prose>*+*,.pg-scope .prose>[data-cv-article]>*+*{margin-top:1.15em}
.pg-scope .prose h2:not(.cv *){font-size:clamp(1.55rem,2.3vw,2.1rem);line-height:1.14;letter-spacing:-.025em;color:var(--ink);
  font-weight:700;text-transform:none;margin-top:2.5em;scroll-margin-top:112px;text-wrap:balance}
.pg-scope .prose h3:not(.cv *){font-size:clamp(1.18rem,1.6vw,1.32rem);line-height:1.28;letter-spacing:-.015em;color:var(--ink);
  font-weight:600;text-transform:none;margin-top:2em;scroll-margin-top:112px}
.pg-scope .prose h4:not(.cv *){font-size:1.05rem;color:var(--ink);font-weight:600;margin-top:1.7em}
.pg-scope .prose>h2:first-child,.pg-scope .prose>h3:first-child,
.pg-scope .prose>[data-cv-article]>h2:first-child,.pg-scope .prose>[data-cv-article]>h3:first-child{margin-top:0}
.pg-scope .prose h2+*,.pg-scope .prose h3+*,.pg-scope .prose h4+*{margin-top:.75em}
.pg-scope .num{counter-reset:sec}
.pg-scope .num .prose h2:not(.cv *),.pg-scope .prose.num h2:not(.cv *){counter-increment:sec}
.pg-scope .num .prose h2:not(.cv *)::before,.pg-scope .prose.num h2:not(.cv *)::before{content:counter(sec,decimal-leading-zero);display:block;margin-bottom:14px;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;font-weight:700;color:var(--purple)}
.pg-scope .prose a:not(.cv *):not(.btn-purple){color:var(--purple);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
  text-decoration-color:rgba(133,17,217,.35);transition:text-decoration-color .2s var(--ease)}
.pg-scope .prose a:not(.cv *):not(.btn-purple):hover{text-decoration-color:currentColor}
.pg-scope .prose :is(strong,b):not(.cv *){color:var(--ink);font-weight:600}
.pg-scope .prose em{font-style:italic}
.pg-scope .prose code:not(.cv *){font-family:var(--mono);font-size:.86em;background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:.1em .38em}
.pg-scope .prose pre:not(.cv *){background:var(--ink);color:#EDEFEA;border-radius:16px;padding:20px 22px;overflow-x:auto;font-size:.86rem;line-height:1.6}
.pg-scope .prose pre code{background:none;border:0;padding:0;color:inherit}
.pg-scope .prose :is(ul,ol):not(.cv *){list-style:none;padding:0}
.pg-scope .prose li:not(.cv *)+li{margin-top:.6em}
.pg-scope .prose ul:not(.cv *)>li{position:relative;padding-left:26px}
.pg-scope .prose ul:not(.cv *)>li::before{content:"";position:absolute;left:5px;top:.66em;width:7px;height:7px;border-radius:2px;
  background:var(--green);box-shadow:inset 0 0 0 1px rgba(46,158,80,.4)}
.pg-scope .prose ol:not(.cv *){counter-reset:ol}
.pg-scope .prose ol:not(.cv *)>li{counter-increment:ol;position:relative;padding-left:40px}
.pg-scope .prose ol:not(.cv *)>li::before{content:counter(ol);position:absolute;left:0;top:.18em;width:26px;height:26px;border-radius:8px;
  background:var(--paper-2);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-size:.66rem;font-weight:700;color:var(--ink);line-height:1}
.pg-scope .prose ul.checks{display:grid;gap:10px;margin-top:1.35em}
.pg-scope .prose ul.checks>li{margin:0;padding:17px 20px 17px 54px;border:1px solid var(--line);border-radius:16px;background:#fff;
  line-height:1.5;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.pg-scope .prose ul.checks>li:hover{border-color:rgba(46,158,80,.34);box-shadow:0 18px 36px -28px rgba(11,11,12,.35)}
.pg-scope .prose ul.checks>li::before{left:18px;top:18px;width:22px;height:22px;border-radius:50%;box-shadow:none;
  background:rgba(185,239,163,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E9E50' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.pg-scope .prose ul.checks b{display:block;color:var(--ink);font-weight:600;font-size:1.02rem}
.pg-scope .prose ul.checks span{display:block;color:var(--muted);font-size:.97rem;margin-top:3px}
/* ck-inl, not "inl": the staging newsletter pop-up injects a global .inl{display:flex;justify-content:center} */
.pg-scope .prose ul.checks>li.ck-inl{color:rgba(11,11,12,.78)}
.pg-scope .prose ul.checks>li.ck-inl b{display:inline;font-size:inherit}
.pg-scope .prose blockquote:not(.cv *){margin-top:1.9em;margin-bottom:1.9em;padding:2px 0 2px 26px;position:relative;border:0;
  font-size:clamp(1.25rem,1.9vw,1.5rem);line-height:1.38;letter-spacing:-.015em;color:var(--ink);font-weight:500;font-style:normal}
.pg-scope .prose blockquote:not(.cv *)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;background:var(--grad)}
.pg-scope .prose blockquote p+p{margin-top:.6em}
.pg-scope .prose blockquote cite{display:block;margin-top:14px;font-style:normal;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.pg-scope .prose figure:not(.cv *){margin-top:2.2em;margin-bottom:2.2em}
.pg-scope .prose img:not(.cv *){max-width:100%;height:auto;border-radius:16px}
.pg-scope .prose figure:not(.cv *) img{width:100%;border:1px solid var(--line);background:var(--paper-2)}
.pg-scope .prose figcaption:not(.cv *){margin-top:12px;font-size:.9rem;line-height:1.5;color:var(--muted);padding-left:14px;border-left:2px solid var(--green)}
.pg-scope .prose iframe:not(.cv *){max-width:100%;border:0;border-radius:16px}
.pg-scope .prose .table-wrap{margin-top:2em;margin-bottom:2em;border:1px solid var(--line);border-radius:18px;background:#fff;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pg-scope .prose .table-wrap table{width:100%;border-collapse:collapse;font-size:.93rem;line-height:1.5;min-width:560px;margin:0}
.pg-scope .prose .table-wrap th{text-align:left;padding:14px 18px;background:var(--paper-2);border:0;border-bottom:1px solid var(--line);
  font-family:var(--mono);font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--ink);vertical-align:bottom}
.pg-scope .prose .table-wrap td{padding:14px 18px;border:0;border-bottom:1px solid var(--line);vertical-align:top;color:rgba(11,11,12,.78)}
.pg-scope .prose .table-wrap tr:last-child td{border-bottom:0}
.pg-scope .prose .table-wrap tbody tr{transition:background .2s}
.pg-scope .prose .table-wrap tbody tr:hover{background:rgba(185,239,163,.12)}
.pg-scope .prose .table-wrap td:first-child{color:var(--ink)}
.pg-scope .prose hr:not(.cv *){border:0;height:1px;background:var(--line);margin-top:2.6em;margin-bottom:2.6em}
@media(max-width:640px){
  .pg-scope .prose{font-size:1.02rem;line-height:1.7}
  .pg-scope .prose ul.checks>li{padding:15px 16px 15px 50px}
  .pg-scope .prose ul.checks>li::before{left:16px;top:16px}
  .pg-scope .prose .table-wrap th,.pg-scope .prose .table-wrap td{padding:12px 14px}
}

/* shared bits */
.pg-scope .sv-ic{flex:none;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(185,239,163,.55),rgba(133,17,217,.14));color:var(--ink)}
.pg-scope .sv-ic svg{width:28px;height:28px}
.pg-scope .sv-tick{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(185,239,163,.6);color:var(--green-text)}
.pg-scope .sv-tick svg{width:12px;height:12px}
.pg-scope .cta-space h2{text-wrap:balance}
.pg-scope .cta-space p{margin:22px auto 0;max-width:56ch;color:var(--muted);font-size:1.12rem;line-height:1.55}
.pg-scope .sv-textlink,.pg-scope .ar-textlink{display:inline-flex;align-items:center;gap:9px;font-size:.62rem;color:var(--ink);white-space:nowrap;padding-bottom:6px;
  border-bottom:1px solid rgba(11,11,12,.25);transition:color .2s var(--ease),border-color .2s var(--ease)}
.pg-scope .sv-textlink svg,.pg-scope .ar-textlink svg{width:13px;height:13px;transition:translate .25s var(--ease)}
.pg-scope .sv-textlink:hover,.pg-scope .ar-textlink:hover{color:var(--purple);border-color:var(--purple)}
.pg-scope .sv-textlink:hover svg,.pg-scope .ar-textlink:hover svg{translate:3px 0}
.pg-scope .mono.eyebrow{font-weight:400}

/* ============================================================
   SEO service page (templates/seo-service.php)
   ============================================================ */
.pg-scope .sv-hero .ih-in{padding-bottom:72px}
.pg-scope .sv-crumbs{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;margin-bottom:22px;color:var(--ink)}
.pg-scope .sv-crumbs a{transition:color .2s var(--ease)}
.pg-scope .sv-crumbs a:hover{color:var(--purple)}
.pg-scope .sv-crumbs i{font-style:normal;opacity:.3}
.pg-scope .sv-hero h1{max-width:13ch}
.pg-scope .sv-hero .ih-sub{max-width:50ch}
.pg-scope .sv-hero .ih-sub p+p{margin-top:14px}
.pg-scope .sv-hero .ih-acts{margin-top:36px}
.pg-scope .sv-art{position:relative;width:min(100%,540px);aspect-ratio:1/1.02;margin-inline:auto}
.pg-scope .sv-glow{position:absolute;inset:0 -6% 12% 18%;border-radius:50%;filter:blur(26px);
  background:radial-gradient(circle at 58% 40%,rgba(185,239,163,.42),rgba(133,17,217,.10) 55%,transparent 72%)}
.pg-scope .sv-blob{position:absolute;right:-2%;top:0;width:68%;height:auto;filter:drop-shadow(0 34px 50px rgba(133,17,217,.22))}
@media (prefers-reduced-motion:no-preference){.pg-scope .sv-blob{animation:pgsvFloat 9s ease-in-out infinite alternate}}
@keyframes pgsvFloat{from{translate:0 -8px;rotate:-2deg}to{translate:0 8px;rotate:2deg}}
.pg-scope .sv-pass{position:absolute;left:0;bottom:4%;width:80%;padding:22px 22px 16px;border-radius:24px;
  background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(11,11,12,.08);box-shadow:0 44px 90px -44px rgba(11,11,12,.42),0 2px 6px rgba(11,11,12,.04)}
.pg-scope .sv-pass-top{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.pg-scope .sv-pass-top small{display:block;font-size:.58rem;letter-spacing:.16em;color:var(--muted)}
.pg-scope .sv-pass-top b{display:block;margin-top:5px;font-size:1.26rem;letter-spacing:-.02em;line-height:1.12}
.pg-scope .sv-pass-h{display:block;margin:16px 0 4px;font-size:.56rem;letter-spacing:.16em;color:var(--muted-2)}
.pg-scope .sv-pass-list{list-style:none;margin:0;padding:0}
.pg-scope .sv-pass-list li{display:flex;align-items:center;gap:11px;padding:8px 2px;font-size:.93rem;font-weight:500;line-height:1.3}
.pg-scope .sv-pass-list li+li{border-top:1px dashed rgba(11,11,12,.08)}
.pg-scope .sv-sat{position:absolute;display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border-radius:99px;
  background:#fff;border:1px solid var(--line);box-shadow:0 16px 34px -18px rgba(11,11,12,.38);font-size:.8rem;font-weight:600;white-space:nowrap;z-index:2}
.pg-scope .sv-sat img{width:26px;height:26px;padding:4px;border-radius:50%;background:var(--paper-2)}
.pg-scope .sv-sat.s1{left:4%;top:12%}
.pg-scope .sv-sat.s2{right:-3%;top:21%}
@media (prefers-reduced-motion:no-preference){.pg-scope .sv-sat{animation:pghvFloat 6s ease-in-out infinite alternate}.pg-scope .sv-sat.s2{animation-delay:-3s}}
.pg-scope .sv-thr{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.pg-scope .sv-thr path{fill:none;stroke-width:1.4;stroke-linecap:round;vector-effect:non-scaling-stroke}

/* trusted by: a CSS marquee. Two identical tracks, each at least as wide as the strip, slide left by their own
   width and repeat, so the strip fills and loops at any screen width without a script. */
.pg-scope .sv-logos{position:relative;z-index:2;padding:4px 0 34px}
.pg-scope .sv-logos-h{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:26px}
.pg-scope .sv-logos-h p{font-size:.62rem;letter-spacing:.16em;color:var(--ink)}
.pg-scope .sv-stars{display:inline-flex;gap:2px}
.pg-scope .sv-stars svg{width:13px;height:13px;fill:var(--ink)}
.pg-scope .sv-logos-in{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pg-scope .sv-logos-track{display:flex;align-items:center;touch-action:pan-y pinch-zoom}
.pg-scope .sv-marquee{display:flex;overflow:hidden;pointer-events:none}
.pg-scope .sv-mq-track{display:flex;align-items:center;justify-content:space-around;flex:0 0 auto;min-width:100%;animation:svMarquee var(--mq,52s) linear infinite;will-change:transform}
@keyframes svMarquee{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.pg-scope .sv-mq-track{animation:none}.pg-scope .sv-mq-track+.sv-mq-track{display:none}}
.pg-scope .sv-logo{flex:0 0 auto;min-width:0;padding:0 36px;display:flex;align-items:center}
.pg-scope .sv-logo img{height:34px;width:auto;max-width:150px;object-fit:contain;opacity:.62;filter:grayscale(1);mix-blend-mode:multiply}

/* section heads */
.pg-scope .sv-h2{font-size:clamp(2rem,3.7vw,3.2rem);text-transform:uppercase;letter-spacing:-.03em;line-height:.98;text-wrap:balance;margin-top:18px}
.pg-scope .sv-lead{margin-top:22px;color:var(--muted);font-size:1.1rem;line-height:1.6;max-width:54ch}
.pg-scope .sv-lead p+p{margin-top:14px}
.pg-scope .sv-lead a,.pg-scope .sv-note a,.pg-scope .sv-ledger p a{color:var(--purple);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(133,17,217,.35)}
.pg-scope .sv-note{margin-top:18px;color:var(--muted-2);font-size:.98rem;line-height:1.6;max-width:54ch}
.pg-scope .sv-note>*+*{margin-top:12px}
.pg-scope .sv-lead-more{margin-top:26px;font-size:1rem}
.pg-scope .sv-lead :is(h2,h3,h4,h5){margin-top:26px;color:var(--ink);font-size:1.08rem;font-weight:600;line-height:1.35;letter-spacing:-.01em}
.pg-scope .sv-lead>:is(h2,h3,h4,h5):first-child{margin-top:0}
.pg-scope .sv-lead :is(h2,h3,h4,h5)+p{margin-top:8px}
.pg-scope .sv-row-h{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}
.pg-scope .sv-row-h .thead{margin-bottom:0}

/* what's included (content 1) */
.pg-scope .sv-focus-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:80px;align-items:start}
.pg-scope .sv-focus-head{position:sticky;top:118px}
.pg-scope .sv-focus-head .ghost-link{margin-top:30px}
.pg-scope .sv-ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pg-scope .sv-ledger li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:6px;padding:26px 14px 26px 6px;border-bottom:1px solid var(--line);
  border-radius:4px;transition:background .35s var(--ease)}
.pg-scope .sv-ledger .n{font-size:.66rem;letter-spacing:.16em;color:var(--muted-2);padding-top:6px;transition:color .3s var(--ease)}
.pg-scope .sv-ledger b{display:block;font-size:1.3rem;letter-spacing:-.018em;font-weight:600;line-height:1.25}
.pg-scope .sv-ledger p{margin-top:8px;color:var(--muted);line-height:1.58;max-width:54ch}
.pg-scope .sv-ledger li:hover{background:linear-gradient(90deg,rgba(185,239,163,.2),rgba(185,239,163,0) 72%)}
.pg-scope .sv-ledger li:hover .n{color:var(--purple)}

/* proof (cases) */
.pg-scope .sv-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pg-scope .sv-case{display:flex;flex-direction:column;border-radius:22px;overflow:hidden}
.pg-scope .sv-case-shot{margin:12px 12px 0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--paper-2)}
.pg-scope .sv-case-bar{display:flex;align-items:center;gap:6px;height:26px;padding:0 12px;background:#F7F8F5;border-bottom:1px solid var(--line)}
.pg-scope .sv-case-bar i{width:7px;height:7px;border-radius:50%;background:rgba(11,11,12,.13)}
.pg-scope .sv-case-shot img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform .7s var(--ease)}
.pg-scope .sv-case:hover .sv-case-shot img{transform:scale(1.035)}
.pg-scope .sv-case-in{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.pg-scope .sv-case-in small{font-size:.58rem;letter-spacing:.16em;color:var(--muted);line-height:1.5}
.pg-scope .sv-case-in h3{margin-top:8px;font-size:1.4rem;letter-spacing:-.02em;text-transform:none;line-height:1.1}
.pg-scope .sv-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.pg-scope .sv-stat{padding:16px 16px 15px;border-radius:14px;background:var(--paper-2)}
.pg-scope .sv-stat b{display:flex;align-items:baseline;font-size:clamp(1.5rem,2.2vw,1.9rem);font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.pg-scope .sv-stat b i{font-style:normal;color:var(--green-text);margin-right:2px}
.pg-scope .sv-stat>span{display:block;margin-top:8px;font-size:.54rem;letter-spacing:.14em;color:var(--muted);line-height:1.35}
.pg-scope .sv-go{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:.6rem;letter-spacing:.16em;color:var(--purple)}
.pg-scope .sv-go svg{width:13px;height:13px;transition:translate .25s var(--ease)}
.pg-scope .sv-case:hover .sv-go svg{translate:4px 0}

/* NOVA video (main.js puts the YouTube iframe inside .video-player on click) */
.pg-scope .sv-player{position:relative;display:block;width:100%;max-width:1100px;margin:52px auto 0;aspect-ratio:16/9;border:1px solid var(--line);
  border-radius:28px;overflow:hidden;background:var(--paper-2);cursor:pointer;box-shadow:0 70px 120px -70px rgba(11,11,12,.5),0 2px 8px rgba(11,11,12,.04)}
.pg-scope .sv-player img{width:100%;height:100%;object-fit:cover;transform:scale(1.012);transition:transform 1s var(--ease)}
.pg-scope .sv-player:hover img{transform:scale(1.035)}
.pg-scope .sv-player:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
.pg-scope .sv-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;
  background:var(--purple);color:#fff;box-shadow:0 0 0 12px rgba(133,17,217,.16),0 30px 60px -20px rgba(133,17,217,.75);transition:scale .35s var(--ease)}
.pg-scope .sv-play svg{width:30px;height:30px;margin-left:4px}
.pg-scope .sv-player:hover .sv-play{scale:1.07}
.pg-scope .sv-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* long read (content 2 + 3) */
.pg-scope .sv-read-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:88px;align-items:start}
.pg-scope .sv-toc{position:sticky;top:112px}
.pg-scope .sv-toc>small{display:block;font-size:.6rem;letter-spacing:.16em;color:var(--muted)}
.pg-scope .sv-toc ol{list-style:none;margin:16px 0 0;padding:0;border-left:1px solid var(--line)}
.pg-scope .sv-toc ol a{display:block;margin-left:-1px;padding:8px 0 8px 16px;border-left:2px solid transparent;font-size:.9rem;line-height:1.4;color:var(--muted);
  transition:color .2s var(--ease),border-color .2s var(--ease)}
.pg-scope .sv-toc ol a:hover{color:var(--ink)}
.pg-scope .sv-toc ol a.on{color:var(--ink);border-left-color:var(--purple);font-weight:600}
.pg-scope .sv-toc-cta{margin-top:30px;padding:20px 20px 22px;border-radius:18px;border:1px solid var(--line);
  background:radial-gradient(120% 120% at 0% 0%,rgba(185,239,163,.35),transparent 60%),radial-gradient(120% 120% at 100% 100%,rgba(133,17,217,.08),transparent 60%),#fff}
.pg-scope .sv-toc-cta b{display:block;font-size:1rem;letter-spacing:-.01em;line-height:1.3}
.pg-scope .sv-toc-cta p{margin-top:6px;color:var(--muted);font-size:.86rem;line-height:1.5}
.pg-scope .sv-toc-cta .btn-purple{margin-top:14px;width:100%;padding:0 12px;white-space:nowrap;font-size:.88rem}
/* Long contents lists: the rail never grows past the screen; only the list scrolls, so the CTA card stays in view.
   The rule line is an inset shadow because a scrolling list clips anything pulled over its own border. */
.pg-scope .sv-toc{display:flex;flex-direction:column;max-height:calc(100vh - 136px)}
.pg-scope .sv-toc>small,.pg-scope .sv-toc-cta{flex:none}
.pg-scope .sv-toc ol{position:relative;min-height:140px;overflow-y:auto;overscroll-behavior:contain;border-left:0;box-shadow:inset 1px 0 0 var(--line);
  scrollbar-width:thin;scrollbar-color:rgba(11,11,12,.16) transparent}
.pg-scope .sv-toc ol a{margin-left:0}
@media (max-height:700px){.pg-scope .sv-toc-cta{display:none}}
.pg-scope .sv-read-body{max-width:740px}
.pg-scope .sv-mobtoc{display:none}
.pg-scope .sv-mid{margin:3.2em 0;padding:36px 38px;border-radius:26px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:radial-gradient(110% 150% at 0% 0%,rgba(185,239,163,.5),transparent 58%),radial-gradient(110% 150% at 100% 100%,rgba(133,17,217,.13),transparent 58%),#fff}
.pg-scope .sv-mid small{display:block;font-size:.58rem;letter-spacing:.16em;color:var(--purple);margin-bottom:10px}
.pg-scope .sv-mid .sv-mid-h{font-size:clamp(1.35rem,2vw,1.7rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;max-width:30ch;color:var(--ink)}
.pg-scope .sv-mid .acts{display:flex;gap:12px;flex-wrap:wrap}

/* FAQ (main.js initFAQ animates .question-body height; the theme hides it at height 0) */
.pg-scope .sv-faq-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:80px;align-items:start}
.pg-scope .sv-faq-head{position:sticky;top:118px}
.pg-scope .sv-help{margin-top:32px;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:20px;border:1px solid var(--line);background:#fff;max-width:420px}
.pg-scope .sv-help .sv-ic{width:46px;height:46px;border-radius:14px}
.pg-scope .sv-help .sv-ic svg{width:22px;height:22px}
.pg-scope .sv-help b{display:block;font-size:.98rem;letter-spacing:-.01em}
.pg-scope .sv-help a{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font-size:.58rem;letter-spacing:.16em;color:var(--purple)}
.pg-scope .sv-help a svg{width:12px;height:12px}
.pg-scope .sv-qas{border-top:1px solid var(--line)}
.pg-scope .sv-qas .question-block{border-bottom:1px solid var(--line)}
.pg-scope .sv-qas .question-head{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:26px 4px;text-align:left;
  background:none;border:0;cursor:pointer;color:var(--ink)}
.pg-scope .sv-qas .question-head h3{margin:0;font-size:clamp(1.05rem,1.4vw,1.2rem);font-weight:600;letter-spacing:-.012em;line-height:1.35;text-transform:none}
.pg-scope .sv-qas .question-head:focus-visible{outline:2px solid var(--purple);outline-offset:4px;border-radius:8px}
.pg-scope .sv-pm{flex:none;position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;
  transition:background .3s var(--ease),border-color .3s var(--ease),rotate .4s var(--ease)}
.pg-scope .sv-pm::before,.pg-scope .sv-pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;border-radius:2px;background:var(--ink);translate:-50% -50%}
.pg-scope .sv-pm::after{rotate:90deg}
.pg-scope .sv-qas .question-head:hover .sv-pm{border-color:rgba(133,17,217,.4)}
.pg-scope .sv-qas .question-head[aria-expanded="true"] .sv-pm{rotate:45deg;background:var(--green);border-color:var(--green)}
.pg-scope .sv-qas .question-body .description{padding:0 64px 28px 4px;color:var(--muted);font-size:1.02rem;line-height:1.7}
.pg-scope .sv-qas .question-body .description p+p{margin-top:.8em}

/* related services */
.pg-scope .sv-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pg-scope .sv-rel a{display:flex;align-items:flex-start;gap:14px;padding:18px 18px 20px;border-radius:18px}
.pg-scope .sv-rel .sv-ic{width:42px;height:42px;border-radius:12px}
.pg-scope .sv-rel .sv-ic svg{width:22px;height:22px}
.pg-scope .sv-rel b{display:flex;align-items:center;gap:8px;font-size:1rem;letter-spacing:-.01em;line-height:1.25}
.pg-scope .sv-rel b svg{flex:none;width:13px;height:13px;opacity:0;translate:-4px 0;transition:opacity .25s var(--ease),translate .25s var(--ease);color:var(--purple)}
.pg-scope .sv-rel a:hover b svg{opacity:1;translate:0 0}
.pg-scope .sv-rel small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;color:var(--muted);font-size:.84rem;line-height:1.45}

/* offices frame (the slider itself is the shared template part) */
.pg-offices.sv-offices{position:relative;padding:84px 0 40px}
.pg-offices .pg-scope{background:none;overflow:visible}
.pg-offices .thead{margin-bottom:8px}
.pg-offices .pg-offices-title{font-family:'Aeonik',sans-serif;font-weight:700;letter-spacing:-.03em;text-transform:uppercase;
  background:linear-gradient(96deg,#54B86A 0%,#8511D9 96%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

@media(max-width:1100px){
  .pg-scope .sv-rel{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-scope .sv-read-grid{grid-template-columns:210px minmax(0,1fr);gap:56px}
}
@media(max-width:960px){
  .pg-scope .sv-focus-grid,.pg-scope .sv-faq-grid{grid-template-columns:1fr;gap:44px}
  .pg-scope .sv-focus-head,.pg-scope .sv-faq-head{position:static}
  .pg-scope .sv-cases{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
  .pg-scope .sv-read-grid{grid-template-columns:1fr;gap:0}
  .pg-scope .sv-toc{display:none}
  .pg-scope .sv-mobtoc{display:block;margin-bottom:40px;border:1px solid var(--line);border-radius:18px;background:#fff}
  .pg-scope .sv-mobtoc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;font-size:.6rem;letter-spacing:.16em}
  .pg-scope .sv-mobtoc summary::-webkit-details-marker{display:none}
  .pg-scope .sv-mobtoc summary svg{width:14px;height:14px;transition:rotate .3s var(--ease)}
  .pg-scope .sv-mobtoc[open] summary svg{rotate:180deg}
  .pg-scope .sv-mobtoc ol{margin:0;padding:4px 18px 16px 34px;display:grid;gap:10px;font-size:.95rem;line-height:1.4}
  .pg-scope .sv-mobtoc a{color:var(--muted)}
  .pg-scope .sv-row-h{flex-direction:column;align-items:flex-start;gap:22px}
  .pg-scope .sv-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-scope .sv-art{width:min(100%,460px)}
  .pg-scope .sv-hero h1{max-width:none}
}
@media(max-width:640px){
  .pg-scope .sv-hero .ih-in{padding-bottom:40px}
  .pg-scope .sv-crumbs .sv-cur{display:none}
  .pg-scope .sv-art{aspect-ratio:auto;padding-top:34%}
  .pg-scope .sv-blob{width:62%;right:0}
  .pg-scope .sv-pass{position:relative;width:100%;padding:18px 16px 14px}
  .pg-scope .sv-sat.s1{left:0;top:1%}
  .pg-scope .sv-sat.s2{right:0;top:12%}
  .pg-scope .sv-thr{display:none}
  .pg-scope .sv-logo{padding:0 22px}
  .pg-scope .sv-logo img{height:26px}
  .pg-scope .sv-ledger li{grid-template-columns:40px minmax(0,1fr);padding:22px 4px}
  .pg-scope .sv-ledger b{font-size:1.14rem}
  .pg-scope .sv-mid{padding:28px 22px}
  .pg-scope .sv-mid .acts,.pg-scope .sv-mid .acts a{width:100%}
  .pg-scope .sv-qas .question-body .description{padding-right:8px}
  .pg-scope .sv-rel{grid-template-columns:1fr}
}

/* ============================================================
   Blog article (single.php)
   ============================================================ */
.ar-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:1000;pointer-events:none}
.ar-progress i{display:block;height:100%;background:linear-gradient(96deg,#54B86A 0%,#8511D9 96%);transform-origin:0 50%;transform:scaleX(0)}
.pg-scope .ar-head{position:relative;overflow:clip;isolation:isolate;
  background:linear-gradient(0deg,var(--paper) 0,rgba(255,255,255,0) 160px),
             radial-gradient(90% 80% at 88% -10%,#F1FAEC 0%,transparent 46%),
             radial-gradient(70% 70% at 4% 10%,#F7F1FD 0%,transparent 42%),var(--paper)}
.pg-scope .ar-head-in{position:relative;z-index:2;max-width:980px;margin-inline:auto;padding:168px 0 54px;text-align:center}
.pg-scope .ar-crumbs{display:inline-flex;align-items:center;justify-content:center;gap:6px 12px;flex-wrap:wrap;color:var(--ink)}
.pg-scope .ar-crumbs a{transition:color .2s var(--ease)}
.pg-scope .ar-crumbs a:hover{color:var(--purple)}
.pg-scope .ar-crumbs i{font-style:normal;opacity:.3}
.pg-scope .ar-head h1{margin:26px auto 0;max-width:19ch;font-size:clamp(2.3rem,4.8vw,4rem);line-height:1.02;letter-spacing:-.038em;text-transform:none;text-wrap:balance}
.pg-scope .ar-dek{margin:24px auto 0;max-width:60ch;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.55;color:var(--muted);text-wrap:pretty}
.pg-scope .ar-meta{margin-top:34px;display:flex;align-items:center;justify-content:center;gap:14px 22px;flex-wrap:wrap}
.pg-scope .ar-by{display:inline-flex;align-items:center;gap:12px;text-align:left}
.pg-scope .ar-av{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(135deg,rgba(185,239,163,.7),rgba(133,17,217,.18))}
.pg-scope .ar-av img{width:100%;height:100%;object-fit:cover}
.pg-scope .ar-av svg{width:20px;height:auto;fill:var(--ink)}
.pg-scope .ar-by b{display:block;font-size:.98rem;letter-spacing:-.01em}
.pg-scope .ar-facts{display:inline-flex;align-items:center;gap:10px;font-size:.6rem;letter-spacing:.16em;color:var(--muted)}
.pg-scope .ar-facts i{font-style:normal;opacity:.5}
.pg-scope .ar-meta .k-chip{transition:background .2s var(--ease)}
.pg-scope .ar-meta .k-chip:hover{background:rgba(133,17,217,.12)}
.pg-scope .ar-cover{position:relative;z-index:2;margin:0 auto;width:fit-content;max-width:min(1080px,100% - 48px);padding:10px;border-radius:30px;
  background:#fff;border:1px solid var(--line);box-shadow:0 70px 120px -70px rgba(11,11,12,.45),0 2px 8px rgba(11,11,12,.04)}
.pg-scope .ar-cover img{display:block;max-width:100%;width:auto;height:auto;max-height:min(64vh,600px);border-radius:21px}

.pg-scope .ar-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px) minmax(0,1fr);gap:56px;align-items:start;padding:88px 0 40px}
.pg-scope .ar-rail{grid-column:1;grid-row:1;justify-self:end;width:100%;max-width:250px;position:sticky;top:112px}
.pg-scope .ar-article{grid-column:2;grid-row:1;min-width:0}
.pg-scope .ar-toc-h{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.6rem;letter-spacing:.16em;color:var(--muted);cursor:default}
.pg-scope .ar-toc-h svg{display:none;width:14px;height:14px;transition:rotate .3s var(--ease)}
.pg-scope .ar-toc-list{margin-top:16px;border-left:1px solid var(--line)}
.pg-scope .ar-toc-list button{display:block;width:100%;margin:0 0 0 -1px;padding:8px 0 8px 16px;border:0;border-left:2px solid transparent;border-radius:0;background:none;
  text-align:left;font-size:.88rem;line-height:1.4;color:var(--muted);cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease)}
.pg-scope .ar-toc-list button.pl-16{padding-left:30px;font-size:.82rem}
.pg-scope .ar-toc-list button:hover{color:var(--ink)}
.pg-scope .ar-toc-list button.border-primary{color:var(--ink);border-left-color:var(--purple);font-weight:600}
.pg-scope .ar-toc-list:empty{display:none}
.pg-scope .ar-share{display:flex;align-items:center;gap:8px}
.pg-scope .ar-share>small{font-size:.56rem;letter-spacing:.16em;color:var(--muted);margin-right:6px}
.pg-scope .ar-share a{box-sizing:border-box;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  border:1px solid var(--line);background:#fff;color:var(--ink);transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.pg-scope .ar-share a:hover{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-2px)}
.pg-scope .ar-share svg{width:16px;height:16px}
.pg-scope .ar-rail-share .ar-share{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.pg-scope .ar-card{margin-top:26px;padding:22px 22px 24px;border-radius:20px;border:1px solid var(--line);position:relative;overflow:hidden;
  background:radial-gradient(120% 110% at 0% 0%,rgba(185,239,163,.38),transparent 60%),radial-gradient(120% 110% at 100% 100%,rgba(133,17,217,.10),transparent 60%),#fff}
.pg-scope .ar-card img{position:absolute;right:-26px;top:-24px;width:96px;height:auto;opacity:.9;filter:drop-shadow(0 12px 18px rgba(133,17,217,.2))}
.pg-scope .ar-card b{position:relative;display:block;font-size:1.02rem;letter-spacing:-.012em;line-height:1.28;max-width:15ch}
.pg-scope .ar-card p{position:relative;margin-top:8px;color:var(--muted);font-size:.86rem;line-height:1.5}
.pg-scope .ar-card .btn-purple{position:relative;margin-top:16px;width:100%;padding:0 12px;white-space:nowrap;font-size:.88rem}
.pg-scope .ar-card-end{display:none}
@media (min-width:961px){
  .pg-scope .ar-rail{display:flex;flex-direction:column;max-height:calc(100vh - 136px)}
  .pg-scope .ar-toc{display:flex;flex-direction:column;min-height:0}
  .pg-scope .ar-toc-h,.pg-scope .ar-rail-share,.pg-scope .ar-rail .ar-card{flex:none}
  .pg-scope .ar-toc-list{position:relative;min-height:140px;overflow-y:auto;overscroll-behavior:contain;border-left:0;box-shadow:inset 1px 0 0 var(--line);
    scrollbar-width:thin;scrollbar-color:rgba(11,11,12,.16) transparent}
  .pg-scope .ar-toc-list button{margin-left:0}
}
/* fade the edge the list can still scroll towards (class set by the inline script) */
.pg-scope .toc-fade-b{-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),transparent);mask-image:linear-gradient(#000 calc(100% - 36px),transparent)}
.pg-scope .toc-fade-t{-webkit-mask-image:linear-gradient(transparent,#000 36px);mask-image:linear-gradient(transparent,#000 36px)}
.pg-scope .toc-fade-t.toc-fade-b{-webkit-mask-image:linear-gradient(transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(transparent,#000 36px,#000 calc(100% - 36px),transparent)}
@media (max-height:700px){.pg-scope .ar-rail .ar-card{display:none}}

.pg-scope .ar-article .prose>p:first-child,.pg-scope .ar-article .prose>[data-cv-article]>p:first-child{font-size:1.2rem;line-height:1.62;color:var(--ink)}
.pg-scope .prose .ar-inline{margin:3em 0;display:flex;align-items:center;gap:22px;padding:22px 24px;border-radius:22px;border:1px solid var(--line);
  background:radial-gradient(90% 160% at 0% 50%,rgba(185,239,163,.4),transparent 60%),radial-gradient(90% 160% at 100% 50%,rgba(133,17,217,.09),transparent 60%),#fff}
.pg-scope .prose .ar-inline img{flex:none;width:64px;height:auto;border:0;border-radius:0;background:none;filter:drop-shadow(0 10px 16px rgba(133,17,217,.22))}
.pg-scope .prose .ar-inline div{flex:1;min-width:0}
.pg-scope .prose .ar-inline small{display:block;font-size:.56rem;letter-spacing:.16em;color:var(--purple);line-height:1.2}
.pg-scope .prose .ar-inline b{display:block;margin-top:6px;font-size:1.08rem;letter-spacing:-.012em;line-height:1.3}
.pg-scope .prose .ar-inline .btn-purple{flex:none;color:#fff;text-decoration:none}

.pg-scope .ar-end{margin-top:64px;padding-top:26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.pg-scope .ar-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pg-scope .ar-tags>small{font-size:.56rem;letter-spacing:.16em;color:var(--muted);margin-right:4px}
.pg-scope .ar-author{margin-top:34px;display:flex;align-items:flex-start;gap:20px;padding:26px 28px;border-radius:22px;border:1px solid var(--line);background:#fff;
  transition:border-color .25s var(--ease)}
.pg-scope .ar-author:hover{border-color:rgba(133,17,217,.28)}
.pg-scope .ar-author .ar-av{width:64px;height:64px}
.pg-scope .ar-author small{display:block;font-size:.56rem;letter-spacing:.16em;color:var(--muted)}
.pg-scope .ar-author b{display:block;margin-top:6px;font-size:1.15rem;letter-spacing:-.015em}
.pg-scope .ar-author-p{display:block;margin-top:8px;color:var(--muted);font-size:.95rem;line-height:1.6;max-width:54ch}

.pg-scope .ar-rel-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.pg-scope .ar-rel-h .thead{margin-bottom:0}
.pg-scope .ar-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(min-width:961px){.pg-scope .ar-posts:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}   /* 4 related: one row, no orphan */
.pg-scope .ar-post{display:flex;flex-direction:column;overflow:hidden}
.pg-scope .ar-post-img{aspect-ratio:16/10;overflow:hidden;background:var(--paper-2);border-bottom:1px solid var(--line)}
.pg-scope .ar-post-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.pg-scope .ar-post-img.fb img{object-fit:contain}
.pg-scope .ar-post:hover .ar-post-img img{transform:scale(1.045)}
.pg-scope .ar-post-in{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.pg-scope .ar-post h3{font-size:1.07rem;letter-spacing:-.015em;line-height:1.3;margin:12px 0 10px;text-transform:none}
.pg-scope .ar-post-p{color:var(--muted);font-size:.92rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pg-scope .ar-more{margin-top:auto;padding-top:18px;display:inline-flex;align-items:center;gap:8px;font-size:.57rem;letter-spacing:.15em;color:var(--purple)}
.pg-scope .ar-more svg{width:13px;height:13px;transition:translate .25s var(--ease)}
.pg-scope .ar-post:hover .ar-more svg{translate:4px 0}

@media(max-width:1100px){.pg-scope .ar-grid{grid-template-columns:210px minmax(0,1fr);gap:56px}.pg-scope .ar-rail{max-width:none}}
@media(max-width:960px){
  .pg-scope .ar-head-in{padding-top:140px}
  .pg-scope .ar-grid{grid-template-columns:minmax(0,1fr);max-width:720px;margin-inline:auto;padding-top:48px;gap:0}
  .pg-scope .ar-rail{grid-column:1;grid-row:1;position:static;max-width:none;justify-self:stretch;margin-bottom:36px}
  .pg-scope .ar-article{grid-column:1;grid-row:2}
  .pg-scope .ar-toc{border:1px solid var(--line);border-radius:18px;background:#fff}
  .pg-scope .ar-toc-h{padding:16px 18px;cursor:pointer}
  .pg-scope .ar-toc-h svg{display:block}
  .pg-scope .ar-toc.open .ar-toc-h svg{rotate:180deg}
  .pg-scope .ar-toc-list{display:none;margin:0 18px 16px;border-left:1px solid var(--line)}
  .pg-scope .ar-toc.open .ar-toc-list{display:block}
  .pg-scope .ar-rail-share,.pg-scope .ar-rail .ar-card{display:none}
  .pg-scope .ar-card-end{display:block;margin-top:34px}
  .pg-scope .ar-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-scope .ar-rel-h{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .pg-scope .ar-head-in{padding:128px 0 38px;text-align:left}
  .pg-scope .ar-crumbs{justify-content:flex-start}
  .pg-scope .ar-head h1{max-width:none}
  .pg-scope .ar-meta{justify-content:flex-start}
  .pg-scope .ar-dek{margin-left:0}
  .pg-scope .ar-cover{padding:6px;border-radius:22px}
  .pg-scope .ar-cover img{border-radius:17px}
  .pg-scope .prose .ar-inline{flex-wrap:wrap}
  .pg-scope .prose .ar-inline .btn-purple{width:100%}
  .pg-scope .ar-author{flex-direction:column;padding:22px}
  .pg-scope .ar-posts{grid-template-columns:1fr}
}