/* =====================================================================
   LitBooked — UI components
   Shared layout and components for the rebuilt templates (homepage,
   service pages, audience pages). Everything is scoped to .ui so it never
   leaks into the header, cart drawer or footer. Heading and paragraph
   sizes come from lb-global.css so every page shares one type scale.
   ===================================================================== */

.ui{
  --ui-ink:#101418;
  --ui-body:#3F4650;
  --ui-mute:#5B6470;
  --ui-faint:#8B9199;
  --ui-line:#E7E3DB;
  --ui-line-soft:#EFEBE4;
  --ui-cream:#F7F5F0;
  --ui-amber:#F1A23B;
  --ui-amber-hover:#DC8C22;
  --ui-amber-deep:#A4630F;
  --ui-amber-wash:#FFF4E3;
  --ui-radius:14px;
  --ui-radius-sm:10px;
  --ui-shadow:0 24px 48px -32px rgba(16,20,24,.28);
  --ui-sec:clamp(72px,9vw,120px);
  color:var(--ui-body);
}
.ui *,.ui *::before,.ui *::after{box-sizing:border-box}
.ui img{display:block;max-width:100%;height:auto}
.ui figure{margin-left:0;margin-right:0}

/* ---------- sections and section heads ---------- */
.ui-sec{padding:var(--ui-sec) 0;background:#fff}
.ui-sec--cream{background:var(--ui-cream);border-top:1px solid var(--ui-line-soft);border-bottom:1px solid var(--ui-line-soft)}
.ui-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;margin-bottom:clamp(36px,4.5vw,56px)}
.ui-head > div{max-width:640px}
.ui-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--ui-amber-deep);font-size:12px !important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.4 !important}
.ui-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--ui-amber)}
.ui h1,.ui h2,.ui h3{color:var(--ui-ink);margin:0}
.ui h2 em,.ui h1 em{font-style:normal;color:var(--ui-amber-deep)}
html body #main .ui p.ui-lede:not(#lb-x){margin:16px 0 0;max-width:56ch;color:var(--ui-mute);font-size:clamp(17px,1.25vw,19px) !important;line-height:1.6 !important}
.ui-link{display:inline-flex;align-items:center;gap:8px;color:var(--ui-amber-deep);font-weight:600;font-size:15px;white-space:nowrap}
.ui-link:hover{color:var(--ui-ink)}
.ui-link .arw{transition:transform .2s ease}
.ui-link:hover .arw{transform:translateX(4px)}

