/* /webbot sales page (webbot/index.php). Scoped to .wl; uses the site's colour tokens so light and dark both work.
   One bold element — the hero order that plays out in a chat — and everything around it kept quiet. */
.wl{--wl-paid:#1a9e50;--wl-paid-bg:rgba(26,158,80,.12);--wl-bubble:var(--bg-card);--wl-radius:14px;color:var(--text)}
html[data-theme="dark"] .wl{--wl-paid:#3ccf7a;--wl-paid-bg:rgba(60,207,122,.14)}
.wl-shell{width:min(1140px,calc(100% - 40px));margin-inline:auto}
.wl h1,.wl h2,.wl h3{color:var(--text);letter-spacing:-.025em;margin:0}
.wl h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;font-weight:800;max-width:22ch}
.wl h3{font-size:18px;font-weight:700}
.wl-sub{margin:12px 0 0;max-width:62ch;font-size:17px;line-height:1.6;color:var(--text-2)}
.wl-sub a,.wl-faq a{color:var(--primary);font-weight:600}
.wl-sec{padding:96px 0}
.wl-alt{background:var(--bg-alt)}

/* buttons */
.wl-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.wl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;transition:background .15s,border-color .15s}
.wl-btn-main,.wl a.wl-btn-main:not(#_){background:#1d4ed8;color:#fff!important}
.wl-btn-main:hover{background:#1e40af}
.wl-btn-line,.wl a.wl-btn-line:not(#_){border:1.5px solid var(--border);color:var(--text)!important;background:transparent}
.wl-btn-line:hover{border-color:var(--text-2)}
.wl-btn:focus-visible,.wl-tabs button:focus-visible,.wl-faq summary:focus-visible,.wl-replay:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}

/* hero */
.wl-hero{padding:72px 0 88px;overflow:hidden}
.wl-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.wl-kicker{margin:0 0 18px;font-size:15px;font-weight:600;color:var(--text-2)}
.wl h1{font-size:clamp(44px,6.2vw,80px);line-height:.98;font-weight:800;letter-spacing:-.045em;max-width:11ch}
.wl-lead{margin:24px 0 0;max-width:46ch;font-size:clamp(18px,1.6vw,20px);line-height:1.55;color:var(--text-2)}
.wl-assure{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px;color:var(--text-2)}
.wl-assure li::before{content:"✓";color:var(--wl-paid);font-weight:800;margin-right:7px}

.wl-stage{position:relative;justify-self:center;width:min(380px,100%);padding-bottom:58px}
.wl-phone{border:1px solid var(--border);border-radius:34px;background:var(--bg);padding:10px;box-shadow:0 40px 80px -40px rgba(3,10,30,.45)}
.wl-phone-top{display:flex;align-items:center;gap:10px;padding:10px 12px 12px;border-bottom:1px solid var(--border)}
.wl-phone-top b{display:block;font-size:15px}.wl-phone-top small{font-size:12px;color:var(--wl-paid);font-weight:600}
.wl-av{width:36px;height:36px;border-radius:11px;background:#c2410c;color:#fff;display:grid;place-items:center;font-weight:800}
.wl-chat{list-style:none;margin:0;padding:14px 8px 8px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.45}
.wl-chat li{max-width:84%;padding:9px 12px;border-radius:16px;transition:opacity .35s,transform .35s}
.wl-chat .c{align-self:flex-end;background:#1d4ed8;color:#fff;border-bottom-right-radius:5px}
.wl-chat .b{align-self:flex-start;background:var(--bg-alt);border:1px solid var(--border);border-bottom-left-radius:5px}
.wl-chat .b b{color:var(--text)}
.wl-chat .sys{align-self:center;max-width:none;background:var(--wl-paid-bg);color:var(--wl-paid);font-weight:700;font-size:13.5px;border-radius:99px;padding:6px 14px}
.wl-order{display:grid;grid-template-columns:1fr auto;gap:3px 16px;min-width:72%}
.wl-order strong{padding-top:5px;border-top:1px solid var(--border);margin-top:3px}
.wl-order em{grid-column:1/-1;font-style:normal;font-size:12.5px;color:var(--text-2);margin-top:4px}
html.wl-js .wl-chat li:not(.in){opacity:0;transform:translateY(6px)}
.wl-alert{position:absolute;left:-40px;right:24px;bottom:0;display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 24px 48px -20px rgba(3,10,30,.5);font-size:14px;line-height:1.4;color:var(--text-2);transition:opacity .45s,transform .45s}
.wl-alert i{font-size:22px;color:#25d366;margin-top:1px}
.wl-alert b{display:block;color:var(--text);font-size:14.5px}
html.wl-js .wl-alert:not(.in){opacity:0;transform:translateY(14px)}
.wl-replay{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);background:none;border:0;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:4px}

/* one link everywhere */
.wl-where-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.wl-where figure{margin:0}
.wl-where figcaption{margin-top:12px;font-weight:600;font-size:15px}
.wl-mini{height:168px;border:1px solid var(--border);border-radius:var(--wl-radius);background:var(--bg-card);padding:18px;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:14px;overflow:hidden}
.wl-ig{display:grid;grid-template-columns:54px 1fr;column-gap:14px;align-content:center}
.wl-ig-av{grid-row:span 3;width:54px;height:54px;border-radius:50%;background:#c2410c;color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px #e1306c}
.wl-ig small{color:var(--text-2)}.wl-ig-link{color:var(--primary);font-weight:600;font-size:13px;overflow-wrap:anywhere}
.wl-st{background:linear-gradient(160deg,#0f766e,#115e59);color:#fff;border:0;text-align:center;align-items:center}
.wl-st span{font-size:19px;font-weight:700}.wl-st small{opacity:.85;overflow-wrap:anywhere}
.wl-qr{flex-direction:row;align-items:center;justify-content:center;gap:18px}
.wl-qr svg{width:96px;height:96px;fill:var(--text)}.wl-qr b{font-size:18px;max-width:7ch;line-height:1.15}

/* one order, start to finish — the rail fills with --p (0..1) as you scroll */
.wl-line{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(5,1fr);position:relative;--p:0}
.wl-line::before,.wl-line::after{content:"";position:absolute;left:32px;right:calc(20% - 32px);top:31px;height:3px;border-radius:3px;background:var(--border)}
.wl-line::after{background:linear-gradient(90deg,#1d4ed8,var(--wl-paid));right:auto;width:calc(80% * var(--p))}
.wl-line li{position:relative;padding:0 18px 0 0;display:flex;flex-direction:column;gap:6px}
.wl-ill{width:64px;height:64px;margin-bottom:12px;position:relative;z-index:1;transition:transform .5s,filter .5s;filter:grayscale(1);opacity:.55}
.wl-line li.on .wl-ill{filter:none;opacity:1;transform:scale(1.06)}
.wl-ill svg{width:100%;height:100%}
.wl-line time{font-size:14px;font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}
.wl-line b{font-size:17px;line-height:1.3}
.wl-line span:not(.wl-ill){font-size:15px;line-height:1.5;color:var(--text-2)}
/* illustration palette (works on both themes) */
.wl svg .f0{fill:#fff}.wl svg .f1{fill:var(--bg-card);stroke:var(--border);stroke-width:2}
.wl svg .f2{fill:#f59e0b}.wl svg .f3{fill:#fcd34d}.wl svg .f4{fill:#1d4ed8}.wl svg .f5{fill:#16a34a}.wl svg .f6{fill:#0f5132}
.wl svg .f6s{fill:none;stroke:#fff;stroke-width:3}.wl svg .f7{fill:#334155}.wl svg .f8{fill:#f59e0b}
.wl svg .t{fill:#fff;font:800 14px Inter,sans-serif}.wl svg .t2{fill:#fff;font:800 15px Inter,sans-serif}
.wl svg .ck,.wl svg .ck2{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wl svg .ln,.wl svg .ln2{fill:none;stroke:var(--text-2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wl svg .ln2{stroke:#fff}

/* DMs vs WebBot */
.wl-vs{margin-top:36px;border-top:1px solid var(--border)}
.wl-vs-h,.wl-vs-r{display:grid;grid-template-columns:200px 1fr 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--border);align-items:baseline}
.wl-vs-h{font-weight:700;font-size:15px;color:var(--text-2)}
.wl-vs-h span:last-child{color:var(--text)}
.wl-vs-r span:first-child{font-weight:700}
.wl-vs-r span:nth-child(2){color:var(--muted);font-size:16px}
.wl-vs-r span:last-child{font-size:16px;font-weight:600}
.wl-vs-r span:last-child::before{content:"✓";color:var(--wl-paid);font-weight:800;margin-right:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* business types */
.wl-kinds{margin-top:32px;max-width:760px}
.wl-tabs{display:flex;flex-wrap:wrap;gap:8px}
.wl-tabs button{font:inherit;font-size:15px;font-weight:600;padding:10px 16px;border-radius:99px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer}
.wl-tabs button[aria-selected="true"]{background:var(--text);border-color:var(--text);color:var(--bg)}
.wl-panel{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.wl [hidden]{display:none!important}
.wl-q,.wl-a{margin:0;padding:12px 16px;border-radius:18px;max-width:80%;font-size:16px;line-height:1.5}
.wl-q{align-self:flex-end;background:#1d4ed8;color:#fff;border-bottom-right-radius:5px}
.wl-a{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:5px}
.wl-note{margin:22px 0 0;color:var(--text-2);font-size:15px}

/* what you get */
.wl-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.wl-groups h3{padding-bottom:12px;border-bottom:2px solid var(--text);margin-bottom:6px}
.wl-groups ul{list-style:none;margin:0;padding:0}
.wl-groups li{padding:11px 0;border-bottom:1px solid var(--border);font-size:16px;line-height:1.45;color:var(--text-2)}
.wl-setup{list-style:none;counter-reset:st;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wl-setup li{counter-increment:st;display:flex;gap:12px;align-items:baseline;padding:18px;border-radius:var(--wl-radius);background:var(--bg);border:1px solid var(--border);font-size:15.5px;line-height:1.5;color:var(--text-2)}
.wl-setup li::before{content:counter(st);flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1d4ed8;color:#fff;font-weight:800;font-size:14px}
.wl-setup b{color:var(--text)}

/* plans */
.wl-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;align-items:stretch}
.wl-plan{display:flex;flex-direction:column;padding:24px;border-radius:18px;background:var(--bg-card);border:1px solid var(--border)}
.wl-plan.pop{border:2px solid #1d4ed8}
.wl-plan h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wl-plan h3 span{font-size:12px;font-weight:700;color:#1d4ed8;background:rgba(29,78,216,.1);padding:3px 9px;border-radius:99px;letter-spacing:0}
html[data-theme="dark"] .wl-plan h3 span{color:#93c5fd;background:rgba(147,197,253,.12)}
.wl-price{margin:14px 0 0;font-size:34px;font-weight:800;letter-spacing:-.03em}
.wl-price small{font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0}
.wl-pblurb{margin:8px 0 0;font-size:14.5px;color:var(--text-2);min-height:44px}
.wl-plan ul{list-style:none;padding:0;margin:16px 0 22px;flex:1}
.wl-plan li{padding:6px 0 6px 24px;position:relative;font-size:14.5px;line-height:1.45;color:var(--text-2)}
.wl-plan li::before{content:"✓";position:absolute;left:0;color:var(--wl-paid);font-weight:800}
.wl-plan .wl-btn{min-height:46px;font-size:15px}

/* FAQ */
.wl-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.wl-faq details{border-bottom:1px solid var(--border)}
.wl-faq details:first-child{border-top:1px solid var(--border)}
.wl-faq summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;font-weight:700;font-size:17px;position:relative}
.wl-faq summary::-webkit-details-marker{display:none}
.wl-faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;font-weight:400;color:var(--muted)}
.wl-faq details[open] summary::after{content:"–"}
.wl-faq p{margin:0 0 18px;font-size:16px;line-height:1.6;color:var(--text-2);max-width:62ch}

/* close */
.wl-end{padding:96px 0;background:#0b1530;color:#eef2ff}
.wl-end h2{color:#fff;max-width:20ch}
.wl-end p{margin:14px 0 0;font-size:18px;color:#b3beda;max-width:52ch}
.wl-end a.wl-btn-line:not(#_){color:#fff!important;border-color:rgba(255,255,255,.35)}
.wl-end .wl-btn-line:hover{border-color:#fff}
.wl-aside{text-align:center;color:var(--text-2);padding:16px}
.wl-aside a{color:var(--primary)}

/* tablet & phone */
@media (max-width:980px){
  .wl-hero-grid{grid-template-columns:1fr;gap:48px}
  .wl-stage{justify-self:start}
  .wl-line{grid-template-columns:1fr;gap:28px}
  .wl-line li{display:grid;grid-template-columns:64px 1fr;column-gap:18px;padding:0}
  .wl-line li .wl-ill{grid-row:span 3;margin:0}
  .wl-line::before,.wl-line::after{left:31px;right:auto;top:32px;bottom:32px;width:3px;height:auto}
  .wl-line::after{height:calc((100% - 64px) * var(--p));bottom:auto;background:linear-gradient(180deg,#1d4ed8,var(--wl-paid))}
  .wl-asks{display:none}
  .wl-pile-grid,.wl-calc{grid-template-columns:1fr!important}
  .wl-setup{grid-template-columns:1fr}
  .wl-plans{grid-template-columns:repeat(2,1fr)}
  .wl-groups{grid-template-columns:1fr;gap:28px}
  .wl-faq-grid{grid-template-columns:1fr;gap:24px}
  .wl-where-row{grid-template-columns:1fr;max-width:420px}
}
@media (max-width:640px){
  .wl-shell{width:calc(100% - 32px)}
  .wl-sec,.wl-end{padding:64px 0}
  .wl-hero{padding:40px 0 64px}
  .wl h1{font-size:44px}
  .wl-btn{width:100%}
  .wl-stage{justify-self:stretch;width:100%}
  .wl-alert{left:-6px;right:-6px}
  .wl-stage{padding-bottom:84px}
  .wl-vs-h{display:none}
  .wl-vs-r{grid-template-columns:1fr;gap:4px}
  .wl-vs-r span:nth-child(2)::before{content:"DMs: ";font-weight:600}
  .wl-plans{grid-template-columns:1fr}
  .wl-q,.wl-a{max-width:92%}
}
@media (prefers-reduced-motion:reduce){.wl-chat li,.wl-alert{transition:none}}

/* hero extras: real numbers, customers' unanswered questions that get ticked off */
.wl-proof{margin:18px 0 0;font-size:15px;color:var(--text-2)}.wl-proof b{color:var(--text)}
.wl-asks{list-style:none;margin:0;padding:0;position:absolute;inset:0;pointer-events:none;z-index:2}
.wl-asks li{position:absolute;left:var(--x);top:var(--y);padding:8px 12px 8px 26px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 12px 24px -14px rgba(3,10,30,.45);font-size:13.5px;font-weight:600;white-space:nowrap;transition:opacity .5s,transform .5s,background .3s}
.wl-asks li::before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#ef4444}
.wl-asks li.done{opacity:.55;transform:scale(.94)}
.wl-asks li.done::before{content:"✓";width:auto;height:auto;margin-top:-9px;background:none;color:var(--wl-paid);font-weight:800;font-size:13px}
html.wl-js .wl-asks li:not(.in):not(.done){opacity:0}
@media (prefers-reduced-motion:no-preference){.wl-asks li:not(.done){animation:wlBob 3.2s ease-in-out infinite;animation-delay:calc(var(--y) * 8)}}
@keyframes wlBob{50%{transform:translateY(-6px)}}
.wl-chat .typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;border-bottom-left-radius:5px}
.wl-chat .typing i,.wl-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:wlDot 1s infinite}
.wl-chat .typing i:nth-child(2),.wl-typing i:nth-child(2){animation-delay:.15s}.wl-chat .typing i:nth-child(3),.wl-typing i:nth-child(3){animation-delay:.3s}
@keyframes wlDot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}

/* the DM pile-up */
.wl-pile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:64px;align-items:center}
.wl-clear{margin-top:28px}
.wl-cleared{margin:24px 0 0;padding:14px 16px;border-radius:12px;background:var(--wl-paid-bg);color:var(--text);font-weight:600;max-width:46ch}
.wl-cleared a{color:var(--wl-paid)}
.wl-lock{border-radius:34px;padding:22px 16px 18px;min-height:560px;color:#fff;background:linear-gradient(165deg,#1e3a8a 0%,#5b21b6 55%,#9d174d 100%);box-shadow:0 40px 80px -40px rgba(3,10,30,.55);overflow:hidden}
.wl-lock-time{text-align:center}.wl-lock-time b{display:block;font-size:54px;font-weight:700;letter-spacing:-.03em;line-height:1}.wl-lock-time span{font-size:14px;opacity:.85}
.wl-lock-count{margin:16px auto 12px;width:max-content;padding:5px 12px;border-radius:99px;background:rgba(239,68,68,.92);font-weight:800;font-size:13px;transition:background .3s}
.wl-lock-count.zero{background:#16a34a}
.wl-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wl-notes li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13.5px;line-height:1.3;transition:opacity .4s,transform .4s,background .3s}
html.wl-js .wl-notes li:not(.in){opacity:0;transform:translateY(-14px) scale(.97)}
.wl-n-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(45deg,#f59e0b,#e1306c,#7c3aed);font-size:16px}
.wl-n-t{display:flex;flex-direction:column;min-width:0}.wl-n-t .q{opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wl-n-t .a{display:none;font-weight:700}
.wl-notes time{font-size:12px;opacity:.75}
.wl-notes li.answered{background:rgba(22,163,74,.55)}
.wl-notes li.answered .q{display:none}.wl-notes li.answered .a{display:block}
.wl-notes li.answered .wl-n-ic{background:#fff;color:#16a34a}

/* where: small living details */
.wl-ig-link{position:relative}
.wl-tap{position:absolute;left:-6px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:rgba(29,78,216,.35)}
.wl-st{position:relative}
.wl-st-bar{position:absolute;left:14px;right:14px;top:12px;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.wl-st-bar i{display:block;height:100%;width:100%;background:#fff;transform-origin:left}
.wl-qr{position:relative}
.wl-scan{position:absolute;left:calc(50% - 82px);width:110px;height:3px;background:#16a34a;box-shadow:0 0 12px #16a34a;top:30%}
@media (prefers-reduced-motion:no-preference){
  .wl-tap{animation:wlTap 2.4s ease-out infinite}
  .wl-st-bar i{animation:wlStory 5s linear infinite}
  .wl-scan{animation:wlScan 2.6s ease-in-out infinite alternate}
}
@keyframes wlTap{0%{transform:scale(.4);opacity:.9}70%,100%{transform:scale(2.2);opacity:0}}
@keyframes wlStory{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wlScan{from{top:24%}to{top:72%}}

/* business tabs: the reply types in */
.wl-typing{display:none;gap:4px;align-self:flex-start;padding:14px 16px;border-radius:18px;background:var(--bg-card);border:1px solid var(--border);margin:0}
.wl-panel.typing-now .wl-typing{display:flex}.wl-panel.typing-now .wl-a{display:none}
.wl-panel.reply .wl-a{animation:wlIn .35s ease-out}
@keyframes wlIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* calculator */
.wl-calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.wl-sliders{display:flex;flex-direction:column;gap:22px;margin-top:32px}
.wl-sliders label{display:flex;flex-direction:column;gap:10px;font-weight:600;font-size:15.5px}
.wl-sliders label>span{display:flex;justify-content:space-between;gap:12px}
.wl-sliders output{font-variant-numeric:tabular-nums;color:var(--primary);font-weight:800}
.wl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,#1d4ed8 var(--v,50%),var(--border) var(--v,50%));outline-offset:6px}
.wl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #1d4ed8;box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:pointer}
.wl input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #1d4ed8;cursor:pointer}
.wl input[type=range]:focus-visible{outline:3px solid #60a5fa}
.wl-result{padding:32px;border-radius:24px;background:#0b1530;color:#eef2ff}
.wl-result p{margin:0;color:#b3beda;font-size:15px}
.wl-result strong{display:block;margin:8px 0 10px;font-size:clamp(40px,5vw,58px);line-height:1;letter-spacing:-.04em;color:#fbbf24;font-variant-numeric:tabular-nums}
.wl-result .wl-result-sub{margin-bottom:24px;line-height:1.55}.wl-result b{color:#fff}

/* what you get: illustrations */
.wl-gill{display:block;width:96px;height:72px;margin-bottom:16px}.wl-gill svg{width:100%;height:100%}

/* sticky call to action */
.wl-sticky{position:fixed;left:50%;bottom:16px;z-index:60;transform:translate(-50%,140%);display:flex;align-items:center;gap:18px;padding:10px 10px 10px 20px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 20px 50px -18px rgba(3,10,30,.55);transition:transform .35s ease;max-width:calc(100% - 24px)}
.wl-sticky.in{transform:translate(-50%,0)}
.wl-sticky span{font-size:15px;color:var(--text-2);white-space:nowrap}.wl-sticky b{color:var(--text)}
.wl-sticky .wl-btn{min-height:44px;width:auto}
@media (max-width:640px){.wl-sticky{left:12px;right:12px;transform:translateY(140%);gap:10px;padding:8px}.wl-sticky.in{transform:none}.wl-sticky span{display:none}.wl-sticky .wl-btn{width:100%}.wl-lock{min-height:0}}
@media (prefers-reduced-motion:reduce){.wl-sticky,.wl-notes li,.wl-ill,.wl-asks li{transition:none}}

/* keep the site's floating chat and back-to-top buttons clear of the sticky bar */
body.wl-sticky-on .aiaw-bubble{bottom:96px!important;transition:bottom .35s}
body.wl-sticky-on .scroll-top{bottom:152px!important;transition:bottom .35s}

.wl-demos{margin:18px 0 0;font-size:15.5px;color:var(--text-2);line-height:1.55}
.wl-demos a,.wl-note a{color:var(--primary);font-weight:700}
.wl-demos span{color:var(--muted)}