.ci-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:40px 64px}.ci-record{box-shadow:0 0 0 2px var(--tb-glow), 0 0 44px -10px #19b4ff55, 0 40px 80px -50px #0b2a7a;background:#ffffffe6;border:1px solid #fffc;border-radius:22px;padding:22px 22px 18px;position:relative}.ci-record-bar{align-items:center;gap:10px;margin-bottom:18px;display:flex}.ci-record-chip{color:#8a4600;letter-spacing:.04em;background:#fff1e0;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700}.ci-record-chip-crm{color:#13705e;background:#e4f4ef}.ci-record-line{background:#d6e1f2;border-radius:2px;flex:1;height:2px;position:relative;overflow:hidden}.ci-record-line:after{content:"";background:linear-gradient(90deg,#0000,#19b4ff,#0000);width:30%;animation:2.2s linear infinite ci-run;position:absolute;inset:0}.ci-record-head{border-bottom:1px solid #e3eaf6;gap:14px;padding-bottom:14px;display:flex}.ci-record-head b{font-size:17px;display:block}.ci-record-head span,.ci-record-head small{color:var(--tb-body);font-size:14.5px;line-height:1.45;display:block}.ci-record-head small{color:var(--tb-muted);font-size:13px}.ci-record-live{background:#1d9a7f;border-radius:50%;flex:none;width:12px;height:12px;margin-top:6px;position:relative}.ci-record-live:after{content:"";opacity:0;border-radius:50%;animation:1.8s ease-in-out infinite op-ring;position:absolute;inset:-5px;box-shadow:0 0 0 3px #1d9a7f55}.ci-record-steps{gap:4px;margin-top:14px;display:grid}.ci-record-steps li{border-radius:12px;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:8px 10px 8px 26px;font-size:14.5px;line-height:1.4;animation:12s ease-out infinite both ci-step;display:grid;position:relative}.ci-record-steps li:before{background:var(--dot);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:14px;left:9px}.ci-record-steps time{color:var(--tb-muted);font-variant-numeric:tabular-nums}.ci-record-steps [data-tone=blue]{--dot:#3654c9}.ci-record-steps [data-tone=amber]{--dot:#d08a12}.ci-record-steps [data-tone=green]{--dot:#1d9a7f}.ci-record-steps [data-tone=violet]{--dot:#6d4cff}.ci-record-note{color:var(--tb-muted);margin-top:12px;font-size:12.5px}.ci-fields-wrap{grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:start;gap:32px 40px;display:grid}.ci-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ci-fields li{background:#fff;border:1px solid #e3eaf6;border-radius:18px;padding:20px}.ci-fields svg{width:36px;height:36px;color:var(--tb-blue);background:var(--tb-blue-soft);fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;border-radius:11px;padding:7px}.ci-fields h3{margin-top:12px;font-size:16.5px;font-weight:700}.ci-fields p{color:var(--tb-body);margin-top:6px;font-size:15px;line-height:1.55}.ci-card{top:calc(var(--header-height) + 24px);position:sticky}.ci-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid;position:relative}.ci-flow:before{content:"";opacity:.35;background:linear-gradient(90deg,#19b4ff,#6d4cff);height:2px;position:absolute;top:22px;left:16%;right:16%}.ci-flow li{text-align:center;padding:0 8px;position:relative}.ci-flow-num{color:#fff;background:linear-gradient(135deg,#1f56e0,#6d4cff);border-radius:50%;place-items:center;width:46px;height:46px;font-weight:700;display:inline-grid;position:relative;box-shadow:0 10px 24px -10px #1f56e0}.ci-flow-num:after{content:"";opacity:0;border:2px solid #19b4ff;border-radius:50%;animation:4.5s ease-out infinite ci-wave;position:absolute;inset:-6px}.ci-flow li:nth-child(2) .ci-flow-num:after{animation-delay:1.5s}.ci-flow li:nth-child(3) .ci-flow-num:after{animation-delay:3s}.ci-flow-label{color:var(--tb-blue);letter-spacing:.12em;text-transform:uppercase;margin-top:14px;font-size:13px;font-weight:700}.ci-flow h3{margin-top:6px;font-size:19px;font-weight:700}.ci-flow p:not(.ci-flow-label){max-width:34ch;color:var(--tb-body);margin:8px auto 0;font-size:15.5px;line-height:1.55}.ci-scheme{margin-top:48px}.ci-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}.ci-pipe{background:#fff;border:1px solid #e3eaf6;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:28px 22px;display:grid;box-shadow:0 30px 60px -40px #0b2a7a77}.ci-pipe-node{color:#8a4600;background:#fff1e0;border-radius:16px;place-items:center;gap:4px;min-width:78px;padding:14px 12px;font-size:15px;font-weight:700;display:grid}.ci-pipe-crm{color:#0f1b3d;background:#eef2f8}.ci-pipe-state{width:84px;height:18px;display:block;position:relative}.ci-pipe-state em{text-align:center;font-size:12px;font-style:normal;font-weight:600;position:absolute;inset:0}.ci-pipe-off{color:#b0261c;animation:10s linear infinite ci-off}.ci-pipe-on{color:#06703f;animation:10s linear infinite ci-on}.ci-pipe-queue{border:1.5px dashed #c8d5ea;border-radius:14px;gap:8px;padding:12px;display:grid}.ci-pipe-caption{color:var(--tb-muted);font-size:12px;font-weight:600}.ci-pipe-slots{flex-wrap:wrap;gap:6px;min-height:30px;display:flex}.ci-pipe-slots i{color:#3654c9;background:#edf1fe;border-radius:999px;padding:5px 10px;font-size:12.5px;font-style:normal;font-weight:600;animation:10s ease-in-out infinite both ci-event}@media (max-width:1023px){.ci-hero-inner,.ci-fields-wrap,.ci-split{grid-template-columns:minmax(0,1fr)}.ci-card{justify-self:center;max-width:380px;position:static}}@media (max-width:639px){.ci-flow{grid-template-columns:minmax(0,1fr);gap:32px}.ci-flow:before{display:none}.ci-record-steps li{grid-template-columns:minmax(0,1fr);gap:0}.ci-pipe{grid-template-columns:minmax(0,1fr)}.ci-pipe-node{justify-self:center}.ci-fields{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ci-record-line:after,.ci-record-live:after,.ci-record-steps li,.ci-flow-num:after,.ci-pipe-off,.ci-pipe-on,.ci-pipe-slots i{animation:none!important}.ci-pipe-off{opacity:0}}