/* ---------- buttons (same shape as the sitewide .btn) ---------- */
.ui-btns{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- 1. hero: copy left, framed photo right, proof on the photo ---------- */

/* ---------- 2. proof numbers strip ---------- */

/* ---------- compact band (checklist on service pages) ---------- */
.ui-proof{padding:clamp(48px,5.5vw,72px) 0}

/* ---------- 1. hero: copy left, photo collage right ---------- */
.ui-hero{position:relative;isolation:isolate;overflow:hidden;background:#fff;padding:clamp(40px,5vw,76px) 0 clamp(96px,9vw,128px)}
.ui-hero::before{content:"";position:absolute;z-index:-1;right:-10%;top:-20%;width:62%;height:130%;background:radial-gradient(closest-side,rgba(241,162,59,.22),rgba(241,162,59,0) 72%)}
.ui-hero::after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(16,20,24,.07) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent 45%,#000 75%);mask-image:linear-gradient(90deg,transparent 45%,#000 75%)}
.ui-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:center}
.ui-hero__pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;padding:7px 14px 7px 10px;border:1px solid var(--ui-line);border-radius:999px;background:#fff;color:var(--ui-mute);font-size:13.5px !important;line-height:1.3 !important;box-shadow:0 6px 18px -12px rgba(16,20,24,.3)}
.ui-hero__pill strong{color:var(--ui-ink);font-weight:600}
.ui-hero__dot{flex:none;width:8px;height:8px;border-radius:50%;background:#2FA86A;box-shadow:0 0 0 4px rgba(47,168,106,.15)}
html body #main .ui-hero h1:not(#lb-x){font-size:clamp(2.6rem,1.4rem + 3.3vw,4.4rem) !important;line-height:1.02 !important;letter-spacing:-.04em !important;font-weight:600 !important}
html body #main .ui-hero h1 em:not(#lb-x){position:relative;font-style:normal;color:#C47A14 !important;-webkit-text-fill-color:#C47A14 !important;background:linear-gradient(transparent 72%,rgba(241,162,59,.22) 72%,rgba(241,162,59,.22) 92%,transparent 92%)}
html body #main .ui-hero p.ui-lede:not(#lb-x){margin-top:22px;max-width:46ch}
.ui-hero .ui-btns{margin-top:32px}
.ui-hero__ticks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0 0;padding:0;list-style:none}
.ui-hero__ticks li{display:flex;align-items:center;gap:8px;color:var(--ui-body);font-size:14px;font-weight:500}
.ui-hero__ticks svg{flex:none;width:18px;height:18px;padding:3px;border-radius:50%;background:var(--ui-amber-wash);color:var(--ui-amber-deep);fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ui-hero__media{position:relative;height:clamp(460px,44vw,600px)}
.ui-hero__media figure{margin:0}
.ui-hero__main{position:absolute;top:0;right:0;width:74%;height:86%;border-radius:26px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(16,20,24,.55)}
.ui-hero__main img,.ui-hero__alt img{width:100%;height:100%;object-fit:cover}
.ui-hero__main::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,220,160,.28) 45%,transparent 60%);transform:translateX(-100%);animation:uiSweep 7s ease-in-out 1.2s infinite}
@keyframes uiSweep{0%{transform:translateX(-100%)}35%,100%{transform:translateX(100%)}}
.ui-hero__alt{position:absolute;left:0;bottom:0;width:48%;aspect-ratio:4/3.1;border-radius:20px;overflow:hidden;border:6px solid #fff;box-shadow:0 28px 50px -26px rgba(16,20,24,.5)}
.ui-hero__card{position:absolute;left:4%;top:9%;width:min(270px,52%);padding:18px 20px;border:1px solid var(--ui-line);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 24px 48px -24px rgba(16,20,24,.45);backdrop-filter:blur(6px)}
.ui-hero__q{display:block;height:22px;color:var(--ui-amber);font-family:Georgia,serif;font-size:44px;line-height:1}
.ui-hero__card blockquote{margin:6px 0 10px;color:var(--ui-ink);font-size:15.5px;font-weight:500;line-height:1.45;letter-spacing:-.01em}
.ui-hero__card a{display:inline-flex;align-items:center;gap:6px;color:var(--ui-mute);font-size:13px}
.ui-hero__card a b{color:var(--ui-ink);font-weight:600}
.ui-hero__card a:hover b{color:var(--ui-amber-deep)}
.ui-hero__badge{position:absolute;right:-12px;bottom:5%;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#F6B24F,#E48C1A);color:#1B1206;box-shadow:0 20px 40px -18px rgba(228,140,26,.75)}
.ui-hero__badge b{font-size:30px;font-weight:700;line-height:1;letter-spacing:-.03em}
.ui-hero__badge span{font-size:12.5px;font-weight:600;line-height:1.3}
@media (prefers-reduced-motion:reduce){.ui-hero__main::after{animation:none;display:none}}

/* ---------- 2. proof numbers: highlighted card pulled up over the hero ---------- */
.ui-stats{position:relative;z-index:2;margin-top:clamp(-72px,-5.5vw,-48px);padding-bottom:clamp(40px,5vw,64px)}
.ui-stats__card{position:relative;display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,3fr);gap:clamp(20px,3vw,40px);align-items:center;padding:clamp(24px,3vw,36px) clamp(24px,3vw,40px);border:1px solid var(--ui-line);border-radius:22px;background:#fff;box-shadow:0 30px 60px -36px rgba(16,20,24,.35);overflow:hidden}
.ui-stats__card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#F6B24F,#E48C1A 50%,#F6B24F)}
.ui-stats__intro .ui-eyebrow{margin-bottom:8px}
html body #main .ui-stats p.ui-stats__lead:not(#lb-x){margin:0 0 14px;color:var(--ui-ink);font-size:1.15rem !important;font-weight:600;line-height:1.3 !important}
.ui-stats__intro .ui-link{font-size:14px}
.ui-stats__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.ui-stats__list li{display:flex;flex-direction:column;gap:6px;padding:4px 0 4px clamp(16px,2vw,26px);border-left:1px solid var(--ui-line)}
.ui-stats__list b{color:var(--ui-ink);font-size:clamp(2.2rem,1.4rem + 2vw,3.2rem);font-weight:700;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.ui-stats__list b span{color:var(--ui-amber)}
.ui-stats__list li > span{color:var(--ui-body);font-size:14px;font-weight:500;line-height:1.35}
.ui-stats__list small{align-self:flex-start;padding:3px 9px;border-radius:999px;background:var(--ui-amber-wash);color:var(--ui-amber-deep);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

/* ---------- 3. services ---------- */
.ui-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 clamp(32px,4vw,44px);padding:0;list-style:none}
.ui-flow li{display:inline-flex;align-items:center;gap:10px;color:var(--ui-ink);font-size:14px;font-weight:600}
.ui-flow li span{padding:8px 14px;border:1px solid var(--ui-line);border-radius:999px;background:#fff}
.ui-flow li:last-child span{border-color:var(--ui-amber);background:var(--ui-amber-wash);color:var(--ui-amber-deep)}
.ui-flow li + li::before{content:"";width:18px;height:1px;background:var(--ui-faint)}

.ui-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ui-svc__card{position:relative;display:flex;flex-direction:column;padding:32px 28px 28px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ui-svc__card:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow);border-color:#D9D1C3}
.ui-svc__card.is-pop{border-color:var(--ui-amber);box-shadow:0 0 0 1px var(--ui-amber),var(--ui-shadow)}
.ui-svc__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.ui-svc__n{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--ui-amber-wash);color:var(--ui-amber-deep);font-size:13px;font-weight:700}
.ui-svc__badge{padding:5px 11px;border-radius:999px;background:var(--ui-amber);color:#12151A;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
html body #main .ui-svc__card h3:not(#lb-x){font-size:1.5rem !important;font-weight:500 !important}
html body #main .ui-svc__card p.ui-svc__lede:not(#lb-x){margin:8px 0 12px;color:var(--ui-ink);font-weight:500;font-size:15.5px !important;line-height:1.5 !important}
html body #main .ui-svc__card p.ui-svc__body:not(#lb-x){color:var(--ui-mute);font-size:15px !important;line-height:1.65 !important}
.ui-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 24px}
.ui-tags span{padding:5px 10px;border-radius:999px;background:var(--ui-cream);border:1px solid var(--ui-line-soft);color:var(--ui-body);font-size:12px;font-weight:600}
.ui-svc__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid var(--ui-line-soft)}
.ui-price{color:var(--ui-ink);font-size:28px;font-weight:600;line-height:1;letter-spacing:-.02em}
.ui-price small{display:block;margin-top:6px;color:var(--ui-faint);font-size:12.5px;font-weight:500;letter-spacing:0}

/* ---------- 4. why ---------- */
.ui-why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);align-items:start}
.ui-why__lead{position:sticky;top:110px}
.ui-why__lead .ui-btns{margin-top:28px}
.ui-why__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--ui-line)}
.ui-why__list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:30px 0;border-bottom:1px solid var(--ui-line)}
.ui-why__n{color:var(--ui-amber-deep);font-size:14px;font-weight:700;padding-top:6px}
html body #main .ui-why__list h3:not(#lb-x){font-size:1.35rem !important;font-weight:500 !important;margin-bottom:8px}
html body #main .ui-why__list p:not(#lb-x){color:var(--ui-mute)}

