/* Color Theory Painting funnel: the survey card, the booking calendar, the gate
   panels and the setter tool. Everything is namespaced under .ctp or .set- so it
   cannot fight the GoHighLevel page CSS the shell still carries, and every
   component rule it needs is stated explicitly rather than inherited.

   The look is the live GoHighLevel survey's, measured in a browser on
   2026-09-18: a white 550px card, 30px by 40px padding, Inter, a 15px bold
   centred question, radio rows in Inter 15, image tiles 104px wide with a
   92px picture over a #444 caption band, inputs with a 1px black border and a
   5px radius, and a 50px maroon footer (#851515 desktop, #7D1818 phone) with
   PREV on the left and NEXT with an arrow on the right. */

.ctp{
  --ctp-red:#851515;--ctp-red-m:#7D1818;--ctp-red-deep:#6f1010;
  --ctp-ink:#000;--ctp-mute:#607179;--ctp-line:rgba(120,127,130,.28);
  --ctp-tint:rgba(133,21,21,.07);--ctp-tint-2:rgba(133,21,21,.14);
  --ctp-danger:#c62828;--ctp-ease:cubic-bezier(.22,1,.36,1);
  font-family:Inter,Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ctp-ink);
  max-width:550px;width:100%;margin:0 auto 50px;text-align:left;line-height:1.5;
  -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;
}
.ctp *,.ctp *::before,.ctp *::after{box-sizing:border-box}
.ctp [hidden]{display:none !important}
.ctp button,.ctp input,.ctp textarea,.ctp label{font:inherit;color:inherit;margin:0}
.ctp button{-webkit-appearance:none;appearance:none}
.ctp p,.ctp h2{margin:0}
.ctp img{max-width:100%;height:auto;display:block}
.ctp :where(button,input,a):focus-visible{outline:2.5px solid var(--ctp-red);outline-offset:2px}
.ctp-q:focus,.ctp-q:focus-visible,.ctp-stage:focus,.ctp-stage:focus-visible,.ctp-gate:focus,.ctp-gate:focus-visible{outline:none}

.ctp-card{background:#fff;border-radius:8px;position:relative;overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.06),0 10px 30px rgba(0,0,0,.07)}
.ctp-bar{height:6px;background:rgba(133,21,21,.10)}
.ctp-bar i{display:block;height:100%;background:var(--ctp-red);transform-origin:left;
  transform:scaleX(0);transition:transform .45s var(--ctp-ease)}
.ctp-body{padding:30px 40px 31px}
/* the live card sits 30px in from each screen edge on a phone */
@media (max-width:640px){.ctp{padding-inline:22px}}
@media (max-width:480px){.ctp-body{padding:26px 22px 28px}}

/* one question at a time */
.ctp-q{display:none}
.ctp-q[data-on="true"]{display:block;animation:ctpIn .34s var(--ctp-ease) both}
.ctp-q[data-on="true"].is-back{animation-name:ctpBack}
@keyframes ctpIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes ctpBack{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
.ctp-h{font-family:Inter,Roboto,sans-serif;font-size:15px;font-weight:700;line-height:1.5;
  color:var(--ctp-ink);text-align:center;margin:0 0 19px;padding:0 4px}
@media (max-width:480px){.ctp-h{font-size:16px}}
.ctp-hint{text-align:center;font-size:14px;color:var(--ctp-mute);margin:-10px 0 18px}

/* radio rows */
.ctp-opts{display:grid;gap:10px;margin:0 0 19px}
.ctp-radio{position:relative}
.ctp-radio input{position:absolute;opacity:0;width:0;height:0;margin:0}
.ctp-radio label{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;
  padding:12px 14px;border:1.5px solid var(--ctp-line);border-radius:6px;background:#fff;
  min-height:50px;transition:border-color .15s,background .15s;font-weight:400}
.ctp-radio label:hover{border-color:rgba(133,21,21,.5)}
.ctp-radio input:focus-visible+label{outline:2.5px solid var(--ctp-red);outline-offset:2px}
.ctp-radio input:checked+label{border-color:var(--ctp-red);background:var(--ctp-tint)}
.ctp-radio__dot{width:18px;height:18px;border-radius:50%;border:1.5px solid #6b6b6b;flex:0 0 auto;
  position:relative;background:#fff;transition:border-color .15s}
.ctp-radio__dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ctp-red);
  transform:scale(0);transition:transform .15s var(--ctp-ease)}
.ctp-radio input:checked+label .ctp-radio__dot{border-color:var(--ctp-red)}
.ctp-radio input:checked+label .ctp-radio__dot::after{transform:scale(1)}
.ctp-radio__t{font-size:15px;line-height:1.45;color:var(--ctp-ink)}

/* image tiles */
.ctp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 19px}
@media (min-width:480px){.ctp-tiles{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}}
.ctp-tile{position:relative;min-width:0}
.ctp-tile input{position:absolute;opacity:0;width:0;height:0;margin:0}
.ctp-tile label{display:flex;flex-direction:column;height:100%;cursor:pointer;overflow:hidden;
  border:2px solid rgba(120,127,130,.13);border-radius:6px;background:#fff;
  transition:border-color .15s,box-shadow .15s,transform .15s}
