/* GrandMa next · pages.css · v0.4.0 · inner pages (services/<slug>, cases, why-us, contact) · space: grandma.agency
   depends on /style.css (tokens) and /services/services.css (.strip, .sheet, .faq, .tile, .sym) */

/* ─── Service hero: one fader, full scale ─── */
.sv-hero{position:relative;min-height:92svh;padding:clamp(110px,14vh,160px) 0 clamp(48px,6vw,80px);display:flex;align-items:center;overflow:hidden}
.sv-hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(34% 50% at 16% 55%,hsla(var(--hue),82%,52%,.26),transparent 70%),radial-gradient(28% 34% at 88% 18%,rgba(167,54,255,.16),transparent 70%)}
.sv-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:clamp(180px,20vw,260px) 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.sv-hero__strip{display:flex;flex-direction:column;align-items:center;gap:14px}
.strip--xl{--lv:0;--pk:0;width:100%;padding:22px 12px 16px;gap:14px;border-radius:22px;background:linear-gradient(180deg,#171717,#0d0d0d);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.08) inset}
.strip--xl .strip__led{width:10px;height:10px}
.strip--xl.is-on .strip__led{background:hsl(var(--hue),90%,58%);box-shadow:0 0 12px hsl(var(--hue),90%,58%)}
.strip--xl .strip__meter{width:18px;height:clamp(180px,30vh,300px);border-radius:5px}
.strip--xl .strip__meter i{background:linear-gradient(180deg,var(--violet) 0%,hsl(var(--hue),88%,56%) 35%,hsl(var(--hue),80%,36%) 100%);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 7px,transparent 7px 10px);mask-image:repeating-linear-gradient(180deg,#000 0 7px,transparent 7px 10px)}
.strip--xl .strip__fader{width:44px;height:clamp(220px,34vh,340px);margin-bottom:36px}
.strip--xl .strip__track{width:6px}
.strip--xl .strip__track::after{background:hsl(var(--hue),88%,56%);box-shadow:0 0 14px hsla(var(--hue),88%,56%,.7)}
.strip--xl .strip__knob{width:44px;height:64px;border-radius:8px}
.strip--xl .strip__knob::after{left:7px;right:7px;height:3px}
.strip--xl.is-on .strip__knob::after{background:hsl(var(--hue),88%,60%);box-shadow:0 0 8px hsl(var(--hue),88%,60%)}
.strip--xl .strip__label{font-size:.78rem;letter-spacing:.18em;color:#fff}
.sv-hero__index{font-size:.62rem;letter-spacing:.2em}
.sv-hero__back{font-size:.62rem;letter-spacing:.14em;color:var(--ink-3);border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.sv-hero__back:hover{color:#fff;border-color:var(--mag)}
.sv-hero__title{font-size:clamp(3.2rem,6.6vw,6.6rem)}
.sv-hero__title .line{display:inline-flex;margin-right:.22em}
.sv-hero__note{margin-top:1.6rem}
.sv-hero__trust{margin-top:1.2rem;font-size:.62rem;letter-spacing:.14em;color:var(--ink-3)}
.sv-hero__trust b{font-family:var(--display);font-size:1.6rem;letter-spacing:.02em;color:var(--mag);margin-right:.3em;vertical-align:middle}
@media(max-width:900px){.sv-hero__inner{grid-template-columns:1fr;gap:32px}.sv-hero__strip{flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:20px}.strip--xl{width:120px}.strip--xl .strip__meter{height:150px}.strip--xl .strip__fader{height:180px}.sv-hero{min-height:0;padding-top:100px}}

/* ─── Intro ─── */
.sv-intro{padding:clamp(40px,6vw,80px) 0;border-block:1px solid var(--line);background:var(--bg-2)}
.sv-intro__text{font-family:var(--display);font-size:clamp(1.6rem,3.2vw,2.8rem);line-height:1.1;max-width:1100px}
.sv-intro__text em{font-style:normal;color:#fff;background:linear-gradient(transparent 58%,rgba(223,255,58,.32) 58%)}

/* ─── Problem: symptoms ─── */
.sv-problem__hint{margin-bottom:12px}
.sv-symptoms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sym--card{align-items:flex-start;padding:22px;border-radius:18px;min-height:150px;background:var(--surface)}
.sym--card b{display:block;font-family:var(--display);font-weight:400;font-size:1.5rem;line-height:1;margin-bottom:.45em;letter-spacing:.01em}
.sym--card span{color:var(--ink-2);font-size:.92rem}
.sym--card.is-on span{color:#fff}
.sv-problem__close{margin:28px 0 clamp(72px,10vw,140px);font-family:var(--display);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.1;color:var(--ink-2);max-width:40ch}
@media(max-width:900px){.sv-symptoms{grid-template-columns:1fr}.sym--card{min-height:0}}

/* ─── Signal chain ─── */
.sv-chain{background:var(--bg-2);border-top:1px solid var(--line)}
.chain{position:relative;padding:0 0 clamp(72px,10vw,140px) clamp(40px,5vw,72px)}
.chain__rail{position:absolute;left:clamp(12px,1.6vw,22px);top:0;bottom:clamp(72px,10vw,140px);width:4px;height:auto;overflow:visible}
.chain__rail line{stroke-width:4;stroke-linecap:round}
.chain__rail-bg{stroke:rgba(255,255,255,.1)}
.chain__rail-fg{stroke:var(--mag);filter:drop-shadow(0 0 8px rgba(233,30,150,.7))}
.chain__list{list-style:none;display:flex;flex-direction:column;gap:16px}
.chain__in,.chain__out{font-size:.62rem;letter-spacing:.16em;color:var(--ink-3);padding:6px 0}
.chain__out{color:var(--mag)}
.module{position:relative;display:grid;grid-template-columns:64px 1fr;gap:6px clamp(16px,2.5vw,32px);padding:clamp(20px,2.6vw,32px);border-radius:20px;background:var(--surface);border:1px solid var(--line);transition:border-color .4s,transform .6s var(--ease)}
.module.is-lit{border-color:rgba(233,30,150,.55)}
.module:hover{transform:translateX(6px)}
.module__port{position:absolute;left:calc(-1 * clamp(40px,5vw,72px) + clamp(12px,1.6vw,22px) - 6px);top:50%;width:16px;height:16px;border-radius:50%;background:#0a0a0a;border:3px solid rgba(255,255,255,.2);transform:translateY(-50%);transition:border-color .3s,box-shadow .3s}
.module.is-lit .module__port{border-color:var(--mag);box-shadow:0 0 12px rgba(233,30,150,.8)}
.module__num{grid-row:span 2;font-family:var(--display);font-size:2.4rem;letter-spacing:.04em;color:var(--mag);line-height:1}
.module__title{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:.95}
.module__text{color:var(--ink-2);font-size:.98rem;max-width:64ch}
@media(max-width:700px){.module{grid-template-columns:1fr}.module__num{grid-row:auto;font-size:1.6rem}}

/* ─── Spec sheet on page ─── */
.sv-spec{padding-bottom:clamp(72px,10vw,140px)}
.sheet--page{margin-left:0;margin-bottom:0}
.sv-mixes{display:flex;flex-direction:column;gap:8px}
.sv-mix{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(20,17,14,.18);background:rgba(255,255,255,.55);transition:transform .4s var(--ease),border-color .3s}
.sv-mix:hover{transform:translateX(4px);border-color:var(--mag-deep)}
.sv-mix__f{display:flex;gap:4px}
.sv-mix__f i{font-family:var(--mono);font-style:normal;font-size:.56rem;letter-spacing:.1em;padding:.35em .55em;border-radius:5px;border:1px solid rgba(20,17,14,.25);color:var(--on-paper-2)}
.sv-mix__f i.is-me{background:var(--mag-deep);border-color:var(--mag-deep);color:#fff}
.sv-mix__t{font-family:var(--display);font-size:1.15rem;letter-spacing:.02em;color:var(--on-paper)}

/* ─── Why: checks ─── */
.sv-why{background:var(--bg-2);border-top:1px solid var(--line)}
.sv-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:clamp(72px,10vw,140px)}
.tile--check{min-height:0;gap:.5em}
.tile__tick{font-family:var(--display);font-size:1.6rem;color:var(--mag);line-height:1}
.tile__k--sm{font-size:1.6rem}
@media(max-width:900px){.sv-checks{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sv-checks{grid-template-columns:1fr}}

/* ─── Board row (shared with /cases/) ─── */
.board-row{display:grid;grid-template-columns:1.3fr .6fr 1.4fr .8fr .6fr;align-items:center;gap:clamp(12px,2vw,28px);padding:clamp(16px,2vw,24px) clamp(16px,2.4vw,32px);border-radius:16px;background:#0b0b0b;border:1px solid rgba(255,255,255,.1);font-family:var(--display);letter-spacing:.03em;transition:border-color .3s,transform .5s var(--ease)}
.board-row:hover{border-color:var(--mag);transform:translateY(-3px)}
.board-row__client{font-size:clamp(1.3rem,2vw,1.8rem);display:flex;flex-direction:column;gap:.15em}
.board-row__client small{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}
.board-row__key{font-size:.62rem;color:var(--mag)}
.board-row__num{display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap}
.board-row__num b{font-weight:400;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.board-row__num small{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.board-row__period{font-size:.62rem;color:var(--ink-2)}
.board-row__status{font-size:.6rem;letter-spacing:.16em;justify-self:end;padding:.4em .7em;border-radius:6px;border:1px solid var(--line);color:var(--ink-2)}
.board-row__status.is-live{color:var(--hi);border-color:rgba(223,255,58,.4)}
.board-row__status.is-pilot{color:var(--violet);border-color:rgba(167,54,255,.4)}
.flip{display:inline-flex;gap:.04em}
.flip i{display:inline-block;font-style:normal;white-space:pre;transform-origin:50% 50%;animation:flipin .5s var(--ease) both}
.flip--flap{gap:.06em}
.flip--flap i{position:relative;text-align:center;animation:none;border-radius:.08em;background:rgba(255,255,255,.035);padding:0 .04em;line-height:1.05}
.flip--flap i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55)}
.flip--flap i.is-spinning{color:rgba(255,255,255,.55);animation:flapspin .076s linear infinite}
@keyframes flapspin{0%{transform:rotateX(0)}50%{transform:rotateX(-60deg)}100%{transform:rotateX(0)}}
.board-row__num .flip--flap i{background:rgba(255,255,255,.05)}
@keyframes flipin{0%{transform:rotateX(90deg);opacity:0}100%{transform:none;opacity:1}}
@media(max-width:800px){.board-row{grid-template-columns:1fr 1fr;grid-template-areas:"c s" "n n" "k p"}.board-row__client{grid-area:c}.board-row__status{grid-area:s}.board-row__num{grid-area:n}.board-row__key{grid-area:k}.board-row__period{grid-area:p;justify-self:end}}

/* ─── Featured case card ─── */
.sv-case{padding-bottom:clamp(72px,10vw,140px)}
.sv-case__card{display:grid;grid-template-columns:1.1fr .9fr;gap:0;margin-top:14px;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.sv-case__media{aspect-ratio:21/9;min-height:100%}
.sv-case__media img{width:100%;height:100%;object-fit:cover}
.sv-case__body{padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:1.2em;justify-content:center}
.sv-case__tag{font-family:var(--display);font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1}
.sv-case__metrics{display:flex;gap:clamp(20px,4vw,48px);flex-wrap:wrap}
.sv-case__body .btn{align-self:flex-start}
@media(max-width:900px){.sv-case__card{grid-template-columns:1fr}}

/* ─── FAQ on inner pages ─── */
.faq--page .faq__side .hand--lg{margin-top:1.6rem;font-size:1.3rem}

/* ─── Other faders ─── */
.sv-others{padding:clamp(48px,7vw,96px) 0;border-top:1px solid var(--line);background:var(--bg-2)}
.sv-others__label{margin-bottom:16px}
.sv-others__row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.mini{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:center;transition:transform .5s var(--ease),border-color .3s}
.mini:hover{transform:translateY(-6px);border-color:hsl(var(--hue),85%,55%)}
.mini__meter{width:8px;height:56px;border-radius:3px;background:#0a0a0a;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.mini__meter i{position:absolute;left:0;right:0;bottom:0;height:30%;background:hsl(var(--hue),85%,55%);transition:height .5s var(--ease)}
.mini:hover .mini__meter i{height:85%}
.mini__label{font-size:.56rem;letter-spacing:.14em;color:var(--ink-2)}
.mini__name{font-family:var(--ui);font-weight:600;font-size:.72rem;color:var(--ink-3)}
@media(max-width:900px){.sv-others__row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:480px){.sv-others__row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.strip--xl .strip__label{writing-mode:horizontal-tb;transform:none;font-size:.7rem}.strip--xl{padding-top:16px}}

/* ═══ /cases/ — THE BOARD ═══ */
.board-hero{position:relative;padding:clamp(110px,14vh,160px) 0 clamp(48px,6vw,80px);overflow:hidden}
.board-hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(30% 40% at 82% 30%,rgba(233,30,150,.2),transparent 70%),radial-gradient(24% 30% at 8% 80%,rgba(167,54,255,.14),transparent 70%)}
.board-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.board-hero__title{font-size:clamp(3.6rem,8vw,8.4rem)}
.board-hero__title .line{display:inline-flex;margin-right:.22em}
.board-hero__note{margin-top:1.4rem}
.board-hero__fig{position:relative;justify-self:end;width:min(100%,380px);margin-bottom:-8%}
.board-hero__fig img{-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}
.board-hero__fig figcaption{position:absolute;left:-30%;top:16%;font-size:1.15rem;transform:rotate(-5deg);text-align:right}
.board{position:relative;z-index:1}
.board__filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px}
.board__filters-label{font-size:.58rem;margin-right:6px}
.board__count{margin-left:auto;font-size:.62rem;display:flex;align-items:baseline;gap:.4em}
.board__count b{font-family:var(--display);font-size:1.6rem;color:var(--mag);font-weight:400}
.board__head{display:grid;grid-template-columns:1.3fr .6fr 1.4fr .8fr .6fr;gap:clamp(12px,2vw,28px);padding:0 clamp(16px,2.4vw,32px) 10px;font-size:.58rem;letter-spacing:.16em;color:var(--ink-3)}
.board__head span:last-child{text-align:right}
.board__rows{list-style:none;display:flex;flex-direction:column;gap:8px}
.board__item.is-hidden{display:none}
.board-row--btn{width:100%;text-align:left;color:inherit}
.board__item.is-open .board-row{border-color:var(--mag);border-bottom-left-radius:0;border-bottom-right-radius:0;transform:none}
.board__panel{overflow:hidden}
.board__card{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--surface);border:1px solid rgba(233,30,150,.4);border-top:0;border-radius:0 0 16px 16px;overflow:hidden}
.board__media{min-height:100%}
.board__media img{width:100%;height:100%;object-fit:cover}
.board__body{padding:clamp(20px,2.6vw,36px);display:flex;flex-direction:column;gap:1.1em}
.board__tag{font-family:var(--display);font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1}
.board__kpis{display:flex;gap:clamp(18px,3vw,40px);flex-wrap:wrap}
.board__kpis .case__num b{font-size:clamp(2rem,3vw,2.8rem)}
.board__proves{display:flex;flex-direction:column;gap:.3em;padding:12px 14px;border-radius:12px;border:1px dashed rgba(223,255,58,.45);color:var(--ink);font-size:.92rem}
.board__proves .mono{color:var(--hi);font-size:.58rem}
.board__cta{display:flex;flex-wrap:wrap;gap:10px}
.board__empty{padding:40px 0;text-align:center;color:var(--ink-3)}
@media(max-width:1000px){.board-hero__inner{grid-template-columns:1fr}.board-hero__fig{justify-self:start;width:min(70%,320px);margin:0}.board-hero__fig figcaption{left:auto;right:-10%;text-align:left}.board__head{display:none}.board__card{grid-template-columns:1fr}.board__media{aspect-ratio:21/9}}
@media(max-width:600px){.board__count{margin-left:0;width:100%}}

/* numbers need context */
.ctx{background:var(--bg-2);border-top:1px solid var(--line);padding-bottom:clamp(72px,10vw,140px)}
.ctx__demo{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(24px,3vw,44px);border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.ctx__num{display:flex;flex-direction:column;gap:.3em}
.ctx__num b{font-family:var(--display);font-size:clamp(4rem,9vw,8rem);line-height:.9;color:var(--mag);font-weight:400}
.ctx__num .mono{font-size:.62rem}
.ctx__facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;transition:filter .6s var(--ease),opacity .6s}
.ctx__facts.is-blur{filter:blur(7px);opacity:.45;pointer-events:none;user-select:none}
.ctx__facts div{display:flex;flex-direction:column;gap:.2em}
.ctx__facts dt{font-size:.58rem;color:var(--ink-3)}
.ctx__facts dd{font-size:.95rem;color:var(--ink)}
.ctx__facts div:last-child{grid-column:span 2}
.ctx__facts div:last-child dt{color:var(--hi)}
.ctx__hand{position:absolute;right:clamp(20px,3vw,44px);bottom:-12px;font-size:1.15rem;transform:rotate(-3deg)}
.ctx.is-ctx .ctx__num b{color:#fff}
@media(max-width:900px){.ctx__demo{grid-template-columns:1fr}.ctx__facts{grid-template-columns:1fr}.ctx__facts div:last-child{grid-column:span 1}}

/* ═══ /cases/<slug>/ — THE NUMBER THAT MOVED ═══ */
.cs-hero{position:relative;padding:clamp(110px,14vh,160px) 0 clamp(32px,4vw,56px);overflow:hidden}
.cs-hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(30% 40% at 80% 40%,rgba(233,30,150,.18),transparent 70%)}
.cs-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,64px);align-items:center}
.cs-hero__title{font-size:clamp(3rem,6.4vw,6.4rem)}
.cs-hero__title .line{display:inline-flex;margin-right:.22em}
.cs-hero__facts{list-style:none;display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.cs-hero__facts li{display:flex;flex-direction:column;gap:.25em;font-size:.6rem;letter-spacing:.14em}
.cs-hero__facts li span{color:var(--ink-3)}
.cs-hero__facts li b{font-family:var(--ui);font-weight:600;font-size:.82rem;letter-spacing:.02em;text-transform:none;color:#fff}
.cs-hero__facts a:hover{color:var(--mag)}
.cs-hero__note{margin-top:1.4rem}
.cs-hero__media{border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:#0c0c0c}
.cs-hero__media img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.cs-hero__inner{grid-template-columns:1fr}.cs-hero__media{aspect-ratio:21/9}}

.cs-story{display:grid;grid-template-columns:clamp(240px,26vw,340px) 1fr;gap:clamp(32px,5vw,80px);align-items:start;padding-bottom:clamp(72px,10vw,140px)}
.cs-kpi{position:sticky;top:110px;padding:clamp(20px,2.4vw,30px);border-radius:22px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:.5em;transition:border-color .5s}
.cs-kpi.is-after{border-color:var(--mag);box-shadow:0 0 60px -20px rgba(233,30,150,.6)}
.cs-kpi__label{font-size:.58rem}
.cs-kpi__num b{font-family:var(--display);font-weight:400;font-size:clamp(3.4rem,5.6vw,5.4rem);line-height:.9;color:var(--mag);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.cs-kpi__what{font-family:var(--ui);font-weight:600;font-size:.85rem;color:#fff}
.cs-kpi__stage{font-size:.6rem;color:var(--ink-3);min-height:1.4em}
.cs-kpi__bar{height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:.4em}
.cs-kpi__bar i{display:block;height:100%;width:0;background:var(--mag);box-shadow:0 0 10px rgba(233,30,150,.7)}
.cs-kpi__period{font-size:.58rem;color:var(--ink-2)}
.cs-flow{display:flex;flex-direction:column;gap:clamp(56px,8vw,120px)}
.cs-block .eyebrow{margin-bottom:.9rem}
.h2--sm{font-size:clamp(2.4rem,5vw,4.4rem)}
.cs-body{margin-top:1.2rem;color:var(--ink-2);font-size:clamp(1rem,1.2vw,1.12rem);max-width:64ch;line-height:1.65}
.cs-body--lg{font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.1;color:#fff;max-width:36ch}
.cs-chain{margin-top:1.8rem;gap:12px}
.cs-chain .module{grid-template-columns:52px 1fr}
.cs-kpis{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,44px);margin-top:1.6rem}
.cs-kpis .case__num{flex-direction:column;align-items:flex-start;gap:.3em}
.cs-chart{margin-top:2rem;padding:clamp(16px,2vw,28px);border-radius:18px;background:var(--surface);border:1px solid var(--line);position:relative}
.cs-chart figcaption{font-size:.58rem;margin-bottom:12px}
.cs-chart svg{width:100%;height:clamp(160px,22vw,260px);overflow:visible}
.cs-chart__line{stroke-dasharray:2400;stroke-dashoffset:2400;transition:stroke-dashoffset 2.2s var(--ease)}
.cs-chart.is-in .cs-chart__line{stroke-dashoffset:0}
.cs-chart__labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.55rem;color:var(--ink-3)}
.cs-chart__y{position:absolute;left:clamp(16px,2vw,28px);top:44px;bottom:44px;align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;font-size:.55rem;color:var(--ink-3);pointer-events:none}
.cs-hand{margin-top:1.4rem}
.cs-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:1.6rem}
.cs-breakdown__item{padding:16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:.3em}
.cs-breakdown__item b{font-family:var(--display);font-weight:400;font-size:1.8rem;color:var(--mag);line-height:1}
.cs-breakdown__item span{font-size:.8rem;color:var(--ink-2)}
.cs-block--paper{padding:clamp(24px,3vw,44px);border-radius:22px;background:var(--paper);color:var(--on-paper);background-image:linear-gradient(rgba(20,17,14,.05) 1px,transparent 1px);background-size:100% 1.6rem}
.cs-block--paper .h2--sm .accent{color:var(--mag-deep)}
.cs-block--paper .cs-body{color:var(--on-paper-2)}
.cs-kpis--paper .case__num b{color:var(--mag-deep)}.cs-kpis--paper .case__num span{color:var(--on-paper-2)}
.cs-method{margin-top:1.2rem;font-size:.6rem;color:inherit;opacity:.7}
.cs-block--dark{padding:clamp(24px,3vw,44px);border-radius:22px;background:#0a0a0a;border:1px solid rgba(223,255,58,.35)}
.cs-block--dark .accent{color:var(--hi)}
.cs-bullets{margin-top:1.4rem}
.cs-phases{list-style:none;display:flex;flex-direction:column;gap:0;margin-top:1.6rem;border-left:2px solid var(--line);padding-left:28px}
.cs-phase{position:relative;padding:0 0 28px}
.cs-phase__dot{position:absolute;left:-36px;top:.35em;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--mag)}
.cs-phase b{display:block;font-family:var(--display);font-weight:400;font-size:1.6rem;line-height:1;margin-bottom:.4em}
.cs-phase p{color:var(--ink-2);font-size:.95rem;max-width:60ch}
.cs-next{padding:clamp(40px,6vw,80px) 0;background:var(--bg-2);border-top:1px solid var(--line)}
.cs-next__label{margin-bottom:12px}
@media(max-width:900px){.cs-story{grid-template-columns:1fr}.cs-kpi{position:sticky;top:64px;z-index:5;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 16px;border-radius:14px;background:rgba(12,12,12,.92);backdrop-filter:blur(12px)}.cs-kpi__label,.cs-kpi__period{display:none}.cs-kpi__num b{font-size:2.2rem}.cs-kpi__bar{width:100%}.cs-breakdown{grid-template-columns:1fr}}

/* ═══ /why-us/ — NO CALLS. HERE'S THE TRANSCRIPT. ═══ */
.wy-hero{position:relative;padding:clamp(110px,14vh,160px) 0 clamp(40px,5vw,72px);overflow:hidden}
.wy-hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(34% 44% at 82% 50%,rgba(233,30,150,.2),transparent 70%)}
.wy-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,64px);align-items:center}
.wy-hero__title{font-size:clamp(3.2rem,7vw,7rem)}
.wy-hero__title .line{display:inline-flex;margin-right:.22em}
.wy-points{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.wy-points b{display:block;font-family:var(--display);font-weight:400;font-size:1.5rem;line-height:1;margin-bottom:.3em}
.wy-points span{font-size:.88rem;color:var(--ink-2)}
.wy-hero__fig{position:relative;justify-self:end;width:min(100%,420px)}
.wy-hero__fig img{-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}
.wy-hero__fig figcaption{position:absolute;left:-10%;bottom:8%;font-size:1.15rem;transform:rotate(-4deg)}
@media(max-width:900px){.wy-hero__inner{grid-template-columns:1fr}.wy-hero__fig{justify-self:center;width:min(70%,320px)}.wy-points{grid-template-columns:1fr}}

.tr{background:var(--bg-2);border-top:1px solid var(--line)}
.tr__thread{display:flex;flex-direction:column;gap:14px;max-width:920px;padding-bottom:clamp(72px,10vw,140px)}
.tr__day{align-self:center;font-size:.58rem;letter-spacing:.2em;color:var(--ink-3);padding:.5em 1em;border:1px solid var(--line);border-radius:999px;margin-top:18px}
.msg{max-width:78%;padding:16px 20px;border-radius:18px;display:flex;flex-direction:column;gap:.4em}
.msg p{font-size:1rem;line-height:1.55}
.msg__who{font-size:.56rem;letter-spacing:.16em;display:flex;align-items:center;gap:.5em}
.msg--client{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg--client .msg__who{color:var(--ink-3)}
.msg--gm{align-self:flex-end;background:linear-gradient(135deg,rgba(233,30,150,.22),rgba(167,54,255,.14));border:1px solid rgba(233,30,150,.4);border-bottom-right-radius:4px}
.msg--gm .msg__who{color:var(--mag)}
.msg--gm p{color:#fff}
.msg__type.is-typing::after{content:"▍";color:var(--mag);animation:blink .8s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.tr__end{align-self:center;max-width:640px;text-align:center;margin-top:24px}
@media(max-width:700px){.msg{max-width:92%}}

.wy-ind{padding-bottom:clamp(72px,10vw,140px)}
.wy-ind__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wy-ind__cell{display:flex;flex-direction:column;gap:10px}
.wy-ind__name{font-family:var(--display);font-size:1.5rem;letter-spacing:.03em;color:var(--ink-2)}
.board-row--mini{grid-template-columns:1.2fr 1.4fr .8fr}
.wy-ind__empty{display:flex;flex-direction:column;gap:.4em;padding:clamp(16px,2vw,24px) clamp(16px,2.4vw,32px);border-radius:16px;border:1px dashed rgba(233,30,150,.45);transition:background .3s}
.wy-ind__empty:hover{background:rgba(233,30,150,.06)}
.wy-ind__empty b{font-family:var(--display);font-weight:400;font-size:1.5rem;color:var(--mag)}
@media(max-width:900px){.wy-ind__grid{grid-template-columns:1fr}.board-row--mini{grid-template-columns:1fr 1fr;grid-template-areas:"c c" "n n" "p p"}}
.wy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.tile--stat .flip--flap i{background:rgba(255,255,255,.05);font-size:.94em}
.tile--stat{min-height:0;gap:.4em}
.tile--stat .mono{font-size:.56rem;color:var(--ink-3)}
@media(max-width:900px){.wy-stats{grid-template-columns:1fr 1fr}}
.wy-nocalls{margin-top:2rem;min-height:0}

/* ═══ /contact/ — WHAT HAPPENS AFTER YOU PRESS SEND ═══ */
.ct-hero{position:relative;padding:clamp(110px,14vh,150px) 0 clamp(24px,3vw,40px);overflow:hidden}
.ct-hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(30% 40% at 85% 30%,rgba(233,30,150,.18),transparent 70%)}
.ct-hero__title{font-size:clamp(2.8rem,6vw,6rem)}
.ct-hero__title .line{display:inline-flex;margin-right:.22em}
.ct-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,80px);align-items:start;padding:clamp(24px,3vw,48px) 0 clamp(72px,10vw,140px)}
.ct-form .ask{margin-top:0}
.ct-next{position:sticky;top:110px;padding:clamp(20px,2.6vw,36px);border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.ct-next__label{font-size:.58rem;letter-spacing:.16em;display:flex;flex-direction:column;gap:.4em;margin-bottom:1.4rem}
.ct-next__label .hand{font-size:1.1rem;letter-spacing:.01em;text-transform:none}
.ct-steps{list-style:none;display:flex;flex-direction:column;border-left:2px solid var(--line);padding-left:26px}
.ct-step{position:relative;padding:0 0 26px;opacity:.38;transition:opacity .5s}
.ct-step.is-on{opacity:1}
.ct-step__dot{position:absolute;left:-35px;top:.3em;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid rgba(255,255,255,.25);transition:border-color .4s,box-shadow .4s}
.ct-step.is-on .ct-step__dot{border-color:var(--mag);box-shadow:0 0 12px rgba(233,30,150,.7)}
.ct-step__when{display:block;font-size:.56rem;letter-spacing:.14em;color:var(--mag);margin-bottom:.4em}
.ct-step b{display:block;font-family:var(--display);font-weight:400;font-size:1.5rem;line-height:1;margin-bottom:.35em}
.ct-step p{font-size:.88rem;color:var(--ink-2)}
.ct-next__hint{font-size:.56rem;color:var(--ink-3);margin-top:.4rem}
.ct-trust{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.ct-trust b{display:block;font-family:var(--ui);font-weight:600;font-size:.72rem;color:#fff}
.ct-trust span{font-size:.7rem;color:var(--ink-3)}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr}.ct-next{position:static}.ct-trust{grid-template-columns:1fr}}
.ct-ch{background:var(--bg-2);border-top:1px solid var(--line);padding-bottom:clamp(72px,10vw,140px)}
.ct-ch__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.chanbtn{display:flex;flex-direction:column;gap:.5em;padding:clamp(20px,2.4vw,30px);border-radius:20px;border:1.5px solid rgba(255,255,255,.16);background:var(--surface);transition:transform .5s var(--ease),border-color .3s}
.chanbtn:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.4)}
.chanbtn--tg{background:linear-gradient(120deg,var(--mag-light),var(--mag-deep));border-color:transparent;color:#fff}
.chanbtn--tg:hover{border-color:transparent}
.chanbtn__ic{font-family:var(--ui);font-weight:800;font-size:1.6rem;line-height:1}
.chanbtn b{font-family:var(--display);font-weight:400;font-size:1.8rem;line-height:1}
.chanbtn span:last-child{font-size:.88rem;color:inherit;opacity:.8}
.ct-reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.ct-ch__grid,.ct-reasons{grid-template-columns:1fr}}
.ct-soft{padding:clamp(72px,10vw,140px) 0;border-top:1px solid var(--line)}
.ct-soft .lead{margin-top:1.2rem}
.ct-soft .hero__cta{margin-top:1.8rem}

/* ═══ /blog/ — THE LAST THING SHE UNDERLINED ═══ */
.bl-hero{position:relative;min-height:88svh;padding:clamp(110px,14vh,160px) 0 clamp(40px,5vw,72px);display:flex;align-items:center;overflow:hidden}
.bl-hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(34% 46% at 80% 55%,rgba(233,30,150,.2),transparent 70%)}
.bl-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,64px);align-items:center}
.bl-quote{margin:0}
.bl-quote__text{font-family:var(--display);font-size:clamp(2.4rem,5.4vw,5.4rem);line-height:.98;letter-spacing:.005em}
.bl-quote__mark{background-image:linear-gradient(rgba(223,255,58,.35),rgba(223,255,58,.35));background-repeat:no-repeat;background-size:0% 42%;background-position:0 78%;transition:background-size 1.6s var(--ease);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bl-quote__mark.is-marked{background-size:100% 42%}
.bl-quote__from{margin-top:1.4rem;font-size:.62rem;letter-spacing:.14em}
.bl-quote__from a{color:#fff;border-bottom:1px solid var(--mag)}
.bl-proof{margin-top:2.4rem}
.bl-hero__fig{position:relative;justify-self:end;width:min(100%,440px)}
.bl-hero__fig img{-webkit-mask-image:linear-gradient(#000 86%,transparent);mask-image:linear-gradient(#000 86%,transparent);filter:drop-shadow(0 30px 60px rgba(233,30,150,.25))}
@media(max-width:900px){.bl-hero{min-height:0}.bl-hero__inner{grid-template-columns:1fr}.bl-hero__fig{justify-self:center;width:min(70%,320px)}}
.bl-list{background:var(--bg-2);border-top:1px solid var(--line)}
.bl-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bl-post .case__media{aspect-ratio:16/9}
.bl-post__title{font-family:var(--display);font-size:clamp(1.4rem,2vw,1.9rem);line-height:1}
@media(max-width:1000px){.bl-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.bl-grid{grid-template-columns:1fr}}

/* 0.6.2 — footnote = how we counted; bigger "0 calls"; sticky works again (body overflow-x:clip) */
.cs-foot{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1)}
.cs-foot div{display:flex;flex-direction:column;gap:.3em}
.cs-foot dt{font-size:.58rem;color:var(--hi)}
.cs-foot dd{font-size:.95rem;color:var(--ink)}
.cs-foot a{border-bottom:1px solid var(--mag)}
.cs-foot div:last-child{grid-column:span 2}
.tile p.tile__k--big{font-family:var(--display);font-size:clamp(3.2rem,5vw,4.6rem);line-height:.9;color:var(--mag)}
.tile p.tile__k--big .hand{font-size:.42em}
.tile p.tile__lead{font-size:1.05rem;color:var(--ink);line-height:1.55}
@media(max-width:700px){.cs-foot{grid-template-columns:1fr}.cs-foot div:last-child{grid-column:span 1}}