/* ========================================================================
   VAK Marketing — service pages

   These pages share the site's editorial optical language, but deliberately
   avoid cloning the main page's 3D choreography. A service is read as a
   considered operating plan: a clear premise, the scope of work, a sequence
   and a decision point. Hero visuals use a single 3D object, without photos.
   ======================================================================== */

/* Service routes reuse the site's published palette.  The page subject may
   change, but VAK Marketing's colour language does not. */
.sp{--sp-accent:var(--vio-2);--sp-accent-rgb:155,132,255;--sp-vio-rgb:124,92,255;--sp-cy-rgb:98,228,255;--sp-mag-rgb:255,82,184}
/* One colour system for all five services. Each page has its own accent and
   two neighbouring tones of equal lightness; alternating items cycle only
   within that family, so a page reads as one colour, not three. The fourth
   tone ties every page back to the VAK violet. Titles use the same family. */
.sp[data-service="strategy"]{--sp-accent:#bcabff;--sp-accent-rgb:188,171,255;--sp-cy-rgb:159,176,255;--sp-mag-rgb:211,166,245;--sp-vio-rgb:155,132,255;--sp-title-start:#b6a2ff;--sp-title-mid:#d8c9ff;--sp-title-end:#aaa9f8}
.sp[data-service="linkedin"]{--sp-accent:#9bbfff;--sp-accent-rgb:155,191,255;--sp-cy-rgb:142,219,234;--sp-mag-rgb:177,186,255;--sp-vio-rgb:160,160,255;--sp-title-start:#99baff;--sp-title-mid:#8edbea;--sp-title-end:#b1baff}
.sp[data-service="pr"]{--sp-accent:#eaa9d6;--sp-accent-rgb:234,169,214;--sp-cy-rgb:201,166,245;--sp-mag-rgb:239,161,196;--sp-vio-rgb:190,160,250;--sp-title-start:#dbabf5;--sp-title-mid:#efa1c4;--sp-title-end:#efbbb2}
.sp[data-service="seo"]{--sp-accent:#8adccb;--sp-accent-rgb:138,220,203;--sp-cy-rgb:140,208,236;--sp-mag-rgb:169,182,255;--sp-vio-rgb:150,150,255;--sp-title-start:#92e0cf;--sp-title-mid:#8fcfee;--sp-title-end:#aab4ff}
.sp[data-service="localization"]{--sp-accent:#efc7a0;--sp-accent-rgb:239,199,160;--sp-cy-rgb:240,178,164;--sp-mag-rgb:205,168,245;--sp-vio-rgb:170,150,255;--sp-title-start:#f1cda5;--sp-title-mid:#f0b6a6;--sp-title-end:#caa9f5}

.sp .atmo{position:fixed}
/* The service header is the same shell as the homepage header. Reserve its
   height before the shared links are rendered so the first fold never jumps. */
.sp-nav{min-height:var(--nav-h)}
.sp-main,.sp-foot{position:relative;z-index:2}
.sp-main{overflow:clip;padding-top:0}

/* ---------- Hero ------------------------------------------------------- */
.sp-hero{position:relative;min-height:100svh;display:flex;align-items:center;
  padding-top:calc(var(--nav-h) + clamp(30px,7vh,80px));padding-bottom:clamp(96px,14vh,150px)}
.sp-hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);
  gap:clamp(38px,6vw,106px);align-items:center}
.sp-title{max-width:13.4em;margin:0 0 clamp(20px,2.2vw,30px);font-size:clamp(30px,3.85vw,55px);font-weight:360;line-height:1.09;
  letter-spacing:-.036em;color:var(--ink)}
.sp-title__accent{color:var(--sp-title-start,var(--vio-2));font-weight:410}
.sp-title__accent--full{font-weight:inherit}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .sp-title__accent{background:linear-gradient(103deg,var(--sp-title-start) 4%,var(--sp-title-mid) 49%,var(--sp-title-end) 96%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
}
.sp-lead{max-width:47ch;margin:0 0 clamp(26px,3vw,38px);color:var(--ink-2);
  font-size:clamp(16px,1.05vw,18.5px);font-weight:420;line-height:1.62;letter-spacing:-.004em}
.sp-hero__actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:0}
.sp-hero__visual{position:relative;min-height:clamp(370px,42vw,562px);isolation:isolate}
.sp-hero__visual::before{content:'';position:absolute;z-index:-2;inset:6% -8% -8% 4%;
  background:radial-gradient(62% 66% at 72% 46%,rgba(var(--sp-accent-rgb),.20),rgba(var(--sp-accent-rgb),0) 70%)}
.sp-hero__visual::after{content:'';position:absolute;z-index:2;right:0;top:7%;height:72%;width:1px;
  background:linear-gradient(180deg,transparent,var(--sp-accent),transparent);opacity:.54}
.sp-hero__photo{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);
  clip-path:polygon(10% 0,100% 0,100% 87%,89% 100%,0 100%,0 12%);
  background:var(--bg);box-shadow:0 38px 90px -62px rgba(var(--sp-accent-rgb),.72)}
.sp-hero__photo::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,5,12,.42),rgba(6,5,12,.02) 62%),
    linear-gradient(0deg,rgba(6,5,12,.56),transparent 45%),linear-gradient(135deg,rgba(var(--sp-accent-rgb),.16),transparent 52%)}
.sp-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.04) brightness(.84);
  transform:scale(1.012);transition:transform 1.2s var(--e-out)}
.sp-hero__visual:hover .sp-hero__photo img{transform:scale(1.035)}
.sp-hero__object{position:absolute;z-index:1;right:-2%;top:50%;width:min(116%,720px);max-width:none;height:auto;
  pointer-events:none;opacity:.72;mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 40%,rgba(0,0,0,.9) 60%,transparent 74%);
  mask-image:radial-gradient(ellipse at center,#000 40%,rgba(0,0,0,.9) 60%,transparent 74%);
  transform:translate3d(0,-50%,0) scale(1.02);transform-origin:72% 50%;
  transition:transform .9s var(--e-out),opacity .5s ease,filter .5s ease}
.sp-hero__visual:hover .sp-hero__object{opacity:.9;filter:saturate(1.08) brightness(1.1);transform:translate3d(10px,-50%,0) scale(1.055) rotate(-.6deg)}
.sp-hero__index{position:absolute;z-index:3;right:clamp(20px,3vw,38px);bottom:clamp(17px,2.4vw,30px);display:grid;gap:4px;text-align:right}
.sp-hero__index b{font-size:clamp(42px,5.6vw,84px);line-height:.88;font-weight:200;letter-spacing:-.075em;color:rgba(255,255,255,.88)}
.sp-hero__index span{color:rgba(236,229,255,.72);font-size:11px;font-weight:650;letter-spacing:.11em;text-transform:uppercase}
.sp-hero__trace{position:absolute;z-index:3;left:-16px;bottom:10%;width:48%;height:25%;border-left:1px solid rgba(var(--sp-accent-rgb),.65);
  border-bottom:1px solid rgba(var(--sp-accent-rgb),.38);pointer-events:none}
.sp-hero__trace::before,.sp-hero__trace::after{content:'';position:absolute;width:7px;height:7px;border:1px solid var(--sp-accent);border-radius:50%;background:var(--bg)}
.sp-hero__trace::before{left:-4px;top:-4px}.sp-hero__trace::after{right:-4px;bottom:-4px}
@media (max-width:720px){.sp-hero__object{right:0;width:100%;opacity:.72}}

/* ---------- Shared section rhythm ------------------------------------ */
.sp-section{padding-block:var(--sec)}
.sp-section--tight{padding-block:clamp(54px,6.5vw,96px)}
.sp-section--rule{border-top:1px solid var(--line)}
/* Service pages read as one continuous canvas, not separate slides.
   Only section boundaries are removed; diagrams, cards and lists keep theirs. */
.sp[data-service] .sp-main > section{border-block:0}
.sp-head{display:grid;grid-template-columns:minmax(0,.92fr) minmax(240px,.68fr);gap:clamp(20px,5vw,86px);align-items:end;margin-bottom:clamp(34px,5vw,68px)}
.sp-head h2{font-size:clamp(27px,3.1vw,47px);font-weight:340;line-height:1.08;letter-spacing:-.032em;max-width:15ch}
.sp-head__note{max-width:44ch;margin:0;color:var(--ink-2);font-size:inherit;line-height:inherit}
.sp-caption{margin:0 0 14px;color:var(--sp-accent);font-size:13.5px;font-weight:500;letter-spacing:.01em;text-transform:none}

/* Reasons are an editorial proof strip, not a bank of generic cards. */
.sp-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sp-proof__item{position:relative;min-height:clamp(196px,17vw,262px);padding:clamp(20px,2.25vw,32px) clamp(18px,2.3vw,34px) clamp(22px,2.7vw,38px) 0}
.sp-proof__item+ .sp-proof__item{padding-left:clamp(18px,2.3vw,34px);border-left:1px solid var(--line)}
.sp-proof__num{display:block;margin-bottom:clamp(28px,4vw,50px);color:var(--sp-accent);font-size:12px;font-weight:600;letter-spacing:.08em}
.sp-proof h3{font-size:clamp(18px,1.5vw,23px);font-weight:400;line-height:1.22;letter-spacing:-.03em}
.sp-proof p{margin:11px 0 0;color:var(--ink-2);font-size:14px;line-height:1.55}

/* Scope uses a dense, number-led index. It reads like real operations. */
.sp-scope{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(32px,7vw,118px);align-items:start}
.sp-scope__intro{position:sticky;top:calc(var(--nav-h) + 34px)}
.sp-scope__intro h2{font-size:clamp(27px,3.1vw,47px);font-weight:340;line-height:1.08;letter-spacing:-.032em;max-width:13ch}
.sp-scope__intro p:last-child{max-width:35ch;margin:18px 0 0;color:var(--ink-2);font-size:inherit;line-height:inherit}
.sp-index{counter-reset:scope;border-top:1px solid var(--line)}
.sp-index__item{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;min-height:70px;padding:17px 0;border-bottom:1px solid var(--line)}
.sp-index__item::before{counter-increment:scope;content:counter(scope,decimal-leading-zero);color:var(--sp-accent);font-size:11px;font-weight:650;letter-spacing:.08em;line-height:1.65}
.sp-index__item span{font-size:clamp(16px,1.32vw,20px);font-weight:330;line-height:1.35;letter-spacing:-.025em}
.sp-index__item:hover span{color:var(--sp-accent)}

/* Strategy formats are a calm decision matrix, not a deck of decorative cards. */
.sp-formats-section{border-top:1px solid var(--line)}
.sp-formats__head{display:grid;grid-template-columns:minmax(0,.88fr) minmax(280px,.72fr);gap:clamp(28px,6vw,96px);align-items:end;margin-bottom:clamp(34px,5vw,62px)}
.sp-formats__head>p{grid-column:1/-1;margin:0 0 -4px;color:var(--sp-accent);font-size:13.5px;font-weight:500;letter-spacing:.01em}
.sp-formats__head h2{font-size:clamp(27px,3.1vw,47px);font-weight:340;line-height:1.08;letter-spacing:-.032em;max-width:14ch}
.sp-formats__head>span{max-width:42ch;color:var(--ink-2);font-size:15px;line-height:1.58}
.sp-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.sp-formats>li{min-height:clamp(170px,15vw,218px);padding:clamp(22px,2.6vw,36px) clamp(18px,3vw,42px) clamp(24px,2.8vw,40px) 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(14px);transition:opacity .68s var(--e-out) calc(.12s + var(--sp-item-delay)),transform .78s cubic-bezier(.16,.74,.25,1) calc(.12s + var(--sp-item-delay))}
.sp-formats>li:nth-child(even){padding-left:clamp(18px,3vw,42px);border-left:1px solid var(--line)}
.sp-formats.is-in>li{opacity:1;transform:none}
.sp-formats h3{font-size:clamp(19px,1.65vw,25px);font-weight:390;letter-spacing:-.03em;line-height:1.2}
.sp-formats p{max-width:47ch;margin:11px 0 0;color:var(--ink-2);font-size:14px;line-height:1.57}