.ctp-tile label:hover{border-color:rgba(133,21,21,.5)}
.ctp-tile input:focus-visible+label{outline:2.5px solid var(--ctp-red);outline-offset:2px}
.ctp-tile input:checked+label{border-color:var(--ctp-red);box-shadow:0 0 0 1px var(--ctp-red)}
.ctp-tile__img{display:flex;align-items:center;justify-content:center;padding:8px 8px 6px}
.ctp-tile__img img{width:92px;height:92px;object-fit:contain}
.ctp-tile__t{display:flex;align-items:center;justify-content:center;text-align:center;flex:1 1 auto;
  background:#444;color:#fff;font-weight:700;font-size:15px;line-height:1.3;padding:10px 8px;min-height:64px;
  border-radius:0 0 4px 4px;transition:background .15s}
.ctp-tile input:checked+label .ctp-tile__t{background:var(--ctp-red)}

/* text fields */
.ctp-fields{margin:0}
.ctp-f{margin:0 0 19px;position:relative}
.ctp-f input,.ctp-f textarea{display:block;width:100%;font-family:Inter,Roboto,sans-serif;font-size:16px;
  font-weight:400;color:var(--ctp-ink);background:#fff;border:1px solid #000;border-radius:5px;
  padding:11px 18px 11px 20px;line-height:1.4;min-height:48px;outline:none;-webkit-appearance:none;appearance:none;
  transition:border-color .15s,box-shadow .15s}
