.lead-demo{--ink:#0a1020;--blue:#0057ff;--purple:#7b2fff;--success:#00b87a;--cream:#f6f7fb;--line:#dfe4ed;background:var(--cream);color:var(--ink);font-family:var(--font-inter), sans-serif;min-height:100vh}.lead-demo *{box-sizing:border-box}.lead-demo>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 660px);display:flex}.lead-demo>header>a{font:700 16px var(--font-space-grotesk);color:var(--ink);text-decoration:none}.lead-demo>header>div{align-items:center;gap:20px;display:flex}.lead-demo>header span{color:#738079;font-size:11px}.lead-demo>header div a,.lead-cta a{background:var(--blue);color:#fff;border-radius:6px;padding:11px 15px;font-size:12px;font-weight:700;text-decoration:none}.lead-hero{grid-template-columns:1fr auto;align-items:end;gap:40px;max-width:1320px;margin:auto;padding:70px 24px 42px;display:grid}.lead-hero p{color:var(--blue);font:700 11px var(--font-jetbrains-mono);letter-spacing:.1em;text-transform:uppercase}.lead-hero h1{max-width:800px;font:700 clamp(46px,6vw,78px)/.98 var(--font-space-grotesk);letter-spacing:-.06em;margin:15px 0 20px}.lead-hero h1 em{color:var(--blue);font-style:normal}.lead-hero>div>span{color:#69766f;font-size:16px}.lead-hero aside{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:315px;padding:18px}.lead-hero label{cursor:pointer;align-items:center;gap:12px;display:flex}.lead-hero input{opacity:0;position:absolute}.lead-hero label>i{background:#cad2cd;border-radius:20px;width:42px;height:23px;position:relative}.lead-hero label>i:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px}.lead-hero input:checked+i{background:var(--success)}.lead-hero input:checked+i:after{transform:translate(19px)}.lead-hero label span{display:grid}.lead-hero label b{font-size:12px}.lead-hero label small{color:#7b8780;margin-top:3px;font-size:10px}.lead-metrics{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1320px;margin:auto;padding:0 24px 28px;display:grid}.lead-metrics div{border:1px solid var(--line);background:#fff;border-radius:8px;gap:7px;padding:19px;display:grid}.lead-metrics span{color:#77837c;font-size:11px}.lead-metrics b{font:700 25px var(--font-space-grotesk)}.lead-workspace{max-width:1320px;margin:auto;padding:22px 24px 76px}.lead-title{justify-content:space-between;align-items:end;margin-bottom:19px;display:flex}.lead-title p,.automation-log>div:first-child>p{color:var(--blue);font:700 10px var(--font-jetbrains-mono);text-transform:uppercase;margin:0}.lead-title h2,.automation-log h2,.lead-cta h2{font:700 28px var(--font-space-grotesk);letter-spacing:-.03em;margin:5px 0 0}.lead-title button{background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:11px 14px;font-weight:700}.lead-board{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lead-col{background:#edf1f8;border-radius:9px;min-height:370px;padding:12px}.col-head{justify-content:space-between;padding:6px 5px 14px;font-size:11px;display:flex}.col-head span{background:#fff;border-radius:12px;padding:2px 7px}.lead-col article{background:#fff;border:1px solid #dfe4ed;border-radius:7px;margin-bottom:9px;padding:14px;box-shadow:0 4px 12px #1d39280a}.lead-col article>div{justify-content:space-between;align-items:center;display:flex}.lead-col article>div>span{width:27px;height:27px;color:var(--blue);font:700 9px var(--font-jetbrains-mono);background:#eef2ff;border-radius:50%;place-items:center;display:grid}.lead-col article>div small{color:#89928d}.lead-col h3{font:700 14px var(--font-space-grotesk);margin:17px 0 6px}.lead-col article>p{color:#77817b;margin:0;font-size:10px}.lead-col article>p b{color:#26342e}.lead-col article footer{color:#6f7a74;border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;margin-top:16px;padding-top:11px;display:flex}.lead-col article footer button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:5px;width:27px;height:27px}.automation-log{background:var(--ink);color:#fff;grid-template-columns:.8fr 1.2fr;gap:100px;padding:90px max(24px,50vw - 636px);display:grid}.automation-log>div:first-child>span{color:#99a69f;max-width:430px;margin-top:20px;line-height:1.7;display:block}.automation-log>div:last-child{border-top:1px solid #35413c}.automation-log article{border-bottom:1px solid #35413c;grid-template-columns:36px 28px 1fr;align-items:center;gap:12px;padding:17px 0;display:grid}.automation-log article>i{color:#6d7a73;font:500 9px var(--font-jetbrains-mono);font-style:normal}.automation-log article>span{color:var(--success)}.automation-log article p{margin:0;font-size:12px}.automation-log article small{color:#76837c;margin-top:3px;display:block}.lead-cta{text-align:center;padding:100px 24px}.lead-cta h2{max-width:800px;margin:0 auto 32px;font-size:clamp(36px,5vw,60px)}.lead-cta a{background:var(--blue);display:inline-block}.lead-demo a:focus-visible,.lead-demo button:focus-visible,.lead-demo input:focus-visible+i{outline-offset:3px;outline:3px solid #7b2fff55}@media (max-width:950px){.lead-board{grid-template-columns:1fr 1fr}.automation-log{grid-template-columns:1fr;gap:50px}.lead-hero{grid-template-columns:1fr}.lead-metrics{grid-template-columns:1fr 1fr}}@media (max-width:580px){.lead-demo>header span{display:none}.lead-board,.lead-metrics{grid-template-columns:1fr}.lead-hero aside{min-width:0}.lead-title{flex-direction:column;align-items:start;gap:15px}.automation-log{padding-top:70px;padding-bottom:70px}}