.sp-diagram{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:clamp(27px,4vw,54px)}
.sp-diagram::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(var(--sp-accent-rgb),0),rgba(var(--sp-accent-rgb),.52),rgba(var(--sp-accent-rgb),0));opacity:.45}
.sp-diagram__items{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.sp-diagram__item{min-height:155px;padding:0 clamp(15px,2vw,28px);display:flex;flex-direction:column;justify-content:flex-end}
.sp-diagram__item+ .sp-diagram__item{border-left:1px solid var(--line)}
.sp-diagram__dot{width:11px;height:11px;margin-bottom:auto;border:1px solid var(--sp-accent);border-radius:50%;background:var(--bg);box-shadow:0 0 0 5px rgba(var(--sp-accent-rgb),.08)}
.sp-diagram h3{font-size:clamp(18px,1.55vw,23px);font-weight:400;line-height:1.24;letter-spacing:-.03em}
.sp-diagram p{margin:8px 0 0;color:var(--ink-2);font-size:13.5px;line-height:1.48}
.sp-diagram--items-7 .sp-diagram__item:nth-child(n+5){padding-top:clamp(27px,4vw,54px);border-top:1px solid var(--line)}
.sp-diagram--items-7 .sp-diagram__item:nth-child(5){border-left:0}

/* Sectors and outcomes have space for an entire thought, rather than an icon. */
.sp-sectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.sp-sector{min-height:clamp(142px,13vw,184px);padding:clamp(22px,2.6vw,36px) clamp(18px,3vw,44px);border-bottom:1px solid var(--line)}
.sp-sector:nth-child(even){border-left:1px solid var(--line)}
.sp-sector__tag{display:block;margin-bottom:18px;color:var(--sp-accent);font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.sp-sector h3{font-size:clamp(19px,1.65vw,25px);font-weight:380;letter-spacing:-.03em;line-height:1.2}
.sp-sector p{margin:10px 0 0;color:var(--ink-2);font-size:14px;line-height:1.56;max-width:44ch}
.sp-sector--tagged{display:grid;grid-template-columns:minmax(0,1fr) minmax(142px,.72fr);column-gap:clamp(18px,3vw,44px);align-items:start}
.sp-sector--tagged h3{grid-column:1/-1}.sp-sector--tagged p{grid-column:1;margin-top:10px}
.sp-sector__tags{display:grid;grid-column:2;grid-row:2;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.sp-sector__tags li{padding:0 0 6px;border-bottom:1px solid rgba(var(--sp-accent-rgb),.22);color:rgba(var(--sp-accent-rgb),.92);font-size:10px;font-weight:640;letter-spacing:.045em;line-height:1.35;text-transform:uppercase}

/* ---------- Price table ------------------------------------------------ */
.sp-pricing{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,7vw,116px);align-items:start}
.sp-pricing__copy h2{font-size:clamp(27px,3.1vw,47px);font-weight:340;line-height:1.08;letter-spacing:-.032em;max-width:12ch}
.sp-pricing__copy p:last-child{margin:18px 0 0;color:var(--ink-2);max-width:34ch;font-size:inherit;line-height:inherit}
.sp-price-table{width:100%;border-collapse:collapse;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.sp-price-table th,.sp-price-table td{padding:18px 0;border-bottom:1px solid var(--line);text-align:left}
.sp-price-table th{color:var(--ink-3);font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.sp-price-table td{font-size:clamp(16px,1.38vw,20px);font-weight:340;letter-spacing:-.025em}
.sp-price-table td:last-child{text-align:right;color:var(--sp-accent);font-weight:540}
.sp-pricing__notes{display:grid;gap:12px;margin-top:24px}
.sp-pricing__note{padding-left:20px;position:relative;color:var(--ink-2);font-size:14px;line-height:1.54}
.sp-pricing__note::before{content:'';position:absolute;left:0;top:.62em;width:7px;height:7px;border:1px solid var(--sp-accent);border-radius:50%}

/* ---------- Process ---------------------------------------------------- */
.sp-process{border-top:1px solid var(--line)}
.sp-process__item{display:grid;grid-template-columns:clamp(52px,7vw,92px) minmax(170px,.75fr) minmax(0,1.6fr);gap:clamp(16px,3vw,50px);padding:clamp(23px,2.75vw,36px) 0;border-bottom:1px solid var(--line);align-items:start}
.sp-process__num{font-size:clamp(21px,2vw,30px);font-weight:230;letter-spacing:-.05em;color:var(--sp-accent);line-height:1}
.sp-process h3{font-size:clamp(18px,1.5vw,23px);font-weight:430;letter-spacing:-.03em;line-height:1.22}
.sp-process p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6;max-width:54ch}

/* Localisation is read as straight, deliberate sequences — no
   decorative network between steps. */
.sp-linear-sequence{position:relative;display:grid;grid-template-columns:repeat(var(--sp-sequence-columns),minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sp-linear-sequence--localization{--sp-sequence-columns:5}
.sp-linear-sequence::before{content:'';position:absolute;z-index:0;left:6%;right:6%;top:clamp(34px,4vw,54px);height:1px;background:linear-gradient(90deg,rgba(var(--sp-accent-rgb),.25),rgba(var(--sp-cy-rgb),.72),rgba(var(--sp-mag-rgb),.42));transform:scaleX(0);transform-origin:left;transition:transform 1.05s cubic-bezier(.16,.74,.25,1) .14s}
.sp-linear-sequence.is-in::before{transform:scaleX(1)}
.sp-linear-sequence li{position:relative;z-index:1;min-height:clamp(196px,17vw,246px);padding:clamp(24px,2.8vw,40px) clamp(15px,2.2vw,30px) clamp(22px,2.6vw,38px) 0;opacity:0;transform:translateY(14px);transition:opacity .64s var(--e-out) calc(.1s + var(--sp-item-delay)),transform .76s cubic-bezier(.16,.74,.25,1) calc(.1s + var(--sp-item-delay))}
.sp-linear-sequence li+li{padding-left:clamp(15px,2.2vw,30px);border-left:1px solid var(--line)}.sp-linear-sequence.is-in li{opacity:1;transform:none}
.sp-linear-sequence span{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid rgba(var(--sp-accent-rgb),.8);border-radius:50%;background:var(--bg);color:var(--sp-accent);font-size:9px;font-weight:650;letter-spacing:.04em}
.sp-linear-sequence h3{margin-top:clamp(42px,4.4vw,60px);font-size:clamp(19px,1.55vw,24px);font-weight:390;letter-spacing:-.032em;line-height:1.18}.sp-linear-sequence p{margin:10px 0 0;color:var(--ink-2);font-size:13.5px;line-height:1.56;max-width:26ch}
.sp-sectors--localization .sp-sector{--sp-sector-rgb:var(--sp-accent-rgb);position:relative;padding-left:clamp(28px,3.3vw,48px)}
.sp-sectors--localization .sp-sector:nth-child(2){--sp-sector-rgb:var(--sp-cy-rgb)}.sp-sectors--localization .sp-sector:nth-child(3){--sp-sector-rgb:var(--sp-mag-rgb)}.sp-sectors--localization .sp-sector:nth-child(4){--sp-sector-rgb:var(--sp-vio-rgb)}
.sp-sectors--localization .sp-sector::before{content:'';position:absolute;left:clamp(18px,2.2vw,32px);top:clamp(30px,3.5vw,46px);width:7px;height:7px;border-radius:50%;background:rgb(var(--sp-sector-rgb));box-shadow:0 0 0 4px rgba(var(--sp-sector-rgb),.075),0 0 16px rgba(var(--sp-sector-rgb),.42)}

/* LinkedIn is a measured funnel: four clear transfers, not a decorative cloud. */
.sp-linkedin-funnel-section{border-top:1px solid var(--line)}
.sp-linkedin-funnel__head{display:grid;grid-template-columns:minmax(0,.88fr) minmax(280px,.72fr);gap:clamp(28px,6vw,96px);align-items:end;margin-bottom:clamp(34px,5vw,62px)}
.sp-linkedin-funnel__head>p{grid-column:1/-1;margin:0 0 -4px;color:var(--sp-accent);font-size:13.5px;font-weight:500;letter-spacing:.01em}.sp-linkedin-funnel__head h2{font-size:clamp(27px,3.1vw,47px);font-weight:340;line-height:1.08;letter-spacing:-.032em;max-width:14ch}.sp-linkedin-funnel__head>span{max-width:42ch;color:var(--ink-2);font-size:15px;line-height:1.58}
.sp-linkedin-funnel{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sp-linkedin-funnel::before{content:'';position:absolute;left:7%;right:7%;top:clamp(36px,4vw,58px);height:1px;background:linear-gradient(90deg,rgba(var(--sp-accent-rgb),.24),rgba(var(--sp-cy-rgb),.74),rgba(var(--sp-mag-rgb),.42));transform:scaleX(0);transform-origin:left;transition:transform 1.15s cubic-bezier(.16,.74,.25,1) .18s}
.sp-linkedin-funnel.is-in::before{transform:scaleX(1)}
.sp-linkedin-funnel li{position:relative;min-height:clamp(204px,17vw,254px);padding:clamp(25px,3vw,42px) clamp(16px,2.2vw,30px) clamp(22px,2.5vw,36px) 0;opacity:0;transform:translateY(14px);transition:opacity .66s var(--e-out) calc(.12s + var(--sp-item-delay)),transform .78s cubic-bezier(.16,.74,.25,1) calc(.12s + var(--sp-item-delay))}
.sp-linkedin-funnel li+li{padding-left:clamp(16px,2.2vw,30px);border-left:1px solid var(--line)}.sp-linkedin-funnel.is-in li{opacity:1;transform:none}
.sp-linkedin-funnel span{position:relative;z-index:1;display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid rgba(var(--sp-accent-rgb),.8);border-radius:50%;background:var(--bg);color:var(--sp-accent);font-size:9px;font-weight:650;letter-spacing:.04em}
.sp-linkedin-funnel h3{margin-top:clamp(42px,4.5vw,62px);font-size:clamp(20px,1.75vw,27px);font-weight:390;letter-spacing:-.035em;line-height:1.16}.sp-linkedin-funnel p{margin:10px 0 0;color:var(--ink-2);font-size:14px;line-height:1.56;max-width:28ch}
.sp-linkedin-icp-section{border-top:1px solid var(--line)}.sp-linkedin-icp{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,46px);margin:0;padding:clamp(30px,4vw,54px) 0 0;list-style:none;border-top:1px solid var(--line)}
.sp-linkedin-icp::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,rgba(var(--sp-accent-rgb),.8),rgba(var(--sp-cy-rgb),.55),rgba(var(--sp-mag-rgb),.38));transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,.74,.25,1) .14s}.sp-linkedin-icp.is-in::before{transform:scaleX(1)}
.sp-linkedin-icp li{position:relative;padding-top:20px;opacity:0;transform:translateY(12px);transition:opacity .62s var(--e-out) calc(.1s + var(--sp-item-delay)),transform .72s cubic-bezier(.16,.74,.25,1) calc(.1s + var(--sp-item-delay))}.sp-linkedin-icp li::before{content:'';position:absolute;left:0;top:-4px;width:7px;height:7px;border:1px solid var(--sp-accent);border-radius:50%;background:var(--bg);box-shadow:0 0 0 4px rgba(var(--sp-accent-rgb),.06)}.sp-linkedin-icp.is-in li{opacity:1;transform:none}.sp-linkedin-icp h3{font-size:clamp(18px,1.45vw,22px);font-weight:400;letter-spacing:-.03em;line-height:1.2}.sp-linkedin-icp p{margin:8px 0 0;color:var(--ink-2);font-size:13px;line-height:1.52}
@media (min-width:761px){
  .sp-process-section--linkedin .sp-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border-top:1px solid var(--line)}
  .sp-process-section--linkedin .sp-process::before{display:none}
  .sp-process-section--linkedin .sp-process__item{display:block;min-height:clamp(215px,18vw,266px);padding:clamp(24px,2.7vw,38px) clamp(18px,3vw,44px);border:0;border-bottom:0}
  .sp-process-section--linkedin .sp-process__item+.sp-process__item{border-left:1px solid var(--line)}
  .sp-process-section--linkedin .sp-process__item::before{left:clamp(18px,3vw,44px);top:-4px}
  .sp-process-section--linkedin .sp-process h3{margin-top:clamp(34px,3.7vw,54px)}
}

/* ---------- Strategy: a specific operating composition ----------------
   Strategy is intentionally not built from the shared card / table patterns.
   It reads as a sequence of decisions around one business objective. */
.sp[data-service="strategy"] .sp-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:clamp(38px,6vw,106px)}
.sp[data-service="strategy"] .sp-title{max-width:13.4em}
.sp[data-service="strategy"] .sp-hero__visual--strategy{min-height:clamp(370px,42vw,562px);width:100%;justify-self:stretch}
.sp[data-service="strategy"] .sp-hero__visual--strategy .sp-hero__photo{inset:0}
/* Strategy is read as one continuous field: its section rhythm comes from
   spacing and atmosphere, not full-bleed divider rules between chapters. */