/* ---------- specialist team (inside the why section) ---------- */

/* ---------- specialist team (inside the why section) ---------- */
.ui-team{margin-top:clamp(56px,7vw,96px)}
.ui-team__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:28px}
html body #main .ui-team__intro h3:not(#lb-x){font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem) !important;font-weight:500 !important;line-height:1.15 !important}
html body #main .ui-team__intro > p:not(#lb-x){color:var(--ui-mute);font-size:16px !important}
.ui-team__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.ui-team__list li{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 22px 24px;border:1px solid var(--ui-line);border-radius:18px;background:#fff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ui-team__list li:hover{transform:translateY(-4px);border-color:rgba(241,162,59,.55);box-shadow:0 26px 50px -30px rgba(16,20,24,.35)}
.ui-team__ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border-radius:15px;background:linear-gradient(140deg,#F8BC5C 0%,#E48C1A 100%);color:#fff;box-shadow:0 12px 24px -12px rgba(228,140,26,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.ui-team__ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ui-team__list em{position:absolute;top:22px;right:22px;color:#EDE6DA;font-size:30px;font-style:normal;font-weight:700;letter-spacing:-.04em;line-height:1}
.ui-team__list b{color:var(--ui-ink);font-size:17px;font-weight:600;line-height:1.3}
.ui-team__list span{color:var(--ui-mute);font-size:14.5px;line-height:1.55}

/* ---------- 5. before and after ---------- */
.ui-ba{position:relative;overflow:hidden;border-radius:var(--ui-radius);aspect-ratio:16/8;background:#111;box-shadow:var(--ui-shadow);--split:50%;user-select:none}
.ui-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ui-ba__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.ui-ba__before img{filter:grayscale(1) brightness(.55) contrast(1.05)}
.ui-ba__line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;margin-left:-1px;background:#fff;pointer-events:none}
.ui-ba__handle{position:absolute;top:50%;left:var(--split);width:48px;height:48px;margin:-24px 0 0 -24px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ui-ink);font-size:18px;box-shadow:0 8px 24px rgba(0,0,0,.3);pointer-events:none}
.ui-ba__tag{position:absolute;top:18px;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.ui-ba__tag--before{left:18px;background:rgba(16,20,24,.72);color:#fff}
.ui-ba__tag--after{right:18px;background:var(--ui-amber);color:#12151A}
.ui-ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ui-ba__range:focus-visible + .ui-ba__focus{outline:3px solid var(--ui-amber);outline-offset:4px}
.ui-ba__focus{position:absolute;inset:0;border-radius:inherit;pointer-events:none}

/* ---------- 6. process ---------- */
.ui-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;counter-reset:ui-step}
.ui-step{position:relative;padding-top:34px}
.ui-step::before{content:"";position:absolute;top:8px;left:0;right:-20px;height:1px;background:var(--ui-line)}
.ui-step:last-child::before{right:0}
.ui-step::after{content:"";position:absolute;top:2px;left:0;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--ui-amber)}
.ui-step:last-child::after{background:var(--ui-amber)}
.ui-step__k{display:block;margin-bottom:10px;color:var(--ui-amber-deep);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
html body #main .ui-step h3:not(#lb-x){font-size:1.35rem !important;font-weight:500 !important;margin-bottom:8px}
html body #main .ui-step p:not(#lb-x){color:var(--ui-mute);font-size:15px !important}

/* ---------- 7. event types ---------- */
.ui-ev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:stretch}
.ui-ev__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--ui-line)}
.ui-ev__list li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:20px 4px;border-bottom:1px solid var(--ui-line);cursor:pointer;transition:padding .25s ease,background .25s ease}
.ui-ev__list li span{color:var(--ui-faint);font-size:clamp(1.15rem,1rem + .5vw,1.45rem);font-weight:500;letter-spacing:-.01em;transition:color .2s ease}
.ui-ev__list li small{color:var(--ui-faint);font-size:13px;text-align:right}
.ui-ev__list li.is-on,.ui-ev__list li:hover{padding-left:14px;background:#fff}
.ui-ev__list li.is-on span,.ui-ev__list li:hover span{color:var(--ui-ink)}
.ui-ev__list li.is-on{box-shadow:inset 3px 0 0 var(--ui-amber)}
.ui-ev__list li:focus-visible{outline:2px solid var(--ui-amber);outline-offset:2px}
.ui-ev__media{position:relative;min-height:420px;border-radius:var(--ui-radius);overflow:hidden;background:#111;box-shadow:var(--ui-shadow)}
.ui-ev__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .6s ease,transform 1.2s ease}
.ui-ev__media img.is-on{opacity:1;transform:none}

/* ---------- 8. testimonials ---------- */
.ui-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ui-quote{display:flex;flex-direction:column;margin:0;padding:clamp(28px,3.5vw,44px);border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff}
.ui-quote__mark{height:40px;color:var(--ui-amber);font-size:72px;line-height:1;font-family:Georgia,serif}
.ui-quote blockquote{margin:14px 0 28px;color:var(--ui-ink);font-size:clamp(1.1rem,1rem + .45vw,1.35rem);line-height:1.5;letter-spacing:-.01em}
.ui-quote figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid var(--ui-line-soft)}
.ui-quote figcaption b{display:block;color:var(--ui-ink);font-size:15px}
.ui-quote figcaption span{display:block;color:var(--ui-faint);font-size:13px}

