.cf-demo{min-height:100vh;min-height:100dvh;background:radial-gradient(1100px 600px at 80% -10%,#12314f 0,rgba(18,49,79,0) 55%),#0b1622;color:#fff;font-family:var(--font-jakarta),"Plus Jakarta Sans",system-ui,sans-serif;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.cf-demo *{box-sizing:border-box}.cf-demo a{color:var(--color-azul-brand-neg);text-decoration:none}.cf-demo .dtop{height:66px;flex:none;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(255,255,255,.08)}.cf-demo .dtop,.cf-demo .dtopl,.cf-demo .wm{display:flex;align-items:center}.cf-demo .wm{font-size:24px;font-weight:800;letter-spacing:-.03em;color:#fff}.cf-demo .blogo,.cf-demo .wm b{color:var(--color-azul-brand-neg)}.cf-demo .demopill{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7fc0f9;background:rgba(29,143,242,.16);border:1px solid rgba(29,143,242,.35);padding:5px 11px;border-radius:20px;margin-left:14px}.cf-demo .closebtn{font-size:14px;font-weight:600;color:#9fb0c2;display:flex;align-items:center;gap:8px}.cf-demo .closebtn:hover{color:#fff}.cf-demo .stage{flex:1;display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:center;max-width:1080px;margin:0 auto;padding:24px 34px;width:100%}.cf-demo .narr{max-width:440px}.cf-demo .step-eyebrow{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-azul-brand-neg)}.cf-demo .narr h1{font-size:40px;line-height:1.08;font-weight:800;letter-spacing:-.03em;margin:14px 0 16px;color:#fff}.cf-demo .narr p{font-size:17px;line-height:1.6;color:#a9b8c8;margin:0}.cf-demo .feats{margin-top:30px;display:flex;flex-direction:column;gap:10px}.cf-demo .feat{display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:.3s;opacity:.4}.cf-demo .feat.on{opacity:1;border-color:rgba(29,143,242,.5);background:rgba(29,143,242,.12)}.cf-demo .fico{width:34px;height:34px;border-radius:10px;background:rgba(29,143,242,.2);color:#7fc0f9;display:flex;align-items:center;justify-content:center;flex:none}.cf-demo .feat.on .fico{background:var(--color-azul-brand);color:#fff}.cf-demo .ft{font-size:14.5px;font-weight:700;color:#dce6f0}.cf-demo .phonewrap{display:flex;flex-direction:column;align-items:center;gap:16px}.cf-demo .phone{width:312px;background:#0b0f14;border-radius:40px;padding:10px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.1)}.cf-demo .screen{background:#e5ddd5;border-radius:32px;overflow:hidden;height:500px;display:flex;flex-direction:column;position:relative}.cf-demo .statusbar{background:#075e54;color:#fff;height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;font-weight:700;flex:none}.cf-demo .sbicons{display:flex;align-items:center;gap:5px}.cf-demo .wahd{background:#075e54;padding:8px 14px 12px;align-items:center;gap:10px}.cf-demo .waback,.cf-demo .wahd{color:#fff;display:flex;flex:none}.cf-demo .wav{width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;gap:2.5px;flex:none}.cf-demo .wav i{width:4px;height:4px;border-radius:50%;background:#075e54}.cf-demo .wanm{font-size:15px;font-weight:700}.cf-demo .wast{font-size:11.5px;color:#b7d8d3;display:flex;align-items:center;gap:5px}.cf-demo .walive{width:7px;height:7px;border-radius:50%;background:#5fe0a0;display:inline-block}.cf-demo .chat{flex:1;padding:16px 14px;display:flex;flex-direction:column;gap:8px;overflow:hidden;justify-content:flex-end}.cf-demo .msg{max-width:82%;font-size:13.5px;line-height:1.45;padding:8px 12px;border-radius:12px;animation:cf-demo-pop .35s ease}.cf-demo .msg.in{background:#fff;align-self:flex-start;border-top-left-radius:3px;color:#1b2530}.cf-demo .msg.out{background:#dcf8c6;align-self:flex-end;border-top-right-radius:3px;color:#12331a}.cf-demo .mt{font-size:9.5px;color:#7c9a88;text-align:right;margin-top:3px}.cf-demo .msg.in .mt{color:#9aa6b2}.cf-demo .aitag{align-self:flex-end;font-size:9.5px;font-weight:800;color:#0f6fd0;background:#eaf4fe;padding:2px 8px;border-radius:6px;display:flex;align-items:center;gap:4px;animation:cf-demo-pop .35s ease}.cf-demo .typing{align-self:flex-start;background:#fff;border-top-left-radius:3px;border-radius:12px;padding:11px 14px;display:flex;gap:4px;animation:cf-demo-pop .3s ease}.cf-demo .typing i{width:7px;height:7px;border-radius:50%;background:#b3bec9;animation:cf-demo-blink 1.2s infinite}.cf-demo .typing i:nth-child(2){animation-delay:.2s}.cf-demo .typing i:nth-child(3){animation-delay:.4s}@keyframes cf-demo-blink{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes cf-demo-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cf-demo .dots{display:flex;gap:8px}.cf-demo .pdot{width:8px;height:8px;padding:0;border:0;appearance:none;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:.2s}.cf-demo .pdot.on{background:var(--color-azul-brand);width:22px;border-radius:6px}.cf-demo .cbtn:focus-visible,.cf-demo .closebtn:focus-visible,.cf-demo .pdot:focus-visible{outline:2px solid var(--color-azul-brand-neg);outline-offset:3px}.cf-demo .ctrls{display:flex;align-items:center;gap:12px}.cf-demo .cbtn{font:inherit;font-weight:700;font-size:14px;padding:11px 20px;border-radius:12px;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px}.cf-demo .cbtn.pri{background:var(--color-azul-brand);color:#fff}.cf-demo .cbtn.pri:hover{background:#0f7fe0}.cf-demo .cbtn.gh{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#dce6f0}.cf-demo .cbtn.gh:hover{background:rgba(255,255,255,.12)}@media (max-width:900px){.cf-demo .stage{grid-template-columns:1fr;gap:32px;align-items:start;padding:32px 20px}.cf-demo .narr{max-width:none}.cf-demo .narr h1{font-size:30px}.cf-demo .phonewrap{padding-bottom:16px}.cf-demo .dtop{padding:0 18px}}@media (prefers-reduced-motion:reduce){.cf-demo .aitag,.cf-demo .feat,.cf-demo .msg,.cf-demo .typing{animation:none;transition:none}.cf-demo .typing i{animation:none;opacity:.6}}