.sp[data-service="strategy"] .sp-section--rule{border-top:0}
.sp-hero__visual--strategy{overflow:visible;isolation:isolate}
.sp-hero__visual--strategy::before,.sp-hero__visual--strategy::after{display:none}
.sp-hero__visual--strategy .sp-hero__photo{inset:0;z-index:0;overflow:hidden;border:0;clip-path:none;background:transparent;box-shadow:none;transform:none;-webkit-mask-image:radial-gradient(ellipse 87% 88% at 52% 50%,#000 0%,#000 48%,rgba(0,0,0,.88) 65%,rgba(0,0,0,.38) 82%,transparent 100%);mask-image:radial-gradient(ellipse 87% 88% at 52% 50%,#000 0%,#000 48%,rgba(0,0,0,.88) 65%,rgba(0,0,0,.38) 82%,transparent 100%)}
.sp-hero__visual--strategy .sp-hero__photo::after{background:linear-gradient(90deg,rgba(6,5,12,.58),rgba(6,5,12,.16) 50%,rgba(6,5,12,.06)),radial-gradient(ellipse at center,transparent 36%,rgba(6,5,12,.15) 74%,rgba(6,5,12,.68) 100%)}
.sp-hero__visual--strategy .sp-hero__photo img{filter:saturate(.58) brightness(.68) contrast(.98);transform:scale(1.018);transition:transform 1.65s cubic-bezier(.16,.74,.25,1)}
.sp-hero__visual--strategy:hover .sp-hero__photo img{transform:scale(1.042)}

.sp-decision-frame{position:relative;display:block;padding-block:clamp(12px,2vw,28px);isolation:isolate}
.sp-decision-frame::before{content:'';position:absolute;z-index:-1;inset:0 12%;background:radial-gradient(62% 66% at 50% 10%,rgba(var(--sp-accent-rgb),.12),transparent 73%);pointer-events:none}
.sp-decision-frame__head{max-width:min(100%,780px);margin:0 auto clamp(38px,5vw,70px);text-align:center}
.sp-decision-frame__head h2{max-width:100%;margin:0 auto;font-size:clamp(27px,3.1vw,47px);font-weight:340;line-height:1.08;letter-spacing:-.032em;text-align:center;text-wrap:balance}
.sp-decision-frame__line{display:block;text-align:center;white-space:nowrap}
.sp-decision-frame__line+.sp-decision-frame__line{margin-top:.08em}
.sp-decision-frame__accent{color:var(--sp-accent);font-weight:500;letter-spacing:-.055em}
.sp-strategy-scope__intro>p,.sp-strategy-system__head>p,.sp-strategy-cycle__head>p,.sp-strategy-gate__intro>p{margin:0 0 15px;color:var(--sp-accent);font-size:13.5px;font-weight:500;letter-spacing:.01em;text-transform:none}
.sp-strategy-scope__intro h2,.sp-strategy-system__head h2,.sp-strategy-cycle__head h2,.sp-strategy-gate__intro h2{font-size:clamp(27px,3.1vw,47px);font-weight:340;line-height:1.08;letter-spacing:-.032em}
.sp-strategy-scope__intro>span,.sp-strategy-system__head>span,.sp-strategy-gate__intro>span{display:block;max-width:34ch;margin-top:19px;color:var(--ink-2);font-size:inherit;line-height:inherit}
.sp-decision-frame__items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.8vw,44px);margin:0;padding:0;list-style:none}
.sp-decision-frame__item{--sp-decision-rgb:var(--sp-accent-rgb);position:relative;min-height:0;padding-top:20px;border-top:1px solid var(--line);opacity:0;transform:translateY(17px);transition:opacity .7s var(--e-out) calc(.16s + var(--sp-item-delay)),transform .7s var(--e-out) calc(.16s + var(--sp-item-delay))}
.sp-decision-frame__item::before{content:'';position:absolute;z-index:1;top:-4px;left:0;width:7px;height:7px;border:1px solid rgba(var(--sp-decision-rgb),.7);border-radius:50%;background:var(--bg);box-shadow:0 0 0 4px rgba(var(--sp-decision-rgb),.065),0 0 15px rgba(var(--sp-decision-rgb),.38)}
.sp-decision-frame__item::after{content:'';position:absolute;top:-1px;left:13px;width:clamp(28px,3vw,46px);height:1px;background:linear-gradient(90deg,rgba(var(--sp-decision-rgb),.9),rgba(var(--sp-decision-rgb),0))}
.sp-decision-frame__item:nth-child(2){--sp-decision-rgb:var(--sp-cy-rgb)}
.sp-decision-frame__item:nth-child(3){--sp-decision-rgb:var(--sp-mag-rgb)}
.sp-decision-frame__item:nth-child(4){--sp-decision-rgb:var(--sp-vio-rgb)}
.sp-decision-frame.is-in .sp-decision-frame__item{opacity:1;transform:none}
.sp-decision-frame__item h3{font-size:clamp(19px,1.65vw,25px);font-weight:390;letter-spacing:-.034em;line-height:1.2}
.sp-decision-frame__item p{max-width:31ch;margin:10px 0 0;color:var(--ink-2);font-size:14px;line-height:1.57}

.sp-strategy-scope{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(42px,8vw,146px);align-items:start}
.sp-strategy-scope__intro{position:sticky;top:calc(var(--nav-h) + 38px)}
.sp-strategy-scope__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:clamp(28px,4vw,60px);align-items:start}
.sp-strategy-scope__list{margin:0;padding:0;list-style:none}
.sp-strategy-scope__item{border-top:1px solid var(--line);transition:border-color .45s var(--e-out)}
.sp-strategy-scope__item:last-child{border-bottom:1px solid var(--line)}
.sp-strategy-scope__button{width:100%;display:block;padding:18px 0;background:transparent;border:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:color .38s var(--e-out),padding .48s var(--e-out),box-shadow .38s var(--e-out)}
.sp-strategy-scope__button:hover,.sp-strategy-scope__item.is-active .sp-strategy-scope__button{padding-left:14px;color:#fff;box-shadow:inset 2px 0 0 var(--sp-accent)}
.sp-strategy-scope__button:focus{outline:none}
.sp-strategy-scope__button:focus-visible{outline:0;box-shadow:inset 2px 0 0 rgba(var(--sp-accent-rgb),.88)}
.sp-strategy-scope__title{font-size:clamp(17px,1.42vw,21px);font-weight:340;letter-spacing:-.03em;line-height:1.3}
.sp-strategy-scope__mobile-output{display:none}
.sp-strategy-scope__detail{position:sticky;top:calc(var(--nav-h) + 38px);min-height:316px;padding:18px 0 18px clamp(20px,2.5vw,38px);border-left:0}
.sp-strategy-scope__detail::before{content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background:linear-gradient(180deg,rgba(var(--sp-accent-rgb),.96),rgba(var(--sp-accent-rgb),.52) 18%,rgba(var(--sp-accent-rgb),.16) 72%,transparent);box-shadow:0 0 11px rgba(var(--sp-accent-rgb),.24);pointer-events:none}
.sp-strategy-scope__detail::after{content:'';position:absolute;z-index:1;top:-3px;left:-3px;width:7px;height:7px;border:1px solid rgba(var(--sp-accent-rgb),.88);border-radius:50%;background:var(--bg);box-shadow:0 0 0 3px rgba(var(--sp-accent-rgb),.075),0 0 13px rgba(var(--sp-accent-rgb),.36);pointer-events:none}
.sp-strategy-scope__detail>span{display:block;margin-bottom:10px;color:var(--ink-3);font-size:12px;font-weight:510;letter-spacing:.025em}
.sp-strategy-scope__detail h3{max-width:21ch;margin:0 0 28px;font-size:clamp(21px,1.88vw,29px);font-weight:300;letter-spacing:-.038em;line-height:1.22}
.sp-strategy-scope__detail p{max-width:29ch;margin:0;color:var(--ink-2);font-size:14px;line-height:1.63}

.sp-strategy-system-section{overflow:hidden}
.sp-strategy-system__head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,.7fr);gap:clamp(28px,7vw,118px);align-items:end;margin-bottom:clamp(36px,5vw,70px)}
.sp-strategy-system__head>p{grid-column:1/-1;margin-bottom:-4px}
.sp-strategy-system__head>span{justify-self:end;margin-top:0}
.sp-strategy-system{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(92px,1fr) minmax(180px,1.16fr) minmax(108px,1fr);column-gap:clamp(16px,2.5vw,42px);row-gap:clamp(22px,3.5vw,42px);min-height:clamp(460px,38vw,522px);overflow:hidden;isolation:isolate}
.sp-strategy-system::before{content:'';position:absolute;z-index:-1;left:24%;right:24%;top:20%;bottom:18%;background:radial-gradient(ellipse at center,rgba(var(--sp-accent-rgb),.085),rgba(var(--sp-vio-rgb),.025) 44%,transparent 72%);filter:blur(7px)}
.sp-strategy-system__links{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sp-strategy-system__links .sp-flow{fill:none;stroke-width:1.14;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 4px rgba(var(--sp-accent-rgb),.18));will-change:stroke-dashoffset,opacity;transition:opacity .44s ease var(--sp-link-delay),stroke-dashoffset 1.28s cubic-bezier(.18,.72,.22,1) var(--sp-link-delay)}
.sp-strategy-system.is-assembled .sp-strategy-system__links .sp-flow{opacity:.68;stroke-dashoffset:0}
.sp-strategy-system__core{position:relative;z-index:1;grid-column:4 / 10;grid-row:2;justify-self:center;align-self:center;width:min(100%,280px);display:grid;justify-items:center;gap:9px;padding:12px 0;text-align:center;opacity:0;transform:translateY(11px);transition:opacity .85s ease .12s,transform 1.05s cubic-bezier(.16,.74,.25,1) .12s}
.sp-strategy-system__core::after{content:'';display:block;width:42px;height:1px;margin-top:10px;background:linear-gradient(90deg,transparent,rgba(var(--sp-accent-rgb),.72),transparent)}
.sp-strategy-system__core strong{font-size:clamp(27px,2.55vw,38px);font-weight:250;line-height:1.02;letter-spacing:-.058em}
.sp-strategy-system__core span{color:var(--ink-2);font-size:12px;line-height:1.35}
.sp-strategy-system.is-assembled .sp-strategy-system__core{opacity:1;transform:none}
.sp-strategy-system__nodes{display:contents;margin:0;padding:0;list-style:none}
.sp-strategy-system__node{position:relative;z-index:1;width:auto;align-self:start;opacity:0;transform:translateY(12px);transition:opacity .7s var(--e-out) calc(.18s + var(--sp-item-delay)),transform .95s cubic-bezier(.16,.74,.25,1) calc(.18s + var(--sp-item-delay))}
.sp-strategy-system.is-assembled .sp-strategy-system__node{opacity:1;transform:none}
.sp-strategy-system__node h3{font-size:clamp(17px,1.38vw,21px);font-weight:390;letter-spacing:-.03em;line-height:1.18}
.sp-strategy-system__node p{margin:7px 0 0;color:var(--ink-2);font-size:13px;line-height:1.47}
.sp-strategy-system__node:nth-child(1){grid-column:1 / span 3;grid-row:1}
.sp-strategy-system__node:nth-child(2){grid-column:5 / span 4;grid-row:1;text-align:center}
.sp-strategy-system__node:nth-child(3){grid-column:10 / span 3;grid-row:1;text-align:right}
.sp-strategy-system__node:nth-child(4){grid-column:1 / span 3;grid-row:3;align-self:end}
.sp-strategy-system__node:nth-child(5){grid-column:4 / span 3;grid-row:3;align-self:end}
.sp-strategy-system__node:nth-child(6){grid-column:7 / span 3;grid-row:3;align-self:end;text-align:center}
.sp-strategy-system__node:nth-child(7){grid-column:10 / span 3;grid-row:3;align-self:end;text-align:right}