/* ---------- 9. toolkits ---------- */
.ui-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ui-tool{display:flex;flex-direction:column;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.ui-tool:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow)}
.ui-tool__img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--ui-cream);border-bottom:1px solid var(--ui-line-soft)}
.ui-tool__img img{width:100%;height:100%;object-fit:cover;object-position:center 12%;transition:transform .6s ease}
.ui-tool:hover .ui-tool__img img{transform:scale(1.04)}
.ui-tool__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.ui-tool__kind{align-self:flex-start;margin-bottom:12px;padding:4px 10px;border-radius:999px;background:var(--ui-cream);color:var(--ui-body);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
html body #main .ui-tool h3:not(#lb-x){font-size:1.3rem !important;font-weight:500 !important}
.ui-tool h3 a:hover{color:var(--ui-amber-deep)}
html body #main .ui-tool p:not(#lb-x){margin:8px 0 20px;color:var(--ui-mute);font-size:15px !important;line-height:1.6 !important}
.ui-tool__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.ui-tool__price{color:var(--ui-ink);font-size:22px;font-weight:600}
.ui-tool__acts{display:flex;align-items:center;gap:14px}

.ui-bundle{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:20px;padding:22px 28px 22px 22px;border:1px solid var(--ui-amber);border-radius:var(--ui-radius);background:linear-gradient(100deg,var(--ui-amber-wash),#fff 70%)}
.ui-bundle__img{border-radius:10px;overflow:hidden;aspect-ratio:1;background:#fff}
.ui-bundle__img img{width:100%;height:100%;object-fit:cover}
.ui-bundle .ui-tool__kind{background:var(--ui-amber);color:#12151A}
html body #main .ui-bundle h3:not(#lb-x){font-size:1.4rem !important;font-weight:500 !important}
html body #main .ui-bundle p:not(#lb-x){margin-top:6px;color:var(--ui-mute);font-size:15px !important}
.ui-bundle__side{display:flex;align-items:center;gap:22px}
.ui-bundle__price{color:var(--ui-ink);font-size:30px;font-weight:600;line-height:1;white-space:nowrap}
.ui-bundle__price s{margin-right:8px;color:var(--ui-faint);font-size:17px;font-weight:500}
html body #main .ui p.ui-note:not(#lb-x){margin-top:22px;color:var(--ui-mute);font-size:14.5px !important;text-align:center}

/* ---------- 10. free playbook ---------- */

/* =====================================================================
   Inner-page components
   ===================================================================== */

/* ---------- page hero: copy left, framed photo right ---------- */
.ui-phero{padding:clamp(28px,3.5vw,44px) 0 clamp(48px,6vw,80px);background:#fff;border-bottom:1px solid var(--ui-line-soft)}
.ui-phero .crumbs{margin-bottom:clamp(22px,3vw,36px)}
.ui-phero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5.5vw,80px);align-items:center}
html body #main .ui-phero h1:not(#lb-x){font-size:clamp(2.4rem,1.5rem + 2.9vw,4rem) !important;line-height:1.04 !important;letter-spacing:-.035em !important}
.ui-phero h1 .ui-accent{color:#C47A14}
.ui-phero .ui-btns{margin-top:30px}
.ui-phero__media{position:relative;margin:0;aspect-ratio:5/4;border-radius:18px;overflow:hidden;background:var(--ui-cream);box-shadow:0 36px 70px -40px rgba(16,20,24,.45)}
.ui-phero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ui-phero__chip{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.95);box-shadow:0 12px 30px -12px rgba(16,20,24,.35);color:var(--ui-ink);font-size:13.5px;font-weight:600;line-height:1.35}
.ui-phero__chip svg{flex:none;width:26px;height:26px;color:var(--ui-amber)}
.ui-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(36px,4.5vw,56px) 0 0;padding:22px 0 0;list-style:none;border-top:1px solid var(--ui-line)}
.ui-points li{display:flex;align-items:center;gap:14px;padding:0 20px;border-left:1px solid var(--ui-line);color:var(--ui-ink);font-size:15px;font-weight:600}
.ui-points li:first-child{padding-left:0;border-left:0}
.ui-points svg{flex:none;width:42px;height:42px;padding:10px;border-radius:50%;background:var(--ui-amber-wash);color:var(--ui-amber-deep);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- checklist card ---------- */
.ui-checks{padding:clamp(24px,3vw,34px) clamp(24px,3.5vw,40px);border:1px solid var(--ui-line);border-left:4px solid var(--ui-amber);border-radius:var(--ui-radius);background:var(--ui-cream)}
.ui-checks ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px;margin:0;padding:0;list-style:none}
.ui-checks li{display:flex;gap:10px;color:var(--ui-ink);font-size:15px;line-height:1.5}
.ui-checks svg{flex:none;margin-top:3px;color:var(--ui-amber-deep)}
.ui-checks .ui-eyebrow{margin-bottom:18px}

/* ---------- wide service card (one or two services on a page) ---------- */
.ui-svc--wide{grid-template-columns:1fr}
.ui-svc--wide .ui-svc__card{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px 48px;padding:34px 36px}
.ui-svc--wide .ui-svc__main{min-width:0}
.ui-svc--wide .ui-svc__foot{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:18px;margin:0;padding:0 0 0 36px;border-top:0;border-left:1px solid var(--ui-line-soft)}
.ui-svc--wide .ui-tags{margin-bottom:0}

/* ---------- calculator ---------- */
.ui-calc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px}
.ui-calc__in,.ui-calc__out{padding:clamp(26px,3.5vw,40px);border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff}
.ui-calc__out{display:flex;flex-direction:column;justify-content:center;gap:24px;background:var(--ui-cream)}
.ui-calc__field + .ui-calc__field{margin-top:26px}
.ui-calc__field label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;color:var(--ui-ink);font-size:14px;font-weight:600}
.ui-calc__field label b{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.ui-calc__field input[type=range]{width:100%;height:6px;border-radius:99px;background:var(--ui-line);-webkit-appearance:none;appearance:none;cursor:pointer}
.ui-calc__field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ui-amber);box-shadow:0 2px 8px rgba(16,20,24,.2)}
.ui-calc__field input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--ui-amber)}
.ui-calc__field input[type=range]:focus-visible{outline:2px solid var(--ui-amber);outline-offset:6px}
html body #main .ui-calc p.ui-calc__note:not(#lb-x){margin-top:26px;padding-top:18px;border-top:1px solid var(--ui-line-soft);color:var(--ui-faint);font-size:13.5px !important;line-height:1.55 !important}
.ui-calc__stat span{display:block;color:var(--ui-mute);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ui-calc__stat strong{display:block;margin-top:8px;color:var(--ui-ink);font-size:clamp(2.4rem,1.8rem + 2vw,3.4rem);font-weight:600;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ui-calc__stat--key strong{color:var(--ui-amber-deep)}
.ui-calc__stat + .ui-calc__stat{padding-top:22px;border-top:1px solid var(--ui-line)}
.ui-calc__out .btn{align-self:flex-start}

/* ---------- FAQ ---------- */
.ui-faq{border-top:1px solid var(--ui-line)}
.ui-faq details{border-bottom:1px solid var(--ui-line)}
.ui-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;color:var(--ui-ink);font-size:clamp(1.05rem,1rem + .35vw,1.25rem);font-weight:500;cursor:pointer;list-style:none}
.ui-faq summary::-webkit-details-marker{display:none}
.ui-faq summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--ui-line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A4630F' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s ease}
.ui-faq details[open] summary::after{transform:rotate(45deg)}
.ui-faq summary:hover{color:var(--ui-amber-deep)}
.ui-faq summary:focus-visible{outline:2px solid var(--ui-amber);outline-offset:4px}
html body #main .ui-faq details p:not(#lb-x){max-width:72ch;margin:-6px 0 24px;color:var(--ui-mute)}
.ui-faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);align-items:start}

