/* Services bento */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.svc{position:relative;display:flex;flex-direction:column;gap:18px;padding:24px 24px 0;border-radius:20px;background:var(--card);box-shadow:var(--sh-2);overflow:hidden;min-width:0}
.svc-strat{grid-column:span 5}
.svc-dm{grid-column:span 7}
.svc-ops,.svc-cre,.svc-loc{grid-column:span 4}
.svc-h{display:grid;gap:8px}
.svc-h h3 a{text-decoration:none}
.svc-h h3 a::after{content:"";position:absolute;inset:0;z-index:4}
.svc-h p{color:var(--ink-2);font-size:16px;max-width:46ch}
.svc-go{position:absolute;right:20px;top:22px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);color:var(--ink-2);transition:background-color .25s,color .25s,transform .35s var(--ease-out)}
.svc-go svg{width:14px;height:14px}
.svc:hover .svc-go{background:var(--accent);color:var(--on-accent);transform:rotate(-45deg)}
.mini{position:relative;margin:auto -24px 0;height:212px;border-top:1px solid var(--line);background-color:var(--screen);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;overflow:hidden}
.mini-l{font-size:11.5px;font-weight:600;color:var(--ink-3)}
.mini-plan{padding:18px 20px}
.mp-head,.mp-row{display:grid;grid-template-columns:96px 1fr;align-items:center}
.mp-head{margin-bottom:8px}
.mp-head>span:last-child{display:grid;grid-template-columns:repeat(4,1fr)}
.mp-row{height:30px}
.mp-row i{position:relative;display:block;height:14px}
.mp-row i::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--s)*100%);width:calc((var(--e) - var(--s))*100%);border-radius:4px;background:var(--ink);transform-origin:left}
.mp-row i.ac::before{background:var(--accent)}
.mp-row i.dash::before{background:repeating-linear-gradient(90deg,var(--ink-3) 0 6px,transparent 6px 10px)}
.mp-now{position:absolute;top:14px;bottom:14px;left:calc(116px + (100% - 136px)*.58);width:1px;background:var(--accent)}
.mp-now b{position:absolute;bottom:-2px;left:6px;font-size:11px;font-weight:650;color:var(--accent)}
html.motion .svc .mp-row i::before{transform:scaleX(0)}
html.motion .svc.in .mp-row i::before{transform:none;transition:transform .9s var(--ease-out) calc(.2s + var(--k,0)*.12s)}
.mini-serp{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto 1fr;gap:8px;padding:12px}
.ms-q{grid-column:1/-1;display:flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:17px;background:var(--card);box-shadow:var(--sh-1);font-size:13px}
.ms-q svg{width:14px;height:14px;color:var(--ink-3)}
.ms-ai{grid-row:2/4;padding:10px 12px;border-radius:10px;background:var(--card);box-shadow:var(--sh-1);font-size:12.5px;line-height:1.45}
.ms-ai .mini-l{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--accent)}
.spk{width:10px;height:10px;background:var(--accent);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.ms-ai mark{background:var(--accent-t2);color:inherit;font-weight:650;padding:0 2px;border-radius:2px}
.ms-lines{display:grid;gap:6px;margin-top:10px}
.ms-lines i{height:6px;border-radius:3px;background:var(--bg-3)}
.ms-lines i:last-child{width:70%}
.ms-r{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--card);box-shadow:var(--sh-1);font-size:12.5px}
.ms-r b{font-weight:650}
.ms-r i{grid-column:1/-1;height:5px;border-radius:3px;background:var(--bg-3)}
.ms-r .k{font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--bg-3);color:var(--ink-2)}
.ms-r .k.ac{background:var(--accent);color:var(--on-accent)}
.ms-r.dim{opacity:.55}
html.motion .svc .ms-ai,html.motion .svc .ms-r{opacity:0;transform:translateY(8px)}
html.motion .svc.in .ms-ai,html.motion .svc.in .ms-r{opacity:1;transform:none;transition:opacity .5s calc(.2s + var(--k,0)*.12s),transform .7s var(--ease-out) calc(.2s + var(--k,0)*.12s)}
.mini-log{padding:12px}
.log{display:grid;gap:6px}
.log li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;height:32px;padding:0 10px;border-radius:8px;background:var(--card);box-shadow:var(--sh-1);font-size:12.5px}
.log li span{font-size:11px;font-weight:700;color:var(--ink-3)}
.log li em{font-style:normal;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--accent-t);color:var(--accent)}
html.motion .svc .log li{opacity:0;transform:translateX(-10px)}
html.motion .svc.in .log li{opacity:1;transform:none;transition:opacity .4s calc(.2s + var(--k)*.14s),transform .6s var(--ease-out) calc(.2s + var(--k)*.14s)}
.mini-lp{display:grid;place-items:center;padding:16px}
.lp{position:relative;width:min(240px,82%);height:180px;margin-top:24px;border-radius:10px 10px 0 0;background:var(--card);box-shadow:var(--sh-2);padding:10px;display:grid;grid-template-rows:8px 70px 8px 8px 22px 1fr;gap:7px}
.lp i{display:block;border-radius:3px;background:var(--bg-3)}
.lp .lp-hero{background:linear-gradient(120deg,var(--accent-t2),var(--bg-3))}
.lp .lp-t1{width:80%;background:var(--ink)}
.lp .lp-t2{width:60%}
.lp .lp-cta{width:46%;border-radius:999px;background:var(--accent)}
.lp-c{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.lp-c i{height:100%}
.lp-tag{position:absolute;right:12px;top:12px}
html.motion .svc .lp{transform:translateY(40px)}
html.motion .svc.in .lp{transform:none;transition:transform 1s var(--ease-out) .2s}
.mini-map{background-image:none;background-color:var(--bg-3)}
.mini-map .roads{position:absolute;inset:0;width:100%;height:100%}
.mini-map .roads path{fill:none;stroke:var(--card);stroke-width:7}
.pin{position:absolute;width:16px;height:16px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--ink-3);box-shadow:0 0 0 2px var(--card)}
.pin.main{width:22px;height:22px;background:var(--accent)}
.pin.p1{left:22%;top:34%}
.pin.p2{left:68%;top:24%}
.pin.p3{left:44%;top:46%}
.gbp{position:absolute;right:12px;bottom:12px;left:42%;display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:var(--card);box-shadow:var(--sh-2);font-size:12.5px}
.gbp b{font-weight:650}
.gbp .st{color:#E0A100;letter-spacing:1px;font-size:11px}
.gbp-a{display:flex;gap:4px;margin-top:2px}
.gbp-a i{font-style:normal;font-size:10.5px;font-weight:650;padding:3px 7px;border-radius:999px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.gbp-a i:nth-child(2){background:var(--accent);color:var(--on-accent);box-shadow:none}
html.motion .svc .gbp{opacity:0;transform:translateY(10px)}
html.motion .svc.in .gbp{opacity:1;transform:none;transition:opacity .5s .5s,transform .7s var(--ease-out) .5s}
@media (max-width:1080px){
  .svc-strat,.svc-dm{grid-column:1/-1}
  .svc-ops,.svc-cre{grid-column:span 6}
  .svc-loc{grid-column:1/-1}
}
@media (max-width:760px){
  .svc-ops,.svc-cre{grid-column:1/-1}
  .mini-serp{grid-template-columns:1fr}
  .mini-serp .ms-ai{grid-row:auto}
  .mini-serp .ms-r.dim{display:none}
  .mini{height:auto;min-height:200px}
}