/* Every standalone service keeps the same schematic language, while the
   paths follow its own working logic rather than duplicating Strategy. */
.sp-service-system-section{position:relative;overflow:hidden}
.sp-service-system{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(110px,1fr) minmax(185px,1.16fr) minmax(120px,1fr);column-gap:clamp(16px,2.5vw,42px);row-gap:clamp(24px,3.4vw,42px);min-height:clamp(500px,38vw,570px);isolation:isolate}
.sp-service-system::before{content:'';position:absolute;z-index:-1;left:24%;right:24%;top:19%;bottom:18%;background:radial-gradient(ellipse at center,rgba(var(--sp-accent-rgb),.095),rgba(var(--sp-cy-rgb),.024) 45%,transparent 74%);filter:blur(8px)}
.sp-service-system--layout-linkedin::before{left:67%;right:-4%;top:22%;bottom:18%;background:radial-gradient(ellipse at center,rgba(var(--sp-cy-rgb),.10),rgba(var(--sp-accent-rgb),.027) 48%,transparent 74%)}
.sp-service-system--layout-pr::before{left:64%;right:-2%;top:-10%;bottom:44%;background:radial-gradient(ellipse at center,rgba(var(--sp-mag-rgb),.09),rgba(var(--sp-accent-rgb),.026) 48%,transparent 74%)}
.sp-service-system--layout-localization::before{left:68%;right:-4%;top:21%;bottom:19%;background:radial-gradient(ellipse at center,rgba(var(--sp-vio-rgb),.09),rgba(var(--sp-mag-rgb),.025) 48%,transparent 74%)}
.sp-service-system__links{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sp-service-system__links .sp-service-flow{fill:none;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 4px rgba(var(--sp-accent-rgb),.16));will-change:stroke-dashoffset,opacity;transition:opacity .5s ease var(--sp-link-delay),stroke-dashoffset 1.42s cubic-bezier(.18,.72,.22,1) var(--sp-link-delay)}
.sp-service-system__links .sp-service-flow--primary{stroke-width:1.28}
.sp-service-system.is-assembled .sp-service-system__links .sp-service-flow{opacity:var(--sp-flow-opacity,.7);stroke-dashoffset:0}
.sp-service-system__core{position:relative;z-index:1;grid-column:4 / 10;grid-row:2;justify-self:center;align-self:center;width:min(100%,290px);display:grid;justify-items:center;gap:9px;padding:14px 0;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .84s ease .1s,transform 1.08s cubic-bezier(.16,.74,.25,1) .1s}
.sp-service-system__core::before{content:'';position:absolute;z-index:-1;inset:-24px -30px;background:radial-gradient(ellipse at center,rgba(var(--sp-accent-rgb),.075),transparent 70%);filter:blur(3px)}
.sp-service-system__core::after{content:'';display:block;width:42px;height:1px;margin-top:10px;background:linear-gradient(90deg,transparent,rgba(var(--sp-accent-rgb),.76),transparent)}
.sp-service-system__core strong{font-size:clamp(27px,2.5vw,38px);font-weight:250;line-height:1.02;letter-spacing:-.058em;text-wrap:balance}
.sp-service-system__core span{max-width:24ch;color:var(--ink-2);font-size:12px;line-height:1.35}
.sp-service-system.is-assembled .sp-service-system__core{opacity:1;transform:none}
.sp-service-system__nodes{display:contents;margin:0;padding:0;list-style:none}
.sp-service-system__core,.sp-service-system__node{min-inline-size:0}
.sp-service-system__node{position:relative;z-index:1;align-self:start;opacity:0;transform:translateY(12px);transition:opacity .68s var(--e-out) calc(.16s + var(--sp-item-delay)),transform .92s cubic-bezier(.16,.74,.25,1) calc(.16s + var(--sp-item-delay))}
.sp-service-system.is-assembled .sp-service-system__node{opacity:1;transform:none}
.sp-service-system__node h3{font-size:clamp(18px,1.45vw,22px);font-weight:390;letter-spacing:-.032em;line-height:1.18;overflow-wrap:break-word}
.sp-service-system__node p{max-width:29ch;margin:7px 0 0;color:var(--ink-2);font-size:13px;line-height:1.48;overflow-wrap:break-word}
.sp-service-system__node:nth-child(1){grid-column:1 / span 4;grid-row:1}
.sp-service-system__node:nth-child(2){grid-column:9 / span 4;grid-row:1;text-align:right}
.sp-service-system__node:nth-child(3){grid-column:1 / span 4;grid-row:3;align-self:end}
.sp-service-system__node:nth-child(4){grid-column:9 / span 4;grid-row:3;align-self:end;text-align:right}

/* Every service keeps the same material language, but its own geography.
   The focus follows the actual working route instead of returning to a
   single central hub in every diagram. */
.sp-service-system--layout-linkedin .sp-service-system__core{grid-column:10 / span 3;grid-row:2;justify-self:stretch;justify-items:start;text-align:left;width:min(100%,250px)}
.sp-service-system--layout-linkedin .sp-service-system__core::after{background:linear-gradient(90deg,rgba(var(--sp-accent-rgb),.76),transparent)}
.sp-service-system--layout-linkedin .sp-service-system__node:nth-child(1){grid-column:1 / span 3;grid-row:1;text-align:left}
.sp-service-system--layout-linkedin .sp-service-system__node:nth-child(2){grid-column:5 / span 3;grid-row:1;text-align:left}
.sp-service-system--layout-linkedin .sp-service-system__node:nth-child(3){grid-column:2 / span 3;grid-row:3;align-self:end;text-align:left}
.sp-service-system--layout-linkedin .sp-service-system__node:nth-child(4){grid-column:6 / span 3;grid-row:3;align-self:end;text-align:left}

.sp-service-system--layout-pr .sp-service-system__core{grid-column:10 / span 3;grid-row:1;justify-self:stretch;justify-items:end;align-self:start;width:min(100%,245px);text-align:right}
.sp-service-system--layout-pr .sp-service-system__core::after{background:linear-gradient(90deg,transparent,rgba(var(--sp-accent-rgb),.76))}
.sp-service-system--layout-pr .sp-service-system__node:nth-child(1){grid-column:1 / span 3;grid-row:1;text-align:left}
.sp-service-system--layout-pr .sp-service-system__node:nth-child(2){grid-column:5 / span 3;grid-row:1;text-align:left}
.sp-service-system--layout-pr .sp-service-system__node:nth-child(3){grid-column:2 / span 3;grid-row:3;align-self:end;text-align:left}
.sp-service-system--layout-pr .sp-service-system__node:nth-child(4){grid-column:6 / span 3;grid-row:3;align-self:end;text-align:left}
.sp-service-system--layout-pr .sp-service-system__node:nth-child(5){grid-column:10 / span 3;grid-row:3;align-self:end;text-align:right}
.sp-service-system--layout-pr .sp-service-system__node:nth-child(6){grid-column:5 / span 3;grid-row:2;align-self:center;text-align:center}


.sp-service-system--layout-localization .sp-service-system__core{grid-column:10 / span 3;grid-row:2;justify-self:stretch;justify-items:start;text-align:left;width:min(100%,250px)}
.sp-service-system--layout-localization .sp-service-system__core::after{background:linear-gradient(90deg,rgba(var(--sp-accent-rgb),.76),transparent)}
.sp-service-system--layout-localization .sp-service-system__node:nth-child(1){grid-column:1 / span 3;grid-row:1;text-align:left}
.sp-service-system--layout-localization .sp-service-system__node:nth-child(2){grid-column:1 / span 3;grid-row:3;align-self:end;text-align:left}
.sp-service-system--layout-localization .sp-service-system__node:nth-child(3){grid-column:5 / span 3;grid-row:3;align-self:end;text-align:left}
.sp-service-system--layout-localization .sp-service-system__node:nth-child(4){grid-column:6 / span 3;grid-row:1;text-align:left}
.sp-service-system--layout-localization .sp-service-system__node:nth-child(5){grid-column:5 / span 3;grid-row:2;align-self:center;text-align:left}

.sp-strategy-cycle__head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:clamp(36px,5vw,65px)}
.sp-strategy-cycle__head h2{max-width:13ch}
.sp-strategy-cycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,4.5vw,72px);margin:0;padding:0;list-style:none}
.sp-strategy-cycle__phase{--sp-phase:var(--sp-accent);--sp-phase-rgb:var(--sp-accent-rgb);position:relative;padding-top:24px;border-top:1px solid var(--line);opacity:0;transform:translateY(16px);transition:opacity .7s var(--e-out) calc(.14s + var(--sp-item-delay)),transform .8s var(--e-out) calc(.14s + var(--sp-item-delay))}
.sp-strategy-cycle__phase:nth-child(2){--sp-phase:rgb(var(--sp-cy-rgb));--sp-phase-rgb:var(--sp-cy-rgb)}
.sp-strategy-cycle__phase:nth-child(3){--sp-phase:rgb(var(--sp-mag-rgb));--sp-phase-rgb:var(--sp-mag-rgb)}
.sp-strategy-cycle__phase::before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--sp-phase);box-shadow:0 0 0 4px rgba(var(--sp-phase-rgb),.07),0 0 18px rgba(var(--sp-phase-rgb),.48)}
.sp-strategy-cycle__phase::after{content:'';position:absolute;top:-1px;left:13px;width:clamp(42px,5vw,76px);height:1px;background:linear-gradient(90deg,rgba(var(--sp-phase-rgb),.9),rgba(var(--sp-phase-rgb),0))}
.sp-strategy-cycle.is-in .sp-strategy-cycle__phase{opacity:1;transform:none}
.sp-strategy-cycle__phase-head h3{font-size:clamp(23px,2.05vw,30px);font-weight:290;letter-spacing:-.046em;line-height:1.13}
.sp-strategy-cycle__phase-head>p{margin:13px 0 22px;color:rgba(var(--sp-phase-rgb),.78);font-size:14px;line-height:1.55}
.sp-strategy-cycle__steps{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.sp-strategy-cycle__steps>li{position:relative;padding-left:16px}
.sp-strategy-cycle__steps>li::before{content:'';position:absolute;top:.52em;left:0;width:5px;height:5px;border:1px solid rgba(var(--sp-phase-rgb),.82);border-radius:50%;background:rgba(var(--sp-phase-rgb),.2);box-shadow:0 0 10px rgba(var(--sp-phase-rgb),.2)}
.sp-strategy-cycle__steps h4{color:var(--ink);font-size:16px;font-weight:420;letter-spacing:-.025em;line-height:1.25}
.sp-strategy-cycle__steps p{margin:5px 0 0;color:var(--ink-2);font-size:13px;line-height:1.5}

.sp-strategy-gate{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,8vw,142px);align-items:start}
.sp-strategy-gate__intro{position:sticky;top:calc(var(--nav-h) + 38px)}
.sp-strategy-gate__intro h2{max-width:13ch}
.sp-strategy-gate__intro aside{max-width:31ch;margin-top:clamp(30px,4vw,48px);padding-top:18px;border-top:1px solid var(--line);color:var(--ink-3);font-size:13.5px;line-height:1.6}
.sp-strategy-gate__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,4.5vw,70px) clamp(28px,5vw,85px);margin:0;padding:0;list-style:none}
.sp-strategy-gate__items>li{--sp-gate-rgb:var(--sp-accent-rgb);position:relative;min-height:150px;padding:12px 0 8px 18px;opacity:0;transform:translateY(16px);transition:opacity .7s var(--e-out) calc(.16s + var(--sp-item-delay)),transform .78s var(--e-out) calc(.16s + var(--sp-item-delay))}
.sp-strategy-gate__items>li::before{content:'';position:absolute;left:0;top:20px;width:6px;height:6px;border-radius:50%;background:rgb(var(--sp-gate-rgb));box-shadow:0 0 0 4px rgba(var(--sp-gate-rgb),.075),0 0 15px rgba(var(--sp-gate-rgb),.43)}
.sp-strategy-gate__items>li::after{content:'';position:absolute;left:2.5px;top:34px;bottom:10px;width:1px;background:linear-gradient(rgba(var(--sp-gate-rgb),.54),rgba(var(--sp-gate-rgb),0))}
.sp-strategy-gate__items>li:nth-child(2){--sp-gate-rgb:var(--sp-cy-rgb)}
.sp-strategy-gate__items>li:nth-child(3){--sp-gate-rgb:var(--sp-mag-rgb)}
.sp-strategy-gate__items>li:nth-child(4){--sp-gate-rgb:var(--sp-vio-rgb)}
.sp-strategy-gate.is-in .sp-strategy-gate__items>li{opacity:1;transform:none}
.sp-strategy-gate__items h3{display:inline-block;position:relative;color:var(--ink);font-size:clamp(20px,1.68vw,25px);font-weight:450;letter-spacing:-.038em;line-height:1.17}
.sp-strategy-gate__items h3::after{content:'';display:block;width:clamp(26px,2.8vw,42px);height:1px;margin-top:10px;background:linear-gradient(90deg,rgba(var(--sp-gate-rgb),.94),rgba(var(--sp-gate-rgb),0))}
.sp-strategy-gate__items p{max-width:34ch;margin:12px 0 0;color:var(--ink-2);font-size:14px;line-height:1.57}