/* ---------- guide cards ---------- */
.ui-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ui-guide{display:flex;flex-direction:column;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.ui-guide:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow)}
.ui-guide__img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ui-cream)}
.ui-guide__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ui-guide:hover .ui-guide__img img{transform:scale(1.04)}
.ui-guide__badge{position:absolute;left:14px;top:14px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--ui-ink);font-size:11.5px;font-weight:700}
.ui-guide__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
html body #main .ui-guide h3:not(#lb-x){font-size:1.2rem !important;font-weight:500 !important;line-height:1.3 !important}
html body #main .ui-guide p:not(#lb-x){margin:8px 0 18px;color:var(--ui-mute);font-size:15px !important;line-height:1.6 !important}
.ui-guide .ui-link{margin-top:auto}

/* ---------- audience helpers ---------- */
.ui-pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.ui-pain{padding:28px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff}
.ui-pain__n{display:grid;place-items:center;width:40px;height:40px;margin-bottom:20px;border-radius:10px;background:var(--ui-amber-wash);color:var(--ui-amber-deep);font-size:13px;font-weight:700}
html body #main .ui-pain h3:not(#lb-x){font-size:1.25rem !important;font-weight:500 !important;margin-bottom:10px}
html body #main .ui-pain p:not(#lb-x){color:var(--ui-mute);font-size:15px !important}
.ui-banner{position:relative;overflow:hidden;border-radius:calc(var(--ui-radius) + 4px);aspect-ratio:21/8;background:#111}
.ui-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ui-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.15) 55%,rgba(0,0,0,0) 100%)}
.ui-banner__cap{position:absolute;z-index:1;left:clamp(22px,4vw,48px);right:clamp(22px,4vw,48px);bottom:clamp(22px,3.5vw,40px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px;color:#fff}
.ui-banner__cap strong{max-width:18ch;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.4rem);font-weight:500;line-height:1.1;letter-spacing:-.02em}
.ui-banner__cap span{max-width:36ch;color:rgba(255,255,255,.85);font-size:15px;line-height:1.55;text-align:right}

.ui-pains--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ui-pain--link{display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ui-pain--link:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow);border-color:#D9D1C3}
.ui-pain--link .ui-link{margin-top:auto;padding-top:6px}
html body #main .ui-pain--link p:not(#lb-x){margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ui-answer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:end}

/* ---------- thank-you screen ---------- */
.ui-ty{padding:clamp(40px,6vw,88px) 0;background:#fff}
.ui-ty__card{max-width:760px}
.ui-ty__tick{display:grid;place-items:center;width:60px;height:60px;margin-bottom:24px;border-radius:50%;background:var(--ui-amber);color:#12151A}
html body #main .ui-ty h1:not(#lb-x){font-size:clamp(2.2rem,1.5rem + 2.4vw,3.4rem) !important;line-height:1.06 !important}
.ui-ty__box{margin-top:30px;padding:24px 26px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-cream);max-width:620px}
html body #main .ui-ty__box h2:not(#lb-x){font-size:1.2rem !important;font-weight:600 !important;margin-bottom:6px}
html body #main .ui-ty__box p:not(#lb-x){color:var(--ui-mute);font-size:15px !important}
.ui-ty__box a:not(.btn){color:var(--ui-amber-deep);font-weight:600}
.ui-ty__dl{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.ui-ty__dl .btn{width:100%;white-space:normal;text-align:center}
.ui-ty__steps{display:grid;gap:14px;margin:34px 0 0;padding:0;list-style:none;max-width:620px}
.ui-ty__steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:start;padding:18px 20px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff}
.ui-ty__steps li > span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ui-amber-wash);color:var(--ui-amber-deep);font-weight:700}
.ui-ty__steps b{display:block;margin-bottom:3px;color:var(--ui-ink);font-size:16px;font-weight:600}
.ui-ty__steps div{color:var(--ui-mute);font-size:15px;line-height:1.55}

