.cix-hero-mock,.cix-hero-mock *{box-sizing:border-box}.cix-hero-mock{animation:cix-mock-in .7s cubic-bezier(.16,1,.3,1) .05s forwards;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 22px 50px -14px rgba(43,43,43,.18),0 4px 12px -2px rgba(43,43,43,.06);color:#1a1a1a;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:540px;opacity:0;overflow:hidden;position:relative;transform:translateY(14px);width:100%}.cix-hero-mock-header{align-items:center;background:#efeef6;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:11px 14px;position:relative}.cix-hero-mock-header:after{animation:cix-mock-loadbar 1.3s cubic-bezier(.65,0,.35,1) .3s forwards;background:linear-gradient(90deg,#8b37ff,#b44ae0);bottom:-1px;content:"";height:2px;left:0;pointer-events:none;position:absolute;width:0}.cix-hero-mock-nav{display:flex;flex-shrink:0;gap:2px}.cix-hero-mock-navbtn{align-items:center;border-radius:5px;display:inline-flex;height:22px;justify-content:center;width:22px}.cix-hero-mock-navbtn:first-child{color:#2b2b2b}.cix-hero-mock-navbtn:last-child{color:#c2c0cb}.cix-hero-mock-navbtn svg{display:block;height:14px;width:14px}.cix-hero-mock-brandlogo{animation:cix-mock-logopop .5s cubic-bezier(.34,1.56,.64,1) .18s forwards;border-radius:4px;display:inline-flex;flex-shrink:0;height:20px;opacity:0;overflow:hidden;transform:scale(.4);width:20px}.cix-hero-mock-brandlogo img{display:block;height:100%;object-fit:contain;width:100%}.cix-hero-mock-urlbar{align-items:center;background:hsla(0,0%,100%,.65);border:1px solid rgba(0,0,0,.04);border-radius:999px;color:#6e6e7d;display:flex;flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;letter-spacing:.005em;min-height:26px;overflow:hidden;padding:5px 14px}.cix-hero-mock-url{white-space:nowrap}.cix-hero-mock-cursor{animation:cix-mock-cursor-blink .7s linear .4s 5 forwards;background:#2b2b2b;display:inline-block;height:.95em;margin-left:1px;opacity:0;vertical-align:-.08em;width:1.5px}.cix-hero-mock>.cix-hero-mock-action,.cix-hero-mock>.cix-hero-mock-breadcrumb,.cix-hero-mock>.cix-hero-mock-doc,.cix-hero-mock>.cix-hero-mock-meta,.cix-hero-mock>.cix-hero-mock-titlerow,.cix-hero-mock>h4{margin-left:22px;margin-right:22px}.cix-hero-mock-breadcrumb{align-items:center;animation:cix-mock-fade-up .5s cubic-bezier(.16,1,.3,1) .22s forwards;color:#64748d;display:flex;flex-wrap:wrap;font-size:11.5px;font-weight:500;gap:6px;margin-bottom:10px;margin-top:20px;opacity:0;transform:translateY(4px)}.cix-hero-mock-breadcrumb-sep{color:#c2c0cb;font-size:13px;line-height:1}.cix-hero-mock-breadcrumb-current{color:#1a1a1a;font-weight:600}.cix-hero-mock-titlerow{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.cix-hero-mock-title{animation:cix-mock-fade-up .5s cubic-bezier(.16,1,.3,1) .3s forwards;color:#1a1a1a;font-size:22px;font-weight:800;letter-spacing:-.015em;line-height:1.15;margin:0;opacity:0;padding-left:14px;position:relative;transform:translateY(4px)}.cix-hero-mock-title:before{animation:cix-mock-bar-grow .5s cubic-bezier(.34,1.56,.64,1) .36s forwards;background:#8b37ff;border-radius:2px;bottom:4px;content:"";left:0;position:absolute;top:4px;transform:scaleY(0);transform-origin:center;width:4px}.cix-hero-mock-tag{align-items:center;animation:cix-mock-fade-up .5s cubic-bezier(.16,1,.3,1) .44s forwards;background:#f3e8ff;border-radius:999px;color:#8b37ff;display:inline-flex;font-size:10px;letter-spacing:.1em;padding:4px 11px;text-transform:uppercase}.cix-hero-mock h4,.cix-hero-mock-tag{font-weight:700;opacity:0;transform:translateY(4px)}.cix-hero-mock h4{animation:cix-mock-fade-up .5s cubic-bezier(.16,1,.3,1) .54s forwards;color:#1a1a1a;font-size:17px;letter-spacing:-.005em;line-height:1.35;margin:0 22px 12px}.cix-hero-mock [data-count]{display:inline-block;font-variant-numeric:tabular-nums}.cix-hero-mock-meta{animation:cix-mock-fade-up .5s cubic-bezier(.16,1,.3,1) .62s forwards;color:#64748d;display:flex;flex-wrap:wrap;font-size:12px;gap:6px 18px;margin-bottom:18px;opacity:0;transform:translateY(4px)}.cix-hero-mock-meta strong{color:#1a1a1a;font-weight:600}.cix-hero-mock-meta>span{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.cix-hero-mock-meta:after{animation:cix-mock-fade .4s ease-out .78s forwards;background-image:linear-gradient(90deg,#e5e7eb 0,#e5e7eb 5px,transparent 0,transparent 11px);background-repeat:repeat-x;background-size:11px 1px;content:"";display:block;flex:1 1 100%;height:1px;margin-top:16px;opacity:0}.cix-hero-mock-doc{align-items:center;animation:cix-mock-fade-up .55s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border:1px solid #efeef6;border-radius:10px;display:flex;gap:12px;margin-bottom:7px;opacity:0;padding:11px 14px;position:relative;transform:translateY(10px)}.cix-hero-mock-doc:first-of-type{animation-delay:.85s}.cix-hero-mock-doc:nth-of-type(2){animation-delay:1.15s}.cix-hero-mock-doc:nth-of-type(3){animation-delay:1.45s}.cix-hero-mock-doc-icon{align-items:center;background:#f3e8ff;border-radius:6px;color:#8b37ff;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.cix-hero-mock-doc-icon svg{display:block}.cix-hero-mock-doc-name{color:#1a1a1a;font-size:12.5px;font-weight:600;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cix-hero-mock-doc-class{border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.07em;line-height:1.3;margin-left:auto;padding:4px 9px;text-transform:uppercase;white-space:nowrap}.cix-hero-mock-doc-class.purple{background:#f3e8ff;color:#7c3aed}.cix-hero-mock-doc-class.green{background:#dcfce7;color:#166534}.cix-hero-mock-doc-class.orange{background:#ffedd5;color:#c2410c}.cix-hero-mock-doc-conf{background:#dcfce7;border-radius:4px;color:#166534;flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.4;min-width:38px;padding:2px 8px;text-align:center}.cix-hero-mock-action{align-items:center;animation:cix-mock-fade-up .5s cubic-bezier(.16,1,.3,1) 1.95s forwards;background:#fef3e7;border-left:3px solid #fc8c34;border-radius:0 8px 8px 0;color:#1a1a1a;display:flex;font-size:13px;gap:11px;line-height:1.4;margin-bottom:22px;margin-top:14px;opacity:0;padding:13px 14px;transform:translateY(4px)}.cix-hero-mock-action:before{animation:cix-mock-pulse 2.2s ease-out 2.25s infinite;background:#fc8c34;border-radius:50%;box-shadow:0 0 0 0 rgba(252,140,52,.55);content:"";flex-shrink:0;height:8px;width:8px}.cix-hero-mock-action strong{font-weight:700}@media (max-width:480px){.cix-hero-mock-title{font-size:19px}.cix-hero-mock h4{font-size:15px}.cix-hero-mock-doc{flex-wrap:wrap;row-gap:8px}.cix-hero-mock-doc-name{flex:1 1 auto}.cix-hero-mock-doc-class{margin-left:40px;order:3}.cix-hero-mock-doc-conf{margin-left:auto;order:2}}@keyframes cix-mock-in{to{opacity:1;transform:translateY(0)}}@keyframes cix-mock-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes cix-mock-fade{to{opacity:1}}@keyframes cix-mock-bar-grow{to{transform:scaleY(1)}}@keyframes cix-mock-pulse{0%{box-shadow:0 0 0 0 rgba(252,140,52,.55)}70%{box-shadow:0 0 0 9px rgba(252,140,52,0)}to{box-shadow:0 0 0 0 rgba(252,140,52,0)}}@keyframes cix-mock-loadbar{0%{opacity:1;width:0}85%{opacity:1;width:100%}to{opacity:0;width:100%}}@keyframes cix-mock-logopop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes cix-mock-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.cix-hero-mock,.cix-hero-mock h4,.cix-hero-mock-action,.cix-hero-mock-action:before,.cix-hero-mock-brandlogo,.cix-hero-mock-breadcrumb,.cix-hero-mock-doc,.cix-hero-mock-meta,.cix-hero-mock-meta:after,.cix-hero-mock-tag,.cix-hero-mock-title,.cix-hero-mock-title:before{animation:none!important;opacity:1!important;transform:none!important}.cix-hero-mock-cursor,.cix-hero-mock-header:after{display:none!important}}