.sp-trust--strategy{border:0;background:radial-gradient(48% 77% at 15% 56%,rgba(var(--sp-accent-rgb),.09),transparent 73%)}

/* ---------- Service refinements: open operating compositions ---------- */
/* The remaining service pages share Strategy's calm, open rhythm without
   copying its exact interaction model.  Each discipline keeps a different
   visual direction, while the repeated motifs are a fine rail, a signal dot
   and deliberate pauses between ideas. */
.sp:not([data-service="strategy"]) .sp-section--rule{border-top:0}
.sp:not([data-service="strategy"]) .sp-hero__visual{overflow:visible;isolation:isolate}
.sp:not([data-service="strategy"]) .sp-hero__visual::before{inset:-3% -7% -5% -4%;background:radial-gradient(60% 66% at 58% 48%,rgba(var(--sp-accent-rgb),.16),transparent 72%)}
.sp:not([data-service="strategy"]) .sp-hero__visual::after{display:none}
.sp:not([data-service="strategy"]) .sp-hero__photo{inset:0;z-index:0;overflow:hidden;border:0;clip-path:none;background:transparent;box-shadow:none;-webkit-mask-image:radial-gradient(ellipse 88% 88% at 52% 50%,#000 0%,#000 49%,rgba(0,0,0,.88) 67%,rgba(0,0,0,.32) 84%,transparent 100%);mask-image:radial-gradient(ellipse 88% 88% at 52% 50%,#000 0%,#000 49%,rgba(0,0,0,.88) 67%,rgba(0,0,0,.32) 84%,transparent 100%)}
.sp:not([data-service="strategy"]) .sp-hero__photo::after{background:linear-gradient(90deg,rgba(6,5,12,.58),rgba(6,5,12,.15) 53%,rgba(6,5,12,.03)),radial-gradient(ellipse at center,transparent 35%,rgba(6,5,12,.12) 73%,rgba(6,5,12,.7) 100%)}
.sp:not([data-service="strategy"]) .sp-hero__photo img{filter:saturate(.62) brightness(.7) contrast(1.01);transform:scale(1.018);transition:transform 1.65s cubic-bezier(.16,.74,.25,1)}
.sp:not([data-service="strategy"]) .sp-hero__visual:hover .sp-hero__photo img{transform:scale(1.042)}
.sp:not([data-service="strategy"]) .sp-hero__trace{position:absolute;z-index:3;left:3%;right:12%;bottom:12%;width:auto;height:1px;border:0;background:linear-gradient(90deg,rgba(var(--sp-accent-rgb),0),rgba(var(--sp-accent-rgb),.86),rgba(var(--sp-accent-rgb),0));opacity:.82;transform:rotate(-5deg);transform-origin:left center;pointer-events:none}
.sp:not([data-service="strategy"]) .sp-hero__trace::before,.sp:not([data-service="strategy"]) .sp-hero__trace::after{display:block;width:6px;height:6px;border:1px solid rgba(var(--sp-accent-rgb),.85);background:var(--bg);box-shadow:0 0 0 3px var(--bg),0 0 12px rgba(var(--sp-accent-rgb),.45)}
.sp:not([data-service="strategy"]) .sp-hero__trace::before{left:20%;top:-3px}.sp:not([data-service="strategy"]) .sp-hero__trace::after{right:16%;bottom:-3px}
.sp-hero--pr .sp-hero__trace{left:auto;right:9%;top:16%;bottom:auto;width:1px;height:58%;transform:none;background:linear-gradient(180deg,rgba(var(--sp-accent-rgb),0),rgba(var(--sp-accent-rgb),.84),rgba(var(--sp-accent-rgb),0))}
.sp-hero--pr .sp-hero__trace::before{left:-3px;top:20%}.sp-hero--pr .sp-hero__trace::after{right:-3px;bottom:17%}
.sp-hero--localization .sp-hero__trace{left:9%;right:8%;bottom:13%;transform:none;box-shadow:0 8px 0 rgba(var(--sp-accent-rgb),.22)}
/* A reason strip reads as four concise observations rather than a grid. */
.sp-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3vw,52px);border:0}
.sp-proof__item{--sp-proof-rgb:var(--sp-accent-rgb);position:relative;min-height:0;padding:22px 0 0;border-top:1px solid rgba(var(--sp-proof-rgb),.27);opacity:0;transform:translateY(16px);transition:opacity .7s var(--e-out) calc(.12s + var(--sp-item-delay)),transform .7s var(--e-out) calc(.12s + var(--sp-item-delay))}
.sp-proof__item::before{content:'';position:absolute;z-index:1;top:-4px;left:0;width:7px;height:7px;border:1px solid rgba(var(--sp-proof-rgb),.78);border-radius:50%;background:var(--bg);box-shadow:0 0 0 4px rgba(var(--sp-proof-rgb),.065),0 0 15px rgba(var(--sp-proof-rgb),.32)}
.sp-proof__item::after{content:'';position:absolute;top:-1px;left:13px;width:clamp(30px,3.2vw,50px);height:1px;background:linear-gradient(90deg,rgba(var(--sp-proof-rgb),.9),rgba(var(--sp-proof-rgb),0))}
.sp-proof__item:nth-child(2){--sp-proof-rgb:var(--sp-cy-rgb)}.sp-proof__item:nth-child(3){--sp-proof-rgb:var(--sp-mag-rgb)}.sp-proof__item:nth-child(4){--sp-proof-rgb:var(--sp-vio-rgb)}
.sp-proof.is-in .sp-proof__item{opacity:1;transform:none}
.sp-proof__item+ .sp-proof__item{padding-left:0;border-left:0}
.sp-proof h3{font-size:clamp(19px,1.65vw,25px);font-weight:390;line-height:1.2;letter-spacing:-.034em}
.sp-proof p{max-width:31ch;margin:10px 0 0;color:var(--ink-2);font-size:14px;line-height:1.57}

/* Scope is a short material register with visual anchors, not an index. */
.sp-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,64px);margin:0;padding:0;list-style:none;counter-reset:none;border:0}
.sp-index--linkedin,.sp-index--seo{grid-template-columns:1fr}
.sp-index__item{--sp-index-rgb:var(--sp-accent-rgb);position:relative;display:block;min-height:0;padding:0 0 19px 21px;border:0;opacity:0;transform:translateY(14px);transition:opacity .65s var(--e-out) calc(.08s + var(--sp-item-delay)),transform .65s var(--e-out) calc(.08s + var(--sp-item-delay))}
.sp-index__item::before{content:'';position:absolute;left:0;top:.52em;width:7px;height:7px;border:1px solid rgba(var(--sp-index-rgb),.82);border-radius:50%;background:var(--bg);box-shadow:0 0 0 4px rgba(var(--sp-index-rgb),.06),0 0 14px rgba(var(--sp-index-rgb),.25)}
.sp-index__item::after{content:'';position:absolute;left:3px;top:calc(.52em + 10px);bottom:3px;width:1px;background:linear-gradient(rgba(var(--sp-index-rgb),.54),rgba(var(--sp-index-rgb),0))}
.sp-index__item:nth-child(2n){--sp-index-rgb:var(--sp-cy-rgb)}.sp-index__item:nth-child(3n){--sp-index-rgb:var(--sp-mag-rgb)}.sp-index__item:nth-child(4n){--sp-index-rgb:var(--sp-vio-rgb)}
.sp-index.is-in .sp-index__item{opacity:1;transform:none}
.sp-index__item span{font-size:clamp(17px,1.42vw,21px);font-weight:340;line-height:1.38;letter-spacing:-.028em}
.sp-index__item:hover span{color:var(--sp-accent)}

/* LinkedIn and SEO show a directional chain in place of a dashboard grid. */
.sp-signal-path{position:relative;padding-top:18px;isolation:isolate}
.sp-signal-path::before{content:'';position:absolute;z-index:-1;inset:-38px 8% -36px;background:radial-gradient(45% 70% at 50% 50%,rgba(var(--sp-accent-rgb),.09),transparent 75%)}
.sp-signal-path__stages{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,54px);margin:0;padding:0;list-style:none}
.sp-signal-path__stages::before{content:'';position:absolute;top:4px;left:6px;right:6px;height:1px;background:linear-gradient(90deg,rgba(var(--sp-accent-rgb),.08),rgba(var(--sp-accent-rgb),.78) 18%,rgba(var(--sp-accent-rgb),.42) 78%,rgba(var(--sp-accent-rgb),.04));opacity:.9}
.sp-signal-path__stage{--sp-path-rgb:var(--sp-accent-rgb);position:relative;padding-top:29px;opacity:0;transform:translateY(15px);transition:opacity .7s var(--e-out) calc(.14s + var(--sp-item-delay)),transform .7s var(--e-out) calc(.14s + var(--sp-item-delay))}
.sp-signal-path__stage::before{content:'';position:absolute;top:0;left:0;width:9px;height:9px;border:1px solid rgba(var(--sp-path-rgb),.86);border-radius:50%;background:var(--bg);box-shadow:0 0 0 5px rgba(var(--sp-path-rgb),.065),0 0 18px rgba(var(--sp-path-rgb),.35)}
.sp-signal-path__stage::after{content:'';position:absolute;top:4px;left:17px;width:clamp(28px,3vw,49px);height:1px;background:linear-gradient(90deg,rgba(var(--sp-path-rgb),.92),rgba(var(--sp-path-rgb),0))}
.sp-signal-path__stage:nth-child(2){--sp-path-rgb:var(--sp-cy-rgb)}.sp-signal-path__stage:nth-child(3){--sp-path-rgb:var(--sp-mag-rgb)}.sp-signal-path__stage:nth-child(4){--sp-path-rgb:var(--sp-vio-rgb)}
.sp-signal-path.is-in .sp-signal-path__stage{opacity:1;transform:none}
.sp-signal-path h3{font-size:clamp(19px,1.65vw,25px);font-weight:410;letter-spacing:-.033em;line-height:1.18}
.sp-signal-path p{max-width:30ch;margin:9px 0 0;color:var(--ink-2);font-size:14px;line-height:1.56}

/* A service journey is a gentle vertical rail, readable at any width. */
.sp-process{position:relative;margin:0;padding:0 0 0 28px;list-style:none;border:0}
.sp-process::before{content:'';position:absolute;left:3px;top:5px;bottom:7px;width:1px;background:linear-gradient(180deg,rgba(var(--sp-accent-rgb),.8),rgba(var(--sp-accent-rgb),.16) 74%,rgba(var(--sp-accent-rgb),0))}
.sp-process__item{--sp-process-rgb:var(--sp-accent-rgb);position:relative;display:grid;grid-template-columns:minmax(170px,.72fr) minmax(0,1.42fr);gap:clamp(20px,4vw,74px);padding:0 0 clamp(28px,3.5vw,48px);border:0;opacity:0;transform:translateY(15px);transition:opacity .7s var(--e-out) calc(.12s + var(--sp-item-delay)),transform .7s var(--e-out) calc(.12s + var(--sp-item-delay))}
.sp-process__item::before{content:'';position:absolute;left:-28px;top:.4em;width:7px;height:7px;border:1px solid rgba(var(--sp-process-rgb),.82);border-radius:50%;background:var(--bg);box-shadow:0 0 0 4px rgba(var(--sp-process-rgb),.06),0 0 15px rgba(var(--sp-process-rgb),.28)}
.sp-process__item:nth-child(2){--sp-process-rgb:var(--sp-cy-rgb)}.sp-process__item:nth-child(3){--sp-process-rgb:var(--sp-mag-rgb)}.sp-process__item:nth-child(4){--sp-process-rgb:var(--sp-vio-rgb)}
.sp-process__item:last-child{padding-bottom:0}.sp-process.is-in .sp-process__item{opacity:1;transform:none}
.sp-process h3{font-size:clamp(19px,1.65vw,25px);font-weight:420;letter-spacing:-.033em;line-height:1.18}.sp-process p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6;max-width:54ch}