/* ---------- topic index (services hub) ---------- */
.ui-index{border-top:1px solid var(--ui-line)}
.ui-index__row{display:grid;grid-template-columns:56px minmax(0,1fr) auto 28px;gap:24px;align-items:center;padding:24px 8px;border-bottom:1px solid var(--ui-line);transition:background .2s ease,padding .2s ease}
.ui-index__row:hover{background:var(--ui-cream);padding-left:16px}
.ui-index__n{color:var(--ui-amber-deep);font-size:14px;font-weight:700}
.ui-index__body b{display:block;color:var(--ui-ink);font-size:clamp(1.05rem,1rem + .35vw,1.25rem);font-weight:500;line-height:1.3}
.ui-index__body span{display:block;max-width:62ch;margin-top:6px;color:var(--ui-mute);font-size:15px;line-height:1.55}
.ui-index__tag{padding:6px 12px;border-radius:999px;background:var(--ui-amber-wash);color:var(--ui-amber-deep);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.ui-index__go{color:var(--ui-amber-deep);transition:transform .2s ease}
.ui-index__row:hover .ui-index__go{transform:translateX(4px)}

/* ---------- photo gallery ---------- */
.ui-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ui-gallery figure{position:relative;margin:0;aspect-ratio:4/3;border-radius:var(--ui-radius);overflow:hidden;background:#111}
.ui-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ui-gallery figure:hover img{transform:scale(1.05)}
.ui-gallery figcaption{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--ui-ink);font-size:13px;font-weight:600}
html body #main .ui p.ui-note:not(#lb-x){margin-top:22px;color:var(--ui-mute);font-size:14.5px !important}

/* ---------- monthly deliverables (inside a service card) ---------- */
.ui-incl{margin:-8px 0 22px;border:1px solid var(--ui-line-soft);border-radius:10px;background:var(--ui-cream)}
.ui-incl summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;color:var(--ui-ink);font-size:13.5px;font-weight:600;cursor:pointer;list-style:none}
.ui-incl summary::-webkit-details-marker{display:none}
.ui-incl summary::after{content:"+";color:var(--ui-amber-deep);font-size:18px;line-height:1;transition:transform .2s ease}
.ui-incl[open] summary::after{transform:rotate(45deg)}
.ui-incl summary:focus-visible{outline:2px solid var(--ui-amber);outline-offset:2px;border-radius:10px}
.ui-incl ul{display:grid;gap:8px;margin:0;padding:0 14px 14px;list-style:none}
.ui-incl li{display:flex;gap:8px;color:var(--ui-body);font-size:13.5px;line-height:1.45}
.ui-incl svg{flex:none;margin-top:3px;color:var(--ui-amber-deep)}
.ui-svc--wide .ui-incl{margin:18px 0 0;max-width:620px}

