.cf-case{isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0b0720;--surface:#191333;--surface-2:#1f1840;--line:#2c2450;--line-soft:#221c42;--text:#fff;--text-2:#b9b3d0;--text-3:#7e779a;--accent:#5a87f5;--accent-2:#7da8f1;--violet:#6d4ae0;--violet-2:#9b6bff;--cab-bg:#0e0c18;--cab-card:#16132a;--cab-line:#262040;--cab-acc:#7b79ff;--wrap:1180px;--r-lg:28px;--r-md:18px;background:radial-gradient(1200px 600px at 12% -5%, #6d4ae038, transparent 60%), radial-gradient(1000px 500px at 92% 12%, #5a87f524, transparent 55%), var(--ink);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55;position:relative;overflow:hidden}.cf-case *,.cf-case :before,.cf-case :after{box-sizing:border-box}.cf-case .aurora{z-index:-1;pointer-events:none;position:absolute;inset:0}.cf-case .aurora i{filter:blur(90px);opacity:.5;border-radius:50%;position:absolute}.cf-case .aurora .a1{background:#6d4ae0;width:560px;height:560px;animation:16s ease-in-out infinite alternate cf-drift;top:-120px;left:-140px}.cf-case .aurora .a2{opacity:.35;background:#5a87f5;width:480px;height:480px;animation:20s ease-in-out infinite alternate-reverse cf-drift;top:260px;right:-120px}.cf-case .aurora .a3{opacity:.4;background:#3d2b86;width:420px;height:420px;animation:24s ease-in-out infinite alternate cf-drift;top:1000px;left:38%}@keyframes cf-drift{0%{transform:translate(0)}to{transform:translate(60px,40px)}}.cf-case .wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}.cf-case h1{letter-spacing:-1.4px;margin:18px 0 20px;font-size:clamp(32px,5.6vw,58px);font-weight:800;line-height:1.08}.cf-case h1 u{background:linear-gradient(90deg,var(--violet-2),var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;text-decoration:none}.cf-case h2{letter-spacing:-.8px;margin:12px 0 14px;font-size:clamp(26px,3.6vw,40px);font-weight:800;line-height:1.14}.cf-case h3{margin:0 0 8px;font-size:18px;font-weight:700}.cf-case p{color:var(--text-2);margin:0 0 12px}.cf-case .lede{max-width:680px;font-size:16.5px}.cf-case .hint{color:var(--text-3);margin-top:14px;font-size:12.5px}.cf-case .eyebrow{text-transform:uppercase;letter-spacing:.14em;background:linear-gradient(90deg,var(--violet-2),var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #9b6bff59;padding-bottom:6px;font-size:12px;font-weight:700;display:inline-block}.cf-case .rv{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.cf-case .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.cf-case .rv{opacity:1;transition:none;transform:none}.cf-case .aurora i{animation:none}}.cf-case .btn{background:linear-gradient(90deg,var(--violet),var(--accent));color:#fff;border-radius:14px;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 30px #6d4ae059}.cf-case .btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px #6d4ae073}.cf-case .btn--ghost{box-shadow:none;background:#ffffff0d;border:1px solid #ffffff24}.cf-case .btn--ghost:hover{background:#ffffff17}.cf-case .btn--big{padding:16px 34px;font-size:17px}.cf-case .hero{padding:110px 0 80px}.cf-case .hero .hero__lede{max-width:820px}.cf-case .hero__badge{letter-spacing:.06em;color:var(--text-2);background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:9px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.cf-case .hero__badge em{background:linear-gradient(90deg,var(--violet-2),var(--accent-2));border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite cf-pulse}@keyframes cf-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.cf-case .hero__lede{max-width:680px;font-size:18px}.cf-case .hero__cta{flex-wrap:wrap;gap:12px;margin:26px 0 34px;display:flex}.cf-case .hero__facts{flex-wrap:wrap;gap:38px;display:flex}.cf-case .fact b{letter-spacing:-1px;background:linear-gradient(90deg,var(--violet-2),var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800;display:block}.cf-case .fact span{color:var(--text-3);margin-top:4px;font-size:12.5px;line-height:1.35;display:block}.cf-case .section{padding:76px 0}.cf-case .section--alt{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:#ffffff06}.cf-case .cols-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px;display:grid}.cf-case .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:24px;transition:transform .2s,border-color .2s}.cf-case .card:hover{border-color:#9b6bff66;transform:translateY(-4px)}.cf-case .card__ico{color:var(--accent-2);margin-bottom:14px}.cf-case .card__ico svg{width:28px;height:28px;display:block}.cf-case .card p{margin:0;font-size:14px}.cf-case .pipe{border-radius:var(--r-lg);background:var(--cab-bg);border:1px solid #9b6bff59;grid-template-columns:260px 1fr;gap:0;min-height:440px;margin-top:26px;display:grid;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 60px #6d4ae033}.cf-case .pipe__side{border-right:1px solid var(--cab-line);background:#120f20;flex-direction:column;gap:4px;padding:16px 12px;display:flex}.cf-case .pipe__side-title{letter-spacing:.6px;text-transform:uppercase;color:var(--text-3);padding:4px 8px 6px;font-size:10.5px;font-weight:700}.cf-case .pipe__side-title--sub{border-top:1px solid var(--cab-line);margin-top:10px;padding-top:12px}.cf-case .pstep{cursor:pointer;text-align:left;width:100%;color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;padding:8px 9px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.cf-case .pstep:hover{background:#7b79ff14}.cf-case .pstep.is-on{color:#fff;background:#7b79ff24;border-color:#7b79ff73;font-weight:600}.cf-case .pstep i{background:var(--cab-card);border:1px solid var(--cab-line);width:20px;height:20px;color:var(--text-3);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:10.5px;font-style:normal;font-weight:700;display:inline-flex}.cf-case .pstep.is-done i{background:var(--cab-acc);border-color:var(--cab-acc);color:#fff}.cf-case .pstep.is-done i:before{content:"✓"}.cf-case .pstep.is-done i{font-size:0}.cf-case .pstep.is-done i:before{font-size:11px}.cf-case .pstep.is-wait{color:#f5d78a;background:#f5b83312;border-color:#f5b83359}.cf-case .pstep i{position:relative}.cf-case .pstep.is-wait i{color:#f5d78a;border-color:#f5b83380}.cf-case .pstep.is-wait i:after{content:"";border:2px solid #f5b833;border-color:#f5b833 #f5b83373 #0000 #0000;border-radius:50%;animation:.8s linear infinite cf-spin;position:absolute;inset:-5px}@keyframes cf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cf-case .pstep.is-wait i:after{border-color:#f5b83380;animation:none}}.cf-case .pipe__run{cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,var(--violet),var(--accent));color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;margin-top:auto;padding:10px 12px;font-size:13px;font-weight:700;transition:transform .15s,opacity .15s;display:inline-flex}.cf-case .pipe__run svg{flex:none}.cf-case .pipe__run:hover{transform:translateY(-1px)}.cf-case .pipe__run:disabled{opacity:.55;cursor:default;transform:none}.cf-case .pipe__stage{flex-direction:column;min-width:0;display:flex}.cf-case .pipe__head{border-bottom:1px solid var(--cab-line);background:#ffffff05;align-items:center;gap:10px;padding:14px 18px;display:flex}.cf-case .pipe__head b{font-size:14px}.cf-case .pipe__status{letter-spacing:.04em;color:#c9c8ff;background:#7b79ff1f;border:1px solid #7b79ff59;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700}.cf-case .pipe__status.is-busy{color:#f5d78a;background:#f5b8331f;border-color:#f5b83366}.cf-case .pipe__status.is-busy:before{content:"";background:#f5b833;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1s ease-in-out infinite cf-pulse;display:inline-block}.cf-case .pipe__out{color:#d6d2ea;white-space:pre-wrap;word-break:break-word;flex:1;max-height:460px;margin:0;padding:18px 20px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.8px;line-height:1.6;overflow-y:auto}.cf-case .pipe__out .cur{background:var(--cab-acc);vertical-align:-2px;width:7px;height:14px;animation:1s steps(2,end) infinite cf-pulse;display:inline-block}.cf-case .grid-2{grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;display:grid}.cf-case .ticks{margin:16px 0 0;padding:0;list-style:none}.cf-case .ticks li{color:var(--text-2);margin-bottom:10px;padding-left:28px;font-size:14.5px;position:relative}.cf-case .ticks li:before{content:"";background:linear-gradient(135deg,var(--violet),var(--accent));border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:0}.cf-case .ticks li:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:5px;position:absolute;top:7px;left:5px;transform:rotate(-45deg)}.cf-case .agent-visual{justify-content:center;display:flex}.cf-case .agent-card{background:var(--cab-card);border:1px solid var(--cab-line);border-radius:var(--r-md);width:100%;max-width:400px;padding:20px;box-shadow:0 20px 60px #00000073}.cf-case .agent-card__head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.cf-case .agent-card__head b{font-size:16px}.cf-case .agent-card__head .ok{color:#7ee2b8;background:#2dd4bf1f;border:1px solid #2dd4bf59;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700}.cf-case .agent-card__row{border-bottom:1px solid var(--cab-line);justify-content:space-between;gap:12px;padding:9px 0;font-size:13px;display:flex}.cf-case .agent-card__row span{color:var(--text-3)}.cf-case .agent-card__row em{color:var(--text-2);font-style:normal}.cf-case .agent-card__foot{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.cf-case .chip{border:1px solid var(--cab-line);color:var(--text-2);background:#ffffff0d;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600}.cf-case .chip--accent{color:#c9c8ff;background:#7b79ff1f;border-color:#7b79ff66}.cf-case .feat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;display:grid}.cf-case .feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;transition:transform .2s,border-color .2s}.cf-case .feat:hover{border-color:#5a87f573;transform:translateY(-3px)}.cf-case .feat b{margin-bottom:5px;font-size:15px;display:block}.cf-case .feat span{color:var(--text-2);font-size:13px;line-height:1.45}.cf-case .nums{text-align:center;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cf-case .num b{letter-spacing:-1.5px;background:linear-gradient(90deg,var(--violet-2),var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:800;display:block}.cf-case .num span{color:var(--text-3);font-size:13px}.cf-case .cta{padding:90px 0 110px}.cf-case .cta__card{text-align:center;border-radius:var(--r-lg);background:radial-gradient(600px 300px at 50% -20%, #9b6bff59, transparent 70%), linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid #9b6bff4d;padding:60px 30px}.cf-case .cta__card h2{margin-top:0}.cf-case .cta__card p{max-width:520px;margin:0 auto 26px}@media (max-width:980px){.cf-case .cols-3,.cf-case .feat-grid{grid-template-columns:repeat(2,1fr)}.cf-case .grid-2{grid-template-columns:1fr;gap:28px}.cf-case .nums{grid-template-columns:repeat(2,1fr);row-gap:28px}}@media (max-width:760px){.cf-case .pipe{grid-template-columns:1fr}.cf-case .pipe__side{border-right:none;border-bottom:1px solid var(--cab-line);flex-flow:wrap}.cf-case .pipe__side-title{width:100%}.cf-case .pipe__side-title--sub{border-top:none;margin-top:2px;padding-top:4px}.cf-case .pstep{width:auto}.cf-case .pstep span{font-size:12px}.cf-case .pipe__run{width:100%;margin-top:8px}.cf-case .pipe__out{max-height:340px}}@media (max-width:640px){.cf-case .cols-3,.cf-case .feat-grid{grid-template-columns:1fr}.cf-case .hero{padding:80px 0 60px}.cf-case .section{padding:56px 0}.cf-case .hero__facts{gap:24px}}