/* Fields and outcomes are open notes with a light signal at their start. */
.sp-sectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4.4vw,68px) clamp(28px,5vw,86px);border:0}
.sp-sectors--outcomes{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3vw,48px)}
.sp-sector{--sp-sector-rgb:var(--sp-accent-rgb);position:relative;min-height:0;padding:21px 0 8px 19px;border:0;border-top:1px solid rgba(var(--sp-sector-rgb),.26);opacity:0;transform:translateY(15px);transition:opacity .7s var(--e-out) calc(.12s + var(--sp-item-delay)),transform .7s var(--e-out) calc(.12s + var(--sp-item-delay))}
.sp-sector::before{content:'';position:absolute;left:0;top:30px;width:6px;height:6px;border-radius:50%;background:rgb(var(--sp-sector-rgb));box-shadow:0 0 0 4px rgba(var(--sp-sector-rgb),.07),0 0 15px rgba(var(--sp-sector-rgb),.35)}
.sp-sector::after{content:'';position:absolute;left:2.5px;top:44px;bottom:10px;width:1px;background:linear-gradient(rgba(var(--sp-sector-rgb),.52),rgba(var(--sp-sector-rgb),0))}
.sp-sector:nth-child(2){--sp-sector-rgb:var(--sp-cy-rgb)}.sp-sector:nth-child(3){--sp-sector-rgb:var(--sp-mag-rgb)}.sp-sector:nth-child(4){--sp-sector-rgb:var(--sp-vio-rgb)}
.sp-sectors.is-in .sp-sector{opacity:1;transform:none}
.sp-sector h3{display:inline-block;color:var(--ink);font-size:clamp(20px,1.7vw,26px);font-weight:440;letter-spacing:-.038em;line-height:1.17}.sp-sector h3::after{content:'';display:block;width:clamp(27px,2.9vw,44px);height:1px;margin-top:10px;background:linear-gradient(90deg,rgba(var(--sp-sector-rgb),.94),rgba(var(--sp-sector-rgb),0))}
.sp-sector p{max-width:35ch;margin:12px 0 0;color:var(--ink-2);font-size:14px;line-height:1.57}

/* Localisation rates use an editorial definition list instead of a table. */
.sp-rate-list{display:grid;margin:0;padding:0;border:0}
.sp-rate-list__item{--sp-rate-rgb:var(--sp-accent-rgb);position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:baseline;padding:20px 0 20px 20px;border-top:1px solid rgba(var(--sp-rate-rgb),.27);opacity:0;transform:translateY(12px);transition:opacity .65s var(--e-out) calc(.1s + var(--sp-item-delay)),transform .65s var(--e-out) calc(.1s + var(--sp-item-delay))}
.sp-rate-list__item::before{content:'';position:absolute;left:0;top:calc(20px + .58em);width:7px;height:7px;border:1px solid rgba(var(--sp-rate-rgb),.82);border-radius:50%;background:var(--bg);box-shadow:0 0 0 4px rgba(var(--sp-rate-rgb),.06),0 0 14px rgba(var(--sp-rate-rgb),.27)}
.sp-rate-list__item:nth-child(2n){--sp-rate-rgb:var(--sp-mag-rgb)}.sp-rate-list__item:last-child{border-bottom:1px solid rgba(var(--sp-rate-rgb),.27)}
[data-sp-reveal].is-in .sp-rate-list__item{opacity:1;transform:none}
.sp-rate-list dt{font-size:clamp(16px,1.38vw,20px);font-weight:340;letter-spacing:-.025em}.sp-rate-list dd{margin:0;color:var(--sp-accent);font-size:clamp(16px,1.38vw,20px);font-weight:540;letter-spacing:-.025em;text-align:right}
.sp-pricing__notes{gap:13px}.sp-pricing__note::before{border:0;background:var(--sp-accent);box-shadow:0 0 0 4px rgba(var(--sp-accent-rgb),.065)}

.sp-trust.sp-media-network{background:radial-gradient(44% 74% at 17% 50%,rgba(var(--sp-accent-rgb),.09),transparent 74%),linear-gradient(90deg,rgba(255,255,255,.018),transparent 45%,rgba(var(--sp-accent-rgb),.045))}
.sp-media-network .sp-logo-grid{position:relative;padding-block:12px}.sp-media-network .sp-logo-grid::before{content:'';position:absolute;top:0;left:0;width:clamp(56px,8vw,116px);height:1px;background:linear-gradient(90deg,var(--sp-accent),rgba(var(--sp-accent-rgb),0))}
.sp-trust.sp-trust--linkedin,.sp-trust.sp-trust--seo,.sp-trust.sp-trust--localization{background:radial-gradient(44% 74% at 17% 50%,rgba(var(--sp-accent-rgb),.08),transparent 74%)}
/* ---------- Logos ------------------------------------------------------ */
.sp-trust{position:relative;padding-block:var(--sec);border:0;
  background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 45%,rgba(var(--sp-accent-rgb),.055))}
.sp-trust__head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:clamp(28px,4vw,52px)}
.sp-trust h2{font-size:clamp(27px,3.1vw,47px);font-weight:340;letter-spacing:-.032em;line-height:1.08}
.sp-trust p{max-width:43ch;margin:0;color:var(--ink-2);font-size:inherit;line-height:inherit}
.sp-logo-grid{display:grid;grid-template-columns:repeat(var(--logo-columns,5),minmax(0,1fr));gap:clamp(24px,3vw,46px);align-items:center}
.sp-logo{--sp-logo-shadow:drop-shadow(0 4px 12px rgba(4,3,12,.3));position:relative;isolation:isolate;min-height:clamp(118px,10.8vw,146px);padding:16px;display:grid;place-items:center;background:transparent}
.sp-logo::before{content:'';position:absolute;z-index:-1;width:min(100%,234px);height:clamp(52px,4.8vw,68px);border-radius:50%;background:radial-gradient(ellipse,rgba(243,239,255,.2) 0%,rgba(202,188,255,.075) 48%,rgba(202,188,255,0) 77%);filter:blur(8px);opacity:0;transition:opacity .35s var(--e)}
.sp-logo img{position:relative;z-index:1;max-width:min(100%,188px);max-height:58px;object-fit:contain;filter:var(--sp-logo-shadow);opacity:1;transition:opacity .35s,filter .35s,transform .45s var(--e-out)}
.sp-logo--ink{--sp-logo-shadow:drop-shadow(0 3px 10px rgba(4,3,12,.26)) drop-shadow(0 0 10px rgba(241,237,255,.3))}
.sp-logo--ink::before{opacity:1}
.sp-logo:hover img{transform:translateY(-2px) scale(1.03)}
.sp-logo--media img{max-width:min(100%,190px);max-height:50px}
.sp-logo--wide img{max-width:min(100%,208px);max-height:54px}
.sp-logo--assetless{color:var(--ink-2);font-size:14px;font-weight:520;letter-spacing:-.02em;text-align:center}
.sp-logo--assetless b{display:block;color:var(--ink);font-size:16px;font-weight:500}
.sp-logo-grid+.link-arrow{margin-top:24px}
/* Symbol-only marks carry the company name; a dark symbol sits on a light tile. */
.sp-logo--mark{gap:10px;align-content:center}
.sp-logo--mark img{max-height:46px}
.sp-logo.sp-logo--tile img{width:46px;height:46px;max-height:none;border-radius:11px;object-fit:cover}
.sp-logo__name{position:relative;z-index:1;color:var(--ink-2);font-size:13px;font-weight:500;letter-spacing:-.005em;line-height:1.2;text-align:center}

/* ---------- Final CTA -------------------------------------------------- */
.sp-cta{padding-block:var(--sec)}
.sp-cta__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(32px,6vw,110px);align-items:start}
.sp-cta h2{font-size:clamp(27px,3.1vw,47px);font-weight:340;line-height:1.08;letter-spacing:-.032em;max-width:12ch}
.sp-cta__copy p{max-width:39ch;margin:18px 0 0;color:var(--ink-2);font-size:inherit;line-height:inherit}

/* ---------- Footer ----------------------------------------------------- */
.sp-foot{position:relative;z-index:2;padding-block:clamp(56px,6vw,88px) 34px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(9,7,18,.5),rgba(9,7,18,.9))}
/* Подстраницы рендерят ту же содержательную структуру футера, что и главная.
   Здесь стили намеренно привязаны к .sp-foot: раньше классы колонок были
   только в CSS главной, поэтому на страницах услуг ссылки слипались. */
.sp-foot .foot__top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,52px);align-items:start}
.sp-foot .foot__brand p{max-width:36ch;margin:20px 0 0;color:var(--ink-3);font-size:14px;line-height:1.6}
.sp-foot .foot__col{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}
.sp-foot .foot__col h4{margin:0 0 5px;color:var(--ink);font-size:13px;font-weight:500;letter-spacing:-.008em}
.sp-foot .foot__col .foot__h2{margin-top:24px}
.sp-foot .foot__col a{display:block;color:var(--ink-3);font-size:14px;line-height:1.35;transition:color .3s}
.sp-foot .foot__col a:hover{color:var(--ink)}
.sp-foot .foot__bot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:clamp(40px,5vw,70px);padding-top:22px;border-top:1px solid var(--line);color:var(--ink-3);font-size:13px}
.sp-foot .foot__bot a{color:var(--ink-3);transition:color .3s}.sp-foot .foot__bot a:hover{color:var(--ink)}

/* ---------- Entrance --------------------------------------------------- */
[data-sp-reveal]{opacity:0;transform:translateY(20px);transition:opacity .72s var(--e-out) var(--sp-delay,0s),transform .72s var(--e-out) var(--sp-delay,0s)}
[data-sp-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-sp-reveal]{opacity:1;transform:none;transition:none}.sp-hero__photo img{transition:none}}