/* ---------- guarantee / terms / specialist strip ---------- */
.ui-promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none}
.ui-promise li{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff}
.ui-promise svg{flex:none;width:40px;height:40px;padding:9px;border-radius:50%;background:var(--ui-amber-wash);color:var(--ui-amber-deep);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ui-promise b{display:block;margin-bottom:3px;color:var(--ui-ink);font-size:15px;font-weight:600}
.ui-promise span{display:block;color:var(--ui-mute);font-size:14px;line-height:1.5}

/* ---------- specialist team: tags + white icons ---------- */
.ui-team__list > li > span.ui-team__ic{color:#fff}
.ui-team__list li{min-height:100%}
.ui-team__tags{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 0 !important;padding-top:16px}
.ui-team__tags i{padding:4px 10px;border-radius:999px;background:var(--ui-cream);border:1px solid var(--ui-line-soft);color:var(--ui-body);font-size:12px;font-style:normal;font-weight:600}
.ui-team__list em{color:#EFE7DA}
.ui-team__list li:hover .ui-team__ic{transform:rotate(-6deg) scale(1.05)}
.ui-team__ic{transition:transform .3s ease}

/* ---------- free playbook: book visual + inline form ---------- */
.ui-pb{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(24px,3.5vw,48px);border:1px solid var(--ui-line);border-radius:28px;background:#fff;box-shadow:0 40px 80px -50px rgba(16,20,24,.35)}
.ui-pb__visual{position:relative;display:grid;place-items:center;min-height:clamp(380px,38vw,500px);border-radius:22px;background:radial-gradient(70% 60% at 50% 45%,rgba(255,196,110,.55),rgba(255,196,110,0) 70%),linear-gradient(160deg,#FFF6E8,#F7EEDF);overflow:hidden}
.ui-pb__book{width:min(58%,260px);border-radius:8px;overflow:hidden;transform:perspective(900px) rotateY(-14deg) rotateX(4deg);box-shadow:-18px 30px 50px -18px rgba(60,35,5,.55);transition:transform .5s ease}
.ui-pb:hover .ui-pb__book{transform:perspective(900px) rotateY(-6deg) rotateX(2deg) translateY(-4px)}
.ui-pb__badge{position:absolute;top:18px;left:18px;padding:6px 12px;border-radius:999px;background:var(--ui-ink);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ui-pb__chip{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#fff;color:var(--ui-ink);font-size:12.5px;font-weight:600;box-shadow:0 12px 26px -14px rgba(16,20,24,.4)}
.ui-pb__chip svg{color:var(--ui-amber-deep)}
.ui-pb__chip--a{right:14px;top:22%}
.ui-pb__chip--b{left:14px;top:55%}
.ui-pb__chip--c{right:22px;bottom:12%}
html body #main .ui-pb h2:not(#lb-x){font-size:clamp(2rem,1.3rem + 2vw,2.9rem) !important;line-height:1.1 !important}
.ui-pb__feats{display:grid;gap:14px;margin:26px 0 0;padding:0;list-style:none}
.ui-pb__feats li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start}
.ui-pb__feats li > span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ui-amber-wash);color:var(--ui-amber-deep);font-size:12.5px;font-weight:700}
.ui-pb__feats div{color:var(--ui-mute);font-size:15px;line-height:1.5}
.ui-pb__feats b{display:block;color:var(--ui-ink);font-size:15.5px;font-weight:600}
.ui-pb__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px;margin-top:30px;padding:10px;border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-cream)}
.ui-pb__form .btn{grid-column:1/-1;width:100%}
.ui-pb__form input{min-width:0;height:50px;padding:0 16px;border:1px solid var(--ui-line);border-radius:12px;background:#fff;color:var(--ui-ink);font:inherit;font-size:15px}
.ui-pb__form input:focus{outline:0;border-color:var(--ui-amber);box-shadow:0 0 0 4px rgba(241,162,59,.2)}
.ui-pb__form .btn{white-space:nowrap;min-height:50px}
.ui-pb__form .audit-done{grid-column:1/-1;padding:10px 14px}
.ui-pb__fine{display:flex;align-items:center;gap:8px;margin-top:14px !important;color:var(--ui-faint);font-size:13px !important}
.ui-pb__fine svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.ui-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- featured bundle (toolkits page) ---------- */
.ui-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(28px,4vw,48px);padding:clamp(18px,2.5vw,28px);border:1px solid var(--ui-line);border-radius:28px;background:#fff;box-shadow:0 40px 80px -50px rgba(16,20,24,.35)}
.ui-feat__visual{position:relative;display:grid;place-items:center;min-height:clamp(380px,40vw,540px);padding:48px 32px;border-radius:22px;background:radial-gradient(70% 60% at 50% 40%,rgba(255,196,110,.6),rgba(255,196,110,0) 70%),linear-gradient(160deg,#FFF6E8,#F5EADA);overflow:hidden}
.ui-feat__cover{width:min(78%,380px);border-radius:14px;box-shadow:0 34px 60px -26px rgba(60,35,5,.55);transition:transform .5s ease}
.ui-feat:hover .ui-feat__cover{transform:translateY(-6px) rotate(-1deg)}
.ui-feat__save{position:absolute;top:18px;left:18px;z-index:2;padding:7px 13px;border-radius:999px;background:var(--ui-ink);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
html body #main .ui-feat h2:not(#lb-x){font-size:clamp(2rem,1.3rem + 2vw,2.8rem) !important;line-height:1.08 !important}
.ui-feat__list{margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--ui-line-soft)}
.ui-feat__list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 2px;border-bottom:1px solid var(--ui-line-soft)}
.ui-feat__list a{display:flex;flex-direction:column;min-width:0}
.ui-feat__list a span{color:var(--ui-ink);font-size:15px;font-weight:600;line-height:1.3}
.ui-feat__list a:hover span{color:var(--ui-amber-deep)}
.ui-feat__list small{color:var(--ui-faint);font-size:12.5px}
.ui-feat__list s{flex:none;color:var(--ui-faint);font-size:14px}
.ui-feat__total{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:22px;padding:18px 20px;border-radius:18px;background:var(--ui-cream);border:1px solid var(--ui-line-soft)}
.ui-feat__total > div:first-child{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:8px}
.ui-feat__total small{grid-column:1/-1;color:var(--ui-mute);font-size:13px;text-decoration:line-through}
.ui-feat__total b{color:var(--ui-ink);font-size:clamp(2.2rem,1.6rem + 1.6vw,3rem);font-weight:700;line-height:1;letter-spacing:-.04em}
.ui-feat__total span{color:var(--ui-mute);font-size:13px}
.ui-feat__btns{display:flex;flex-wrap:wrap;gap:10px}
html body #main .ui p.ui-feat__fine:not(#lb-x){margin-top:14px;color:var(--ui-faint);font-size:13px !important}
.ui-feat__free{display:flex;align-items:center;gap:16px;margin-top:16px;padding:12px 20px 12px 12px;border:1px dashed #E3D6C2;border-radius:18px;background:#FFFBF5;transition:border-color .2s ease,background .2s ease}
.ui-feat__free:hover{border-color:var(--ui-amber);background:#FFF4E3}
.ui-feat__free img{flex:none;width:44px;border-radius:5px;box-shadow:0 8px 16px -10px rgba(16,20,24,.5)}
.ui-feat__free span{flex:1;color:var(--ui-body);font-size:15px}
.ui-feat__free b{color:var(--ui-ink)}
.ui-feat__free em{display:inline-flex;align-items:center;gap:6px;color:var(--ui-amber-deep);font-style:normal;font-weight:600;font-size:14px;white-space:nowrap}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .ui-team__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-stats__card{grid-template-columns:1fr}
  .ui-svc{grid-template-columns:1fr;max-width:760px}
}
@media (max-width:900px){
  .ui-feat{grid-template-columns:1fr}
  .ui-pb{grid-template-columns:1fr}
  .ui-pb__visual{min-height:340px}
  .ui-hero__grid{grid-template-columns:1fr}
  .ui-hero__media{height:clamp(380px,80vw,520px)}
  .ui-hero__badge{right:8px}
  .ui-team__intro{grid-template-columns:1fr}
  .ui-stats__list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .ui-stats__list li:nth-child(3){border-left:0;padding-left:0}
  .ui-stats__list li:first-child{border-left:0;padding-left:0}
  .ui-promise{grid-template-columns:1fr}
  .ui-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-index__row{grid-template-columns:40px minmax(0,1fr) 24px}
  .ui-index__tag{display:none}
  .ui-phero__grid,.ui-faq-wrap,.ui-calc{grid-template-columns:1fr}
  .ui-phero__media{aspect-ratio:16/10}
  .ui-checks ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-svc--wide .ui-svc__card{grid-template-columns:1fr}
  .ui-svc--wide .ui-svc__foot{flex-direction:row;align-items:flex-end;justify-content:space-between;padding:20px 0 0;border-left:0;border-top:1px solid var(--ui-line-soft)}
  .ui-guides,.ui-pains{grid-template-columns:1fr;max-width:560px}
  .ui-pains--4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
  .ui-answer{grid-template-columns:1fr}
  .ui-banner{aspect-ratio:16/10}
  .ui-banner__cap{flex-direction:column;align-items:flex-start}
  .ui-banner__cap span{text-align:left}
  .ui-head{grid-template-columns:1fr}
  .ui-why{grid-template-columns:1fr}
  .ui-why__lead{position:static}
  .ui-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .ui-step:nth-child(2)::before{right:0}
  .ui-ev{grid-template-columns:1fr}
  .ui-ev__media{min-height:0;aspect-ratio:16/10;order:-1}
  .ui-quotes,.ui-tools{grid-template-columns:1fr}
  .ui-tools{max-width:560px}
  .ui-bundle{grid-template-columns:90px minmax(0,1fr)}
  .ui-bundle__side{grid-column:1/-1;justify-content:space-between;flex-wrap:wrap}
}
@media (max-width:640px){
  .ui-feat__visual{min-height:300px;padding:44px 20px 24px}
  .ui-feat__btns,.ui-feat__btns .btn{width:100%}
  .ui-feat__free{flex-wrap:wrap}
  .ui-pb__form{grid-template-columns:1fr;border-radius:20px}
  .ui-pb__form .btn{width:100%}
  .ui-pb{padding:16px}
  .ui-pb__chip{font-size:11.5px}
  .ui .ui-hero__pill{font-size:12.5px !important;padding:6px 12px 6px 9px}
  .ui-hero__pill span{white-space:nowrap}
  .ui-hero .ui-btns .btn{flex:1 1 100%}
  .ui-hero__media{height:420px}
  .ui-hero__main{width:86%;height:78%}
  .ui-hero__alt{width:54%}
  .ui-hero__card{left:0;top:6%;width:62%;padding:14px 16px}
  .ui-hero__card blockquote{font-size:14px}
  .ui-hero__role{display:none}
  .ui-hero__badge{padding:10px 14px;bottom:3%}
  .ui-hero__badge b{font-size:24px}
  .ui-team__list{grid-template-columns:1fr}
  .ui-stats__card{padding:22px 20px}
  .ui-points{grid-template-columns:1fr;gap:14px}
  .ui-pains--4{grid-template-columns:1fr}
  .ui-points li{padding:0;border-left:0}
  .ui-checks ul{grid-template-columns:1fr}
  .ui-phero .ui-btns .btn{flex:1 1 100%}
  .ui-svc--wide .ui-svc__card{padding:26px 22px}
  .ui-flow{gap:8px}
  .ui-flow li + li::before{display:none}
  .ui-svc__card{padding:26px 22px 22px}
  .ui-ba{aspect-ratio:4/3}
  .ui-steps{grid-template-columns:1fr}
  .ui-step::before{right:0}
  .ui-ev__list li{flex-direction:column;gap:4px}
  .ui-ev__list li small{text-align:left}
  .ui-quote figcaption{flex-direction:column;align-items:flex-start}
  .ui-tool__foot{flex-wrap:wrap}
  .ui-tool__img{aspect-ratio:16/10}
  .ui-bundle{grid-template-columns:1fr;padding:22px}
  .ui-bundle__img{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ui *{transition:none !important}
}