/* Sections 2–9 + footer. Tokens live in style.css. */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec{padding:160px 0}
.sec__head{max-width:780px;margin-bottom:80px}
.sec__head .h2{margin-bottom:24px}
.sec__head--row{max-width:none;display:grid;grid-template-columns:1fr 440px;align-items:end;gap:80px}
.sec__head--row .h2{margin-bottom:0}
.h2--sm{font-size:40px;margin-bottom:20px}
.h2--md{font-size:44px;margin-bottom:24px}
.eyebrow--dark{color:var(--steel3)}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.tags li{font-size:11px;padding:7px 10px;border-radius:var(--r-chip);background:var(--surface);box-shadow:0 0 0 1px var(--line) inset;color:var(--muted)}

/* ---------- 2. problem (dark band) ---------- */
.band-dark{background:var(--c950);color:#EDEEEC}
.band-dark .tone{color:#6E747A}
.band-dark .lede{color:var(--steel3)}
.band-dark .mono{color:var(--steel3)}
.problem{padding-top:160px}
.problem::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 31px,rgba(255,255,255,.035) 31px 32px);-webkit-mask:linear-gradient(#000,transparent 30%,transparent 75%,#000);mask:linear-gradient(#000,transparent 30%,transparent 75%,#000);pointer-events:none}
.problem__head .h2{max-width:900px;margin-bottom:24px}
.problem__head .lede{max-width:720px}
.problem__pin{height:100vh;min-height:720px;display:flex;align-items:center}
.problem__grid{display:grid;grid-template-columns:1fr 560px;gap:96px;align-items:center}
.pains{list-style:none;margin:0;padding:0;border-top:1px solid var(--c700)}
.pain{display:grid;grid-template-columns:48px 1fr;padding:18px 0;border-bottom:1px solid var(--c700);opacity:.38;transition:opacity .4s var(--ease)}
.pain>div{display:grid;grid-template-rows:auto 0fr;transition:grid-template-rows .5s var(--ease)}
.pain h3{font-size:22px;font-weight:550;letter-spacing:-.015em;line-height:1.3}
.pain p{overflow:hidden;min-height:0;color:var(--steel3);font-size:16px;line-height:1.55;max-width:540px}
.pain p::before{content:"";display:block;height:10px}
.pain__k{padding-top:6px}
.pain.is-on{opacity:1}
.pain.is-on>div{grid-template-rows:auto 1fr}
.band-dark .pain.is-on .pain__k{color:var(--blue-dark)}
.queue{background:var(--c850);border-radius:var(--r-panel);padding:24px;box-shadow:0 0 0 1px var(--c700) inset,0 40px 80px -40px rgba(0,0,0,.6)}
.queue__head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 20px}
.queue__count{font-size:15px;color:var(--steel3);display:flex;align-items:baseline;gap:10px}
.queue__count b{font-size:44px;font-weight:600;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;min-width:.62em;text-align:right;line-height:1}
.queue.is-clear .queue__count b{color:var(--blue-dark)}
.queue__list{display:grid;gap:8px;min-height:424px;align-content:start}
.ticket{display:grid;grid-template-columns:76px 1fr auto 92px;align-items:center;gap:12px;height:64px;padding:0 16px;border-radius:14px;background:var(--c800);box-shadow:0 0 0 1px var(--c700) inset;opacity:0;will-change:transform,opacity}
.band-dark .ticket__id{font-size:11px}
.ticket__t{font-size:15px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}
.band-dark .ticket__tag{font-size:10px;padding:5px 7px;border-radius:5px;box-shadow:0 0 0 1px var(--c700) inset}
.band-dark .ticket__s{font-size:11px;display:flex;align-items:center;gap:7px;justify-content:flex-end;transition:color .3s}
.ticket__s i{width:7px;height:7px;border-radius:50%;background:#6E747A;transition:background-color .3s}
.ticket__s em{font-style:normal}
.ticket.is-shipped .ticket__t{color:#6E747A;text-decoration:line-through;text-decoration-color:rgba(110,116,122,.6)}
.band-dark .ticket.is-shipped .ticket__s{color:var(--blue-dark)}
.ticket.is-shipped .ticket__s i{background:var(--blue-dark)}
.band-dark .queue__foot{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:20px 4px 0;font-size:11px}
.queue__bar{height:4px;border-radius:2px;background:var(--c700);overflow:hidden}
.queue__bar i{display:block;height:100%;width:100%;background:#AEB2B5;transform-origin:0 50%;transform:scaleX(0)}
.queue.is-clear .queue__bar i{background:var(--blue-dark)}
.pov{padding:200px 0}
.pov__in{text-align:center;display:flex;flex-direction:column;align-items:center}
.pov__h{font-size:72px;line-height:1.04;letter-spacing:-.035em;font-weight:600;max-width:1000px;margin-bottom:44px}
.pov__h .u{position:relative;white-space:nowrap}
.pov__h .u::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:5px;border-radius:3px;background:var(--blue-dark);transform:scaleX(var(--u,0));transform-origin:0 50%}
.pov__body{font-size:24px;line-height:1.45;letter-spacing:-.01em;max-width:860px;color:#EDEEEC}
.pov__body .w{opacity:.22;transition:opacity .25s linear}
.pov__body .w.on{opacity:1}
.pov__tools{list-style:none;padding:0;margin:44px 0 0;display:flex;gap:10px}
.band-dark .pov__tools li{padding:8px 12px;border-radius:8px;box-shadow:0 0 0 1px var(--c700) inset;font-size:11px}

/* ---------- 3. services ---------- */
.layers{display:grid;grid-template-columns:340px 1fr;gap:80px}
.layers__sticky{position:sticky;top:130px}
.mark2{width:300px;height:300px;perspective:900px}
.mark2 svg{width:100%;height:100%;overflow:visible;will-change:transform}
.mark2 path{fill:var(--ink);will-change:transform}
.layers__idx{list-style:none;padding:0;margin:32px 0 0;display:grid}
.layers__idx li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);transition:color .3s}
.layers__idx li span{color:var(--steel);transition:color .3s}
.layers__idx li.is-on{color:var(--ink)}
.layers__idx li.is-on span{color:var(--blue)}
.layer{padding-bottom:140px}
.layer:last-child{padding-bottom:40px}
.layer__n{margin-bottom:20px}
.layer__h{font-size:40px;line-height:1.08;letter-spacing:-.028em;font-weight:600;max-width:640px;margin-bottom:20px}
.layer__p{font-size:18px;color:var(--muted);max-width:600px;margin-bottom:24px}

/* mockups (BFS design work: Services + Cases only) */
.shot{margin-top:44px;border-radius:var(--r-card);background:var(--surface);box-shadow:var(--sh),0 0 0 1px var(--line);overflow:hidden}
.shot__bar{height:40px;display:flex;align-items:center;gap:6px;padding:0 16px;border-bottom:1px solid var(--line);background:#FBFBFA}
.shot__bar i{width:10px;height:10px;border-radius:50%;background:var(--raised)}
.shot__bar span{margin:0 auto;font:500 11px/1 var(--mono);color:var(--muted);background:var(--paper);padding:6px 40px;border-radius:6px;transform:translateX(-24px)}
.sw{padding:22px 32px 28px}
.sw__nav{display:flex;align-items:center;gap:18px;margin-bottom:40px}
.sw__nav b{width:22px;height:22px;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 50%,0 50%)}
.sw__nav span{width:44px;height:7px;border-radius:4px;background:var(--line)}
.sw__nav span:first-of-type{margin-left:auto}
.sw__nav em{width:84px;height:28px;border-radius:8px;background:var(--blue);margin-left:12px}
.sw__hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;margin-bottom:36px}
.sw__h s{display:block;height:26px;border-radius:7px;background:var(--ink);width:88%;margin-bottom:10px}
.sw__h s.short{width:52%;background:#A4A8AC}
.sw__cta{display:flex;gap:10px}
.sw__cta em{width:120px;height:38px;border-radius:10px;background:var(--blue)}
.sw__cta span{width:100px;height:38px;border-radius:10px;box-shadow:0 0 0 1px var(--line) inset}
.sw__ui{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px;border-radius:14px;background:var(--paper);box-shadow:0 0 0 1px var(--line) inset;margin-bottom:28px}
.sw__side{display:grid;gap:10px;align-content:start}
.sw__side i{height:9px;border-radius:5px;background:var(--line)}
.sw__side i:first-child{background:var(--blue);width:70%}
.sw__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.sw__kpis i{height:52px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--line) inset}
.sw__chart{height:90px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--line) inset;padding:10px}
.sw__chart svg{width:100%;height:100%}
.sw__chart path{fill:none;stroke:var(--blue);stroke-width:2.5;vector-effect:non-scaling-stroke}
.sw__logos{display:flex;justify-content:space-between}
.sw__logos i{width:84px;height:12px;border-radius:6px;background:var(--raised)}
.sa{display:grid;grid-template-columns:1fr 1fr;min-height:340px}
.sa__steps{padding:28px;border-right:1px solid var(--line)}
.sa__prog{height:6px;border-radius:3px;background:var(--raised);margin:14px 0 22px;overflow:hidden}
.sa__prog i{display:block;height:100%;width:75%;background:var(--blue);border-radius:3px}
.sa__step{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;border-radius:12px;font-size:14px;font-weight:500}
.sa__step b{width:20px;height:20px;border-radius:6px;box-shadow:0 0 0 1.5px var(--line2) inset;position:relative;flex:none}
.sa__step.is-done{color:var(--muted)}
.sa__step.is-done b{background:var(--ink);box-shadow:none}
.sa__step.is-done b::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.sa__step.is-now{background:var(--blue-wash);box-shadow:0 0 0 1px rgba(0,88,246,.25) inset}
.sa__step.is-now b{box-shadow:0 0 0 2px var(--blue) inset}
.sa__step em{margin-left:auto;font:600 10px/1 var(--mono);font-style:normal;color:#fff;background:var(--blue);padding:5px 7px;border-radius:5px;text-transform:uppercase}
.sa__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:var(--paper)}
.sa__ill{position:relative;width:120px;height:84px;margin-bottom:22px}
.sa__ill i{position:absolute;width:88px;height:56px;border-radius:10px;background:#fff;box-shadow:var(--sh-sm),0 0 0 1px var(--line) inset}
.sa__ill i:nth-child(1){left:0;top:24px}.sa__ill i:nth-child(2){left:16px;top:12px}
.sa__ill i:nth-child(3){left:32px;top:0;background:linear-gradient(var(--blue),var(--blue)) 12px 14px/36px 6px no-repeat,linear-gradient(var(--line),var(--line)) 12px 28px/56px 6px no-repeat,#fff}
.sa__t{font-weight:600;font-size:17px;margin-bottom:6px}
.sa__s{font-size:14px;color:var(--muted);max-width:220px;margin-bottom:18px}
.sa__btn{font-size:13px;font-weight:550;color:#fff;background:var(--ink);padding:10px 14px;border-radius:10px}
.sb{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px}
.sb__cell{position:relative;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:12px}
.sb__cell:nth-child(2n){border-right:0}.sb__cell:nth-child(n+3){border-bottom:0}
.sb__cell p.mono{position:absolute;left:20px;bottom:16px;font-size:10px}
.sb__mk{width:44px;height:44px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 30%,30% 30%,30% 100%,0 100%)}
.sb__wm{font-size:48px;font-weight:650;letter-spacing:-.05em}
.sb__aa{font-size:110px;font-weight:600;letter-spacing:-.05em;line-height:1}
.sb__pal i{width:44px;height:44px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px var(--line) inset}
.sb__grid{gap:14px}
.sb__card{width:120px;height:110px;border-radius:12px;box-shadow:var(--sh-sm),0 0 0 1px var(--line) inset;padding:14px;display:grid;align-content:start;gap:8px}
.sb__card s{display:block;height:8px;border-radius:4px;background:var(--ink)}
.sb__card s.short{width:60%;background:var(--line)}
.sb__card em{display:block;width:44px;height:16px;border-radius:5px;background:var(--blue);margin-top:24px}
.sd{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;padding:24px;background:var(--paper)}
.sd__slide{aspect-ratio:16/10;border-radius:14px;background:#fff;box-shadow:var(--sh-sm),0 0 0 1px var(--line) inset;padding:28px;display:flex;flex-direction:column}
.sd__big{font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:10px 0 auto;max-width:300px}
.sd__bars{display:flex;align-items:flex-end;gap:12px;height:110px}
.sd__bars i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:var(--raised)}
.sd__bars i:last-child{background:var(--blue)}
.sd__stack{display:grid;gap:12px}
.sd__mini{border-radius:12px;background:#fff;box-shadow:var(--sh-sm),0 0 0 1px var(--line) inset;padding:14px;display:grid;gap:7px;align-content:start}
.sd__mini s{display:block;height:7px;border-radius:4px;background:var(--ink)}
.sd__mini s.short{width:55%;background:var(--line)}
.sd__mini em{display:block;width:36px;height:12px;border-radius:4px;background:var(--blue);margin-top:6px}
.sd__mini--sq{background:var(--ink)}.sd__mini--sq s{background:#fff}

.manage{padding-top:120px}
.manage__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mcell{padding:28px 28px 36px 0;border-right:1px solid var(--line)}
.mcell+.mcell{padding-left:28px}
.mcell:last-child{border-right:0}
.mcell .mono{margin-bottom:28px;color:var(--blue)}
.mcell h3{font-size:20px;font-weight:600;letter-spacing:-.015em;margin-bottom:10px}
.mcell>p:last-child{color:var(--muted);font-size:15px}
.handover{margin-top:24px;display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:16px;background:var(--surface);box-shadow:var(--sh-sm),0 0 0 1px var(--line) inset;font-size:16px;color:var(--muted)}
.handover b{color:var(--ink);font-weight:600}
.handover__mk{width:18px;height:18px;background:var(--blue);clip-path:polygon(0 0,100% 0,0 100%);flex:none}
.bigquote{margin:0;padding:160px 0;text-align:center}
.bigquote blockquote{margin:0 auto 28px;font-size:44px;line-height:1.12;letter-spacing:-.03em;font-weight:550;max-width:1000px}
.stack{display:grid;grid-template-columns:1fr 680px;gap:80px;align-items:center}
.stack__copy .lede{max-width:420px}
.code{border-radius:var(--r-card);background:var(--surface);box-shadow:var(--sh),0 0 0 1px var(--line);overflow:hidden}
.code__bar{height:40px;display:flex;align-items:center;gap:6px;padding:0 16px;border-bottom:1px solid var(--line);background:#FBFBFA}
.code__bar i{width:10px;height:10px;border-radius:50%;background:var(--raised)}
.code__bar span{margin-left:12px;text-transform:none;font-size:12px}
.code__body{margin:0;padding:24px 0;font:450 14px/2 var(--mono);color:var(--ink);overflow:hidden}
.code__body code{display:block}
.code__body>code>.c-p{padding:0 24px}
.code__body .row{display:block;padding:0 24px 0 48px;transition:background-color .2s,opacity .2s;position:relative;cursor:default}
.code__body .row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue);transform:scaleY(0);transition:transform .25s var(--ease)}
.code.has-hover .row{opacity:.35}
.code.has-hover .row.is-on{opacity:1;background:var(--blue-wash)}
.code .row.is-on::before{transform:scaleY(1)}
.c-k{color:var(--blue)}.c-s{color:var(--ink)}.c-p{color:var(--muted)}
.code__note{padding:14px 24px;border-top:1px solid var(--line);text-transform:none!important;font-size:12px!important}

/* ---------- 4. work ledger ---------- */
.ledger{border-top:1px solid var(--ink)}
.lrow{border-bottom:1px solid var(--line)}
.lrow__btn,.lrow--head{display:grid;grid-template-columns:240px 1.2fr 1.15fr 190px 120px 32px;gap:24px;align-items:center;width:100%;text-align:left}
.lrow--head{padding:14px 0;font-size:11px}
.lrow__btn{min-height:96px;padding:20px 0;font-size:15px;line-height:1.45;color:var(--muted)}
.lc--client{display:flex;flex-direction:column;gap:2px}
.lc--client b{font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--ink);transition:color .2s}
.lrow__btn:hover .lc--client b{color:var(--blue)}
.lc--client em,.lc--num em{font-style:normal;font-size:13px;color:var(--muted);font-weight:450;letter-spacing:0}
.lc--num{font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.01em;display:flex;flex-direction:column;font-variant-numeric:tabular-nums}
.lc--small{font-size:13px}
.hl{color:var(--blue);font-weight:600}
.lc--plus{width:28px;height:28px;border-radius:8px;box-shadow:0 0 0 1px var(--line) inset;position:relative;transition:transform .35s var(--ease),background-color .2s}
.lc--plus::before,.lc--plus::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
.lc--plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.lrow.is-open .lc--plus{transform:rotate(45deg);background:var(--ink)}
.lrow.is-open .lc--plus::before,.lrow.is-open .lc--plus::after{background:#fff}
.status{display:inline-flex;align-items:center;gap:7px;font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-radius:6px;box-shadow:0 0 0 1px var(--line) inset;color:var(--muted)}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--line2)}
.status--on{color:var(--ink)}.status--on::before{background:var(--blue);box-shadow:0 0 0 3px var(--blue-wash)}
.status--live{color:var(--blue)}.status--live::before{background:var(--blue)}
.status--done{color:var(--ink)}.status--done::before{background:var(--ink)}
.lrow--concept .lrow__btn{min-height:72px;padding:14px 0;font-size:14px}
.lrow--concept .lc--client b{font-size:16px;color:var(--muted)}
.concept{font-size:10px!important;color:var(--steel)!important;margin-bottom:2px}
.lrow__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.lrow.is-open .lrow__more{grid-template-rows:1fr}
.lrow__in{overflow:hidden;min-height:0;display:grid;grid-template-columns:1fr 560px;gap:64px;align-items:center}
.lrow__in--solo{grid-template-columns:560px;justify-content:end}
.lrow__in>*{margin-top:8px;margin-bottom:40px}
.lrow__in blockquote{margin-left:264px;font-size:30px;line-height:1.15;letter-spacing:-.025em;font-weight:550;color:var(--ink)}
.lrow__in blockquote.is-pending{font-size:18px;color:var(--muted);font-weight:450;letter-spacing:0}
.lrow__in cite{display:block;font-style:normal;margin-top:18px}
.ledger__foot{padding-top:20px;text-transform:none!important;font-size:12px!important;letter-spacing:0!important}
.wpreview{position:fixed;left:0;top:0;width:340px;z-index:40;pointer-events:none;opacity:0;will-change:transform,opacity}
.wpreview .mshot{box-shadow:0 30px 60px -20px rgba(20,22,24,.35),0 0 0 1px var(--line)}
.wpreview__tag{position:absolute;left:12px;bottom:12px;font-size:10px!important;color:#fff!important;background:var(--ink);padding:6px 8px;border-radius:6px}
.mshot{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--sh),0 0 0 1px var(--line);position:relative;container-type:inline-size}
.ms{position:absolute;inset:0;display:flex;flex-direction:column}
.ms__bar{height:7cqw;flex:none;display:flex;align-items:center;gap:1.2cqw;padding:0 3cqw;border-bottom:1px solid var(--line);background:#FBFBFA}
.ms__bar i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--raised)}
.ms__bar span{margin:0 auto;font:500 2.1cqw/1 var(--mono);color:var(--muted)}
.ms__page{flex:1;padding:4cqw 5cqw;display:flex;flex-direction:column;gap:2.4cqw;background:var(--bg,#fff);color:var(--fg,var(--ink))}
.ms__nav{display:flex;align-items:center;gap:2.4cqw;font-weight:650;font-size:2.6cqw;letter-spacing:-.02em}
.ms__nav i{width:6cqw;height:1.2cqw;border-radius:1cqw;background:currentColor;opacity:.18}
.ms__nav i:first-of-type{margin-left:auto}
.ms__nav em{width:11cqw;height:4cqw;border-radius:1.2cqw;background:var(--blue)}
.ms__h{font-size:6.2cqw;line-height:1;letter-spacing:-.045em;font-weight:650;max-width:72%;margin-top:3cqw}
.ms__row{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;margin-top:auto}
.ms__row i{height:13cqw;border-radius:2cqw;background:currentColor;opacity:.07}
.ms__row i:nth-child(2){background:var(--blue);opacity:1}
.ms--dark{--bg:var(--c950);--fg:#fff}
.ms--blue{--bg:var(--blue);--fg:#fff}
.ms--blue .ms__row i:nth-child(2),.ms--blue .ms__nav em{background:#fff}
.ms__tag{position:absolute;right:3cqw;top:10cqw;font:500 1.8cqw/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:1cqw 1.4cqw;border-radius:1cqw;background:rgba(255,255,255,.92);color:var(--muted);box-shadow:0 0 0 1px var(--line) inset}

/* ---------- 5. video + reviews ---------- */
.video{padding-top:120px}
.vcard{display:grid;grid-template-columns:1.25fr 1fr;border-radius:32px;background:var(--ink);color:#fff;overflow:hidden;box-shadow:var(--sh)}
.vcard__screen{position:relative;padding:28px;background:var(--c850)}
.vcard__poster{opacity:.5;filter:saturate(.4)}
.vcard__poster .mshot{box-shadow:none}
.vcard__play{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:var(--blue);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(0,88,246,.18),0 20px 40px -10px rgba(0,88,246,.6);transform:translate3d(var(--mx,0),var(--my,0),0)}
.vcard__play svg{width:30px;height:30px;fill:#fff;margin-left:4px}
.vcard__time{position:absolute;right:44px;bottom:44px;color:#fff!important;background:rgba(0,0,0,.5);padding:6px 8px;border-radius:6px}
.vcard__msg{position:absolute;left:44px;bottom:44px;color:#fff!important;text-transform:none!important}
.vcard__copy{padding:56px;display:flex;flex-direction:column;justify-content:center}
.vcard__copy .mono{color:var(--steel3)}
.vcard__q{font-size:44px;line-height:1.06;letter-spacing:-.03em;font-weight:600;margin-bottom:22px}
.vcard__cap{color:var(--steel3);font-size:16px;margin-bottom:36px}
.trust{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.vcard .trust li{font-size:10px;padding:7px 9px;border-radius:6px;box-shadow:0 0 0 1px var(--c700) inset;color:var(--steel3)}
.reviews{padding-top:160px}
.slips{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}
.slip{margin:0;position:relative;background:var(--surface);border-radius:4px 4px 16px 16px;padding:22px 22px 24px;box-shadow:var(--sh-sm),0 0 0 1px var(--line)}
.slip::before{content:"";position:absolute;left:0;right:0;top:-6px;height:6px;background:radial-gradient(circle at 6px 6px,transparent 3.5px,var(--surface) 4px) -6px 0/12px 12px repeat-x}
.slip__meta{display:flex;justify-content:space-between;gap:10px;font-size:10px!important;padding-bottom:14px;border-bottom:1px dashed var(--line2);margin-bottom:16px}
.slip__meta span:first-child{color:var(--ink)}
.stars{color:var(--blue);letter-spacing:2px;font-size:14px;margin-bottom:10px}
.slip blockquote{margin:0 0 18px;font-size:16px;line-height:1.5;letter-spacing:-.005em}
.slip figcaption{font-size:13px;color:var(--muted)}
.slips .slip:nth-child(2){margin-top:40px}.slips .slip:nth-child(4){margin-top:24px}
.reviews__more{margin-top:40px}

/* ---------- 6. pricing ---------- */
.stage{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px 24px;margin-bottom:32px}
.stage__tabs{position:relative;display:inline-flex;padding:4px;border-radius:14px;background:var(--raised);justify-self:start}
.stage__tabs button{position:relative;z-index:1;height:40px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:550;color:var(--muted);transition:color .2s}
.stage__tabs button[aria-selected=true]{color:var(--ink)}
.stage__ind{position:absolute;left:0;top:4px;height:40px;width:0;border-radius:10px;background:var(--surface);box-shadow:var(--sh-sm);will-change:transform,width}
.stage__say{grid-column:2;font-size:16px;min-height:26px}
.stage__say .mono{color:var(--blue);margin-right:6px}
.invoices{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}
.invcol{display:grid;gap:20px}
.inv{position:relative;background:var(--surface);border-radius:var(--r-card);padding:28px;box-shadow:var(--sh-sm),0 0 0 1px var(--line);transition:box-shadow .3s var(--ease),opacity .3s var(--ease)}
.inv.is-fit{box-shadow:var(--sh),0 0 0 2px var(--blue)}
.inv.is-fit::after{content:"Start here";position:absolute;right:24px;top:-11px;font:600 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--blue);padding:6px 8px;border-radius:6px}
.invoices.has-fit .inv:not(.is-fit){opacity:.6}
.inv__head{display:flex;justify-content:space-between;padding-bottom:16px;margin-bottom:20px;border-bottom:1px dashed var(--line2)}
.inv__head .mono:first-child{color:var(--ink)}
.inv__t{font-size:26px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px;display:flex;align-items:baseline;gap:12px}
.inv__sub{font:500 11px/1 var(--mono);text-transform:uppercase;color:var(--muted);letter-spacing:.04em}
.inv__price{margin-bottom:14px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px}
.inv__price b{font-size:40px;font-weight:600;letter-spacing:-.035em}
.inv__price span{color:var(--muted)}
.inv__price em{flex-basis:100%;font-style:normal;font-size:11px;text-transform:none}
.inv__p{color:var(--muted);font-size:15px;margin-bottom:16px}
.inv__best{text-transform:none!important;font-size:12px!important;color:var(--ink)!important;padding-top:14px;border-top:1px solid var(--line)}
.inv__lines{border:0;padding:0;margin:8px 0 0;min-width:0}
.line{position:relative;display:grid;grid-template-columns:22px 130px 1fr 150px;gap:16px;align-items:start;padding:18px 14px;margin:0 -14px;border-radius:14px;cursor:pointer;transition:background-color .2s}
.line+.line{border-top:1px solid var(--line)}
.line:hover{background:rgba(20,22,24,.03)}
.line input{position:absolute;opacity:0;pointer-events:none}
.line__dot{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1.5px var(--line2) inset;margin-top:2px;position:relative;transition:box-shadow .2s}
.line__dot::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--blue);transform:scale(0);transition:transform .25s var(--ease)}
.line:has(input:checked){background:var(--blue-wash)}
.line:has(input:checked)+.line{border-top-color:transparent}
.line:has(input:checked) .line__dot{box-shadow:0 0 0 1.5px var(--blue) inset}
.line:has(input:checked) .line__dot::after{transform:scale(1)}
.line:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
.line__name b{display:block;font-weight:600;font-size:16px}
.line__name em{font-style:normal;font-size:11px;text-transform:none}
.line__what{font-size:14px;color:var(--muted)}
.line__price{text-align:right;font-weight:600;font-size:16px;font-variant-numeric:tabular-nums}
.line__price s{color:var(--steel);font-weight:450;margin-right:4px}
.line__price em{display:block;font-style:normal;font-weight:450;font-size:12px;color:var(--muted)}
.inv__total{display:flex;justify-content:space-between;align-items:baseline;padding:22px 0;margin-top:8px;border-top:1px solid var(--ink);border-bottom:1px dashed var(--line2);margin-bottom:18px}
.inv__sum{font-size:44px;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.inv__sum #sprintFrom{font-size:16px;color:var(--muted);font-weight:500;letter-spacing:0;margin-right:8px}
.inv__fine{font-size:14px;color:var(--muted);margin-bottom:22px}
.inv--ent .inv__p{margin-bottom:20px}
.pricing__foot{margin-top:28px;max-width:720px}

/* ---------- 7. process ---------- */
.path{display:grid;grid-template-columns:460px 1fr;gap:96px}
.path__sticky{position:sticky;top:130px}
.path__branch{display:inline-flex;align-items:center;gap:10px;text-transform:none!important;margin-top:12px}
.log{list-style:none;margin:0;padding:8px 0 0 64px;position:relative}
.log__rail{position:absolute;left:15px;top:14px;bottom:110px;width:2px;background:var(--line)}
.log__rail i{position:absolute;inset:0;background:var(--blue);transform-origin:50% 0;transform:scaleY(0)}
.commit{position:relative;padding-bottom:88px}
.commit:last-child{padding-bottom:0}
.commit__node{position:absolute;left:-56px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 2px var(--line2) inset;transition:box-shadow .3s var(--ease),background-color .3s}
.commit.is-on .commit__node{background:var(--blue);box-shadow:0 0 0 2px var(--blue) inset,0 0 0 6px var(--blue-wash)}
.commit__meta{display:flex;gap:14px;margin-bottom:12px;font-size:11px!important}
.commit__meta span:first-child{color:var(--ink);background:var(--raised);padding:3px 6px;border-radius:4px;transition:background-color .3s,color .3s}
.commit.is-on .commit__meta span:first-child{background:var(--blue-wash);color:var(--blue)}
.commit h3{font-size:30px;font-weight:600;letter-spacing:-.025em;margin-bottom:10px}
.commit>p:last-child{font-size:17px;color:var(--muted);max-width:540px}
.board{padding-top:180px}
.board__cols{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.bcol{height:220px;border-radius:18px;background:rgba(235,235,232,.5);box-shadow:0 0 0 1px var(--line) inset;padding:16px;transition:background-color .3s}
.bcol.is-on{background:var(--surface)}
.bcol:nth-child(5) .mono{color:var(--blue)}
.rcard{position:absolute;left:0;top:52px;padding:16px;border-radius:14px;background:var(--surface);box-shadow:var(--sh),0 0 0 1px var(--line)}
.rcard__top{display:flex;justify-content:space-between;font-size:10px!important;margin-bottom:10px}
.rcard__st{color:var(--ink)}
.rcard.is-done .rcard__st{color:var(--blue)}
.rcard__t{font-weight:600;font-size:15px;line-height:1.3;margin-bottom:12px}
.rcard__tags{display:flex;flex-wrap:wrap;gap:6px;font-size:9px!important;margin-bottom:12px}
.rcard__tags span{padding:4px 6px;border-radius:4px;box-shadow:0 0 0 1px var(--line) inset}
.rcard__bar{height:4px;border-radius:2px;background:var(--raised);overflow:hidden}
.rcard__bar i{display:block;height:100%;width:100%;background:var(--blue);transform-origin:0 50%;transform:scaleX(.2)}
.board__note{margin-top:14px}
.qsteps{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.qsteps li{padding:24px 24px 0 0}
.qsteps li+li{padding-left:24px;border-left:1px solid var(--line)}
.qsteps .mono{color:var(--blue)}
.qsteps h3{font-size:19px;font-weight:600;margin:20px 0 8px;letter-spacing:-.01em}
.qsteps p{font-size:15px;color:var(--muted)}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:160px;align-items:start}
.principles dl{margin:0;border-top:1px solid var(--line)}
.principles dl>div{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.principles dt{font-weight:600}
.principles dd{margin:0;color:var(--muted)}
.principles__quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:44px}
.slip--sm blockquote{font-size:15px}

/* ---------- 8. FAQ transcript ---------- */
.faq__grid{display:grid;grid-template-columns:480px 1fr;gap:80px;align-items:start}
.faq__side .h2{margin-bottom:20px}
.faq__side .lede{margin-bottom:36px}
.qs{display:flex;flex-wrap:wrap;gap:8px}
.q{height:38px;padding:0 14px;border-radius:999px;background:var(--surface);box-shadow:0 0 0 1px var(--line) inset;font-size:14px;font-weight:500;transition:box-shadow .2s,color .2s,background-color .2s}
.q:hover{box-shadow:0 0 0 1px var(--ink) inset}
.q.is-asked{color:var(--muted);background:transparent}
.q.is-asked::before{content:"✓ ";color:var(--blue)}
.q.is-now{background:var(--ink);color:#fff;box-shadow:none}
.q.is-now::before{color:#fff}
.qs__more{flex-basis:100%;margin:16px 0 4px}
.call{position:sticky;top:120px;height:640px;display:flex;flex-direction:column;border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--sh),0 0 0 1px var(--line);overflow:hidden}
.call__bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}
.call__who{display:flex;align-items:center;gap:12px}
.call__who b{display:block;font-size:15px;font-weight:600}
.call__who em{font-style:normal;font-size:10px!important}
.call__av{width:40px;height:40px;border-radius:12px;background:var(--ink);display:grid;place-items:center}
.call__av svg{width:24px;height:24px;fill:#fff}
.call__av .w,.book__mk .w{fill:var(--blue-dark)}
.call__rec{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
.call__rec i{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:rec 1.6s ease-in-out infinite}
@keyframes rec{50%{opacity:.25}}
.call__log{flex:1;overflow-y:auto;padding:24px 24px 8px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;overscroll-behavior:contain}
.msg{max-width:80%;display:flex;flex-direction:column;gap:6px;animation:msgIn .45s var(--ease) both}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}}
.msg__who{font:500 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--steel)}
.msg__b{padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.5}
.msg--you{align-self:flex-end;align-items:flex-end}
.msg--you .msg__b{background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.msg--sam .msg__b{background:var(--paper);box-shadow:0 0 0 1px var(--line) inset;border-bottom-left-radius:6px}
.typing{display:inline-flex;gap:4px;padding:16px!important}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--steel);animation:typ 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes typ{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
.call__hint{padding:14px 24px;border-top:1px solid var(--line);font-size:10px!important}

/* ---------- 9. CTA + booking ---------- */
.cta__grid{display:grid;grid-template-columns:1fr 540px;gap:96px;align-items:center}
.cta__copy .h2{margin-bottom:24px}
.cta__copy .lede{margin-bottom:40px;max-width:560px}
.expect{list-style:none;padding:0;margin:0 0 40px;border-top:1px solid var(--line)}
.expect li{display:grid;grid-template-columns:48px 1fr;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.expect .mono{color:var(--blue);padding-top:3px}
.expect b{color:var(--ink);font-weight:600}
.book{border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--sh),0 0 0 1px var(--line);padding:24px}
.book__head{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.book__head .tbc{margin-left:auto}
.book__mk{width:44px;height:44px;border-radius:12px;background:var(--ink);display:grid;place-items:center}
.book__mk svg{width:26px;height:26px;fill:#fff}
.book__t{font-weight:600;font-size:17px}
.book__body{display:grid;grid-template-columns:1fr 150px;gap:20px;padding:20px 0}
.cal__m{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.cal__m .mono{font-size:10px}
.cal__dow,.cal__days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.cal__dow{margin-bottom:6px;font-size:10px!important;text-align:center}
.day{height:44px;border-radius:10px;font-size:14px;font-weight:550;font-variant-numeric:tabular-nums;background:var(--paper);transition:background-color .2s,color .2s,box-shadow .2s}
.day:hover{box-shadow:0 0 0 1px var(--ink) inset}
.day:disabled{background:transparent;color:var(--line2);cursor:default;box-shadow:none}
.day.is-on{background:var(--blue);color:#fff}
.slots{display:grid;gap:6px;align-content:start;padding-top:30px}
.slot{height:38px;border-radius:10px;box-shadow:0 0 0 1px var(--line2) inset;font-size:13px;font-weight:550;color:var(--blue);font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s,box-shadow .2s;animation:msgIn .35s var(--ease) both}
.slot:hover{box-shadow:0 0 0 1.5px var(--blue) inset}
.slot.is-on{background:var(--ink);color:#fff;box-shadow:none}
.book__foot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line)}
.book__foot .mono{text-transform:none;font-size:12px}
#bookGo[aria-disabled=true]{opacity:.4;pointer-events:none}
.book__fallback{margin-top:14px}

/* ---------- footer ---------- */
.foot{position:relative;z-index:1;padding:120px 0 36px;border-top:1px solid var(--line)}
.foot__top{display:grid;grid-template-columns:1fr auto;gap:80px}
.foot__brand img{height:44px;width:auto;margin-bottom:20px}
.foot__brand p{max-width:360px;color:var(--muted)}
.foot__links{display:grid;grid-template-columns:repeat(3,180px)}
.foot__links div{display:grid;gap:10px;align-content:start}
.foot__links .mono{margin-bottom:6px;font-size:10px}
.foot__links a{font-size:15px;color:var(--ink);transition:color .15s}
.foot__links a:hover{color:var(--blue)}
.foot__mark{margin:96px 0 28px}
.foot__mark svg{width:100%;height:auto;fill:var(--raised)}
.foot__small{display:flex;justify-content:space-between;font-size:11px!important;padding-top:20px;border-top:1px solid var(--line)}
.foot__small a:hover{color:var(--ink)}