/* ---------- Responsive ------------------------------------------------- */
@media (max-width:960px){
  .sp-hero{min-height:100svh;padding-top:calc(var(--nav-h) + clamp(30px,7vh,80px))}
  .sp-hero__grid{grid-template-columns:1fr;gap:42px}
  .sp-title{max-width:13.4em}
  .sp-hero__visual{min-height:min(58vw,500px);max-width:760px;width:100%}
  .sp-scope{grid-template-columns:1fr;gap:36px}
  .sp-scope__intro{position:static}
  .sp-pricing{grid-template-columns:1fr;gap:34px}
  .sp-cta__grid{grid-template-columns:1fr;gap:36px}
  .sp-foot .foot__top{grid-template-columns:1fr 1fr}
  .sp-foot .foot__brand{grid-column:1/-1}
  .sp-diagram--items-7 .sp-diagram__items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-diagram--items-7 .sp-diagram__item:nth-child(odd){border-left:0}
  .sp-diagram--items-7 .sp-diagram__item:nth-child(n+3){padding-top:22px;border-top:1px solid var(--line)}
}
@media (max-width:760px){
  .sp-formats__head{grid-template-columns:1fr;gap:14px}.sp-formats__head>p{grid-column:auto;margin-bottom:0}.sp-formats__head>span{font-size:14px}.sp-formats{grid-template-columns:1fr}.sp-formats>li,.sp-formats>li:nth-child(even){min-height:0;padding:23px 0;border-left:0}.sp-formats h3{font-size:20px}
  .sp-sector--tagged{grid-template-columns:1fr}.sp-sector--tagged p{grid-column:auto}.sp-sector__tags{grid-column:auto;grid-row:auto;margin-top:16px}
  .sp-linkedin-funnel__head{grid-template-columns:1fr;gap:14px}.sp-linkedin-funnel__head>p{grid-column:auto;margin-bottom:0}.sp-linkedin-funnel__head>span{font-size:14px}.sp-linkedin-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-linkedin-funnel::before{display:none}.sp-linkedin-funnel li{min-height:188px;padding:24px 16px 23px 0}.sp-linkedin-funnel li:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}.sp-linkedin-funnel li:nth-child(n+3){border-top:1px solid var(--line)}.sp-linkedin-funnel h3{margin-top:34px;font-size:20px}
  .sp-linkedin-icp{grid-template-columns:1fr 1fr;gap:28px 18px}.sp-linkedin-icp li:nth-child(n+3){border-top:1px solid var(--line)}.sp-linkedin-icp li{padding-top:19px}
  .sp-head{grid-template-columns:1fr;gap:17px;margin-bottom:34px}
  .sp-head h2{max-width:17ch}
  .sp-proof{grid-template-columns:1fr 1fr}
  .sp-proof__item:nth-child(3){border-left:0}
  .sp-proof__item:nth-child(n+3){border-top:1px solid var(--line)}
  .sp-proof__item{min-height:180px;padding:22px 18px 24px 0}
  .sp-proof__item+ .sp-proof__item{padding-left:18px}
  .sp-proof__num{margin-bottom:26px}
  .sp-diagram__items{grid-template-columns:1fr 1fr}
  .sp-diagram__item{min-height:150px;padding:0 18px 20px}
  .sp-diagram__item:nth-child(3){border-left:0}
  .sp-diagram__item:nth-child(n+3){padding-top:22px;border-top:1px solid var(--line)}
  .sp-diagram--items-7 .sp-diagram__item:nth-child(odd){border-left:0}
  .sp-sectors{grid-template-columns:1fr}
  .sp-sector:nth-child(even){border-left:0}
  .sp-process__item{grid-template-columns:44px 1fr;gap:12px 18px}
  .sp-process p{grid-column:2}
  .sp-trust__head{display:grid;grid-template-columns:1fr;margin-bottom:28px}
  .sp-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sp-logo{min-height:102px;padding:14px}
  .sp-logo img{max-width:100%;max-height:44px}
  .sp-logo--media img{max-height:36px}
}
@media (max-width:640px){
  .sp-hero{min-height:auto;padding-bottom:clamp(120px,20vh,170px)}
}
@media (max-width:560px){
  .sp-hero{padding-top:calc(var(--nav-h) + clamp(30px,7vh,80px));padding-bottom:clamp(120px,20vh,170px)}
  .sp-hero__grid{gap:30px}
  .sp-title{max-width:13.4em}
  .sp-lead{margin-top:0}
  .sp-hero__actions{display:flex;margin-top:0}.sp-hero__actions .btn{width:100%}
  .sp-hero__visual{min-height:58vw}.sp-hero__trace{left:-8px;width:43%;bottom:8%}.sp-hero__index b{font-size:48px}
  .sp-section{padding-block:var(--sec)}.sp-section--tight{padding-block:52px}
  .sp-head h2,.sp-scope__intro h2,.sp-pricing__copy h2{font-size:clamp(27px,3.1vw,47px);max-width:14ch}
  .sp-head__note{font-size:14.5px}.sp-scope{gap:28px}
  .sp-index__item{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:15px 0;min-height:0}.sp-index__item span{font-size:16px}
  .sp-proof{grid-template-columns:1fr}.sp-proof__item,.sp-proof__item+ .sp-proof__item{padding:22px 0 26px;border-left:0}.sp-proof__item+ .sp-proof__item{border-top:1px solid var(--line)}.sp-proof__item{min-height:0}.sp-proof__num{margin-bottom:17px}.sp-proof h3{font-size:19px}.sp-proof p{font-size:13.5px}
  .sp-diagram{padding-block:0}.sp-diagram::before{display:none}.sp-diagram__items{grid-template-columns:1fr}.sp-diagram__item,.sp-diagram__item+ .sp-diagram__item{min-height:0;padding:22px 0;border-left:0;border-top:1px solid var(--line)}.sp-diagram__item:first-child{border-top:0}.sp-diagram__dot{position:absolute;right:1px;top:27px}.sp-diagram h3{font-size:19px}.sp-diagram p{font-size:13.5px;max-width:32ch}
  .sp-sector{min-height:0;padding:24px 0}.sp-sector__tag{margin-bottom:12px}.sp-sector h3{font-size:20px}.sp-sector p{font-size:13.5px}
  .sp-price-table{display:block;overflow-x:auto;white-space:nowrap}.sp-price-table th,.sp-price-table td{padding:16px 0;font-size:15px}.sp-price-table th:first-child,.sp-price-table td:first-child{padding-right:36px}.sp-pricing__notes{margin-top:18px}
  .sp-process__item{grid-template-columns:34px 1fr;gap:10px 13px;padding:20px 0}.sp-process__num{font-size:20px}.sp-process h3{font-size:18px}.sp-process p{font-size:13.5px;line-height:1.55}
  .sp-trust{padding-block:var(--sec)}.sp-trust h2{font-size:clamp(27px,3.1vw,47px)}.sp-trust p{font-size:inherit}.sp-logo-grid{grid-template-columns:1fr 1fr!important}.sp-logo{min-height:92px;padding:13px}.sp-logo img{max-height:38px}.sp-logo--media img{max-height:30px}.sp-logo--assetless{font-size:12px}
  .sp-cta{padding-block:var(--sec)}.sp-cta h2{font-size:clamp(27px,3.1vw,47px)}.sp-cta__copy p{font-size:inherit}
  .sp-foot{padding-block:42px 24px}.sp-foot .foot__top{grid-template-columns:1fr;gap:28px}.sp-foot .foot__brand{grid-column:auto}.sp-foot .foot__col{gap:0}.sp-foot .foot__col a{display:flex;align-items:center;min-height:38px}.sp-foot .foot__bot{margin-top:34px;gap:12px}
}
@media (max-width:900px) and (max-height:560px) and (orientation:landscape){
  .sp-hero{min-height:auto;align-items:flex-start;padding-top:calc(var(--nav-h) + 24px);padding-bottom:52px}.sp-hero__grid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:38px}.sp-hero__visual{min-height:300px}.sp-title{font-size:clamp(28px,4vw,36px)}.sp-lead{margin-bottom:18px;font-size:15px;line-height:1.5}.sp-hero__actions{gap:10px}
}

/* Strategy keeps its open composition as the viewport narrows; the mobile
   version becomes a readable sequence instead of shrinking a desktop scheme. */
@media (max-width:1120px){
  .sp-decision-frame{gap:clamp(30px,5vw,62px)}
  .sp-strategy-scope{gap:clamp(34px,5vw,68px)}
  .sp-strategy-scope__body{gap:26px}
  .sp-strategy-system{min-height:clamp(440px,44vw,500px)}
  .sp-strategy-cycle{gap:28px}
  .sp-strategy-gate{gap:clamp(34px,5vw,70px)}
}
@media (max-width:960px){
  .sp[data-service="strategy"] .sp-hero__visual--strategy{min-height:min(61vw,500px);width:100%;justify-self:stretch}
  .sp-decision-frame,.sp-strategy-scope,.sp-strategy-gate{grid-template-columns:1fr;gap:34px}
  .sp-strategy-scope__intro,.sp-strategy-gate__intro{position:static;padding-top:0}
  .sp-strategy-scope__intro h2,.sp-strategy-system__head h2,.sp-strategy-cycle__head h2,.sp-strategy-gate__intro h2{max-width:15ch}
  .sp-decision-frame__items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-strategy-scope__body{grid-template-columns:minmax(0,1fr) minmax(230px,.72fr)}
  .sp-strategy-scope__detail{position:static;min-height:250px}
  .sp-strategy-system__head{grid-template-columns:1fr;gap:17px;margin-bottom:39px}
  .sp-strategy-system__head>p{grid-column:auto;margin-bottom:0}
  .sp-strategy-system__head>span{justify-self:start}
  .sp-strategy-system{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:36px;overflow:visible}
  .sp-strategy-system::before{left:10%;right:10%;top:5%;bottom:20%}
  .sp-strategy-system__links{display:none}
  .sp-strategy-system__core{position:relative;grid-column:1;grid-row:1;justify-self:center;width:min(100%,280px)}
  .sp-strategy-system__nodes{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1;grid-row:2;gap:27px 42px;margin:0;padding:0;list-style:none}
  .sp-strategy-system__node{position:static;grid-column:auto!important;grid-row:auto!important;width:auto;align-self:auto!important;text-align:left!important}
  .sp-strategy-cycle{gap:22px}
  .sp-service-system{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(94px,1fr) minmax(156px,1.18fr) minmax(104px,1fr);min-height:clamp(428px,54vw,492px);column-gap:clamp(30px,7vw,74px)}
  .sp-service-system::before{left:12%;right:12%;top:13%;bottom:16%}
  .sp-service-system__core{grid-column:1 / -1;grid-row:2}
  .sp-service-system__node:nth-child(1){grid-column:1;grid-row:1}
  .sp-service-system__node:nth-child(2){grid-column:2;grid-row:1}
  .sp-service-system__node:nth-child(3){grid-column:1;grid-row:3;align-self:end}
  .sp-service-system__node:nth-child(4){grid-column:2;grid-row:3;align-self:end}
}
@media (max-width:760px){
  .sp[data-service="strategy"] .sp-hero__visual--strategy{min-height:min(72vw,470px)}
  .sp-decision-frame__items,.sp-strategy-gate__items{gap:30px 38px}
  .sp-decision-frame__item,.sp-strategy-gate__items>li{min-height:0}
  .sp-strategy-scope__body{grid-template-columns:1fr;gap:24px}
  .sp-strategy-scope__detail{display:none}
  .sp-strategy-scope__mobile-output{max-height:0;display:block;overflow:hidden;margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.57;opacity:0;transition:max-height .58s cubic-bezier(.16,.74,.25,1),opacity .36s ease,margin .58s cubic-bezier(.16,.74,.25,1)}
  .sp-strategy-scope__item.is-active .sp-strategy-scope__mobile-output{max-height:128px;margin:0 10px 17px 14px;opacity:1}
  .sp-strategy-cycle{grid-template-columns:1fr;gap:28px}
  .sp-strategy-cycle__phase{padding-top:21px}
  .sp-strategy-cycle__phase::after{width:64px}
  .sp-strategy-cycle__phase-head h3{color:rgba(var(--sp-phase-rgb),.92);font-size:26px}
  .sp-strategy-cycle__phase-head>p{max-width:42ch;margin-top:10px;margin-bottom:20px}
  .sp-strategy-cycle__steps{position:relative;gap:15px}
  .sp-strategy-cycle__steps>li{padding-left:19px}
  .sp-strategy-cycle__steps>li::before{z-index:1;top:.5em;left:-1px;width:7px;height:7px;background:var(--bg);box-shadow:0 0 0 3px rgba(var(--sp-phase-rgb),.09)}
  .sp-strategy-gate{gap:38px}
  .sp-strategy-gate__intro aside{margin-top:27px}
  .sp-service-system{min-height:420px;column-gap:30px;row-gap:26px}
  .sp-service-system__node p{font-size:12.5px}
}
@media (max-width:560px){
  .sp[data-service="strategy"] .sp-hero__visual--strategy{min-height:76vw;max-height:330px}
  .sp-hero__visual--strategy .sp-hero__photo{inset:0;transform:none}
  .sp-decision-frame,.sp-strategy-scope,.sp-strategy-gate{gap:28px}
  .sp-decision-frame__head{max-width:100%}
  .sp-decision-frame__line{white-space:normal}
  .sp-decision-frame__head h2,.sp-strategy-scope__intro h2,.sp-strategy-system__head h2,.sp-strategy-cycle__head h2,.sp-strategy-gate__intro h2{font-size:clamp(27px,3.1vw,47px)}
  .sp-strategy-scope__intro>p,.sp-strategy-system__head>p,.sp-strategy-cycle__head>p,.sp-strategy-gate__intro>p{margin-bottom:12px;font-size:14px}
  .sp-decision-frame__items,.sp-strategy-gate__items{grid-template-columns:1fr;gap:24px}
  .sp-decision-frame__item{padding-top:0}
  .sp-decision-frame__item h3,.sp-strategy-gate__items h3{font-size:20px}
  .sp-strategy-scope__button{padding-block:16px}
  .sp-strategy-scope__button:hover,.sp-strategy-scope__item.is-active .sp-strategy-scope__button{padding-left:10px}
  .sp-strategy-scope__item.is-active .sp-strategy-scope__mobile-output{margin-left:14px;margin-right:5px}
  .sp-strategy-system{gap:29px}
  .sp-strategy-system__core{width:min(100%,250px)}
  .sp-strategy-system__nodes{grid-template-columns:1fr;gap:22px}
  .sp-strategy-system__node p{max-width:38ch}
  .sp-service-system{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0;gap:28px;overflow:visible}
  .sp-service-system::before{left:8%;right:8%;top:4%;bottom:28%}
  .sp-service-system__links{display:none}
  .sp-service-system__core{grid-column:1;grid-row:1;width:min(100%,250px);padding:7px 0}
  .sp-service-system__nodes{position:static;display:grid;grid-template-columns:1fr;grid-column:1;grid-row:2;gap:22px;margin:0;padding:0;list-style:none}
  .sp-service-system__node{position:static;grid-column:auto!important;grid-row:auto!important;align-self:auto!important;text-align:left!important}
  .sp-service-system__node p{max-width:38ch;font-size:13px}
  .sp-strategy-cycle__head{display:block;margin-bottom:33px}
  .sp-strategy-cycle__head h2{max-width:12ch}
  .sp-strategy-cycle{gap:25px}
  .sp-strategy-cycle__phase-head h3{font-size:24px}
  .sp-strategy-cycle__phase-head>p{margin-top:14px}
  .sp-strategy-cycle__steps{gap:15px}
  .sp-strategy-cycle__steps p{font-size:12.5px}
  .sp-trust--strategy .sp-caption,.sp-cta--strategy .sp-caption{font-size:14px}
}
/* The non-strategy routes preserve the same reading rhythm on compact
   screens; tracks simply become a vertical sequence instead of shrinking. */