.ctp-f textarea{min-height:96px;resize:vertical}
@media (min-width:700px){.ctp-f input,.ctp-f textarea{font-size:15px}}
.ctp-f input::placeholder,.ctp-f textarea::placeholder{color:#727272;font-weight:300;opacity:1}
.ctp-f input:focus,.ctp-f textarea:focus{border-color:var(--ctp-red);box-shadow:0 0 0 3px rgba(133,21,21,.12)}
.ctp-f input[aria-invalid="true"]{border-color:var(--ctp-danger);box-shadow:0 0 0 3px rgba(198,40,40,.12)}
.ctp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ctp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ctp-err{color:var(--ctp-danger);font-size:13px;font-weight:600;margin:0 0 14px;text-align:center;line-height:1.4}
.ctp-err:empty{display:none}
.ctp-badge{display:flex;justify-content:center;margin:2px 0 19px}
.ctp-badge img{width:125px;height:50px}

/* footer bar */
.ctp-foot{display:flex;align-items:center;height:50px;background:var(--ctp-red);border-radius:0 0 8px 8px;
  color:#fff;font-family:Roboto,Inter,sans-serif;font-size:14px;font-weight:500;letter-spacing:.02em}
.ctp-prev,.ctp-next{display:inline-flex;align-items:center;gap:6px;height:50px;padding:0 24px;border:0;
  background:transparent;color:#fff;cursor:pointer;text-transform:uppercase;font:inherit;white-space:nowrap}
.ctp-prev{opacity:.85;border-radius:0 0 0 8px}
.ctp-prev:hover{opacity:1;background:rgba(0,0,0,.08)}
.ctp-foot .ctp-next{margin-left:auto;background:rgba(0,0,0,.1);border-radius:0 0 8px 0}
.ctp-next:hover{background:rgba(0,0,0,.2)}
.ctp-next[disabled]{cursor:progress}
.ctp-next__steps{display:none}
.ctp-next__arrow,.ctp-prev__arrow{display:inline-flex;align-items:center}
.ctp-next__arrow svg,.ctp-prev__arrow svg{width:17px;height:17px;display:block}
.ctp-next.is-busy .ctp-next__arrow{display:none}
.ctp-next.is-busy .ctp-next__spin{display:inline-block !important;border-color:rgba(255,255,255,.35);border-top-color:#fff}
@media (max-width:640px){
  .ctp-foot{background:var(--ctp-red-m);display:grid;grid-template-columns:56px 1fr 56px;font-weight:400;font-size:15px;letter-spacing:0}
  .ctp-prev{grid-column:1;justify-content:center;padding:0}
  .ctp-prev__label,.ctp-next__label{display:none}
  .ctp-next{grid-column:2 / 4;display:grid;grid-template-columns:1fr 56px;padding:0;margin:0;background:transparent;border-radius:0 0 8px 0}
  .ctp-next__steps{display:block;grid-column:1;text-align:center;text-transform:none}
  .ctp-next__arrow,.ctp-next__spin{grid-column:2;justify-self:center}
  .ctp-next svg,.ctp-prev svg{width:22px;height:22px}
}

/* gate panels: the live survey's disqualified card, white, centred, weight 500 */
.ctp-gate{text-align:center;padding:14px 4px 6px;font-weight:500;animation:ctpIn .34s var(--ctp-ease) both}
.ctp-gate:focus{outline:none}
.ctp-gate__h{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--ctp-ink)}
.ctp-gate__b{font-size:15px;color:#333;max-width:42ch;margin:0 auto 18px;font-weight:400}

/* buttons */
.ctp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;
  border:0;border-radius:6px;background:var(--ctp-red);color:#fff;font-family:Inter,Roboto,sans-serif;font-size:15px;
  font-weight:600;cursor:pointer;text-decoration:none;text-transform:none;letter-spacing:0;line-height:1.2;
  transition:background .15s,transform .1s}
.ctp-btn:hover{background:var(--ctp-red-deep);color:#fff}
.ctp-btn:active{transform:translateY(1px)}
.ctp-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.ctp-btn--wide{width:100%}
.ctp-btn--ghost{background:#fff;color:var(--ctp-red);box-shadow:inset 0 0 0 1.5px var(--ctp-red)}
.ctp-btn--ghost:hover{background:var(--ctp-tint);color:var(--ctp-red)}
.ctp-btn svg{width:16px;height:16px;flex:0 0 auto}

/* the booking stage, inline in the survey card and standalone on /booking */
.ctp-stage{animation:ctpIn .36s var(--ctp-ease) both}
.ctp-stage:focus{outline:none}
.ctp-h--bk{margin-bottom:8px;font-size:17px}
.ctp-bk__who{text-align:center;font-size:14px;color:var(--ctp-mute);margin:0 0 12px}
.ctp-bk__load{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ctp-mute);font-size:14px;padding:14px 0}
.ctp-spin{width:16px;height:16px;border:2px solid rgba(0,0,0,.12);border-top-color:var(--ctp-red);border-radius:50%;
  animation:ctpSp .7s linear infinite;display:inline-block;flex:0 0 auto}
@keyframes ctpSp{to{transform:rotate(360deg)}}
.ctp-bk__grid{display:grid;gap:22px}
@media (min-width:700px){.ctp-bk__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:28px}}
.ctp-cal__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.ctp-cal__month{font-weight:600;font-size:15px;color:var(--ctp-ink)}
.ctp-cal__nav{width:38px;height:38px;border-radius:50%;border:0;background:var(--ctp-tint);color:var(--ctp-red);
  display:grid;place-items:center;cursor:pointer;padding:0}
.ctp-cal__nav:hover{background:var(--ctp-tint-2)}
.ctp-cal__nav[disabled]{opacity:.3;cursor:default;background:var(--ctp-tint)}
.ctp-cal__nav svg{width:16px;height:16px;display:block}
.ctp-cal__dow{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;font-weight:600;color:#333;margin:0 0 4px}
.ctp-cal__days{display:grid;grid-template-columns:repeat(7,1fr);row-gap:3px}
.ctp-day{display:grid;place-items:center;height:44px}
.ctp-day button{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:rgba(16,24,40,.5);
  font:inherit;font-size:14px;font-weight:400;cursor:default;padding:0;transition:background .12s,color .12s}
.ctp-day button.is-open{background:var(--ctp-tint);color:var(--ctp-red);font-weight:600;cursor:pointer}
.ctp-day button.is-open:hover{background:var(--ctp-tint-2)}
.ctp-day button.is-sel,.ctp-day button.is-open.is-sel{background:var(--ctp-red);color:#fff}
.ctp-day button.is-today:not(.is-sel){box-shadow:inset 0 0 0 1.5px rgba(133,21,21,.35)}
.ctp-bk__tz{font-size:12px;color:var(--ctp-mute);margin:10px 0 0;text-align:center;line-height:1.45}
.ctp-bk__tz--warn{color:#8a4b00;font-weight:600}
.ctp-slots__h{font-weight:600;font-size:15px;margin:0 0 10px;text-align:center;color:var(--ctp-ink)}
.ctp-slots__list{display:grid;gap:8px;max-height:292px;overflow-y:auto;padding:2px 2px 2px;margin:0 0 14px;scrollbar-width:thin}
.ctp-slot{height:46px;border:1px solid var(--ctp-red);border-radius:6px;background:#fff;color:var(--ctp-red);
  font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background .12s,color .12s;padding:0}
.ctp-slot:hover{background:var(--ctp-tint)}
.ctp-slot[aria-selected="true"]{background:var(--ctp-red);color:#fff}
.ctp-slots__empty{padding:18px 12px;text-align:center;color:var(--ctp-mute);font-size:14px;background:#faf7f7;border-radius:6px}
.ctp-bk__note{font-size:12.5px;color:var(--ctp-mute);text-align:center;margin:12px 0 0;line-height:1.5}
.ctp-bk__note a{color:var(--ctp-red);font-weight:600;text-decoration:underline}

/* /booking: the standalone card sits where the GoHighLevel calendar card was */
.ctp--booking{max-width:760px;margin-bottom:40px}
.ctp--booking .ctp-card{border:1px solid rgba(16,24,40,.1);box-shadow:none;border-radius:8px}
.ctp--booking .ctp-body{padding:30px 34px 32px}
@media (max-width:480px){.ctp--booking .ctp-body{padding:24px 18px 26px}}

@media (prefers-reduced-motion:reduce){
  .ctp-q[data-on="true"],.ctp-stage,.ctp-gate{animation:none}
  .ctp-bar i{transition:none}
  .ctp-spin{animation-duration:1.6s}
}

/* ============================================================
   SETTER TOOL. Staff facing, denser than the funnel on purpose.
   ============================================================ */
.set-body{margin:0;background:#f7f5f5;color:#1c1c1c;font-family:Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.set-body *,.set-body *::before,.set-body *::after{box-sizing:border-box}
.set-body [hidden]{display:none !important}
.set-body h1,.set-body h2,.set-body h3,.set-body p,.set-body ul,.set-body dl,.set-body dd{margin:0}
.set-body ul{padding:0;list-style:none}
.set-body a{color:inherit}
.set-body button,.set-body input,.set-body textarea{font:inherit;color:inherit}
.set-wrap{width:min(860px,100%);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}
.set-hdr{background:#fff;border-bottom:1px solid #e6e0e0;position:sticky;top:0;z-index:40}
.set-hdr__in{display:flex;align-items:center;gap:1rem;min-height:72px}
.set-hdr__logo{width:56px;height:56px;border-radius:50%}
.set-hdr__t{margin-left:auto;font-family:Montserrat,Inter,sans-serif;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#851515}
.set-mono{display:block;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:#607179;margin:0 0 .5rem}
.set__top{padding:1.75rem 0 1.25rem}
.set__top h1{font-family:Montserrat,Inter,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.1;margin:0 0 .4rem;color:#1c1c1c}
.set__top p{font-size:15px;color:#607179}
.set-tabs{display:flex;gap:.25rem;padding:.25rem;margin-bottom:1.25rem;background:#ece7e7;border-radius:8px}
.set-tab{flex:1 1 0;padding:.7rem .8rem;border:0;border-radius:6px;background:transparent;cursor:pointer;font-weight:600;
  font-size:15px;color:#607179;min-height:44px;transition:background .15s,color .15s}
.set-tab:hover{color:#1c1c1c}
.set-tab[aria-selected="true"]{background:#fff;color:#1c1c1c;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.set-sum{position:sticky;top:72px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;
  background:#fff;border:1px solid #e6e0e0;border-radius:6px;padding:.65rem .85rem;margin-bottom:1.25rem;font-size:14px;font-weight:600}
.set-sum__b--empty{color:#607179;font-weight:400}
.set-sum__sep{color:#cfc7c7;font-weight:400}
.set{border-top:1px solid #e6e0e0;padding-block:1.4rem}
.set--last{border-bottom:1px solid #e6e0e0}
.set__h{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}
.set__n{width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:#851515;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}
.set__h h2{font-size:17px;font-weight:700;letter-spacing:-.01em}
.set__b{display:flex;flex-direction:column;gap:.75rem}
.set__b .ctp-f{margin:0}
.set__b .ctp-f label,.set-newc .ctp-f label{display:block;font-weight:600;font-size:14px;margin:0 0 .35rem;color:#1c1c1c}
.set__b .ctp-f input,.set__b .ctp-f textarea{border-color:#cfc7c7;border-radius:6px;font-size:15px}
.set__b .ctp-f input:focus,.set__b .ctp-f textarea:focus{border-color:#851515;box-shadow:0 0 0 3px rgba(133,21,21,.12)}
.set__b .ctp-err{text-align:left;margin:0}
.set-hint{font-weight:400;color:#607179}
.set__note{font-size:13.5px;color:#607179}
.set__tz{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-left:2px solid #851515;background:#fff;
  font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#1c1c1c;line-height:1.45}
.set-results{display:grid;gap:.4rem}
.set-res{display:grid;gap:.1rem;text-align:left;width:100%;cursor:pointer;padding:.7rem .85rem;border:1.5px solid #e6e0e0;
  border-radius:6px;background:#fff;transition:border-color .15s,background .15s}
.set-res:hover,.set-res:focus-visible{border-color:#851515;background:rgba(133,21,21,.05)}
.set-res__n{font-weight:700;font-size:15px}
.set-res__m{font-size:13px;color:#607179}
.set-chosen{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-radius:6px;background:rgba(133,21,21,.06);box-shadow:inset 0 0 0 1.5px #851515}
.set-chosen__t{display:grid;gap:.1rem;min-width:0;flex:1 1 auto}
.set-chosen__t strong{font-size:15px}
.set-chosen__t span{font-size:13px;color:#607179}
.set-lnk{background:none;border:0;padding:.3rem 0;cursor:pointer;color:#851515;font-weight:600;font-size:14px;text-align:left;text-decoration:underline;text-underline-offset:3px}
.set-lnk:hover{color:#1c1c1c}
.set-lnk--block{align-self:flex-start}
.set-newc{display:grid;gap:.75rem;padding:.9rem;background:#fff;border:1px solid #e6e0e0;border-radius:6px}
.set-newc .ctp-f{margin:0}
.set-newc .ctp-f input{border-color:#cfc7c7;border-radius:6px;font-size:15px}
.set-types{display:grid;gap:.6rem}
@media (min-width:560px){.set-types{grid-template-columns:1fr 1fr}}
.set-type{display:flex;align-items:center;gap:.8rem;cursor:pointer;text-align:left;padding:.9rem 1rem;border:1.5px solid #e6e0e0;
  border-radius:6px;background:#fff;min-height:64px;transition:border-color .15s,background .15s}
.set-type:hover{border-color:#851515}
.set-type[aria-pressed="true"]{border-color:#851515;background:rgba(133,21,21,.06);box-shadow:inset 0 0 0 1px #851515}
.set-type__ic{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:6px;background:#f1eded;color:#851515}
.set-type[aria-pressed="true"] .set-type__ic{background:#851515;color:#fff}
.set-type__ic svg{width:20px;height:20px}
.set-type__t{font-weight:700;font-size:15px;line-height:1.25}
.set-type__t small{display:block;font-weight:400;font-size:13px;color:#607179;margin-top:.1rem}
.set-days{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}
.set-day{flex:0 0 auto;min-width:78px;padding:.7rem .5rem;border:1.5px solid #e6e0e0;border-radius:6px;background:#fff;cursor:pointer;text-align:center;
  transition:border-color .15s,background .15s}
.set-day:hover{border-color:#851515}
.set-day[aria-pressed="true"]{border-color:#851515;background:rgba(133,21,21,.06);box-shadow:inset 0 0 0 1px #851515}
.set-day .dow{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#607179}
.set-day .dnum{display:block;font-size:20px;font-weight:700;line-height:1.2}
.set-day .dmon{display:block;font-size:12px;color:#607179}
.set-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.5rem}
.set-slot{padding:.8rem .5rem;border:1.5px solid #e6e0e0;border-radius:6px;background:#fff;cursor:pointer;font-weight:600;min-height:48px;
  transition:border-color .15s,background .15s}
.set-slot:hover{border-color:#851515}
.set-slot[aria-pressed="true"]{border-color:#851515;background:#851515;color:#fff}
.set-done{border:1px solid #e6e0e0;border-radius:8px;background:#fff;padding:clamp(1.5rem,5vw,2.25rem);text-align:center;
  display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:1rem}
.set-done:focus{outline:none}
.set-done__ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(133,21,21,.08);color:#851515}
.set-done__ic svg{width:26px;height:26px}
.set-done h2{font-size:24px;font-weight:800;font-family:Montserrat,Inter,sans-serif}
.set-done__dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem .9rem;text-align:left;width:100%;max-width:24rem}
.set-done__dl dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#607179;padding-top:.15rem;font-weight:600}
.set-done__dl dd{font-weight:600;font-size:15px}
.set-ftr{padding-block:2rem;font-size:13.5px;color:#607179}
.set-ftr__in{display:flex;flex-wrap:wrap;gap:.75rem 2rem;justify-content:space-between}

/* client brief */
.cb{display:flex;flex-direction:column;gap:1.1rem}
.cb__hd{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:space-between;padding:1rem 1.15rem;background:rgba(133,21,21,.06);border-radius:8px}
.cb__hd h2{font-size:18px;font-weight:800;font-family:Montserrat,Inter,sans-serif}
.cb__hd p{font-size:14px;color:#5a3a3f;margin-top:.15rem}
.cb__tel{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;background:#851515;color:#fff;padding:.6rem .9rem;border-radius:6px;font-weight:700;font-size:15px;white-space:nowrap}
.cb__tel svg{width:15px;height:15px}
.cb__rules{display:grid;gap:.6rem}
@media (min-width:720px){.cb__rules{grid-template-columns:repeat(3,1fr)}}
.cbr{padding:.8rem .9rem;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(133,21,21,.35)}
.cbr__t{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#851515;margin-bottom:.3rem}
.cbr p{font-size:13.5px;color:#333;line-height:1.45}
.cb__grid{display:grid;gap:.85rem}
@media (min-width:820px){.cb__grid{grid-template-columns:1fr 1fr}.cbs--wide{grid-column:1 / -1}}
.cbs{padding:1rem 1.15rem;background:#fff;border:1px solid #e6e0e0;border-radius:8px}
.cbs h3{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#607179;margin-bottom:.7rem}
.cbs__note{font-size:13.5px;color:#607179;line-height:1.5;margin-top:.75rem;padding-top:.7rem;border-top:1px solid #e6e0e0}
.cbs__note b{color:#1c1c1c}
.kvl{display:grid;gap:.5rem}
.kvl li{display:grid;gap:.05rem .9rem;font-size:14px;line-height:1.5}
@media (min-width:480px){.kvl li{grid-template-columns:6.5rem 1fr}}
.kvl b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#607179;font-weight:700;padding-top:.25rem}
.kvl span{color:#333}
.kvl--no b{color:#b3261e}
.tl{display:grid;gap:.42rem}
.tl li{position:relative;padding-left:1.5rem;font-size:14px;color:#333;line-height:1.5}
.tl li::before{position:absolute;left:0;top:.05em;width:1rem;text-align:center;font-weight:700;font-size:14px}
.tl .yes::before{content:"\2713";color:#2e7d32}
.tl .no::before{content:"\00d7";color:#b3261e;font-size:17px;line-height:1.15}