/* Landing: "five ways to a client" scheme right after the hero. Uses the landing's own tokens. */
.lp-scheme{--sch-line:color-mix(in srgb,var(--land-ink) 12%,transparent);--sch-chip:var(--land-cloud);--pink:#E83E8C;
  --tg-d:#0B6FA8;--green-d:#08805C;--violet-d:#6425D0;--pink-d:#B8175A;--coral-d:#C73328}
.lp-scheme .sch-lanes{display:grid;gap:16px}
.sch-lane{--c:var(--tg);--d:var(--tg-d);background:var(--land-paper);border:1px solid var(--sch-line);border-radius:22px;padding:20px;display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.sch-lane::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--c)}
.sch-lane:hover{transform:translateY(-2px);box-shadow:0 14px 36px color-mix(in srgb,var(--c) 22%,transparent)}
.sch-lane.is-green{--c:var(--green);--d:var(--green-d)}.sch-lane.is-violet{--c:var(--violet);--d:var(--violet-d)}.sch-lane.is-pink{--c:var(--pink);--d:var(--pink-d)}.sch-lane.is-coral{--c:var(--coral);--d:var(--coral-d)}
.sch-who{display:grid;gap:6px;padding-left:8px;min-width:0}
.sch-tag{display:inline-flex;align-items:center;gap:8px;max-width:100%;font-weight:850;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.sch-tag i{width:28px;height:28px;border-radius:9px;background:var(--c);display:grid;place-items:center;flex:none}
.sch-tag svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sch-who h3{margin:0;color:var(--land-ink);font-size:21px;line-height:1.2;font-weight:850;letter-spacing:-.3px;text-wrap:balance}
.sch-who p{margin:0;color:var(--land-muted);font-size:14px}
.sch-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}
.sch-step{position:relative;background:var(--sch-chip);border:1px solid var(--sch-line);border-radius:16px;padding:14px;display:grid;gap:4px;align-content:start;min-width:0}
.sch-step b{color:var(--land-ink);font-size:15px;line-height:1.25}
.sch-step span{color:var(--land-muted);font-size:13px;line-height:1.4}
.sch-step:not(:last-child)::after{content:"";position:absolute;top:50%;right:-12px;width:12px;height:2px;background:repeating-linear-gradient(90deg,var(--c) 0 4px,transparent 4px 7px);background-size:7px 2px;animation:sch-flow .9s linear infinite}
.sch-step.is-goal{background:var(--d);border-color:var(--d);box-shadow:0 8px 22px color-mix(in srgb,var(--d) 35%,transparent)}
.sch-step.is-goal b,.sch-step.is-goal span{color:#fff}
.sch-step.is-goal span{opacity:.92}
.sch-step.is-goal .sch-to{display:inline-block;margin-top:8px;font-size:13px;font-weight:850;padding:4px 11px;border-radius:999px;width:max-content;max-width:100%;background:#fff;color:var(--d);opacity:1}
.sch-times{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.sch-times em{font-style:normal;font-variant-numeric:tabular-nums;font-size:12px;font-weight:750;padding:2px 7px;border-radius:7px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}
.sch-branch{display:flex;align-items:center;gap:10px;padding-left:30px;margin:-6px 0;color:var(--land-muted);font-size:13px;font-weight:750}
.sch-branch::before{content:"";width:22px;height:22px;border-left:2px dashed var(--violet);border-bottom:2px dashed var(--violet);border-radius:0 0 0 10px;transform:translateY(-8px)}
.sch-funnel{position:relative;margin-top:28px;border-radius:26px;padding:28px;color:#fff;display:grid;grid-template-columns:1.1fr auto 1fr;gap:24px;align-items:center;overflow:hidden;background:linear-gradient(115deg,var(--tg),var(--violet) 52%,var(--pink))}
.sch-funnel::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 220px at 85% -20%,rgba(255,255,255,.28),transparent 60%);pointer-events:none}
.sch-funnel>div{position:relative;z-index:1;min-width:0}
.sch-funnel h3{margin:0 0 8px;color:#fff;font-size:clamp(22px,2.8vw,32px);line-height:1.12;font-weight:900;letter-spacing:-.8px}
.sch-funnel p{margin:0;max-width:52ch;color:#fff;font-size:16px;line-height:1.55}
.sch-dots{display:flex;gap:6px;margin-bottom:14px}
.sch-dots i{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.85)}
.sch-dots i:nth-child(1){background:var(--tg)}.sch-dots i:nth-child(2){background:var(--green)}.sch-dots i:nth-child(3){background:var(--violet)}.sch-dots i:nth-child(4){background:var(--pink)}.sch-dots i:nth-child(5){background:var(--coral)}
.sch-arrow{font-size:40px;line-height:1;font-weight:900;opacity:.9}
.sch-result{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:18px;padding:18px;display:grid;gap:10px}
.sch-result b{font-size:18px;font-weight:850}
.sch-result ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-weight:650}
.sch-result li::before{content:"✓";margin-right:8px}
@keyframes sch-flow{to{background-position:7px 0}}
@media (prefers-reduced-motion:reduce){.sch-step::after{animation:none!important}.sch-lane{transition:none}}
@media (max-width:980px){.sch-lane{grid-template-columns:1fr}.sch-track{grid-template-columns:repeat(2,minmax(0,1fr))}.sch-step:nth-child(2)::after{display:none}.sch-funnel{grid-template-columns:1fr}.sch-arrow{transform:rotate(90deg);justify-self:start}}
@media (max-width:560px){.sch-track{grid-template-columns:1fr;gap:14px}.sch-step:not(:last-child)::after{display:block;top:auto;bottom:-14px;right:auto;left:22px;width:2px;height:14px;background:repeating-linear-gradient(180deg,var(--c) 0 4px,transparent 4px 7px);background-size:2px 7px;animation:none}.sch-lane{padding:16px}.sch-branch{padding-left:16px}.sch-funnel{padding:22px}}

/* Traffic automation diagram in the opening sales section. */
.sales-top .traffic-auto{margin:32px 0;padding:clamp(18px,3vw,34px);background:#101a32;color:#f5f8ff;border:1px solid #354b70;border-radius:24px;text-align:left}
.sales-top .traffic-auto h2{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:14px 0;max-width:850px;color:#fff}
.sales-top .traffic-auto p{font-size:15px;line-height:1.6;color:#c8d5ed;margin:12px 0}
.traffic-auto-status{display:inline-block;padding:7px 12px;border-radius:30px;background:#223b39;color:#9df2d4;font-size:12px;font-weight:700}
.traffic-auto-flow{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.15fr) 24px minmax(0,1fr);align-items:stretch;gap:12px;margin-top:24px}
.traffic-auto-source,.traffic-auto-tools,.traffic-auto-result{min-width:0;padding:20px;border-radius:16px;background:#172b49;border:1px solid #365a80}
.traffic-auto-tools{background:#292044;border-color:#67518d}.traffic-auto-result{background:#133b36;border-color:#32796a}
.traffic-auto-step{display:block;font-size:12px;font-weight:700;color:#b9d4fa;margin-bottom:14px}
.sales-top .traffic-auto h3{font-size:20px;line-height:1.3;margin:0;color:#fff}
.traffic-auto-source>b,.traffic-auto-result>b{display:block;font-size:14px;color:#b7e7ff;margin-top:18px}.traffic-auto-result>b{color:#a6f5d6}
.traffic-auto-arrow{align-self:center;font-size:28px;color:#9cb8e2}
.traffic-auto-tool{display:grid;gap:4px;padding:11px 0;border-bottom:1px solid #65517f}.traffic-auto-tool:first-of-type{padding-top:0}.traffic-auto-tool b{font-size:16px;color:#fff}.traffic-auto-tool span{font-size:13px;line-height:1.5;color:#d8caed}
.traffic-auto-bottom{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;padding-top:18px;border-top:1px solid #354b70}.traffic-auto-bottom strong{font-size:17px;color:#fff}.traffic-auto-bottom>span{font-size:14px;color:#c8d5ed}
@media(max-width:800px){.traffic-auto-flow{grid-template-columns:1fr;gap:10px}.traffic-auto-arrow{justify-self:center;transform:rotate(90deg);line-height:1}.traffic-auto-source,.traffic-auto-tools,.traffic-auto-result{padding:18px}.sales-top .traffic-auto{border-radius:18px}.traffic-auto-bottom{display:grid}}