@media (max-width:960px){
  .sp:not([data-service="strategy"]) .sp-hero__visual{min-height:min(61vw,500px)}
  .sp-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 42px}
  .sp-index{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-index--linkedin,.sp-index--seo{grid-template-columns:1fr}
  .sp-signal-path__stages{gap:28px}.sp-sectors--outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .sp:not([data-service="strategy"]) .sp-hero__visual{min-height:min(72vw,470px)}
  .sp:not([data-service="strategy"]) .sp-hero__photo{inset:0}
  .sp-proof{gap:28px 34px}.sp-index{grid-template-columns:1fr;gap:0}.sp-index__item{padding-bottom:18px}
  .sp-signal-path__stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 34px}.sp-signal-path__stages::before{left:4px;right:4px}
  .sp-process{padding-left:24px}.sp-process__item{grid-template-columns:1fr;gap:8px;padding-bottom:29px}.sp-process__item::before{left:-24px}
  .sp-sectors{grid-template-columns:1fr;gap:25px}.sp-sectors--outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 30px}.sp-sector{padding-top:18px}
}
@media (max-width:560px){
  .sp:not([data-service="strategy"]) .sp-hero__visual{min-height:76vw;max-height:330px}
  .sp:not([data-service="strategy"]) .sp-hero__trace{left:1%;right:7%;bottom:11%}
  .sp-proof{grid-template-columns:1fr;gap:24px}.sp-proof__item{padding-top:18px}.sp-proof h3{font-size:20px}
  .sp-index__item{padding-left:20px}.sp-index__item span{font-size:16px}
  .sp-signal-path{padding-top:4px}.sp-signal-path__stages{grid-template-columns:1fr;gap:25px}.sp-signal-path__stages::before{top:4px;bottom:7px;left:4px;right:auto;width:1px;height:auto;background:linear-gradient(180deg,rgba(var(--sp-accent-rgb),.78),rgba(var(--sp-accent-rgb),.05))}.sp-signal-path__stage{padding:0 0 0 23px}.sp-signal-path__stage::before{left:0;top:.42em}.sp-signal-path__stage::after{top:calc(.42em + 4px);left:17px;width:31px}.sp-signal-path h3{font-size:20px}
  .sp-process{padding-left:21px}.sp-process__item{padding-bottom:26px}.sp-process__item::before{left:-21px}.sp-process h3{font-size:20px}.sp-process p{font-size:13.5px}
  .sp-sectors--outcomes{grid-template-columns:1fr;gap:23px}.sp-sector{padding-left:18px}.sp-sector h3{font-size:20px}.sp-sector p{font-size:13.5px}
  .sp-rate-list__item{grid-template-columns:1fr;gap:6px;padding:18px 0 18px 19px}.sp-rate-list dd{text-align:left;font-size:16px}.sp-rate-list__item::before{top:calc(18px + .54em)}
}
/* Wide screens carry the full route.  Before the columns become cramped,
   every diagram deliberately changes into a readable composition instead of
   attempting to squeeze its desktop paths into the available space. */
@media (max-width:1120px){
  .sp-strategy-system{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:36px;overflow:visible}
  .sp-strategy-system::before{left:10%;right:10%;top:5%;bottom:20%}
  .sp-strategy-system__links{display:none}
  .sp-strategy-system__core{position:relative;grid-column:1;grid-row:1;justify-self:center;width:min(100%,280px)}
  .sp-strategy-system__nodes{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1;grid-row:2;gap:27px 42px;margin:0;padding:0;list-style:none}
  .sp-strategy-system__node{position:static;grid-column:auto!important;grid-row:auto!important;width:auto;align-self:auto!important;text-align:left!important}

  .sp-service-system{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(118px,1fr) minmax(180px,1.24fr) minmax(132px,1fr);min-height:clamp(490px,58vw,540px);column-gap:clamp(28px,7vw,72px);row-gap:clamp(24px,3vw,36px)}
  .sp-service-system::before{left:12%;right:12%;top:13%;bottom:16%}
  .sp-service-system__links{display:none}
  .sp-service-system:is(.sp-service-system--layout-linkedin,.sp-service-system--layout-pr,.sp-service-system--layout-seo,.sp-service-system--layout-localization) .sp-service-system__core{grid-column:1 / -1;grid-row:2;justify-self:center;justify-items:center;align-self:center;text-align:center}
  .sp-service-system:is(.sp-service-system--layout-linkedin,.sp-service-system--layout-pr,.sp-service-system--layout-seo,.sp-service-system--layout-localization) .sp-service-system__core::after{background:linear-gradient(90deg,transparent,rgba(var(--sp-accent-rgb),.76),transparent)}
  .sp-service-system:is(.sp-service-system--layout-linkedin,.sp-service-system--layout-pr,.sp-service-system--layout-seo,.sp-service-system--layout-localization) .sp-service-system__node:nth-child(1){grid-column:1;grid-row:1;align-self:start;text-align:left}
  .sp-service-system:is(.sp-service-system--layout-linkedin,.sp-service-system--layout-pr,.sp-service-system--layout-seo,.sp-service-system--layout-localization) .sp-service-system__node:nth-child(2){grid-column:2;grid-row:1;align-self:start;text-align:right}
  .sp-service-system:is(.sp-service-system--layout-linkedin,.sp-service-system--layout-pr,.sp-service-system--layout-seo,.sp-service-system--layout-localization) .sp-service-system__node:nth-child(3){grid-column:1;grid-row:3;align-self:end;text-align:left}
  .sp-service-system:is(.sp-service-system--layout-linkedin,.sp-service-system--layout-pr,.sp-service-system--layout-seo,.sp-service-system--layout-localization) .sp-service-system__node:nth-child(4){grid-column:2;grid-row:3;align-self:end;text-align:right}
  .sp-service-system__node p{max-width:26ch}
}
@media (max-width:680px){
  .sp-strategy-system{gap:29px}
  .sp-strategy-system__nodes{grid-template-columns:1fr;gap:22px}
  .sp-strategy-system__node p{max-width:38ch}

  .sp-service-system{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0;gap:28px;overflow:visible}
  .sp-service-system::before{left:8%;right:8%;top:4%;bottom:28%}
  .sp-service-system__links{display:none}
  .sp-service-system:is(.sp-service-system--layout-linkedin,.sp-service-system--layout-pr,.sp-service-system--layout-seo,.sp-service-system--layout-localization) .sp-service-system__core{grid-column:1;grid-row:1;width:min(100%,250px);padding:7px 0}
  .sp-service-system__nodes{position:static;display:grid;grid-template-columns:1fr;grid-column:1;grid-row:2;gap:22px;margin:0;padding:0;list-style:none}
  .sp-service-system:is(.sp-service-system--layout-linkedin,.sp-service-system--layout-pr,.sp-service-system--layout-seo,.sp-service-system--layout-localization) .sp-service-system__node{position:static;grid-column:auto;grid-row:auto;align-self:auto;text-align:left}
  .sp-service-system__node p{max-width:38ch;font-size:13px}
}
/* A line never runs through its marker: the point sits in a small, clean
   pause before the rail.  This keeps every recurring marker crisp. */
.sp-decision-frame__item,.sp-strategy-cycle__phase,.sp-proof__item{border-top:0}
.sp-decision-frame__item::before{box-shadow:0 0 0 3px var(--bg),0 0 0 5px rgba(var(--sp-decision-rgb),.07),0 0 15px rgba(var(--sp-decision-rgb),.38)}
.sp-decision-frame__item::after{top:0;left:14px;right:0;width:auto;background:linear-gradient(90deg,rgba(var(--sp-decision-rgb),.9),rgba(var(--sp-decision-rgb),.24) 38%,rgba(var(--sp-decision-rgb),.24))}
.sp-strategy-cycle__phase::before{box-shadow:0 0 0 3px var(--bg),0 0 0 5px rgba(var(--sp-phase-rgb),.075),0 0 18px rgba(var(--sp-phase-rgb),.48)}
.sp-strategy-cycle__phase::after{top:0;left:14px;right:0;width:auto;background:linear-gradient(90deg,rgba(var(--sp-phase-rgb),.9),rgba(var(--sp-phase-rgb),.27) 38%,rgba(var(--sp-phase-rgb),.27))}
.sp-proof__item::before{box-shadow:0 0 0 3px var(--bg),0 0 0 5px rgba(var(--sp-proof-rgb),.07),0 0 15px rgba(var(--sp-proof-rgb),.32)}
.sp-proof__item::after{top:0;left:14px;right:0;width:auto;background:linear-gradient(90deg,rgba(var(--sp-proof-rgb),.9),rgba(var(--sp-proof-rgb),.25) 40%,rgba(var(--sp-proof-rgb),.25))}
.sp-signal-path__stage::before{box-shadow:0 0 0 4px var(--bg),0 0 0 6px rgba(var(--sp-path-rgb),.07),0 0 18px rgba(var(--sp-path-rgb),.35)}
.sp-process__item::before{box-shadow:0 0 0 3px var(--bg),0 0 0 5px rgba(var(--sp-process-rgb),.07),0 0 15px rgba(var(--sp-process-rgb),.28)}
.sp-index__item::before{box-shadow:0 0 0 3px var(--bg),0 0 0 5px rgba(var(--sp-index-rgb),.07),0 0 14px rgba(var(--sp-index-rgb),.25)}
.sp-sector::before{box-shadow:0 0 0 3px var(--bg),0 0 0 5px rgba(var(--sp-sector-rgb),.075),0 0 15px rgba(var(--sp-sector-rgb),.35)}
.sp-rate-list__item::before{box-shadow:0 0 0 3px var(--bg),0 0 0 5px rgba(var(--sp-rate-rgb),.07),0 0 14px rgba(var(--sp-rate-rgb),.27)}
@media (prefers-reduced-motion:reduce){
  .sp-strategy-scope__button,.sp-strategy-scope__mobile-output,.sp-strategy-system__links .sp-flow,.sp-strategy-system__core,.sp-strategy-system__node,.sp-service-system__links .sp-service-flow,.sp-service-system__core,.sp-service-system__node,.sp-strategy-cycle__phase,.sp-decision-frame__item,.sp-strategy-gate__items>li,.sp-proof__item,.sp-index__item,.sp-signal-path__stage,.sp-process__item,.sp-sector,.sp-rate-list__item{transition:none!important}
  .sp-strategy-system__core,.sp-strategy-system__node,.sp-service-system__core,.sp-service-system__node,.sp-decision-frame__item,.sp-strategy-gate__items>li,.sp-proof__item,.sp-index__item,.sp-signal-path__stage,.sp-process__item,.sp-sector,.sp-rate-list__item{opacity:1!important;transform:none!important}
}