/* ════ services view ════ */
.svc-hero{text-align:center;padding-top:clamp(50px,9vw,110px);padding-bottom:40px}
.badge{display:inline-flex;align-items:center;gap:10px;background:var(--text);color:var(--paper);border-radius:999px;padding:5px 16px 5px 5px;
  font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;rotate:-3deg}
.badge .bav{width:28px;height:28px;border-radius:50%;background:var(--cyan);color:var(--ink);display:grid;place-items:center;font-size:11px}
.svc-h{font-family:var(--pixel);font-weight:700;font-size:clamp(64px,13vw,156px);line-height:.95;margin-top:24px}
.svc-h .ln{display:block}
.svc-h .ch{display:inline-block;will-change:transform}
.ct-title .ch,.ab-title .ch{display:inline-block;will-change:transform}
.hlbox{color:#111;position:relative;display:inline-block;background:var(--cyan);padding:.04em .14em 0;border:2px solid var(--ink);margin-top:.06em}
.hlbox .hd{background:#fff}
.rib{position:absolute;top:50%;width:.7em;height:.5em;translate:0 -50%}
.rib path{stroke:#1586B8;stroke-width:9;fill:none;stroke-linecap:round}
.rib.l{right:calc(100% + .14em)} .rib.r{left:calc(100% + .14em);scale:-1 1}
.svc-lead{max-width:46ch;margin:34px auto 0;font-size:clamp(16px,1.5vw,19px);line-height:1.45;color:var(--text-2)}
.svc-hero .cta{margin-top:28px}
.skillset{display:inline-block;margin-top:80px;font-family:var(--hand);font-size:28px;rotate:-4deg}

.bands{margin-top:70px}
.band{--bc:#A7E1F5;--cc:#1586B8;--cf:#fff;color:#111;position:relative;background:var(--bc);text-align:center}
.band .edge{position:absolute;left:0;width:100%;height:60px;display:block}
.band .edge.top{bottom:calc(100% - 1px)}
.band .edge.bot{top:calc(100% - 1px);scale:1 -1}
.band .edge path{fill:var(--bc)}
.binner{position:relative;z-index:1;max-width:1180px;margin-inline:auto;padding-top:60px;padding-bottom:110px}
.bshape{position:absolute;z-index:0;left:50%;top:-10px;translate:-50% 0;width:min(560px,90vw);height:auto;pointer-events:none}
.bnum{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ink);font-family:var(--mono);font-size:12px;background:rgba(255,255,255,.45)}
.band-h{font-size:clamp(50px,8.4vw,108px);margin-top:18px}
.bdesc{max-width:38ch;margin:20px auto 0;font-size:16.5px;line-height:1.45}
.price{display:inline-block;margin-top:20px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 14px;font-family:var(--mono);font-size:12px;
  font-weight:700;text-transform:uppercase;letter-spacing:.05em;rotate:-4deg;box-shadow:3px 4px 0 var(--ink)}
.tags{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:left}
.tags li{background:var(--cc);color:var(--cf);padding:18px 16px 13px;font-family:var(--mono);font-size:12.5px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;
  clip-path:polygon(0 8px,0 0,34% 0,calc(34% + 10px) 8px,100% 8px,100% 100%,0 100%)}
@media(max-width:760px){.tags{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.tags{grid-template-columns:1fr}}
.b1{--bc:#A7E1F5;--cc:#1586B8}
.b2{--bc:#F6DDA0;--cc:#E2A11F;--cf:var(--ink)}
.b3{--bc:#F7B6D0;--cc:#D61F57}
.b4{--bc:#A8E5C6;--cc:#1E8F5B}

.how{position:relative;margin-top:130px}
.how-pin{display:flex;align-items:center;overflow:hidden}
.how.pinned .how-pin{min-height:calc(100vh - 89px)}
.how-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:60px 44px;width:100%;
  padding:40px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}
.how-row.is-pinned{flex-wrap:nowrap;justify-content:flex-start;width:max-content;padding-left:6vw;padding-right:8vw;will-change:transform}
.how-h{flex:none;width:100%;font-size:clamp(64px,11vw,170px);margin:0;text-align:center}
.how-row.is-pinned .how-h{width:auto;text-align:left;margin-right:30px}
.step{--sc:var(--cyan);color:#111;position:relative;flex:none;width:min(290px,calc(100vw - 60px));height:420px;background:var(--sc);border:2px solid var(--ink);border-radius:36px;
  box-shadow:7px 8px 0 var(--ink);display:flex;flex-direction:column;align-items:center;text-align:center;padding:46px 24px 24px}
.step::before{content:"";position:absolute;top:14px;left:50%;translate:-50% 0;width:64px;height:9px;border-radius:9px;background:var(--ink)}
.s2{--sc:var(--cream)}.s3{--sc:#F7B6D0}.s4{--sc:var(--mint)}
.stag{position:absolute;top:-20px;left:-12px;background:#fff;border:2px solid var(--ink);padding:5px 12px;font-family:var(--mono);font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;rotate:-8deg}
.sicon{width:72px;height:72px;border-radius:50%;background:#fff;border:2px solid var(--ink);display:grid;place-items:center;margin-top:28px}
.sicon svg{width:36px;height:36px}
.step h3{font-size:32px;font-weight:500;letter-spacing:-.04em;margin-top:18px}
.step p{font-size:15.5px;line-height:1.4;margin-top:10px}
.sgo{margin-top:auto;align-self:flex-end;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--ink);display:grid;place-items:center}
.sgo svg{width:20px;height:20px}
.sside{position:absolute;right:-26px;top:56%;background:var(--ink);color:#fff;font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;padding:5px 10px;border-radius:999px;rotate:-14deg}

.caps{padding-top:130px;text-align:center}
.board{position:relative;max-width:1120px;margin:60px auto 0;display:grid;grid-template-columns:1fr 1fr;text-align:left}
.quad{position:relative;min-height:330px;padding:28px 26px 44px}
.quad:nth-child(1){border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line)}
.quad:nth-child(2){border-bottom:1.5px solid var(--line)}
.quad:nth-child(3){border-right:1.5px solid var(--line)}
.qtag{display:inline-block;background:var(--qc);color:var(--qf,#fff);padding:12px 14px 6px;font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;clip-path:polygon(0 6px,0 0,40% 0,calc(40% + 8px) 6px,100% 6px,100% 100%,0 100%)}
.stickies{display:flex;flex-wrap:wrap;gap:22px 26px;margin-top:34px;padding-left:4%}
.stickies .dr:nth-child(even){margin-top:26px}
.sticky{color:#111;width:140px;min-height:78px;padding:12px 14px;background:var(--sk);font-size:14px;line-height:1.3;box-shadow:0 8px 14px rgba(0,0,0,.08)}
.q1{--qc:#1E8F5B;--sk:#BFEBD3}.q2{--qc:#1586B8;--sk:#C2EAF8}.q3{--qc:#E2A11F;--qf:var(--ink);--sk:#F9E5B3}.q4{--qc:#D61F57;--sk:#F9C6DA}
@media(max-width:760px){.board{grid-template-columns:1fr}.quad{border-right:0!important;border-bottom:1.5px solid var(--line)}.quad:last-child{border-bottom:0}}

.faq{padding-top:140px;text-align:center}
.threads{max-width:1120px;margin:56px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:40px 70px;text-align:left}
.thread{color:#111;width:100%;max-width:440px;background:#fff;border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.10),0 0 0 1px rgba(0,0,0,.05);padding:14px 18px 18px}
.thread:nth-child(even){margin-top:90px;justify-self:end}
.qlab{display:inline-block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#777;margin-bottom:12px}
.who{display:flex;align-items:center;gap:10px}
.who .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink)}
.who .nm{font-size:14px;font-weight:600}
.who .tm{font-size:12px;color:#999}
.thread .q{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.2;margin:10px 0 14px}
.ans{background:#F5F5F5;border-radius:12px;padding:12px 14px}
.ans p{font-size:15px;line-height:1.45;color:#333;margin-top:8px}
@media(max-width:760px){.threads{grid-template-columns:1fr}.thread:nth-child(even){margin-top:0;justify-self:start}}