/* ==========================================================================
   Bespoke service pages (v1.29). Shared plumbing: .pg-pin shell + scroll progress. Everything else is page-specific (pm-, sk-, sh-, ...).
   One brand colour only: var(--gold).
   ========================================================================== */
.pg-pin{position:relative;height:var(--h,300vh);padding:0!important}
.pg-stick{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:clamp(18px,3vh,36px);overflow:hidden}
.pg-hero-box{container-type:inline-size;width:100%;max-width:600px;margin:0 auto}
[data-reveal] .rv,[data-reveal].rv{opacity:0;translate:0 26px;transition:opacity .7s,translate .8s cubic-bezier(.2,.8,.2,1)}
[data-reveal].in .rv,[data-reveal].rv.in{opacity:1;translate:none}
@keyframes pgspin{to{rotate:360deg}}@keyframes pgpulse{50%{scale:1.15;opacity:.7}}@keyframes pgfloat{50%{translate:0 -8px}}
/* ================= PERFORMANCE MARKETING ================= */
.pm-radar{position:relative;aspect-ratio:1;font-size:calc(100cqw/46);color:#fff;margin-bottom:24%}
.pm-radar .rd-rings i{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid rgba(255,255,255,.15);border-radius:50%}
.rd-rings i:nth-child(1){width:26%;height:26%}.rd-rings i:nth-child(2){width:46%;height:46%}.rd-rings i:nth-child(3){width:68%;height:68%}.rd-rings i:nth-child(4){width:94%;height:94%;border-color:rgba(241,201,28,.35)}
.rd-ax{position:absolute;background:rgba(255,255,255,.1)}.rd-ax.a{left:50%;top:3%;bottom:3%;width:1px}.rd-ax.b{top:50%;left:3%;right:3%;height:1px}
.rd-sweep{position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 0deg,rgba(241,201,28,0) 0%,rgba(241,201,28,.3) 17%,rgba(241,201,28,0) 17.2%);animation:pgspin 7s linear infinite}
.rd-orbit{position:absolute;inset:6%;border-radius:50%;animation:pgspin 36s linear infinite reverse}
.rd-chip{position:absolute;left:50%;top:50%;font:700 1em/1 var(--disp);color:#0a0b0e;background:#fff;border-radius:99em;padding:.55em 1em;white-space:nowrap;animation:pgspin 36s linear infinite;box-shadow:0 .6em 1.4em -.6em #000}
.rd-chip.c1{translate:-50% -50%;margin:-44% 0 0 0}.rd-chip.c2{translate:-50% -50%;margin:30% 0 0 38%}.rd-chip.c3{translate:-50% -50%;margin:30% 0 0 -38%}
.rd-b{position:absolute;translate:-50% -50%;border:0;background:none;display:grid;justify-items:center;gap:.45em;cursor:pointer;color:#fff;padding:0;z-index:3;font:inherit}
.rd-b i{display:block;width:1.3em;height:1.3em;border-radius:50%;background:var(--gold);animation:rdhit 7s linear infinite;animation-delay:var(--d,0s);transition:scale .3s}
.rd-b em{font:700 1em/1.15 var(--disp);font-style:normal;background:rgba(21,24,31,.92);border:1px solid rgba(255,255,255,.2);border-radius:.9em;padding:.4em .75em;max-width:9em;text-align:center;transition:background .3s,color .3s}
.rd-b.on i{background:#fff;scale:1.35}.rd-b.on em{background:var(--gold);color:#0a0b0e;border-color:var(--gold)}
@keyframes rdhit{0%{box-shadow:0 0 0 0 rgba(241,201,28,.9)}12%{box-shadow:0 0 0 1.6em rgba(241,201,28,0)}100%{box-shadow:0 0 0 0 rgba(241,201,28,0)}}
.rd-g{position:absolute;left:50%;top:50%;width:25%;translate:-50% -50%;rotate:-90deg}.rd-g circle{fill:none;stroke-width:9}.rd-g .bg{stroke:rgba(255,255,255,.12)}.rd-g .fg{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:64;animation:rdg 5s ease-in-out infinite}
@keyframes rdg{0%,100%{stroke-dashoffset:90}50%{stroke-dashoffset:40}}
.rd-core{position:absolute;left:50%;top:50%;translate:-50% -50%;font:800 1.15em/1 var(--disp);letter-spacing:.06em}.rd-core span{display:block}
.rd-info{position:absolute;left:50%;bottom:-24%;translate:-50% 0;width:100%;background:rgba(21,24,31,.94);border:1px solid rgba(255,255,255,.16);border-radius:1.2em;padding:1em 1.3em;z-index:4;min-height:5.6em}
.rd-info b{display:block;font:800 1.25em/1.2 var(--disp);color:var(--gold)}.rd-info p{margin:.4em 0 0;font:500 1em/1.5 var(--body);color:#c9cedb}
/* conveyor */
.pm-conv{background:radial-gradient(900px 420px at 85% 0,rgba(241,201,28,.08),transparent 60%)}
.pm-track{justify-self:start;display:flex;gap:clamp(16px,2.4vw,32px);padding:0 max(24px,calc((100vw - 1200px)/2));width:max-content;will-change:transform;transform:translateX(calc(var(--p,0) * var(--shift,0px) * -1))}
.pm-pan{flex:none;width:min(470px,80vw);height:min(56vh,480px);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(160deg,#171b25,#0c0f16);padding:24px;display:grid;grid-template-rows:auto 1fr auto;gap:10px;position:relative;overflow:hidden}
.pm-pan::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(241,201,28,.18),transparent 70%)}
.pm-pan .no{font:800 44px/1 var(--disp);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.28)}
.pm-pan .viz{position:relative;display:grid;place-items:center;min-height:0;z-index:1}
.pm-pan h3{font:800 clamp(20px,1.8vw,26px)/1.15 var(--disp);color:#fff;margin:0;position:relative;z-index:1}.pm-pan p{color:var(--mut);font-size:14.5px;line-height:1.55;margin:8px 0 0;position:relative;z-index:1}
.pm-bar{height:3px;margin:0 max(24px,calc((100vw - 1200px)/2));background:rgba(255,255,255,.1);border-radius:3px}.pm-bar u{display:block;height:100%;width:calc(var(--p,0)*100%);background:var(--gold);border-radius:3px}
.v-fan{position:relative;width:250px;height:190px}.v-fan .ad{position:absolute;left:50%;top:50%;width:112px;height:150px;margin:-75px 0 0 -56px;border-radius:14px;background:linear-gradient(160deg,#fff,#d9dce2);padding:10px;display:grid;gap:8px;align-content:start;transition:rotate .9s cubic-bezier(.2,.8,.2,1),translate .9s cubic-bezier(.2,.8,.2,1);box-shadow:0 14px 30px -12px #000}
.v-fan .ad b{height:62px;border-radius:9px;background:linear-gradient(135deg,var(--gold),#C9A112)}.v-fan .ad s{height:6px;border-radius:9px;background:#aeb3bd}.v-fan .a2{background:linear-gradient(160deg,#2a2f3a,#12151c)}.v-fan .a2 s{background:#5a606c}.v-fan .a3{background:linear-gradient(160deg,var(--gold),#C9A112)}.v-fan .a3 b{background:#0a0b0e}.v-fan .a3 s{background:rgba(10,11,14,.4)}
.v-fan .a3 em{position:absolute;right:-8px;top:-8px;width:30px;height:30px;border-radius:50%;background:#0a0b0e;color:var(--gold);font:700 14px/30px sans-serif;text-align:center;font-style:normal}
.pm-pan.in .v-fan .a1{rotate:-16deg;translate:-62px 6px}.pm-pan.in .v-fan .a3{rotate:16deg;translate:62px 6px}.pm-pan.in .v-fan .a2{translate:0 -8px}.pm-pan:hover .v-fan .a2{translate:0 -22px}
.v-serp{width:300px;display:grid;gap:10px;position:relative}.v-serp .r{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.07);border-radius:12px;padding:13px}.v-serp .r em{background:var(--gold);color:#0a0b0e;border-radius:6px;padding:2px 7px;font:800 11px/1.4 var(--disp);font-style:normal}.v-serp .r u{flex:1;height:7px;border-radius:9px;background:#5a606c}.v-serp .r i{width:18px;height:18px;border-radius:5px;background:#3a3f4b}
.v-serp .top{outline:2px solid var(--gold);box-shadow:0 0 34px rgba(241,201,28,.28)}.v-serp .top b{width:38px;height:7px;border-radius:9px;background:var(--gold);animation:pgpulse 2s infinite}.v-serp svg{position:absolute;right:-34px;top:2px;width:30px;fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;animation:pgfloat 1.6s infinite}
.v-vid{position:relative;width:200px;height:230px;display:grid;place-items:center}.v-vid .ph{position:relative;width:118px;height:218px;border:3px solid #fff;border-radius:24px;overflow:hidden;background:#12151c}.v-vid .reel{position:absolute;inset:0;display:grid;grid-auto-rows:100%;animation:vreel 8s ease-in-out infinite}.v-vid .reel i{background:linear-gradient(160deg,var(--gold),#C9A112)}.v-vid .reel i:nth-child(2){background:linear-gradient(160deg,#fff,#aeb3bd)}.v-vid .reel i:nth-child(3){background:linear-gradient(160deg,#2a2f3a,#0c0f16)}.v-vid .reel i:nth-child(4){background:linear-gradient(160deg,var(--gold),#fff)}
@keyframes vreel{0%,20%{translate:0 0}30%,45%{translate:0 -100%}55%,70%{translate:0 -200%}80%,95%{translate:0 -300%}100%{translate:0 0}}
.v-vid .pl{position:absolute;width:40px;height:40px;border-radius:50%;background:rgba(10,11,14,.6);border:2px solid #fff}.v-vid .pl::after{content:"";position:absolute;left:14px;top:10px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.v-vid em{position:absolute;right:8px;bottom:30px;color:var(--gold);font:700 24px/1 sans-serif;font-style:normal;animation:vheart 3s ease-in infinite}.v-vid .h2{right:34px;animation-delay:1.4s}@keyframes vheart{0%{translate:0 0;opacity:0}15%{opacity:1}100%{translate:0 -90px;opacity:0}}
.v-ev{width:290px;display:grid;gap:9px}.v-ev p{display:flex;align-items:center;gap:12px;margin:0;font:600 13px/1 ui-monospace,Menlo,monospace;color:#e6e9f2;background:rgba(255,255,255,.06);border-radius:10px;padding:12px;animation:evrow 5s ease-in-out infinite}.v-ev p i{width:9px;height:9px;border-radius:50%;background:#7b8190}.v-ev p u{margin-left:auto;width:46px;height:6px;border-radius:9px;background:#3a3f4b}
.v-ev p:nth-child(2){animation-delay:.5s}.v-ev p:nth-child(3){animation-delay:1s}.v-ev p:nth-child(4){animation-delay:1.5s}.v-ev .hot{border:1px solid var(--gold);background:rgba(241,201,28,.12)}.v-ev .hot i{background:var(--gold)}.v-ev .hot u{background:var(--gold)}
@keyframes evrow{0%,100%{opacity:.45;translate:-6px 0}25%,60%{opacity:1;translate:0 0}}
.v-dn{display:flex;align-items:center;gap:24px}.v-dn svg{width:150px;rotate:-90deg;animation:pgspin 24s linear infinite}.v-dn circle{fill:none;stroke-width:16}.v-dn .t{stroke:rgba(255,255,255,.08)}.v-dn .s{stroke-dasharray:0 276.46;transition:stroke-dasharray 1.4s cubic-bezier(.2,.8,.2,1)}.v-dn .s1{stroke:var(--gold)}.v-dn .s2{stroke:#fff;stroke-dashoffset:-124}.v-dn .s3{stroke:#6b7180;stroke-dashoffset:-208}
.pm-pan.in .v-dn .s1{stroke-dasharray:118 276.46}.pm-pan.in .v-dn .s2{stroke-dasharray:80 276.46}.pm-pan.in .v-dn .s3{stroke-dasharray:62 276.46}
.v-dn ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font:700 14px var(--disp);color:#e6e9f2}.v-dn li{display:flex;gap:9px;align-items:center}.v-dn li i{width:11px;height:11px;border-radius:50%;background:var(--gold)}.v-dn li:nth-child(2) i{background:#fff}.v-dn li:nth-child(3) i{background:#6b7180}
.v-ab{display:flex;gap:22px}.v-ab .t{position:relative;width:128px;height:156px;background:#fff;border-radius:18px;padding:16px;display:grid;align-content:space-between;color:#0a0b0e;transition:opacity .6s,scale .6s}.v-ab .t b{font:800 46px/1 var(--disp)}.v-ab .t u{display:block;height:9px;border-radius:9px;background:#d3d6dc;overflow:hidden;position:relative}.v-ab .t u::after{content:"";position:absolute;inset:0;width:var(--f,40%);background:#0a0b0e;border-radius:9px;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.v-ab .tb{background:var(--gold)}.v-ab .tb span{position:absolute;top:-12px;right:-10px;background:#0a0b0e;color:var(--gold);font:800 11px/1 var(--disp);border-radius:99px;padding:6px 10px;scale:0;transition:scale .5s cubic-bezier(.34,1.56,.64,1) 1.2s}
.pm-pan.in .v-ab .tb u{--f:92%}.pm-pan.in .v-ab .ta u{--f:30%}.pm-pan.in .v-ab .ta{opacity:.55;scale:.94}.pm-pan.in .v-ab .tb span{scale:1}.pm-pan:not(.in) .v-ab .ta u{--f:62%}.pm-pan:not(.in) .v-ab .tb u{--f:58%}
/* budget lab */
.pm-lab-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:start}
.pm-stage{position:sticky;top:14vh;border-radius:28px;background:linear-gradient(160deg,#171b25,#0c0f16);border:1px solid rgba(255,255,255,.12);padding:22px;display:grid;gap:16px;overflow:hidden}
.pm-stage .st-top{display:flex;justify-content:space-between;align-items:center;font:700 13px var(--disp);color:#aeb3c0}.pm-stage .live{display:block;width:9px;height:9px;border-radius:50%;background:var(--gold);animation:pgpulse 1.8s infinite}
.pm-stage .cols{display:flex;align-items:flex-end;gap:14px;height:210px}.pm-stage .col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;height:100%;text-align:center}.pm-stage .col u{display:block;flex:none;height:calc(var(--h,40)*2px);background:linear-gradient(180deg,var(--gold),rgba(241,201,28,.22));border-radius:10px 10px 4px 4px;transition:height 1.1s cubic-bezier(.2,.8,.2,1)}.pm-stage .col em{font:700 12px var(--disp);font-style:normal;color:#c9cedb}
.pm-stage .c1{--h:44}.pm-stage .c2{--h:36}.pm-stage .c3{--h:22}.pm-stage[data-state="1"] .c1{--h:30}.pm-stage[data-state="1"] .c2{--h:26}.pm-stage[data-state="1"] .c3{--h:66}.pm-stage[data-state="2"] .c1{--h:46}.pm-stage[data-state="2"] .c2{--h:38}.pm-stage[data-state="2"] .c3{--h:88}
.pm-stage .spark{width:100%;height:72px}.pm-stage .spark .a{fill:rgba(241,201,28,.12)}.pm-stage .spark .l{fill:none;stroke:var(--gold);stroke-width:2.6px;vector-effect:non-scaling-stroke;stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.8s ease}.pm-stage[data-state="1"] .spark .l{stroke-dashoffset:170}.pm-stage[data-state="2"] .spark .l{stroke-dashoffset:0}
.pm-stage .mv{font:700 13px var(--disp);color:#0a0b0e;background:var(--gold);border-radius:99px;padding:8px 14px;justify-self:start;opacity:0;translate:0 8px;transition:.5s}.pm-stage[data-state="1"] .mv{opacity:1;translate:none}
.pm-stage .chips{display:flex;gap:8px;flex-wrap:wrap;opacity:0;translate:0 8px;transition:.6s}.pm-stage[data-state="2"] .chips{opacity:1;translate:none}.pm-stage .chips span{border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:6px 12px;font:700 12px var(--disp);background:rgba(21,24,31,.9);color:#fff}
.pm-step{min-height:76vh;display:grid;align-content:center;gap:14px;opacity:.3;transition:opacity .5s}.pm-step.on{opacity:1}.pm-step .n{font:800 clamp(56px,7vw,96px)/1 var(--disp);color:transparent;-webkit-text-stroke:1.5px var(--gold)}.pm-step h3{font:800 clamp(26px,3vw,40px)/1.1 var(--disp);color:#fff;margin:0}.pm-step p{color:var(--mut);font-size:clamp(15px,1.3vw,17px);line-height:1.7;margin:0}
/* funnel spine */
.pm-spine{position:relative;display:grid;gap:6px;padding:10px 0 0}
.pm-spine .rw{position:relative;min-height:128px;display:flex;align-items:center}.pm-spine .rw.l{justify-content:flex-start}.pm-spine .rw.r{justify-content:flex-end}
.pm-spine .ly{position:absolute;left:50%;top:0;bottom:0;width:calc(var(--w)*.5%);translate:-50% 0;background:linear-gradient(90deg,rgba(241,201,28,.06),rgba(241,201,28,.22),rgba(241,201,28,.06));border:1px solid rgba(241,201,28,.4);border-radius:12px;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);opacity:0;scale:.8 1;transition:opacity .7s,scale .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*.14s)}
.pm-fun.in .ly{opacity:1;scale:1}
.pm-spine .st{position:relative;z-index:1;width:min(40%,440px);background:rgba(21,24,31,.94);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px 22px;opacity:0;translate:0 22px;transition:opacity .7s,translate .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*.14s + .15s)}
.pm-fun.in .st{opacity:1;translate:none}
.pm-spine .k{display:block;font:800 13px var(--disp);color:var(--gold);letter-spacing:.14em;margin-bottom:6px}.pm-spine h4{margin:0 0 6px;font:800 clamp(17px,1.5vw,21px)/1.2 var(--disp);color:#fff}.pm-spine p{margin:0;color:var(--mut);font-size:14.5px;line-height:1.6}
@media(max-width:860px){
	.pg-pin{height:auto!important}.pg-stick{position:static;height:auto;overflow:visible;padding:clamp(40px,8vw,70px) 0}
	.pm-track{transform:none;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 14px}.pm-pan{scroll-snap-align:center;height:auto;min-height:380px}.pm-bar{display:none}
	.pm-lab-grid{grid-template-columns:1fr}.pm-stage{position:relative;top:0}.pm-step{min-height:auto;opacity:1;padding:26px 0}
	.pm-spine .rw{min-height:0;display:block;padding:8px 0}.pm-spine .ly{display:none}.pm-spine .st{width:100%;opacity:1;translate:none}
}
@media(prefers-reduced-motion:reduce){.pm-radar *,.pm-pan *,.pm-stage *{animation:none!important}.pm-spine .ly,.pm-spine .st{opacity:1;translate:none;scale:1}}
/* ================= SEO ================= */
.sk-serp{position:relative;font-size:calc(100cqw/40);color:#fff;padding:3.4em 0 3.4em}
.sk-serp .sq{display:flex;align-items:center;gap:1em;background:#fff;color:#0a0b0e;border-radius:99em;padding:1em 1.5em;box-shadow:0 1.4em 2.4em -1.2em #000;position:relative;z-index:3}
.sk-serp .gl{display:block;width:1.7em;height:1.7em;border-radius:50%;background:conic-gradient(var(--gold) 0 25%,#0a0b0e 25% 50%,#9aa0ac 50% 75%,var(--gold) 75%);flex:none}
.sk-serp .q{flex:1;font:600 1.15em/1 var(--disp);overflow:hidden;white-space:nowrap}.sk-serp .q b{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:26ch;font-weight:600;animation:sktype 9s steps(26) infinite;border-right:.15em solid var(--gold)}
@keyframes sktype{0%{width:0}24%,92%{width:26ch}100%{width:0}}
.sk-serp .mg{display:block;width:1.3em;height:1.3em;border:.28em solid #0a0b0e;border-radius:50%;position:relative;flex:none}.sk-serp .mg::after{content:"";position:absolute;right:-.7em;bottom:-.55em;width:.7em;height:.28em;background:#0a0b0e;rotate:45deg;border-radius:1em}
.sk-serp .rs{position:relative;display:grid;gap:.7em;margin-top:1.3em}
.sk-serp .r{height:4.6em;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:1em;padding:0 1.3em;display:grid;gap:.55em;align-content:center;animation:skoth 9s ease-in-out infinite}
.sk-serp .r u{display:block;height:.55em;border-radius:1em;background:#5a606c}.sk-serp .r .t{width:48%;background:#9aa0ac}.sk-serp .r .s{width:92%}.sk-serp .r .s2{width:68%}
.sk-serp .me{display:flex;align-items:center;gap:1em;background:var(--gold);color:#0a0b0e;border-color:var(--gold);animation:skme 9s ease-in-out infinite;box-shadow:0 1.4em 3em -1em rgba(241,201,28,.5);z-index:2}
.sk-serp .me .pos{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;background:#0a0b0e;color:var(--gold);font:800 1.2em/1 var(--disp)}.sk-serp .me em{font:800 1.15em/1 var(--disp);font-style:normal}.sk-serp .me u{background:rgba(10,11,14,.5)}.sk-serp .me .t{width:5em;flex:none}.sk-serp .me .s{flex:1;width:auto}.sk-serp .me .st{font-size:1em;letter-spacing:.08em;margin-left:auto}
@keyframes skoth{0%,36%{translate:0 0}56%,92%{translate:0 5.3em}100%{translate:0 0}}@keyframes skme{0%,36%{translate:0 0;scale:1}56%,92%{translate:0 -21.2em;scale:1.03}100%{translate:0 0;scale:1}}
.sk-serp .kw{position:absolute;font:700 1em/1 var(--disp);background:rgba(21,24,31,.92);border:1px solid rgba(255,255,255,.2);border-radius:99em;padding:.6em 1.1em;white-space:nowrap;animation:pgfloat 5s ease-in-out infinite;z-index:4;max-width:60%;overflow:hidden;text-overflow:ellipsis}
.sk-serp .kw::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--gold);margin-right:.6em}
.sk-serp .k1{left:3%;top:0}.sk-serp .k2{right:3%;top:.3em;animation-delay:-1.5s}.sk-serp .k3{left:5%;bottom:.2em;animation-delay:-3s}.sk-serp .k4{right:5%;bottom:0;animation-delay:-2.2s}
/* crawl graph */
.sk-graph .gwrap{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;margin-top:clamp(20px,3vw,40px)}
.sk-graph svg.g{width:100%;height:auto;overflow:visible}.sk-graph .e{stroke:rgba(255,255,255,.2);stroke-width:1.5;fill:none;stroke-dasharray:3 7}
.sk-graph .core circle{fill:#15181f;stroke:var(--gold);stroke-width:2}.sk-graph .core .halo{fill:none;stroke:rgba(241,201,28,.35);transform-box:fill-box;transform-origin:center;animation:pgpulse 3s infinite}.sk-graph .core text{fill:#fff;font:800 12px var(--disp);text-anchor:middle}
.sk-graph .nd{cursor:pointer;outline:none}.sk-graph .nd .rg{fill:#15181f;stroke:rgba(255,255,255,.28);stroke-width:1.5;transition:fill .3s,stroke .3s}.sk-graph .nd .dot{fill:#9aa0ac;transition:fill .3s}.sk-graph .nd text{fill:#c9cedb;font:700 13px var(--disp);text-anchor:middle}
.sk-graph .nd.on .rg,.sk-graph .nd:hover .rg,.sk-graph .nd:focus-visible .rg{stroke:var(--gold);fill:rgba(241,201,28,.14)}.sk-graph .nd.on .dot,.sk-graph .nd:hover .dot{fill:var(--gold)}.sk-graph .nd.on text{fill:#fff}
.sk-graph .bot{fill:#fff;stroke:var(--gold);stroke-width:3;filter:drop-shadow(0 0 6px rgba(241,201,28,.8))}
.sk-graph .panel{background:linear-gradient(160deg,#171b25,#0c0f16);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:26px;min-height:230px}.sk-graph .panel .no{display:block;font:800 56px/1 var(--disp);color:transparent;-webkit-text-stroke:1px var(--gold);margin-bottom:10px}.sk-graph .panel h3{margin:0 0 10px;font:800 clamp(20px,2vw,26px)/1.2 var(--disp);color:#fff}.sk-graph .panel p{margin:0;color:var(--mut);line-height:1.65;font-size:15.5px}
/* SERP feature stack */
.sk-feats{display:grid;gap:clamp(18px,2.4vw,30px);max-width:1000px;margin:0 auto}
.sk-feats .ft{position:relative;background:#fff;color:#0a0b0e;border-radius:22px;padding:26px 30px 24px;box-shadow:0 30px 60px -36px rgba(10,11,14,.55);display:grid;gap:10px}
.sk-feats .ft1{margin-left:clamp(0px,9vw,120px)}.sk-feats .ft2{margin-right:clamp(0px,9vw,120px)}
.sk-feats .rv{opacity:0;translate:0 34px;rotate:-.7deg;transition:opacity .7s,translate .8s cubic-bezier(.2,.8,.2,1),rotate .8s;transition-delay:calc(var(--i)*.12s)}.sk-feats.in .rv,[data-reveal].in .sk-feats .rv{opacity:1;translate:none;rotate:0deg}
.sk-feats .url{display:flex;gap:10px;align-items:center;font:500 13px var(--body);color:#5b616e!important}.sk-feats .url i{display:block;width:24px;height:24px;border-radius:50%;background:var(--gold);flex:none}.sk-feats .url b{color:#9aa0ac}
.sk-feats h3{margin:0;font:800 clamp(21px,2.3vw,30px)/1.15 var(--disp);color:#0a0b0e!important;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:4px;text-underline-offset:6px}
.sk-feats .sn p{color:#454a58!important;font-size:15.5px;line-height:1.7;margin:0 0 8px}
.sk-feats .badge{position:absolute;right:22px;top:-13px;background:#0a0b0e;color:var(--gold);font:800 12px/1 var(--disp);border-radius:99px;padding:8px 14px;letter-spacing:.04em}.sk-feats .rate{color:#C9A112;letter-spacing:.12em;font-size:15px}
.sk-feats .paa{border:1px solid #e3e5ea;border-radius:12px;padding:12px 16px;background:#faf8f2}.sk-feats .paa summary{cursor:pointer;font:700 14.5px var(--disp);color:#0a0b0e!important}.sk-feats .paa p{margin:10px 0 0;font-size:14.5px;color:#5b616e!important}
.sk-feats .links{display:flex;gap:12px;flex-wrap:wrap}.sk-feats .links span{border:1px solid #e3e5ea;border-radius:99px;padding:7px 16px;font:700 13px var(--disp);color:#0a0b0e;background:#faf8f2}
/* mountain climb */
.sk-climb .cw{position:relative;aspect-ratio:1000/420;margin-top:clamp(10px,2vw,30px)}
.sk-climb .mt{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sk-climb .mt .rg{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.1);stroke-width:1.2}
.sk-climb .trail{fill:none;stroke:rgba(255,255,255,.3);stroke-width:3;stroke-dasharray:2 10;stroke-linecap:round}.sk-climb .done{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--c,0))}
.sk-climb .climber{fill:var(--gold);stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 8px rgba(241,201,28,.9))}
.sk-climb .ck{position:absolute;width:0;height:0}.sk-climb .ck .fl{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:#15181f;border:2px solid rgba(255,255,255,.4);transition:.4s}.sk-climb .ck.on .fl{background:var(--gold);border-color:#fff;scale:1.35}
.sk-climb .ck .cd{position:absolute;left:0;bottom:22px;translate:-50% 0;width:clamp(150px,19vw,250px);background:rgba(21,24,31,.95);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 16px;opacity:.28;scale:.94;transition:opacity .5s,scale .5s}.sk-climb .ck.below .cd{bottom:auto;top:22px}.sk-climb .ck.on .cd{opacity:1;scale:1;border-color:rgba(241,201,28,.55)}
.sk-climb .ck:first-of-type .cd{translate:-14% 0}.sk-climb .ck:last-of-type .cd{translate:-86% 0}
.sk-climb .cd .k{display:block;font:800 12px var(--disp);color:var(--gold);letter-spacing:.14em;margin-bottom:4px}.sk-climb .cd h4{margin:0 0 4px;font:800 clamp(14px,1.3vw,17px)/1.2 var(--disp);color:#fff}.sk-climb .cd p{margin:0;color:var(--mut);font-size:clamp(12px,1vw,13.5px);line-height:1.5}
@media(max-width:860px){
	.sk-graph .gwrap{grid-template-columns:1fr}.sk-feats .ft1,.sk-feats .ft2{margin:0}
	.sk-climb .cw{aspect-ratio:auto;display:grid;gap:12px}.sk-climb .mt{display:none}.sk-climb .ck{position:relative;left:auto!important;top:auto!important;width:auto;height:auto}.sk-climb .ck .fl{display:none}.sk-climb .ck .cd{position:relative;bottom:auto;top:auto;translate:none!important;width:100%;opacity:1;scale:1}
	.sk-serp{font-size:calc(100cqw/34)}
}
@media(prefers-reduced-motion:reduce){.sk-serp *{animation:none!important}.sk-feats .rv{opacity:1;translate:none;rotate:0deg}}
/* ================= SHOPIFY ================= */
.sh-hero{position:relative;font-size:calc(100cqw/38);aspect-ratio:1.06;color:#fff}
.sh-hero .dk{position:absolute;left:0;top:4%;width:86%;height:82%;background:#fff;border-radius:1.4em;box-shadow:0 2em 4em -1.6em #000;overflow:hidden;color:#0a0b0e;display:flex;flex-direction:column}
.sh-hero .bar{height:2.6em;background:#eceef1;display:flex;align-items:center;gap:.55em;padding:0 1.1em;flex:none;font:600 1em/1 var(--disp);color:#5b616e}.sh-hero .bar i{width:.8em;height:.8em;border-radius:50%;background:#c9ccd3}.sh-hero .bar span{margin-left:1em;background:#fff;border-radius:99em;padding:.4em 1.2em}
.sh-hero .bd{flex:1;padding:1em;display:grid;grid-template-rows:auto auto 1fr auto;gap:.9em;min-height:0}
.sh-hero .bk{animation:shin 12s cubic-bezier(.2,.8,.2,1) infinite;animation-fill-mode:both}.sh-hero .b2{animation-delay:.9s}.sh-hero .b3{animation-delay:1.8s}.sh-hero .b4{animation-delay:2.7s}
@keyframes shin{0%{opacity:0;translate:5em 0;scale:.96}9%,84%{opacity:1;translate:0 0;scale:1}94%,100%{opacity:0;translate:-1.5em 0}}
.sh-hero .b1{display:flex;align-items:center;gap:.8em}.sh-hero .lg{display:block;width:4.6em;height:1.1em;border-radius:1em;background:#0a0b0e}.sh-hero .b1 i{display:block;width:3em;height:.6em;border-radius:1em;background:#d3d6dc}.sh-hero .cb{margin-left:auto;background:#0a0b0e;color:var(--gold);border-radius:99em;padding:.45em .9em;font:800 1em/1 var(--disp);font-style:normal}.sh-hero .cb b{font-weight:800}
.sh-hero .b2{background:#0a0b0e;color:#fff;border-radius:1em;display:grid;grid-template-columns:1.2fr 1fr;gap:1em;padding:1.2em;align-items:center}.sh-hero .b2 .tx{display:grid;gap:.6em}.sh-hero .b2 b{display:block;height:1em;width:80%;border-radius:1em;background:var(--gold)}.sh-hero .b2 u{display:block;height:.55em;width:60%;border-radius:1em;background:#5a606c}.sh-hero .bt{display:inline-block;justify-self:start;background:var(--gold);color:#0a0b0e;font:800 1em/1 var(--disp);border-radius:.6em;padding:.6em 1.1em}.sh-hero .b2 .im{display:block;height:5.4em;border-radius:.8em;background:linear-gradient(135deg,var(--gold),#C9A112)}
.sh-hero .b3{display:grid;grid-template-columns:repeat(4,1fr);gap:.8em;min-height:0}.sh-hero .pd{background:#f6f4ee;border-radius:.9em;padding:.7em;display:grid;gap:.5em;align-content:start}.sh-hero .pc{display:block;aspect-ratio:1.15;border-radius:.6em;background:linear-gradient(135deg,var(--gold),#C9A112)}.sh-hero .p2{background:linear-gradient(135deg,#2a2f3a,#0c0f16)}.sh-hero .p3{background:linear-gradient(135deg,#F8E9A8,var(--gold))}.sh-hero .p4{background:linear-gradient(135deg,#9aa0ac,#5a606c)}
.sh-hero .pd u{display:block;height:.5em;border-radius:1em;background:#cfd3da}.sh-hero .pr{display:flex;justify-content:space-between;align-items:center}.sh-hero .pr s{display:block;width:40%;height:.6em;border-radius:1em;background:#0a0b0e}
.sh-hero .add{font:800 1.3em/1 var(--disp);width:1.4em;height:1.4em;border-radius:.4em;border:0;background:#0a0b0e;color:var(--gold);cursor:pointer;padding:0;display:grid;place-items:center;transition:scale .2s}.sh-hero .add:hover{scale:1.15}
.sh-hero .b4{display:flex;align-items:center;gap:1em;background:#f6f4ee;border-radius:.9em;padding:.9em}.sh-hero .stars{color:#C9A112;letter-spacing:.1em;font-size:1.1em}.sh-hero .b4 u{display:block;height:.5em;border-radius:1em;background:#cfd3da;flex:1}.sh-hero .b4 .s{flex:.6}
.sh-hero .tg{position:absolute;font:700 .95em/1 var(--disp);background:#0a0b0e;color:#fff;border-radius:99em;padding:.5em 1em;z-index:5;white-space:nowrap;box-shadow:0 .8em 1.4em -.8em #000;animation:shin 12s infinite;animation-fill-mode:both}.sh-hero .tg::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--gold);margin-right:.55em}
.sh-hero .t1{left:44%;top:9%}.sh-hero .t2{left:40%;top:25%;animation-delay:.9s}.sh-hero .t3{left:42%;top:56%;animation-delay:1.8s}.sh-hero .t4{left:30%;top:80%;animation-delay:2.7s}.sh-hero .t5{right:8%;top:2%;animation-delay:6s}
.sh-hero .ph{position:absolute;right:0;bottom:0;width:31%;aspect-ratio:9/18.2;background:#fff;border:.4em solid #0a0b0e;outline:.35em solid #fff;border-radius:2.4em;box-shadow:0 2em 3.4em -1.4em #000;overflow:hidden;z-index:4;color:#0a0b0e}
.sh-hero .ph .nt{position:absolute;left:50%;top:.5em;width:30%;height:.9em;translate:-50% 0;background:#0a0b0e;border-radius:1em;z-index:3}.sh-hero .ph .sc{padding:2.4em .9em .9em;display:grid;gap:.6em;align-content:start}.sh-hero .ph .im{display:block;aspect-ratio:1.1;border-radius:.8em;background:linear-gradient(135deg,var(--gold),#C9A112)}.sh-hero .ph .sc u{display:block;height:.55em;border-radius:1em;background:#cfd3da}.sh-hero .ph .sc .s{width:60%}.sh-hero .ph .pr{display:block;height:.9em;width:40%;border-radius:1em;background:#0a0b0e}.sh-hero .ph .bt{text-align:center;animation:shpress 6s ease-in-out infinite}
@keyframes shpress{0%,38%,62%,100%{scale:1}44%{scale:.94}}
.sh-hero .dr{position:absolute;left:0;right:0;bottom:0;background:#0a0b0e;color:#fff;padding:.9em;display:grid;gap:.6em;border-radius:1.2em 1.2em 0 0;animation:shdr 12s ease-in-out infinite;translate:0 105%;z-index:2}
.sh-hero .dr b{font:800 1.05em/1 var(--disp)}.sh-hero .dr p{display:flex;gap:.6em;align-items:center;margin:0}.sh-hero .dr p i{display:block;width:1.8em;height:1.8em;border-radius:.4em;background:var(--gold)}.sh-hero .dr p u{display:block;flex:1;height:.5em;border-radius:1em;background:#5a606c}.sh-hero .co{text-align:center;background:var(--gold);color:#0a0b0e;font:800 1em/1 var(--disp);border-radius:.6em;padding:.7em;animation:pgpulse 1.6s infinite}
@keyframes shdr{0%,42%{translate:0 105%}52%,78%{translate:0 0}88%,100%{translate:0 105%}}
/* anatomy */
.sh-anat .aw{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;margin-top:clamp(20px,3vw,40px)}
.sh-anat .map{position:relative;aspect-ratio:16/11;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -50px #000}
.sh-anat .zn{position:absolute;border:2px dashed rgba(10,11,14,.2);border-radius:10px;background:rgba(10,11,14,.03);transition:background .35s,border-color .35s,box-shadow .35s;display:grid;place-items:center;margin:3px;box-sizing:border-box}.sh-anat .zn em{font:700 clamp(9px,.9vw,12px)/1 var(--disp);font-style:normal;color:rgba(10,11,14,.5);position:absolute;left:8px;top:7px}
.sh-anat .zn.on{border:2px solid var(--gold);background:rgba(241,201,28,.22);box-shadow:inset 0 0 0 3px rgba(241,201,28,.3)}.sh-anat .zn.on em{color:#0a0b0e}
.sh-anat .hs{position:absolute;translate:-50% -50%;width:clamp(28px,2.8vw,38px);height:clamp(28px,2.8vw,38px);border-radius:50%;border:0;background:#0a0b0e;color:var(--gold);font:800 clamp(12px,1.2vw,15px)/1 var(--disp);cursor:pointer;z-index:2;transition:scale .3s,background .3s,color .3s;padding:0}.sh-anat .hs:hover{scale:1.15}.sh-anat .hs.on{background:var(--gold);color:#0a0b0e;box-shadow:0 0 0 8px rgba(241,201,28,.3);animation:pgpulse 2s infinite}
.sh-anat .pn{background:linear-gradient(160deg,#171b25,#0c0f16);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:28px;min-height:270px;display:grid;align-content:start;gap:10px}.sh-anat .pn .no{font:800 56px/1 var(--disp);color:transparent;-webkit-text-stroke:1px var(--gold)}.sh-anat .pn h3{margin:0;font:800 clamp(20px,2vw,26px)/1.2 var(--disp);color:#fff}.sh-anat .pn p{margin:0;color:var(--mut);line-height:1.65;font-size:15.5px}.sh-anat .dots{display:flex;gap:8px;margin-top:8px}.sh-anat .dots i{width:26px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);transition:.3s}.sh-anat .dots i.on{background:var(--gold);width:44px}
/* order journey */
.sh-jr .jg{display:grid;grid-template-columns:1fr minmax(250px,300px) 1fr;gap:clamp(20px,4vw,64px);margin-top:clamp(10px,2vw,30px)}
.sh-jr .phone{grid-column:2;position:sticky;top:12vh;align-self:start;width:100%;aspect-ratio:9/18.5;background:#fff;border:7px solid #0a0b0e;outline:5px solid #fff;border-radius:40px;overflow:hidden;box-shadow:0 40px 80px -40px #000;color:#0a0b0e}
.sh-jr .nt{position:absolute;left:50%;top:8px;width:30%;height:14px;translate:-50% 0;background:#0a0b0e;border-radius:12px;z-index:3}
.sh-jr .sc{position:absolute;inset:0;padding:38px 16px 16px;display:grid;gap:10px;align-content:start;opacity:0;translate:0 16px;transition:opacity .5s,translate .6s cubic-bezier(.2,.8,.2,1);background:#fff}
.sh-jr .phone[data-s="0"] .s0,.sh-jr .phone[data-s="1"] .s1,.sh-jr .phone[data-s="2"] .s2,.sh-jr .phone[data-s="3"] .s3{opacity:1;translate:none}
.sh-jr .sc .im{display:block;aspect-ratio:1.05;border-radius:14px;background:linear-gradient(135deg,var(--gold),#C9A112)}.sh-jr .sc u{display:block;height:9px;border-radius:9px;background:#d3d6dc}.sh-jr .sc .s{width:60%}.sh-jr .sc .pr{display:block;height:14px;width:36%;border-radius:9px;background:#0a0b0e}.sh-jr .sc .bt{display:block;text-align:center;background:var(--gold);color:#0a0b0e;font:800 14px/1 var(--disp);border-radius:12px;padding:14px}.sh-jr .sc .h{font:800 18px/1 var(--disp)}
.sh-jr .s0 .bt{animation:shpress 4s ease-in-out infinite}.sh-jr .sc p{display:flex;gap:10px;align-items:center;margin:0}.sh-jr .sc p i{display:block;width:34px;height:34px;border-radius:9px;background:var(--gold)}.sh-jr .sc p u{flex:1}.sh-jr .tt{border-top:1px solid #e3e5ea;padding-top:10px}.sh-jr .tt u{background:#0a0b0e;width:40%}
.sh-jr .pm{display:flex;gap:8px}.sh-jr .pm span{flex:1;border:2px solid #d9dce2;border-radius:10px;padding:10px;text-align:center;font:700 12px var(--disp)}.sh-jr .pm .on{background:var(--gold);border-color:#0a0b0e}
.sh-jr .s3{place-items:center;align-content:center;text-align:center}.sh-jr .ok{display:block;width:84px;height:84px;border-radius:50%;background:var(--gold);position:relative;margin:0 auto 8px}.sh-jr .ok::after{content:"";position:absolute;left:30px;top:16px;width:20px;height:38px;border:solid #0a0b0e;border-width:0 7px 7px 0;rotate:45deg}
.sh-jr .cf{position:absolute;width:10px;height:10px;border-radius:3px;background:var(--gold);opacity:0}.sh-jr .phone[data-s="3"] .cf{animation:shcf 2.4s ease-out infinite}.sh-jr .c1{left:20%;top:30%}.sh-jr .c2{left:75%;top:36%;animation-delay:.3s!important;background:#0a0b0e}.sh-jr .c3{left:35%;top:24%;animation-delay:.6s!important}.sh-jr .c4{left:62%;top:28%;animation-delay:.9s!important;background:#9aa0ac}
@keyframes shcf{0%{opacity:0;translate:0 -20px;rotate:0deg}20%{opacity:1}100%{opacity:0;translate:0 120px;rotate:200deg}}
.sh-jr .js{min-height:72vh;display:grid;align-content:center;gap:12px;opacity:.28;transition:opacity .5s}.sh-jr .js.lt{grid-column:1;text-align:right}.sh-jr .js.rt{grid-column:3}.sh-jr .js.on{opacity:1}
.sh-jr .js .n{font:800 clamp(52px,6vw,88px)/1 var(--disp);color:transparent;-webkit-text-stroke:1.5px var(--gold)}.sh-jr .js h3{margin:0;font:800 clamp(24px,2.8vw,38px)/1.12 var(--disp);color:#fff}.sh-jr .js p{margin:0;color:var(--mut);font-size:clamp(15px,1.3vw,17px);line-height:1.7}
/* launch runway */
.sh-run .trk{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 2px 26px;scrollbar-width:none;cursor:grab}.sh-run .trk::-webkit-scrollbar{display:none}.sh-run .trk.drag{cursor:grabbing;scroll-snap-type:none}
.sh-run .cd{flex:none;width:min(330px,80vw);scroll-snap-align:start;background:linear-gradient(160deg,#171b25,#0c0f16);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:26px;display:grid;gap:10px;align-content:start;min-height:290px;position:relative;overflow:hidden;transition:translate .35s,border-color .35s}
.sh-run .cd:hover{translate:0 -6px;border-color:rgba(241,201,28,.5)}.sh-run .cd::after{content:"";position:absolute;right:-50px;bottom:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(241,201,28,.2),transparent 70%)}
.sh-run .ic{width:54px;height:54px;border-radius:16px;background:var(--gold);color:#0a0b0e;display:grid;place-items:center}.sh-run .ic svg{width:58%;height:58%;stroke-width:2}.sh-run .k{font:800 13px var(--disp);color:var(--gold);letter-spacing:.14em}.sh-run h3{margin:0;font:800 clamp(19px,1.7vw,23px)/1.2 var(--disp);color:#fff}.sh-run p{margin:0;color:var(--mut);font-size:15px;line-height:1.6}
.sh-run .ln{height:6px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 10px,transparent 10px 20px);position:relative;margin:8px 0 18px}.sh-run .mk{position:absolute;top:50%;left:var(--m,0%);translate:-50% -50%;width:22px;height:22px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(241,201,28,.25)}
.sh-run .ct{display:flex;gap:10px;justify-content:flex-end}.sh-run .ct button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:.25s}.sh-run .ct button:hover{background:var(--gold);color:#0a0b0e;border-color:var(--gold)}
@media(max-width:860px){.sh-anat .aw{grid-template-columns:1fr}.sh-jr .jg{grid-template-columns:1fr}.sh-jr .phone{grid-column:1;grid-row:auto!important;position:relative;top:0;width:min(250px,70%);margin:0 auto}.sh-jr .js,.sh-jr .js.lt,.sh-jr .js.rt{grid-column:1;grid-row:auto!important;text-align:left;min-height:auto;opacity:1;padding:20px 0}}
@media(prefers-reduced-motion:reduce){.sh-hero *{animation:none!important}.sh-hero .bk,.sh-hero .tg{opacity:1}.sh-hero .dr{translate:0 105%}}
