.cf-section{background:linear-gradient(#f8f9fb 0%,#fff 10% 90%,#f8f9fb 100%);position:relative}.cf-inner{z-index:2;max-width:1160px;margin:0 auto;padding:0 24px;position:relative}.cf-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink-900);text-align:center;margin:0 auto 20px;font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.1}.cf-subtitle{color:var(--ink-500);text-align:center;max-width:560px;margin:0 auto 56px;font-size:clamp(15px,1.3vw,18px);line-height:1.6}.cf-card{background:#fff;border-radius:20px;padding:36px 40px 40px;box-shadow:0 0 0 .5px #e4e5e9,0 0 0 1px #e4e5e999,0 0 0 3.5px #f9f9fb,0 0 0 4px #f3f4f7}.cf-tabs{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px;display:grid}.cf-tab{letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-top:2px solid #eceef2;padding:18px 0 0;font-family:inherit;transition:border-color .3s}.cf-tab-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.cf-tab-icon{color:#99a2af;flex-shrink:0;width:20px;height:19px;transition:color .3s;display:flex}.cf-tab-title{font-family:var(--font-display);letter-spacing:-.2px;color:#99a2af;font-size:17px;font-weight:600;transition:color .3s}.cf-tab-body{color:#99a2af;max-width:260px;font-size:14.5px;line-height:1.6;transition:color .3s}.cf-tab-on{border-top-color:#2955ff}.cf-tab-on .cf-tab-icon{color:#2955ff}.cf-tab-on .cf-tab-title{color:#1d1e20}.cf-tab-on .cf-tab-body,.cf-tab:not(.cf-tab-on):hover .cf-tab-title,.cf-tab:not(.cf-tab-on):hover .cf-tab-icon{color:#57606a}.cf-stage{aspect-ratio:1071/460;background:#fafbfd;border-radius:20px;width:100%;position:relative;overflow:hidden}.cf-mock{opacity:0;pointer-events:none;background:#fff;flex-direction:row;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:translateY(10px)scale(.99)}.cf-mock-on{opacity:1;pointer-events:auto;z-index:1;transform:none}@media (max-width:900px){.cf-card{padding:28px 24px}.cf-tabs{grid-template-columns:1fr 1fr;gap:20px}.cf-stage{aspect-ratio:auto;height:260px}}@media (max-width:600px){.cf-tabs{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cf-mock{transition:opacity .2s}}.cf-scroller{height:400vh;position:relative}.cf-pin{align-items:center;height:calc(100vh - 68px);padding:36px 0;display:flex;position:sticky;top:68px}.cf-inner{z-index:2;width:100%;max-width:1160px;margin:0 auto;padding:0 24px;position:relative}.cf-title{margin:0 auto 16px}.cf-subtitle{margin:0 auto 36px}.cf-card{max-width:1160px;margin:0 auto}@media (max-width:900px){.cf-scroller{height:auto}.cf-pin{height:auto;padding:100px 0;position:relative;top:auto}}.cf-title{margin:0 auto 8px;font-size:clamp(24px,2.6vw,40px)}.cf-subtitle{max-width:520px;margin:0 auto 18px;font-size:clamp(13px,1vw,15px);line-height:1.55}.cf-card{padding:24px 28px 28px}.cf-tabs{gap:20px;margin-bottom:22px}.cf-tab{padding-top:12px}.cf-tab-title{font-size:15px}.cf-tab-body{max-width:230px;font-size:13px;line-height:1.5}.cf-stage{max-height:40vh;margin:0 auto}@media (max-width:900px){.cf-stage{max-height:none}}.cf-title{white-space:nowrap;margin:0 auto 6px;font-size:clamp(20px,2.1vw,32px)}.cf-subtitle{white-space:nowrap;max-width:none;margin:0 auto 16px;font-size:clamp(12.5px,.95vw,14.5px)}.cf-pin{padding:20px 0}.cf-stage{max-height:48vh}@media (max-width:1100px){.cf-title,.cf-subtitle{white-space:normal}}.cf-inner{max-width:1440px;padding:0 80px}.cf-head{text-align:center;max-width:680px;margin:0 auto 40px}#customize .eyebrow{margin-bottom:clamp(10px,1.6vh,18px)}:where(.cf-section) small{font-size:80%}.cf-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink-900);white-space:normal;margin:0 0 16px;font-size:clamp(28px,3.8vw,52px);font-weight:700;line-height:1.08}.cf-subtitle{color:var(--ink-500);white-space:normal;max-width:none;margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.65}@media (max-width:1200px){.cf-inner{padding:0 48px}}@media (max-width:900px){.cf-inner{padding:0 24px}.cf-head{margin-bottom:32px}}.cf-card{border-radius:var(--r-card);background:#fff;border:1px solid #2955ff1f;max-width:none;padding:0;overflow:hidden;box-shadow:0 4px 24px #2955ff0f,0 24px 64px #2955ff0a}.cf-tabs{border-bottom:1px solid #eceef2;gap:0;margin-bottom:0;display:flex}.cf-tab{text-align:left;cursor:pointer;background:0 0;border:none;border-top:2px solid #eceef2;border-left:1px solid #eceef2;flex:1;min-width:0;padding:22px 24px;transition:flex .5s cubic-bezier(.16,1,.3,1),background .35s}.cf-tab:first-child{border-left:none}.cf-tab-on{background:linear-gradient(#f6f9ff 0%,#fff 100%);flex:2.3}.cf-tab-head{margin-bottom:0}.cf-tab-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.cf-tab-body{opacity:0;max-width:none;max-height:0;margin:0;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .35s,margin-top .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.cf-tab-on .cf-tab-body{opacity:1;max-height:120px;margin-top:10px}.cf-stage{border-top:none;width:calc(100% - 56px);margin:28px}@media (max-width:900px){.cf-stage{width:calc(100% - 40px);margin:20px}.cf-tabs{border-bottom:none;flex-direction:column}.cf-tab{border-top:2px solid #eceef2;border-left:none;flex:auto!important}.cf-tab-body{opacity:1!important;max-height:none!important;margin-top:8px!important}.cf-tab-title{white-space:normal}}@media (max-height:900px){.cf-pin{padding:14px 0}.cf-head{margin-bottom:20px}.cf-title{margin-bottom:10px;font-size:clamp(22px,3vw,34px)}.cf-subtitle{font-size:13px}.cf-tab{padding:16px 20px}.cf-tab-body{max-height:90px;margin-top:6px!important}.cf-tab-on .cf-tab-body{max-height:90px}.cf-stage{max-height:38vh;margin:18px}}@media (max-height:900px) and (max-width:900px){.cf-stage{max-height:none;margin:20px}}.cf-title,.cf-title *{font-weight:700!important}.cf-tab:hover .ix>.ix-l,.cf-tab-on .ix>.ix-l{opacity:0;transform:scale(.72)}.cf-tab:hover .ix>.ix-f,.cf-tab-on .ix>.ix-f{opacity:1;transform:none}.cf-tab-icon{align-items:center;width:auto!important;height:auto!important}.cf-title{letter-spacing:-.03em!important;font-size:clamp(28px,3.8vw,52px)!important;line-height:1.08!important}.cf-header{max-width:960px!important;margin-bottom:var(--hd-mb)!important}.cf-subtitle{max-width:720px!important;margin-left:auto!important;margin-right:auto!important}.cf-title{margin-bottom:clamp(10px,1.6vh,16px)!important}.cf-subtitle{max-width:820px!important}@media (min-width:901px){.cf-stage{min-height:200px;max-height:calc(100svh - 500px)}.cf-stage .cf-mock{max-height:100%}.cf-stage .cf-mock>svg,.cf-stage .cf-mock object{width:auto;max-width:100%;max-height:100%;margin:0 auto;display:block}}.cf-title{text-wrap:balance;letter-spacing:-.012em!important}.cf-stage{background:0 0!important}.cf-stage:before,.cf-stage:after{content:"";z-index:0;background:#eef3ff;border:1px solid #dde6fb;border-radius:18px;position:absolute;inset:0}.cf-stage:before{z-index:-2;background:#e3ebfd;transform:translate(10px,14px)rotate(.6deg)}.cf-stage:after{z-index:-1;background:#eaf0fd;transform:translate(5px,7px)rotate(.3deg)}.cf-mock{z-index:1;border:1px solid #e8efff;border-radius:18px;box-shadow:0 20px 50px -12px #2955ff26,0 2px 10px #0f172a14}@media (max-width:900px){.cf-mock{flex-direction:column}.cf-stage:before,.cf-stage:after{display:none}}.cf-stage{height:clamp(236px,100svh - 500px,540px);aspect-ratio:1071/520!important;background:radial-gradient(60% 70% at 85% 10%,#b1e3ff99 0%,#0000 60%),radial-gradient(55% 65% at 8% 95%,#c9d7ffcc 0%,#0000 60%),linear-gradient(160deg,#f2f6ff 0%,#e8efff 100%)!important;border-radius:20px!important;max-height:none!important;overflow:hidden!important}.cf-stage:before,.cf-stage:after{z-index:0!important;border-radius:16px!important;inset:9% 9% 5%!important;transform:none!important}.cf-stage:before{background:#ffffff80!important;border:1px solid #fffc!important;transform:translateY(16px)scale(.94)!important}.cf-stage:after{background:#ffffffb3!important;border:1px solid #fff!important;transform:translateY(8px)scale(.97)!important}.cf-mock{overflow:hidden;border:1px solid #fff!important;border-radius:16px!important;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)!important;inset:6% 9% 9%!important;transform:translateY(24px)scale(.97)!important;box-shadow:0 30px 60px -20px #2955ff40,0 8px 24px #0f172a14!important}.cf-mock.cf-mock-on{transform:none!important}@media (max-width:900px){.cf-stage{min-height:440px;aspect-ratio:auto!important;height:auto!important}.cf-mock{margin:22px 16px 30px;display:none!important;position:relative!important;inset:auto!important}.cf-mock.cf-mock-on{display:flex!important}}.cf-active-desc{display:none}@media (min-width:601px) and (max-width:900px){.cf-card{grid-template-columns:minmax(190px,34%) minmax(0,1fr);align-items:start;gap:16px;padding:18px!important;display:grid!important}.cf-tabs{gap:6px;border:0!important;flex-direction:column!important;display:flex!important}.cf-tab{text-align:left;background:0 0;border:0!important;border-radius:12px!important;flex:none!important;width:100%!important;padding:12px 14px!important}.cf-tab.cf-tab-on{box-shadow:inset 0 0 0 1px #2955ff26;background:#f3f7ff!important}.cf-tab:not(.cf-tab-on) .cf-tab-body{display:none!important}.cf-tab .cf-tab-body{margin-top:8px!important;font-size:12.5px!important;line-height:1.55!important}.cf-stage{width:100%!important;min-height:0!important;margin:0!important}.cf-mock{margin:16px 12px 20px!important}}@media (max-width:600px){.cf-card{flex-direction:column;gap:12px;padding:14px!important;display:flex!important}.cf-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:0 -2px;padding:2px;overflow-x:auto;border:0!important;flex-direction:row!important;display:flex!important}.cf-tabs::-webkit-scrollbar{display:none}.cf-tab{background:#fff;border:1px solid #e4eaf7!important;border-radius:999px!important;flex:none!important;width:auto!important;padding:8px 12px!important}.cf-tab .cf-tab-body{display:none!important}.cf-tab .cf-tab-head{gap:6px!important}.cf-tab .cf-tab-title{font-size:13px!important}.cf-tab.cf-tab-on{background:var(--brand-gradient)!important;border-color:#0000!important}.cf-tab.cf-tab-on .cf-tab-title,.cf-tab.cf-tab-on .ix{color:#fff!important}.cf-active-desc{color:var(--ink-500);margin:0;padding:0 4px;font-size:13.5px;line-height:1.6;display:block}.cf-stage{width:100%!important;min-height:0!important;margin:0!important}.cf-mock{margin:8px 6px 12px!important}.cf-active-desc{font-size:13px!important;line-height:1.55!important}}@media (max-width:380px){.cf-card{gap:9px!important;padding:10px!important}.cf-active-desc{font-size:12.5px!important}.cf-tab{padding:7px 11px!important}}.cf-stage{background:#060913!important;border:1px solid #141a2c!important}.cf-stage:before,.cf-stage:after{display:none!important}.px-stage-bg{pointer-events:none;background:radial-gradient(55% 60% at 80% 0,#6366f133 0%,#0000 60%),radial-gradient(50% 60% at 5% 100%,#22d3ee1f 0%,#0000 60%);position:absolute;inset:0}.px-stage-bg:after{content:"";background-image:radial-gradient(#818cf826 1px,#0000 1.2px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 75%,#000 30%,#0000 100%);mask-image:radial-gradient(75% 75%,#000 30%,#0000 100%)}.cf-stage .cf-mock{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;display:block!important;inset:0!important;overflow:visible!important;transform:none!important}.cf-stage .cf-mock:not(.cf-mock-on){opacity:0!important}.px-scene{width:var(--pxw,1000px);height:470px;transform:translate(-50%,-50%) scale(var(--pxs,.85));transform-origin:50%;font-family:var(--font-body);color:#e5e7eb;position:absolute;top:50%;left:50%}.px-win,.px-dlg,.px-term,.px-browser{background:#0d1220;border:1px solid #1f2740;border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 30px 60px -18px #000d,0 0 0 1px #ffffff06}.px-back{width:calc(var(--pxw,1000px) - 360px);height:420px;top:6px;left:14px}.px-back-right{width:calc(var(--pxw,1000px) - 380px);left:auto;right:14px}.px-front{z-index:3;width:390px;max-height:384px;top:44px;right:14px;box-shadow:0 40px 80px -20px #000,0 0 0 1px #818cf826,0 0 60px -20px #6366f155}.px-front-sm{width:350px;top:70px}.px-front-left{width:330px;max-height:420px;top:18px;left:14px;right:auto}.px-wbody{flex-direction:column;flex:1;min-height:0;display:flex}.px-bar{background:#0a0e19;border-bottom:1px solid #1a2035;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.px-conn{font:500 9px/1 var(--font-mono);color:#8b93a7;align-items:center;gap:6px;display:flex}.px-conn i{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #34d399}.px-conn b{color:#e5e7eb;font-weight:700}.px-sep{color:#4b5470}.px-btns{gap:4px;display:flex}.px-btns i{color:#8b93a7;background:#141a2a;border:1px solid #232b40;border-radius:5px;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.px-btns i.on{color:#fff;background:#6366f1;border-color:#6366f1}.px-apphead{border-bottom:1px solid #1a2035;flex-shrink:0;align-items:center;gap:10px;padding:7px 14px;display:flex}.px-brand{align-items:center;gap:7px;display:flex}.px-brand b{font:700 10.5px/1.1 var(--font-display);color:#fff;display:block}.px-brand em{color:#818cf8;font-style:normal}.px-brand small,.px-user small{font:500 6.5px/1.3 var(--font-mono);letter-spacing:.14em;color:#6b7590;display:block}.px-logo{width:20px;height:20px;font:800 10px/1 var(--font-display);color:#fff;border:1.5px solid #6366f1;border-radius:6px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #6366f155}.px-apptitle{flex:1}.px-user{align-items:center;gap:6px;display:flex}.px-user b{font:700 9.5px/1.1 var(--font-display);color:#fff;display:block}.px-user small{letter-spacing:0;font-size:7.5px}.px-av{width:20px;height:20px;font:700 9px/1 var(--font-display);color:#fff;border:1.5px solid #6366f1;border-radius:50%;justify-content:center;align-items:center;display:flex}.px-page{flex-direction:column;flex:1;gap:9px;min-height:0;padding:12px 16px;display:flex;overflow:hidden}.px-lbl{font:600 7.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#6b7590;display:block}.px-lbl em{color:#f87171;font-style:normal}.px-muted{font:500 10px var(--font-body);color:#6b7590}.px-btn{color:#fff;font:700 10px/1 var(--font-display);white-space:nowrap;background:#6366f1;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex;box-shadow:0 6px 16px -6px #6366f1aa}.px-btn-ghost{font:700 10px/1 var(--font-display);color:#e5e7eb;background:#1a2133;border-radius:7px;align-items:center;padding:6px 12px;display:inline-flex}.px-btn-danger{color:#f87171;font:700 9.5px/1 var(--font-display);border:1px solid #7f1d1d;border-radius:7px;margin-right:auto;padding:6px 11px}.px-h1{font:800 15px/1 var(--font-display);letter-spacing:-.01em;color:#fff}.px-h1 em{color:#818cf8;font-style:normal}.px-steps{font:600 9.5px/1 var(--font-body);color:#6b7590;align-items:center;gap:8px;display:flex}.px-steps span{align-items:center;gap:6px;display:flex}.px-steps i{width:16px;height:16px;font:700 8px/1 var(--font-mono);border:1.5px solid #3a4360;border-radius:50%;justify-content:center;align-items:center;font-style:normal;display:flex}.px-steps .on{color:#818cf8}.px-steps .on i{color:#fff;background:#6366f1;border-color:#6366f1}.px-steps-line{background:linear-gradient(90deg,#6366f1,#232b40 40%);flex:1;height:1px}.px-card{background:#111729;border:1px solid #1f2740;border-radius:10px;flex-direction:column;flex:1;gap:6px;min-height:0;padding:11px 12px;display:flex}.px-card-h{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.px-card-h>span:first-child{color:#818cf8;align-items:center;gap:6px;display:flex}.px-card-h b{font:700 11.5px/1 var(--font-mono);color:#fff}.px-seg{background:#0a0f1c;border:1px solid #232b40;border-radius:8px;padding:2px;display:flex}.px-seg i{font:600 8.5px/1 var(--font-body);color:#8b93a7;border-radius:6px;padding:5px 8px;font-style:normal}.px-seg i.on{color:#fff;background:#6366f1}.px-input{font:500 10.5px/1.45 var(--font-body);color:#e5e7eb;background:#0a0f1c;border:1px solid #232b40;border-radius:7px;padding:7px 9px}.px-ta{min-height:44px}.px-focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12a}.px-btnrow{flex-wrap:wrap;gap:6px;display:flex}.px-pill{font:600 9.5px/1 var(--font-body);color:#c3c8d6;border:1px solid #2a3350;border-radius:7px;padding:5px 9px}.px-pill.on{color:#fff;background:#6366f1;border-color:#6366f1}.px-caret{vertical-align:-2px;background:#818cf8;width:1.5px;height:11px;margin-left:2px;animation:1s step-end infinite pxCaret;display:inline-block}@keyframes pxCaret{50%{opacity:0}}.px-dlg-head{border-bottom:1px solid #1d2540;flex-shrink:0;align-items:flex-start;gap:9px;padding:11px 14px;display:flex}.px-dlg-ic{color:#818cf8;background:#1c2240;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.px-dlg-tt{flex-direction:column;flex:1;gap:3px;display:flex}.px-dlg-tt b{font:700 12.5px/1.1 var(--font-display);color:#fff}.px-dlg-tt small{font:500 9px/1.3 var(--font-body);color:#8b93a7}.px-x{color:#6b7590;font-size:14px;line-height:1}.px-dlg-body{flex-direction:column;flex:1;gap:7px;min-height:0;padding:10px 14px;display:flex;overflow:hidden}.px-dlg-foot{border-top:1px solid #1d2540;flex-shrink:0;justify-content:flex-end;align-items:center;gap:7px;padding:9px 14px;display:flex}.px-prov{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.px-prov span{border:1px solid #262f4a;border-radius:8px;padding:7px 8px}.px-prov b{font:700 10px/1.2 var(--font-display);color:#fff;display:block}.px-prov small{font:600 6.5px/1 var(--font-mono);letter-spacing:.1em;color:#6b7590}.px-prov .on{background:#1b2150;border-color:#818cf8;box-shadow:0 0 0 3px #6366f122}.px-prov .on small{color:#a5b4fc}.px-keyrow{font:600 10px/1 var(--font-body);color:#fff;border:1px solid #262f4a;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 9px;display:flex}.px-keyrow span{align-items:center;gap:5px;display:flex}.px-keyrow svg{color:#34d399}.px-keyrow code{font:500 9px var(--font-mono);color:#8b93a7}.px-keyrow a{font:600 9px var(--font-body);color:#818cf8}.px-models{flex-direction:column;gap:4px;display:flex}.px-mrow{border:1px solid #1f2740;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;display:flex}.px-mrow b{font:600 9.5px/1 var(--font-mono);color:#e5e7eb}.px-mrow small{font:500 8px var(--font-body);color:#6b7590;margin-left:auto}.px-radio{border:1.5px solid #3a4360;border-radius:50%;width:10px;height:10px}.px-mrow.on{background:#1b2150;border-color:#6366f1}.px-mrow.on .px-radio{background:#818cf8;border-color:#818cf8;box-shadow:inset 0 0 0 2px #1b2150}.px-sel{font:500 8.5px/1.3 var(--font-body);color:#8b93a7}.px-sel code{font:600 8.5px var(--font-mono);color:#fff}.px-sel em{color:#34d399;font-style:normal}.px-h2{color:#818cf8;flex-shrink:0;align-items:center;gap:7px;display:flex}.px-h2 b{font:700 12.5px/1 var(--font-display);color:#fff}.px-chip-in{font:600 8.5px/1 var(--font-body);color:#a5b4fc;background:#151c30;border:1px solid #262f4a;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.px-chip-in svg{width:9px;height:9px}.px-plan{flex:1;grid-template-columns:.8fr auto 1.25fr;align-items:start;gap:10px;min-height:0;display:grid}.px-raw{background:#111729;border:1px solid #1f2740;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.px-raw p{font:italic 500 10px/1.55 var(--font-body);color:#aab1c4;margin:0}.px-plan-arrow{color:#818cf8;align-self:center}.px-plan-out{flex-direction:column;gap:5px;min-width:0;display:flex}.px-acc{font:700 10px/1 var(--font-display);color:#fff;background:#111729;border:1px solid #1f2740;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 9px;display:flex}.px-acc em{font:700 8px/1 var(--font-mono);color:#a5b4fc;background:#1b2150;border-radius:5px;margin-left:5px;padding:2px 5px;font-style:normal}.px-acc small{font:500 8.5px var(--font-body);color:#8b93a7}.px-acc.on{border-color:#6366f166}.px-acc-body{flex-wrap:wrap;gap:4px;padding:0 2px;display:flex}.px-tag{font:600 8.5px/1 var(--font-body);color:#a5b4fc;background:#1b2150;border:1px solid #2c3470;border-radius:5px;padding:4px 7px}.px-eps{flex-direction:column;gap:3px}.px-ep{font:500 8.5px/1 var(--font-body);color:#6b7590;align-items:center;gap:6px;display:flex}.px-ep i{font:700 7px/1 var(--font-mono);text-align:center;border-radius:4px;width:34px;padding:3px 0;font-style:normal}.px-ep code{font:600 9px/1 var(--font-mono);color:#e5e7eb}.px-ep small{margin-left:auto}.px-plan-foot{justify-content:flex-end;gap:6px;margin-top:2px;display:flex}.cf-mock-on .px-btn-pulse,.cf-mock-on .px-btn-press{animation:2.6s ease-in-out 1.6s infinite pxPress}@keyframes pxPress{0%,70%,to{transform:none;box-shadow:0 6px 16px -6px #6366f1aa}78%{transform:scale(.94)}88%{transform:none;box-shadow:0 0 0 8px #6366f100}}.px-prog{border-bottom:1px dashed #1d2540;align-items:center;gap:8px;padding:5px 0;display:flex}.px-prog b{font:600 10px/1 var(--font-body);color:#e5e7eb}.px-prog small{font:600 8.5px/1 var(--font-mono);color:#8b93a7;margin-left:auto}.px-prog-ic{color:#06281b;background:#34d399;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.px-prog.run .px-prog-ic{background:0 0;border:2px solid #6366f155;border-top-color:#818cf8;animation:.9s linear infinite pxSpin}.px-prog.run b{color:#a5b4fc}@keyframes pxSpin{to{transform:rotate(360deg)}}.px-bar-prog{background:#1a2035;border-radius:3px;height:4px;margin-top:4px;overflow:hidden}.px-bar-prog i{background:linear-gradient(90deg,#6366f1,#22d3ee);width:86%;height:100%;display:block}.cf-mock-on .px-bar-prog i{animation:2.2s cubic-bezier(.16,1,.3,1) .6s both pxGrow}@keyframes pxGrow{0%{width:0}}.px-page-code{gap:8px}.px-genbar{align-items:center;gap:7px;margin-left:auto;display:flex}.px-gen-lbl{font:600 8.5px/1 var(--font-mono);color:#a5b4fc;align-items:center;gap:5px;display:flex}.px-gen-lbl i{background:#818cf8;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pxBlink}@keyframes pxBlink{50%{opacity:.25}}.px-gen-track{background:#1a2035;border-radius:3px;width:90px;height:4px;overflow:hidden}.px-gen-track i{background:linear-gradient(90deg,#6366f1,#22d3ee);width:99%;height:100%;display:block}.cf-mock-on .px-gen-track i{animation:2.4s cubic-bezier(.16,1,.3,1) .5s both pxGrow}.px-genbar em{font:700 8.5px/1 var(--font-mono);color:#e5e7eb;font-style:normal}.px-ide{border:1px solid #1f2740;border-radius:10px;flex:1;grid-template-columns:170px 1fr;min-height:0;display:grid;overflow:hidden}.px-tree{background:#0b101d;border-right:1px solid #1a2035;flex-direction:column;gap:1px;padding:8px 6px;display:flex;overflow:hidden}.px-tree .px-lbl{padding:0 6px 5px}.px-t{font:500 9.5px/1 var(--font-body);color:#9aa3b8;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:4px 6px;display:flex}.px-t1{padding-left:16px}.px-t2{padding-left:28px}.px-td{color:#c7cbe0}.px-td svg{color:#818cf8}.px-t.on{color:#fff;background:#1b2150}.px-t.on svg{color:#a5b4fc}.px-t.new{color:#34d399}.px-t.new:after{content:"NEW";font:700 6.5px/1 var(--font-mono);color:#34d399;background:#0f3b2a;border-radius:3px;margin-left:auto;padding:2px 4px}.px-code{background:#090d18;flex-direction:column;min-width:0;display:flex}.px-code-h{font:500 9px/1 var(--font-mono);color:#6b7590;border-bottom:1px solid #1a2035;justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.px-code-h b{color:#e5e7eb}.px-code-h small{margin-left:6px}.px-copy{color:#8b93a7;border:1px solid #232b40;border-radius:5px;align-items:center;gap:4px;padding:3px 6px;display:flex}.px-lines{font:500 9.5px/1.62 var(--font-mono);color:#d4d8e4;flex:1;padding:8px 0;overflow:hidden}.px-ln{white-space:pre;gap:10px;padding:0 12px;display:flex}.px-ln i{text-align:right;color:#3a4360;flex-shrink:0;width:14px;font-style:normal}.px-lines .k{color:#c084fc}.px-lines .s{color:#86efac}.px-lines .f{color:#60a5fa}.px-lines .c{color:#5b6585;font-style:italic}.px-lines .d{color:#f472b6}.px-lines .n{color:#fbbf24}.px-caret-code{margin-left:38px}.cf-mock-on .px-ln{animation:.35s ease-out both pxIn}.cf-mock-on .px-ln:first-child{animation-delay:.81s}.cf-mock-on .px-ln:nth-child(2){animation-delay:.92s}.cf-mock-on .px-ln:nth-child(3){animation-delay:1.03s}.cf-mock-on .px-ln:nth-child(4){animation-delay:1.14s}.cf-mock-on .px-ln:nth-child(5){animation-delay:1.25s}.cf-mock-on .px-ln:nth-child(6){animation-delay:1.36s}.cf-mock-on .px-ln:nth-child(7){animation-delay:1.47s}.cf-mock-on .px-ln:nth-child(8){animation-delay:1.58s}.cf-mock-on .px-ln:nth-child(9){animation-delay:1.69s}.cf-mock-on .px-ln:nth-child(10){animation-delay:1.8s}.cf-mock-on .px-ln:nth-child(11){animation-delay:1.91s}.cf-mock-on .px-ln:nth-child(12){animation-delay:2.02s}.cf-mock-on .px-ln:nth-child(13){animation-delay:2.13s}.cf-mock-on .px-ln:nth-child(14){animation-delay:2.24s}.cf-mock-on .px-ln:nth-child(15){animation-delay:2.35s}.cf-mock-on .px-ln:nth-child(16){animation-delay:2.46s}.px-review-head{padding:13px 16px 11px}.px-review-t{font-size:14.5px!important}.px-review-body{position:relative;padding:0!important}.px-review-scroll{flex-direction:column;gap:8px;padding:10px 14px;display:flex}.cf-mock-on .px-review-scroll{animation:8s ease-in-out 2s infinite pxReview}@keyframes pxReview{0%,25%{transform:none}50%,75%{transform:translateY(-118px)}to{transform:none}}.px-scrollbar{background:#3a4360;border-radius:3px;width:3px;height:70px;position:absolute;top:8px;right:4px}.cf-mock-on .px-scrollbar{animation:8s ease-in-out 2s infinite pxReviewBar}@keyframes pxReviewBar{0%,25%{transform:none}50%,75%{transform:translateY(80px)}to{transform:none}}.px-rsec{background:#182033;border:1px solid #222b42;border-radius:10px;flex-direction:column;gap:7px;padding:10px 11px;display:flex}.px-rsec-t{font:700 11.5px/1 var(--font-display);color:#fff;align-items:center;gap:6px;display:flex}.px-rsec-t svg{color:#818cf8}.px-grid2{grid-template-columns:1fr 1fr;gap:7px 10px;display:grid}.px-kv{flex-direction:column;gap:3px;min-width:0;display:flex}.px-kv small{font:600 7px/1 var(--font-mono);letter-spacing:.14em;color:#6b7590}.px-kv b{font:700 10px/1.35 var(--font-body);color:#f1f3f9}.px-kv-desc b{color:#d4d8e4;font-weight:600}.px-infra{font:600 10px/1 var(--font-body);color:#fff;justify-content:space-between;align-items:center;display:flex}.px-infra em{font:700 8.5px/1 var(--font-body);color:#34d399;background:#0f3b2a;border-radius:5px;padding:4px 7px;font-style:normal}.px-link{z-index:2;pointer-events:none;width:1000px;height:100%;position:absolute;inset:0;overflow:visible}.cf-mock-on .px-link path{stroke-dashoffset:0;animation:1.2s linear infinite pxDash}@keyframes pxDash{to{stroke-dashoffset:-18px}}.px-pass{font:700 9px/1 var(--font-display);color:#06281b;background:#34d399;border-radius:999px;margin-left:auto;padding:5px 10px}.px-ver{flex:1;grid-template-columns:1fr 200px;gap:10px;min-height:0;display:grid}.px-checks{flex-direction:column;gap:5px;display:flex}.px-chk{background:#111729;border:1px solid #1f2740;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;display:flex}.px-chk b{font:600 10px/1.2 var(--font-body);color:#e5e7eb}.px-chk small{font:600 7.5px/1 var(--font-mono);letter-spacing:.06em;color:#6b7590;text-transform:uppercase;margin-left:auto}.px-chk-ic{color:#06281b;width:16px;height:16px;font:800 9px/1 var(--font-display);background:#34d399;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.px-chk.fix{background:#21190a;border-color:#f59e0b55}.px-chk.fix .px-chk-ic{color:#2a1a00;background:#f59e0b}.px-chk.fix small{color:#fbbf24}.cf-mock-on .px-chk-ic{animation:.45s cubic-bezier(.34,1.56,.64,1) both pxPop;animation-delay:calc(var(--i,0)*90ms + .55s)}@keyframes pxPop{0%{transform:scale(0)}}.px-score{background:#111729;border:1px solid #1f2740;border-radius:10px;flex-direction:column;align-items:stretch;gap:7px;padding:10px;display:flex}.px-ring{align-self:center;width:78px;height:78px;position:relative}.px-ring svg{width:100%;height:100%}.px-ring>span{font:800 17px/1 var(--font-display);color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.px-ring small{color:#8b93a7;font-size:10px}.cf-mock-on .px-ring-fg{animation:1.5s cubic-bezier(.16,1,.3,1) .7s both pxRing}@keyframes pxRing{0%{stroke-dashoffset:208px}}.px-meter{grid-template-columns:1fr 32px;align-items:center;gap:3px 6px;display:grid}.px-meter small{font:600 8px/1 var(--font-body);color:#8b93a7;grid-column:1/-1}.px-meter span{background:#1e2638;border-radius:3px;height:4px;overflow:hidden}.px-meter i{height:100%;width:var(--w);background:linear-gradient(90deg,#6366f1,#22d3ee);display:block}.px-meter b{font:700 8.5px/1 var(--font-mono);color:#e5e7eb;text-align:right}.cf-mock-on .px-meter i{animation:1.4s cubic-bezier(.16,1,.3,1) .9s both pxGrow}.px-term{background:#05080f;border-color:#1a2035}.px-term-bar{background:#0a0e19;border-bottom:1px solid #1a2035;align-items:center;gap:5px;padding:7px 10px;display:flex}.px-term-bar i{background:#2a3350;border-radius:50%;width:7px;height:7px}.px-term-bar i:first-child{background:#f87171}.px-term-bar i:nth-child(2){background:#fbbf24}.px-term-bar i:nth-child(3){background:#34d399}.px-term-bar span{font:500 8.5px/1 var(--font-mono);color:#6b7590;margin-left:8px}.px-term-body{font:500 9px/1.75 var(--font-mono);color:#9aa3b8;padding:9px 11px}.px-tl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.px-tl.cmd{color:#e5e7eb}.px-tl.ok b{color:#34d399;font-weight:700}.px-tl.bad b{color:#f87171;font-weight:700}.px-tl.fix{color:#fbbf24}.px-tl.sum{color:#34d399;margin-top:3px;font-weight:700}.px-clouds{gap:5px;display:flex}.px-clouds span{font:600 9px/1 var(--font-body);color:#8b93a7;border:1px solid #232b40;border-radius:7px;padding:5px 10px}.px-clouds .on{color:#fff;background:#1b2150;border-color:#6366f1}.px-pipe{align-items:center;gap:0;display:flex}.px-pstep{background:#0f2a22;border:1px solid #1d5a43;border-radius:9px;flex-direction:column;align-items:flex-start;gap:3px;min-width:118px;padding:8px 10px;display:flex}.px-pstep b{font:700 10.5px/1 var(--font-display);color:#fff}.px-pstep small{font:500 8px/1 var(--font-mono);color:#7ad9b0}.px-pstep-ic{color:#06281b;background:#34d399;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.px-pline{transform-origin:0;background:#34d399;flex:1;height:2px;margin:0 6px}.cf-mock-on .px-pline{animation:.6s cubic-bezier(.16,1,.3,1) both pxLine}.cf-mock-on .px-pline:nth-of-type(2){animation-delay:.7s}.cf-mock-on .px-pline:nth-of-type(4){animation-delay:1.1s}@keyframes pxLine{0%{transform:scaleX(0)}}.px-pipe{align-items:stretch}.px-pstep{flex:none;min-width:0;padding:8px 12px}.px-pstep small{white-space:nowrap}.px-pline{align-self:center;min-width:10px}.px-pline-next{background:linear-gradient(90deg,#34d399,#6366f1)}.px-pstep-now{background:linear-gradient(135deg,#1f47e6,#2955ff 55%,#4d7cff);border-color:#8fb0ff;box-shadow:0 0 0 3px #6366f133,0 12px 24px -10px #2955ffcc}.px-pstep-now b{color:#fff}.px-pstep-now small{color:#dbe6ff}.px-pstep-now .px-pstep-ic{background:0 0;border:2px solid #fff5;border-top-color:#fff;animation:.9s linear infinite pxSpin}.px-vm{color:#a5b4fc!important;border-style:dashed!important}.px-clouds{flex-wrap:wrap}@media (min-width:901px){.px-scene-deploy .px-pipe{margin-right:46px}}.px-url{background:#111729;border:1px solid #1f2740;border-radius:9px;align-items:center;gap:8px;padding:7px 9px;display:flex}.px-url code{font:600 10px/1 var(--font-mono);color:#e5e7eb;flex:1}.px-url-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite pxPing;box-shadow:0 0 #34d39988}@keyframes pxPing{70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.px-icbtn{color:#8b93a7;border:1px solid #232b40;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.px-logs{min-height:0;font:500 8.5px/1.75 var(--font-mono);color:#8b93a7;background:#05080f;border:1px solid #1a2035;border-radius:9px;flex:1;padding:8px 10px}.px-log.ok{color:#34d399}.px-browser{background:#f6f8fc;border-color:#2a3350}.px-br-bar{background:#e9edf5;border-bottom:1px solid #d9dfeb;align-items:center;gap:5px;padding:7px 10px;display:flex}.px-br-bar i{background:#f87171;border-radius:50%;width:7px;height:7px}.px-br-bar i:nth-child(2){background:#fbbf24}.px-br-bar i:nth-child(3){background:#34d399}.px-br-url{font:500 8.5px/1 var(--font-mono);color:#4b5470;background:#fff;border-radius:5px;flex:1;margin-left:8px;padding:4px 8px}.px-br-body{flex-direction:column;gap:9px;padding:12px;display:flex}.px-app-h{justify-content:space-between;align-items:center;display:flex}.px-app-h b{font:800 13px/1 var(--font-display);color:#0b1238}.px-live{font:700 8.5px/1 var(--font-body);color:#16a36a;align-items:center;gap:5px;display:flex}.px-live i{background:#16a36a;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pxBlink}.px-app-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.px-app-stats span{background:#fff;border:1px solid #e3e8f2;border-radius:8px;padding:7px 8px}.px-app-stats b{font:800 12px/1.1 var(--font-display);color:#0b1238;display:block}.px-app-stats small{font:600 8px/1 var(--font-body);color:#6b7590}.px-tlist{flex-direction:column;gap:5px;display:flex}.px-trow{background:#fff;border:1px solid #e3e8f2;border-radius:8px;align-items:center;gap:7px;padding:7px 8px;display:flex}.px-trow b{font:600 9.5px/1.2 var(--font-body);color:#0b1238}.px-trow small{font:600 8px/1 var(--font-body);color:#6b7590;margin-left:auto}.px-urg{font:800 6.5px/1 var(--font-mono);letter-spacing:.08em;border-radius:4px;padding:3px 5px}.px-urg.high{color:#b91c1c;background:#fee2e2}.px-urg.med{color:#a16207;background:#fef3c7}.px-urg.low{color:#4338ca;background:#e0e7ff}.px-cur{z-index:6;pointer-events:none;filter:drop-shadow(0 3px 6px #000a);animation:3.2s ease-in-out infinite pxCur;position:absolute}.px-cur-lbl{white-space:nowrap;color:#fff;font:700 8.5px/1 var(--font-body);background:#6366f1;border-radius:5px;padding:4px 7px;position:absolute;top:12px;left:16px}@keyframes pxCur{0%,to{transform:translate(0)}45%{transform:translate(5px,4px)}55%{transform:translate(5px,4px)scale(.92)}}.px-flow{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;bottom:2px;left:14px}.px-flow-in,.px-flow-out{font:600 9px/1 var(--font-body);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.px-flow-in{color:#8b93a7;background:#0d1220cc;border:1px solid #1f2740}.px-flow-in svg{color:#6b7590;width:10px;height:10px}.px-flow-out{color:#fff;background:#151b33;border:1px solid #6366f155;box-shadow:0 0 18px -6px #6366f1}.px-flow-out small{font:700 7px/1 var(--font-mono);letter-spacing:.14em;color:#a5b4fc}.px-flow-out svg{color:#818cf8;width:11px;height:11px}.cf-mock-on .px-back{animation:.7s cubic-bezier(.16,1,.3,1) both pxWin}.cf-mock-on .px-front{animation:.8s cubic-bezier(.16,1,.3,1) .28s both pxWinF}.cf-mock-on .px-flow{animation:.6s cubic-bezier(.16,1,.3,1) 1s both pxIn}.cf-mock-on .px-cur{animation:.5s ease-out 1.3s both pxCurIn,3.2s ease-in-out 1.8s infinite pxCur}.cf-mock-on .pa{animation:.55s cubic-bezier(.16,1,.3,1) both pxIn;animation-delay:calc(var(--i,0) * 70ms + .35s)}.cf-mock-on .px-chk.pa{animation-delay:calc(var(--i,0) * 90ms + .4s)}@keyframes pxWin{0%{opacity:0;transform:translateY(22px)scale(.97)}}@keyframes pxWinF{0%{opacity:0;transform:translate(24px,26px)scale(.95)}}@keyframes pxIn{0%{opacity:0;transform:translateY(10px)}}@keyframes pxCurIn{0%{opacity:0;transform:translate(14px,14px)}}@media (max-width:900px){.cf-stage{aspect-ratio:auto!important;height:auto!important;min-height:0!important}.cf-stage .cf-mock{display:none!important;position:relative!important}.cf-stage .cf-mock.cf-mock-on{display:block!important}.px-scene{width:auto;height:auto;padding:16px 14px 52px;position:relative;top:auto;left:auto;transform:none}.px-back,.px-link,.px-cur{display:none!important}.px-front,.px-front-sm,.px-front-left{width:auto;max-width:420px;max-height:none;margin:0 auto;position:relative;top:auto;left:auto;right:auto}.px-review-body{max-height:300px}.px-flow{flex-wrap:wrap;justify-content:center;bottom:12px;left:14px;right:14px}}@media (max-width:600px){.px-scene{padding:12px 10px 50px}.px-flow-in{display:none}.px-review-body{max-height:220px}}@media (prefers-reduced-motion:reduce){.cf-mock-on .pa,.cf-mock-on .px-back,.cf-mock-on .px-front,.cf-mock-on .px-flow,.cf-mock-on .px-ln,.cf-mock-on .px-cur,.cf-mock-on .px-review-scroll,.cf-mock-on .px-scrollbar,.cf-mock-on .px-btn-pulse,.cf-mock-on .px-btn-press,.px-caret,.px-url-dot,.px-gen-lbl i,.px-live i,.px-prog.run .px-prog-ic{animation:none!important}}.px-cur-under .px-cur-lbl{top:16px;left:14px}#customize.cf-section{background:radial-gradient(48% 38% at 12% 18%,#dbe7ff 0%,#0000 70%),radial-gradient(42% 36% at 90% 70%,#d7f0ff 0%,#0000 70%),linear-gradient(#f7f9ff 0%,#eef3ff 55%,#f7f9ff 100%)!important}#customize .cf-tab{position:relative;transition:background .35s,color .35s,box-shadow .35s!important}#customize .cf-tab.cf-tab-on{z-index:1;background:linear-gradient(135deg,#1f47e6 0%,#2955ff 55%,#4d7cff 100%)!important;border-color:#0000!important;box-shadow:0 12px 28px -10px #2955ff99,inset 0 1px #fff3!important}#customize .cf-tab.cf-tab-on .cf-tab-title{color:#fff!important}#customize .cf-tab.cf-tab-on .cf-tab-body{color:#e3ecff!important}#customize .cf-tab.cf-tab-on .ix,#customize .cf-tab.cf-tab-on .ix svg{color:#fff!important}#customize .cf-tab.cf-tab-on .ix>.ix-l{opacity:0!important}#customize .cf-tab.cf-tab-on .ix>.ix-f{opacity:1!important;transform:none!important}#customize .cf-tab.cf-tab-on:after{content:"";z-index:-1;background:#2f5cff;border-radius:3px;width:14px;height:14px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}#customize .cf-active-desc{display:none}@media (max-width:600px){#customize .cf-active-desc{gap:4px;text-align:left!important;background:0 0!important;border:0!important;flex-direction:column!important;margin:0!important;padding:2px 4px!important;display:flex!important}#customize .cf-desc-title{font:700 16px/1.2 var(--font-display);color:#0b1238}#customize .cf-desc-txt{color:var(--ink-500);font-size:13px;line-height:1.55}}@media (max-width:600px) and (max-height:700px){#customize .cf-desc-txt{font-size:12.5px;line-height:1.5}}#customize .cf-tab.cf-tab-on:after{display:none!important}@media (max-width:600px) and (max-height:700px){#customize .cf-card{gap:8px!important;padding-top:10px!important;padding-bottom:10px!important}}@media (min-width:901px){#customize .cf-stage{aspect-ratio:auto!important;width:calc(100% - 36px)!important;margin-left:18px!important;margin-right:18px!important}#customize .cf-active-desc{margin-left:18px!important;margin-right:18px!important}}#customize .cf-card{background:radial-gradient(60% 50% at 0 0,#e3ecff 0%,#0000 70%),radial-gradient(55% 60% at 100% 100%,#dff3ff 0%,#0000 70%),linear-gradient(160deg,#fff 0%,#f2f6ff 50%,#e9f0ff 100%)!important}#customize .cf-tabs,#customize .cf-tab:not(.cf-tab-on){background:0 0!important}#customize .cf-tab:not(.cf-tab-on):hover{background:#ffffffb3!important}@media (min-width:901px) and (min-height:961px){#customize .cf-stage{height:clamp(236px,100svh - 602px,560px)!important}}@media (min-width:901px) and (max-height:820px){#customize .cf-subtitle{display:none!important}#customize .cf-head{margin-bottom:14px!important}#customize .cf-tab{padding-top:14px!important;padding-bottom:14px!important}#customize .cf-tab .cf-tab-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px!important;line-height:1.5!important;display:-webkit-box!important}#customize .cf-stage{height:clamp(236px,100svh - 396px,560px)!important}}@property --roll-fade{syntax:"<number>";inherits:true;initial-value:0}.roll-letter{--roll-blur:.09em;--roll-fade:0}.roll-char{--roll-amt:var(--roll-fade);filter:blur(calc(var(--roll-amt) * var(--roll-blur)));opacity:calc(1 - var(--roll-amt));will-change:filter,opacity}.roll-char[data-roll-twin]{--roll-amt:calc(1 - var(--roll-fade))}@media (prefers-reduced-motion:reduce){.roll-char,.roll-char[data-roll-twin]{filter:none;opacity:1;will-change:auto}.roll-char[data-roll-twin]{display:none}}.tl-fade{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.tl-fade.tl-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.tl-fade{opacity:1;transition:none;transform:none}}.m-post{color:#34d399;background:#0f3b2a}.m-get{color:#60a5fa;background:#14244a}.m-patch{color:#fbbf24;background:#3a2a0a}#customize .cf-tab.cf-tab-on{box-shadow:none!important}.px-out{position:relative;border-color:#818cf8!important;box-shadow:0 0 0 1.5px #818cf8,0 0 26px -4px #6366f1aa!important}.cf-mock-on .px-out{animation:2.6s ease-in-out 1.4s infinite pxOut}@keyframes pxOut{0%,to{box-shadow:0 0 0 1.5px #818cf8,0 0 22px -6px #6366f199}50%{box-shadow:0 0 0 1.5px #a5b4fc,0 0 34px -2px #6366f1cc}}.px-out-tag{z-index:4;font:800 7.5px/1 var(--font-mono);letter-spacing:.14em;color:#fff;background:linear-gradient(135deg,#6366f1,#22d3ee);border-radius:999px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex;position:absolute;top:6px;right:6px;box-shadow:0 4px 12px -2px #6366f180}.px-out-tag:before{content:"";background:#fff;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite pxBlink}.px-browser.px-out .px-out-tag{top:5px;right:8px}.px-browser.px-out .px-br-url{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-right:74px;overflow:hidden}.px-plan-out.px-out{border:1px solid #818cf8;border-radius:10px;padding:22px 6px 6px}.px-plan-out.px-out .px-out-tag{top:4px;right:6px}.px-ide.px-out .px-out-tag{top:5px;right:56px}.px-score.px-out .px-out-tag{top:6px;right:6px}.px-flow-out{background:linear-gradient(135deg,#4f46e5,#6366f1 60%,#0ea5e9)!important;border-color:#0000!important;box-shadow:0 8px 22px -6px #6366f1cc!important}.px-flow-out small{color:#e0e7ff!important}.px-flow-out svg{color:#fff!important}@media (prefers-reduced-motion:reduce){.cf-mock-on .px-out,.px-out-tag:before{animation:none!important}}.px-browser.px-out{position:absolute}@media (max-width:900px){.px-browser.px-out{position:relative}#customize .cf-stage{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid!important}#customize .cf-stage .cf-mock,#customize .px-scene{min-width:0}#customize .cf-stage>.px-stage-bg{grid-area:1/1}#customize .cf-stage .cf-mock{visibility:hidden;pointer-events:none;grid-area:1/1;opacity:0!important;display:block!important}#customize .cf-stage .cf-mock.cf-mock-on{visibility:visible;pointer-events:auto;opacity:1!important}#customize .px-scene{flex-direction:column;justify-content:center;height:100%;display:flex}#customize .cf-stage .cf-mock{height:100%}.px-front,.px-front-sm,.px-front-left{min-width:0;max-width:min(420px,100%)!important}.px-term-body{min-width:0;overflow:hidden}}@media (max-width:600px) and (max-height:700px){#customize .px-scene{padding-top:8px!important;padding-bottom:44px!important}#customize .px-flow{bottom:8px!important}}@media (max-width:900px){#customize .px-scene{position:relative}#customize .px-scene .px-back{transform-origin:top;z-index:1;cursor:pointer;filter:brightness(.55)saturate(.8);opacity:.85;transition:filter .45s,opacity .45s,top .45s cubic-bezier(.16,1,.3,1);animation:none;width:640px!important;height:420px!important;transform:translateX(-50%) scale(var(--pk,.5))!important;display:flex!important;position:absolute!important;top:10px!important;left:50%!important;right:auto!important}#customize .px-scene .px-front{z-index:2;transition:filter .45s,opacity .45s,transform .45s cubic-bezier(.16,1,.3,1);position:relative;margin-top:44px!important}#customize .px-scene.px-swap .px-back{z-index:3;filter:none;opacity:1;cursor:default;top:44px!important}#customize .px-scene.px-swap .px-front{z-index:1;filter:brightness(.5)saturate(.8);opacity:.8;cursor:pointer;transform:translateY(-34px)scale(.94)}#customize .px-scene .px-front *,#customize .px-scene .px-back *{pointer-events:none}#customize .px-scene.px-swap .px-back .pa{animation:none!important}#customize .cf-mock-on .px-scene:not(.px-swap):not(.px-touched) .px-back{animation:1.5s cubic-bezier(.16,1,.3,1) both pxBackSeq}#customize .cf-mock-on .px-scene:not(.px-swap):not(.px-touched) .px-front{animation:.8s cubic-bezier(.16,1,.3,1) 1.05s both pxFrontSeq}#customize .cf-mock-on .px-scene:not(.px-swap):not(.px-touched) .px-back .pa{animation-delay:calc(var(--i,0) * 40ms + .15s)}#customize .cf-mock-on .px-scene:not(.px-swap):not(.px-touched) .px-front .pa{animation-delay:calc(var(--i,0) * 70ms + 1.3s)}#customize .cf-mock-on .px-scene:not(.px-swap):not(.px-touched) .px-flow{animation-delay:1.9s}#customize .px-scene.px-swap .px-front,#customize .px-scene.px-swap .px-back,#customize .px-scene.px-touched .px-front,#customize .px-scene.px-touched .px-back{animation:none!important}}@keyframes pxBackSeq{0%{opacity:0;filter:none;translate:0 18px}35%{opacity:1;filter:none;translate:0}65%{opacity:1;filter:none}to{opacity:.85;filter:brightness(.55)saturate(.8)}}@keyframes pxFrontSeq{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0}}@media (max-width:600px) and (max-height:700px){#customize .px-flow{display:none!important}#customize .px-scene{padding-top:4px!important;padding-bottom:12px!important}#customize .px-scene .px-front{margin-top:38px!important}#customize .px-scene .px-back{top:4px!important}#customize .px-scene.px-swap .px-back{top:38px!important}}@media (prefers-reduced-motion:reduce){#customize .px-scene .px-back,#customize .px-scene .px-front{transition:none!important;animation:none!important}}@media (min-width:901px){.cf-scroller{height:520vh!important}#customize .cf-stage-label{z-index:5;color:#fff;opacity:calc((var(--cf-ex,0) - .6) * 2.5);transform:translateY(calc((1 - var(--cf-ex,0)) * -8px));pointer-events:none;background:linear-gradient(135deg,#1f47e6,#2955ff 55%,#4d7cff);border-radius:999px;align-items:center;gap:8px;padding:7px 13px 7px 9px;display:flex;position:absolute;top:14px;left:16px;box-shadow:0 8px 20px -8px #2955ffaa}#customize .cf-stage-label b{font:700 13px/1 var(--font-display);color:#fff}#customize .cf-stage-label .ix,#customize .cf-stage-label .ix svg{color:#fff!important}#customize .cf-stage-label .ix>.ix-l{opacity:0!important}#customize .cf-stage-label .ix>.ix-f{opacity:1!important;transform:none!important}}@media (max-width:900px){#customize .cf-stage-label{display:none}}@media (min-width:901px){#customize .cf-card{transition:background .55s,border-color .55s,box-shadow .55s}#customize .cf-tab,#customize .cf-tab-title,#customize .cf-tab-body,#customize .cf-tab .ix{transition:background .45s,color .45s,border-color .45s!important}#customize .cf-stage{transition:border-color .55s,margin .4s}#customize.cf-dark .cf-card{background:radial-gradient(55% 45% at 85% 0,#6366f126 0%,#0000 60%),#060913!important;border-color:#141a2c!important;box-shadow:0 30px 70px -30px #0b123899!important}#customize.cf-dark .cf-tabs,#customize.cf-dark .cf-tab{background:0 0!important;border-color:#1a2035!important}#customize.cf-dark .cf-tab:not(.cf-tab-on):hover{background:#111729!important}#customize.cf-dark .cf-tab:not(.cf-tab-on) .cf-tab-title{color:#8b93a7!important}#customize.cf-dark .cf-tab:not(.cf-tab-on) .ix,#customize.cf-dark .cf-tab:not(.cf-tab-on) .ix svg{color:#6b7590!important}#customize.cf-dark .cf-tab:not(.cf-tab-on):hover .cf-tab-title{color:#e5e7eb!important}#customize.cf-dark .cf-tab.cf-tab-on{background:linear-gradient(135deg,#1f47e6 0%,#2955ff 55%,#4d7cff 100%)!important}#customize.cf-dark .cf-tab.cf-tab-on .cf-tab-body{color:#e3ecff!important}#customize.cf-dark .cf-stage{border-color:#0000!important}}.px-ver{align-items:stretch}.px-checks{justify-content:space-between;gap:7px}.px-chk{flex:1;max-height:56px}.px-score{justify-content:space-between;padding:14px 12px!important}.px-score .px-ring{width:92px;height:92px}.px-meter{gap:5px 6px}@media (max-width:900px){.px-chk{flex:none}.px-score{justify-content:flex-start}}.px-plan{align-items:stretch!important}.px-raw{box-sizing:border-box;height:100%}.px-raw p{flex:1}.px-raw-an{border-top:1px dashed #262f4a;flex-direction:column;gap:7px;padding-top:10px;display:flex}.px-raw-tags{flex-wrap:wrap;gap:5px;display:flex}.px-raw-tags span{font:600 8.5px/1 var(--font-body);color:#cbd2e4;background:#1a2035;border:1px solid #262f4a;border-radius:5px;padding:4px 7px}.px-raw-rule{font:600 9.5px/1.3 var(--font-body);color:#aab1c4;align-items:center;gap:6px;display:flex}.px-raw-rule i{background:#818cf8;border-radius:50%;flex-shrink:0;width:6px;height:6px}.px-plan-out{justify-content:space-between}.px-card .px-ta{flex:1;min-height:44px}.px-input-sm{color:#8b93a7;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding:5px 9px;font-size:9px;overflow:hidden}.cf-mock-on .px-ln:nth-child(17){animation-delay:2.57s}.cf-mock-on .px-ln:nth-child(18){animation-delay:2.68s}.cf-mock-on .px-ln:nth-child(19){animation-delay:2.79s}.cf-mock-on .px-ln:nth-child(20){animation-delay:2.9s}.cf-mock-on .px-ln:nth-child(21){animation-delay:3.01s}.cf-mock-on .px-ln:nth-child(22){animation-delay:3.12s}.cf-mock-on .px-ln:nth-child(23){animation-delay:3.23s}.px-card.px-out .px-out-tag{inset:12px auto auto 172px!important}.px-cur-d .px-cur-lbl{top:14px;left:auto;right:16px}.px-vgrid{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:8px;min-height:0;display:grid}.px-vc{background:#111729;border:1px solid #1f2740;border-radius:11px;align-items:center;gap:10px;min-width:0;padding:9px 11px;display:flex}.px-vc-ico{color:#a5b4fc;background:#1b2150;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.px-vc-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.px-vc-main b{font:700 11.5px/1.2 var(--font-display);color:#f1f3f9}.px-vc-main small{font:500 9.5px/1.35 var(--font-body);color:#8b93a7}.px-vc-st{flex-shrink:0;width:20px;height:20px;position:relative}.px-vc-st .sp{border:2px solid #6366f155;border-top-color:#818cf8;border-radius:50%;position:absolute;inset:0}.px-vc-st .tk{box-sizing:border-box;color:#06281b;background:#34d399;border-radius:50%;width:20px;height:20px;padding:4px;position:absolute;inset:0;transform:scale(0)}.cf-mock-on .px-vc-st .sp{animation:pxSpin .8s linear infinite,pxVcOut .25s ease var(--d) forwards}.cf-mock-on .px-vc-st .tk{animation:pxVcIn .45s cubic-bezier(.34,1.56,.64,1) var(--d) forwards}@keyframes pxVcOut{to{opacity:0}}@keyframes pxVcIn{to{transform:scale(1)}}@keyframes pxVcFade{to{opacity:1}}.px-vstat{margin-left:auto;display:inline-grid}.px-vstat>span{font:700 9px/1 var(--font-display);white-space:nowrap;border-radius:999px;grid-area:1/1;justify-self:end;padding:6px 11px}.px-vstat .a{color:#a5b4fc;background:#1b2150}.px-vstat .b{color:#06281b;opacity:0;background:#34d399}.cf-mock-on .px-vstat .a{animation:pxVcOut .3s ease var(--e,3.5s) forwards}.px-vstat .a{--e:3.4s}.cf-mock-on .px-vstat .b{animation:pxVcFade .4s ease var(--e) forwards}.px-vprog{flex-shrink:0;align-items:center;gap:10px;display:flex}.px-vprog-l{font:600 9px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#8b93a7;flex-shrink:0}.px-vprog-bar{flex:1;grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.px-vprog-bar i{background:#1e2638;border-radius:3px;height:5px;position:relative;overflow:hidden}.px-vprog-bar i:after{content:"";transform-origin:0;background:linear-gradient(90deg,#34d399,#22d3ee);position:absolute;inset:0;transform:scaleX(0)}.cf-mock-on .px-vprog-bar i:after{animation:pxVcFill .45s ease var(--d) forwards}@keyframes pxVcFill{to{transform:scaleX(1)}}.px-vprog-r{font:700 10px/1 var(--font-display);color:#34d399;opacity:0;flex-shrink:0}.cf-mock-on .px-vprog-r{animation:pxVcFade .4s ease var(--e) forwards}.px-gate .px-ring{flex-shrink:0}.px-gate-list{flex-direction:column;gap:8px;min-width:0;display:flex}.px-gr{font:600 10px/1.3 var(--font-body);color:#e5e7eb;align-items:center;gap:7px;display:flex}.px-gr i{color:#06281b;background:#34d399;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.px-gate-status{background:#0f2a22;border:1px solid #1d5a43;border-radius:10px;flex-direction:column;gap:4px;margin-top:2px;padding:10px 12px;display:flex}.px-gate-status b{font:700 12px/1 var(--font-display);color:#fff;align-items:center;gap:7px;display:flex}.px-gate-status b i{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d399}.px-gate-status small{font:500 9px/1.2 var(--font-mono);color:#7ad9b0}.px-dlg.px-front.px-out{position:absolute}@media (max-width:900px){.px-dlg.px-front.px-out{position:relative}}.px-scene-verify .px-vgrid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}.px-scene-verify .px-vc{flex-direction:column;align-items:stretch;gap:6px;padding:10px 11px}.px-vc-top{align-items:center;gap:8px;min-width:0;display:flex}.px-vc-top b{min-width:0;font:700 11.5px/1.2 var(--font-display);color:#f1f3f9;flex:1}.px-vc-d{font:500 9.5px/1.45 var(--font-body);color:#9aa3b8}.px-vc-chips{flex-wrap:wrap;gap:4px;margin-top:auto;display:flex}.px-vc-chips span{font:600 8px/1 var(--font-body);color:#a5b4fc;background:#1b2150;border:1px solid #2c3470;border-radius:5px;padding:4px 5px}.px-scene-verify .px-vc-ico{border-radius:8px;width:26px;height:26px}.px-gate{align-items:center;gap:14px;display:flex}.px-gate .px-ring{flex-shrink:0;width:84px;height:84px}.px-gate-meters{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.px-gchips{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.px-gc{min-width:0;font:600 9px/1.1 var(--font-body);color:#d1fae5;white-space:nowrap;background:#0f2a22;border:1px solid #1d5a43;border-radius:8px;align-items:center;gap:5px;padding:6px 7px;display:flex}.px-gc i{color:#06281b;background:#34d399;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;display:flex}.px-gate-foot{font:700 11px/1 var(--font-display);color:#fff;justify-content:flex-start!important;gap:8px!important}.px-gate-foot small{font:500 9px/1 var(--font-mono);color:#7ad9b0;margin-left:auto}.px-gate-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 8px #34d399}.px-cur-v .px-cur-lbl{display:none}.px-scene-verify .px-dlg-body{gap:12px}@media (max-width:900px){.px-dlg.px-front.px-out{position:relative}}@media (max-width:480px){.px-gc{padding:5px 6px;font-size:8.5px}.px-gate{gap:10px}}@media (max-width:380px){#customize .px-gc{gap:3px;padding:5px 4px;font-size:7.8px}#customize .px-gc i{width:11px;height:11px}}.cf-mock-on .px-scene-verify .px-front .pa{animation-delay:calc(4.3s + (var(--i) - 8) * 70ms)}.cf-mock-on .px-scene-verify .px-front .px-ring-fg{animation-delay:4.2s}.cf-mock-on .px-scene-verify .px-front .px-meter i{animation-delay:4.4s}.cf-mock-on .px-scene-verify .px-flow{animation-delay:4s}@media (min-width:901px){.cf-mock-on .px-scene-verify .px-front.px-out{animation:.9s cubic-bezier(.16,1,.3,1) 4s both pxWinF,2.6s ease-in-out 5s infinite pxOut}}#customize .px-scene-verify.px-pending .px-front{pointer-events:none;opacity:0!important}.px-plan-out.px-out{padding:6px!important}.px-browser.px-out .px-br-url{margin-right:0!important}