.ba{aspect-ratio:1/1.05;-webkit-user-select:none;user-select:none;border-radius:20px;position:relative;overflow:hidden}.ba .after{position:absolute;inset:0}.ba .before{clip-path:inset(0 0 0 var(--pos,50%));position:absolute;inset:0}.ba .handle{top:0;bottom:0;left:var(--pos,50%);pointer-events:none;background:#fff;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #0000001a}.ba .knob{top:50%;left:var(--pos,50%);color:#0b0f1a;pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000059}.ba input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba .tag{letter-spacing:.06em;border-radius:8px;padding:.3rem .6rem;font-size:11px;font-weight:700;position:absolute;top:12px}.ba{box-shadow:0 40px 100px #0f172a40}.ba .tag{z-index:3}.ba .tag-b{color:#374151;background:#fff;right:14px;box-shadow:0 2px 8px #0000001f}.ba .tag-a{color:#fff;background:#111827;left:14px}.ba .knob{z-index:4;color:#111827;letter-spacing:-.05em;font-size:18px;font-weight:800}.ba .handle{z-index:3;background:#fff;width:3px;box-shadow:0 0 0 1px #00000026,0 0 18px #00000059}.cre-before{background:#fff}.cre-before img{width:78%;height:auto;position:absolute;top:30%;left:11%;transform:rotate(-10deg)}.cre-before .meta{color:#9ca3af;font-family:ui-monospace,monospace;font-size:12px;position:absolute;bottom:16px;right:18px}.cre-after{color:#fff;background:linear-gradient(160deg,#0b1220 0%,#0f172a 45%,#052e16 100%);font-family:Inter,system-ui,sans-serif}.cre-after .glow{background:radial-gradient(#22c55e8c 0%,#22c55e00 62%);border-radius:50%;width:110%;height:80%;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.cre-after .stripe{background:linear-gradient(90deg,#a3e63500,#a3e63547 30% 70%,#a3e63500);width:140%;height:14%;position:absolute;top:46%;left:-20%;transform:rotate(-10deg)}.cre-after .dots{background:radial-gradient(circle,#ffffff47 1.3px,#0000 1.8px) 0 0/12px 12px;width:46%;height:46%;position:absolute;top:8%;right:-8%;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 70%);mask-image:radial-gradient(circle,#000 30%,#0000 70%)}.cre-after .brand{letter-spacing:.28em;color:#a3e635;font-size:14px;font-weight:900;position:absolute;top:60px;left:28px}.cre-after .kicker{letter-spacing:.18em;color:#fff9;font-size:11px;font-weight:800;position:absolute;top:84px;left:28px}.cre-after .h{letter-spacing:-.04em;color:#fff;text-shadow:0 12px 40px #00000080;font-size:clamp(40px,7.5vw,58px);font-weight:900;line-height:1;position:absolute;top:106px;left:26px}.cre-after .prod{filter:brightness(1.08)saturate(1.1)drop-shadow(0 40px 36px #0000008c);width:78%;height:auto;position:absolute;top:30%;left:11%;transform:rotate(-10deg)}.cre-after .badge{color:#0b1220;background:#facc15;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:absolute;top:22px;right:22px;transform:rotate(10deg);box-shadow:0 14px 34px #facc1559}.cre-after .badge b{letter-spacing:-.03em;font-size:24px;font-weight:900;line-height:1}.cre-after .badge span{letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:800}.cre-after .price{align-items:baseline;gap:12px;display:flex;position:absolute;bottom:28px;left:28px}.cre-after .price s{opacity:.6;font-size:15px}.cre-after .price b{letter-spacing:-.03em;color:#a3e635;font-size:clamp(30px,5vw,42px);font-weight:900}.cre-after .pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;position:absolute;bottom:30px;right:22px}
.ic-d{color:#c4b5fd;background:#a78bfa2e}.chn{aspect-ratio:1;width:100%;max-width:560px;margin:0 auto;position:relative}.ch-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ch-lines line{stroke:#ffffff24;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:4 5;transition:stroke .4s}.ch-lines line.on{stroke:#a78bfa;stroke-dasharray:none;filter:drop-shadow(0 0 6px #a78bfae6)}.ch-hub{z-index:3;background:linear-gradient(160deg,#1b2140,#0f1424);border:1px solid #a78bfa73;border-radius:16px;width:212px;padding:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #7c3aed1f,0 24px 60px #00000080}.ch-hub .top{align-items:center;gap:10px;display:flex}.ch-hub img{object-fit:contain;background:#fff;border-radius:8px;width:44px;height:34px;padding:3px}.ch-hub b{font-size:13.5px;display:block}.ch-hub .top span{color:#34d399;font-size:11.5px;font-weight:600}.ch-hub .sched{color:#c7cbd8;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:5px 10px;font-size:11.5px;display:flex}.ch-hub .sched i{font-style:normal}.ch-hub .sched b{color:#fff;font-variant-numeric:tabular-nums;display:inline}.ch-hub .sched.go{color:#fff;background:#7c3aed59;border-color:#a78bfa99}.ch-hub.pulse{animation:.6s ease-out chpulse}@keyframes chpulse{0%{box-shadow:0 0 0 6px #7c3aed1f,0 24px 60px #00000080}40%{box-shadow:0 0 0 18px #7c3aed00,0 24px 60px #00000080}to{box-shadow:0 0 0 6px #7c3aed1f,0 24px 60px #00000080}}.ch-tile{z-index:2;background:#151b2e;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:9px;width:max-content;min-width:136px;padding:8px 10px;transition:border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.34,1.56,.64,1),opacity .35s;display:flex;position:absolute;transform:translate(-50%,-50%)}.ch-tile .ico{color:#fff;background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:flex;overflow:hidden}.ch-tile .ico img{width:16px;height:16px}.ch-tile b{white-space:nowrap;font-size:12.5px;line-height:1.15;display:block}.ch-tile span{color:#8b93b0;white-space:nowrap;margin-top:2px;font-size:10.5px;display:block}.ch-tile.hit{border-color:#34d399b3;transform:translate(-50%,-50%)scale(1.06);box-shadow:0 0 0 4px #34d39924,0 12px 30px #34d39940}.ch-tile.hit span{color:#34d399}.ch-tile.swap{opacity:0;transform:translate(-50%,-50%)scale(.7)}.ch-file{z-index:4;color:#111827;pointer-events:none;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:800;transition:left .85s cubic-bezier(.4,0,.2,1),top .85s cubic-bezier(.4,0,.2,1),opacity .2s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff2e,0 10px 24px #00000073}.ch-file i{background:linear-gradient(#ede9fe,#fff);border:1.5px solid #7c3aed;border-radius:2px;width:8px;height:10px;font-style:normal}.ch-p{pointer-events:none;z-index:6;border-radius:50%;width:6px;height:6px;animation:.7s cubic-bezier(.2,.8,.3,1) forwards fap;position:absolute}.ch-more{color:#8b93b0;white-space:nowrap;margin:0;font-size:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.ch-tile.off,.ch-lines line.off{display:none}@media (max-width:639px){.chn{aspect-ratio:1/1.25}.ch-tile{gap:7px;min-width:118px;padding:7px 8px}.ch-tile b{font-size:11.5px}.ch-tile span{font-size:10px}.ch-hub{width:184px;padding:10px}.ch-hub img{width:34px;height:28px}.ch-hub b{font-size:12.5px}.ch-hub .sched{padding:4px 8px;font-size:10.5px}}
.cmp{background:linear-gradient(160deg,#151b2e,#0f1424);border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px #00000073}.cmp-head,.cmp-r{grid-template-columns:1fr 1.15fr 1fr;align-items:center;display:grid}.cmp-head span{letter-spacing:.1em;text-transform:uppercase;color:#8b93b0;padding:16px 20px;font-size:11px;font-weight:800}.cmp-head .us{background:#34d39924;border-bottom:2px solid #34d399}.cmp-head .us img{width:auto;height:15px}.cmp-r{border-top:1px solid #ffffff12;transition:opacity .4s,transform .4s}.cmp.arm .cmp-r:not(.in){opacity:0;transform:translateY(8px)}.cmp-r>span{align-items:center;gap:10px;padding:15px 20px;font-size:15px;line-height:1.3;display:flex}.cmp-r .f{color:#c7cbd8;font-weight:600}.cmp-r .us{color:#fff;background:#34d39914;align-self:stretch;font-weight:700}.cmp-r .them{color:#ffffff73}.cmp-r i{border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-style:normal;font-weight:900;display:flex}.cmp-r i.y{color:#052e1c;background:#34d399}.cmp-r i.n{color:#f87171;background:#f8717129}.cmp-r i.p{color:#fbbf24;background:#fbbf2429}.cmp.arm .cmp-r.in i.y{animation:.5s cubic-bezier(.34,1.56,.64,1) both cmpstamp}@keyframes cmpstamp{0%{opacity:0;transform:scale(2)}60%{opacity:1;transform:scale(.9)}to{transform:scale(1)}}@media (max-width:640px){.cmp-head,.cmp-r{grid-template-columns:1fr 1fr}.cmp-head span:first-child{display:none}.cmp-r .f{color:#8b93b0;grid-column:1/-1;padding-bottom:2px;font-size:13px}.cmp-r>span{padding:11px 14px;font-size:14px}.cmp-head span{padding:12px 14px}}
.fa{position:relative}.fa-stage{height:700px;position:relative}.fa-card{color:#e5e7eb;background:linear-gradient(160deg,#151b2e,#0f1424);border:1px solid #ffffff1a;border-radius:16px;width:340px;transition:box-shadow .6s,border-color .6s;position:absolute;top:136px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 30px 80px #0f172a59}.fa-card.ready{border-color:#22c55e99;box-shadow:0 0 0 4px #22c55e26,0 30px 80px #22c55e40}.fa-head{color:#8b93b0;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 14px;font-size:11px;display:flex;position:relative}.fa-head img{object-fit:contain;background:#fff;border-radius:6px;width:40px;height:28px;padding:2px}.fa-head .scan{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#a78bfa,#22d3ee,#0000);height:2px;position:absolute;top:100%;left:0;right:0}.fa-card.scanning .scan{animation:1.2s ease-in-out 2 fascan}@keyframes fascan{0%{opacity:0;top:100%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:calc(100% + 330px)}}.fa-rows,.fa-ext{padding:6px 14px 8px}.fa .r{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:5px 0;font-size:12.5px;display:flex}.fa .r:last-child{border-bottom:0}.fa .r b{color:#8b93b0;flex:0 0 92px;font-size:11.5px;font-weight:500}.fa .r span{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.fa .r span.raw{color:#c7cbd8;font-family:ui-monospace,monospace}.fa .r span.miss{color:#f87171}.fa .r.hit{background:#34d3991f;margin:0 -14px;padding-left:14px;padding-right:14px}.fa .r.hit span{color:#34d399}.fa .r span.pop{animation:.4s cubic-bezier(.2,.8,.2,1) both fapop}@keyframes fapop{0%{opacity:0;color:#34d399;transform:translateY(-8px)scale(1.15)}to{opacity:1;transform:none}}.fa .r span.done:after{content:"✓";color:#34d399;margin-left:8px;font-size:11px;font-weight:800}.fa-ext{border-top:1px dashed #ffffff1f;display:none}.fa-ext.show{display:block}.fa-ready{color:#fff;opacity:0;white-space:nowrap;background:#16a34a;border-radius:999px;padding:9px 18px;font-size:12.5px;font-weight:800;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:6px;left:50%;transform:translate(-50%,10px);box-shadow:0 12px 30px #16a34a59}.fa-ready.in{opacity:1;transform:translate(-50%)}.fa-rule{z-index:5;opacity:0;pointer-events:none;transform-origin:50%;border-radius:16px;max-width:290px;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .3s,left .85s cubic-bezier(.6,0,.3,1),top .85s cubic-bezier(.6,0,.3,1);position:absolute;transform:scale(.7)translateY(10px);box-shadow:0 24px 60px #0b0f1a4d}.fa-rule.in{opacity:1;transform:none}.fa-rule.fly{transition:transform .85s cubic-bezier(.6,0,.3,1),left .85s cubic-bezier(.6,0,.3,1),top .85s cubic-bezier(.6,0,.3,1),opacity .25s;transform:scale(.55)}.fa-rule.gone{opacity:0;transform:scale(.15)}.fa-rule.rule{color:#111827;background:#fff;border:1px solid #e5e7eb;padding:14px 18px;font-size:15px;font-weight:600;line-height:1.45}.fa-rule.rule b{color:#7c3aed;font-weight:800}.fa-rule.rule i{letter-spacing:.12em;color:#7c3aed;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-style:normal;font-weight:800;display:flex}.fa-rule.rule i:before{content:"";background:#7c3aed;border-radius:50%;width:8px;height:8px}.fa-rule.ai{color:#fff;background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:18px 18px 4px;padding:14px 18px;font-size:15px;font-weight:600;line-height:1.45}.fa-rule.ai i{letter-spacing:.12em;opacity:.9;margin-bottom:6px;font-size:11px;font-style:normal;font-weight:800;display:block}.fa-rule.data{color:#111827;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:700;display:flex}.fa-rule.data img{width:22px;height:22px}.fa-rule.data b{color:#16a34a}.fa-card{transform-origin:50%}.fa-card.impact{animation:.45s cubic-bezier(.34,1.56,.64,1) faimpact}@keyframes faimpact{0%{transform:translate(-50%)scale(1)}35%{transform:translate(-50%)scale(1.025)}to{transform:translate(-50%)scale(1)}}.fa .r{position:relative}.fa .r.sweep:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#34d39959,#0000);animation:.7s ease-out both fasweep;position:absolute;inset:0 -14px}@keyframes fasweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fa-p{pointer-events:none;z-index:6;border-radius:50%;width:7px;height:7px;animation:.8s cubic-bezier(.2,.8,.3,1) forwards fap;position:absolute}@keyframes fap{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.fa-rule{transform:scale(.6)rotate(-6deg)translateY(14px)}.fa-rule.in{transform:none}.fa-rule.fly{transform:scale(.55)rotate(4deg);box-shadow:0 0 0 6px #a78bfa40,0 0 40px #7c3aed8c}.fa-rule.ai.fly{box-shadow:0 0 0 6px #60a5fa4d,0 0 40px #3b82f699}.fa-rule.data.fly{box-shadow:0 0 0 6px #34d3994d,0 0 40px #22c55e8c}.fa-card .shine{pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff59 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.fa-card.ready .shine{animation:1s ease-out .15s both fashine}@keyframes fashine{to{transform:translate(120%)}}.fa-head .cnt{color:#34d399;opacity:0;margin-left:auto;font-weight:800;transition:opacity .4s}.fa-card.ready .fa-head .cnt{opacity:1}@media (max-width:640px){.fa-stage{height:740px}.fa-card{width:min(340px,100%)}.fa-rule{max-width:200px}}
.stage{zoom:1.08;width:100%;max-width:560px;height:620px;margin:0 auto;position:relative}.steps{justify-content:center;gap:6px;margin-bottom:18px;display:flex}.step{color:#ffffff59;align-items:center;gap:8px;font-size:11.5px;font-weight:600;transition:color .4s;display:flex}.step .n{border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .4s;display:flex}.step.on{color:#fff}.step.on .n{background:#7c3aed;border-color:#a78bfa;box-shadow:0 0 16px #a78bfa99}.step.done .n{color:#fff;background:#16a34a;border-color:#22c55e}.step .ln{background:#ffffff2e;width:26px;height:1px;margin:0 2px}.wrap{height:560px;position:relative}.wrap>*{transition:all .85s cubic-bezier(.22,1,.36,1);position:absolute}.corelbl{transition:opacity .35s,transform .35s,top .85s cubic-bezier(.22,1,.36,1),left .85s cubic-bezier(.22,1,.36,1)!important}.browser{transition:opacity .6s,filter .6s,transform .85s cubic-bezier(.22,1,.36,1)!important}.packbg{transition:opacity .6s .25s!important}.browser{color:#111827;z-index:2;background:#fff;border-radius:14px;width:470px;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 30px 80px #00000073}.browser .bar{background:#f3f4f6;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.browser .bar i{background:#d1d5db;border-radius:50%;width:9px;height:9px;display:block}.browser .bar .url{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;align-items:center;height:16px;margin-left:10px;padding:0 8px;font-family:ui-monospace,monospace;font-size:9.5px;display:flex}.browser .nav{color:#9ca3af;border-bottom:1px solid #f3f4f6;align-items:center;gap:14px;height:26px;padding:0 16px;font-size:9px;font-weight:700;display:flex}.browser .body{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;padding:16px;display:grid}.browser .slot{background:#fff;border:2px dashed #0000;border-radius:10px;height:200px;transition:border-color .4s,background .4s}.browser .pt{color:#374151;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-family:ui-monospace,monospace;font-size:12.5px;font-weight:600;overflow:hidden}.browser .pp{margin-bottom:10px;font-size:15px;font-weight:800}.browser .ln2{background:#f3f4f6;border-radius:3px;height:6px;margin-bottom:6px}.browser .ln2.s{width:70%}.browser .cart{color:#fff;background:#111827;border-radius:6px;justify-content:center;align-items:center;width:110px;height:26px;margin-top:12px;font-size:10px;font-weight:700;display:flex}.browser .info{box-sizing:border-box;border:2px dashed #0000;border-radius:10px;height:200px;padding:12px;transition:border-color .4s,background .4s;position:relative}.stage.scan .browser .info{background:#7c3aed0f;border-color:#7c3aed}.stage.scan .imgc{border-color:#7c3aed}.stage.scan .imgc:after{content:"";pointer-events:none;background:#7c3aed0f;position:absolute;inset:0}.scanlbl{color:#fff;opacity:0;z-index:9;background:#7c3aed;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;transform:translateY(4px);box-shadow:0 6px 18px #7c3aed80}.stage.scan .scanlbl{opacity:1;transform:none}.stage[data-s="2"] .browser,.stage[data-s="3"] .browser,.stage[data-s="4"] .browser{opacity:0;filter:blur(8px);pointer-events:none;transform:translate(-50%)scale(.94)}.imgc{left:var(--sx,61px);top:var(--sy,72px);width:var(--sw,211px);height:var(--sh,200px);box-sizing:border-box;z-index:5;background:#fff;border:2px dashed #0000;border-radius:10px;overflow:hidden;box-shadow:0 0 #0000}.imgc img{object-fit:contain;width:100%;height:100%;padding:8px;transition:filter .8s;position:absolute;inset:0}.imgc .bg{background:linear-gradient(135deg,#f5d0fe,#c7d2fe 60%,#a5f3fc);position:absolute;inset:0}.imgc img{mix-blend-mode:multiply}.imgc.nice img{filter:contrast(1.04)}.imgc>.bd{color:#fff;opacity:0;background:linear-gradient(90deg,#7c3aed,#3b82f6);border-radius:7px;padding:3px 8px;font-size:12px;font-weight:800;transition:all .5s .3s;position:absolute;top:8px;left:8px;transform:scale(.6)}.imgc>.pr{color:#fff;opacity:0;background:#111827;border-radius:7px;padding:3px 8px;font-size:12px;font-weight:800;transition:all .5s .45s;position:absolute;bottom:8px;left:8px;transform:translateY(6px)}.imgc.nice>.bd,.imgc.nice>.pr{opacity:1;transform:none}.imgc .sl{opacity:0;background:linear-gradient(90deg,#0000,#a78bfa,#22d3ee,#0000);height:3px;position:absolute;top:-4px;left:0;right:0;box-shadow:0 0 14px #a78bfa}.imgc.scanning .sl,.datac.scanning .sl{opacity:1;animation:1.2s ease-in-out 2 forwards sweep2}@keyframes sweep2{0%{top:-4px}to{top:100%}}.stage[data-s="1b"] .imgc{width:264px;height:300px;top:240px;left:20px;box-shadow:0 20px 50px #00000073}.stage[data-s="2"] .imgc{width:230px;height:300px;top:110px;left:14px;box-shadow:0 20px 50px #00000073}.stage[data-s="3"] .imgc{width:272px;height:190px;top:24px;left:144px;box-shadow:0 20px 50px #00000073}.stage[data-s="4"] .imgc{width:260px;height:200px;box-shadow:none;top:14px;left:14px;transform:none}.packbg{opacity:0;z-index:1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;width:284px;height:578px;top:2px;left:2px}.stage[data-s="4"] .packbg{opacity:1}.stage[data-s="4"] .chs{top:140px}.stage[data-s="4"] .imgc.nice img{transform-origin:50% 55%;padding:38px 18px 48px;transform:scale(1.18)}.datac{color:#e5e7eb;z-index:5;opacity:0;background:linear-gradient(160deg,#151b2e,#0f1424);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:space-between;width:211px;padding:10px 12px;font-family:Inter,system-ui,sans-serif;font-size:10.5px;line-height:1.5;display:flex;top:78px;left:288px;overflow:hidden}.datac .r{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:1px 0;display:flex}.datac .r:last-child{border-bottom:0}.datac .r.t span{color:#fff;white-space:nowrap;letter-spacing:-.01em;font-size:.93em;font-weight:600}.datac .r b{color:#8b93b0;flex:0 0 64px;font-size:.95em;font-weight:500}.datac .r span{word-break:break-word;flex:1;min-width:0;transition:filter .4s}.datac .r .bad{color:#f87171}.datac .r span{color:#e5e7eb}.datac .sl{opacity:0;background:linear-gradient(90deg,#0000,#a78bfa,#22d3ee,#0000);height:3px;position:absolute;top:-4px;left:0;right:0;box-shadow:0 0 14px #a78bfa}.datac.blur .r span{filter:blur(4px)}.imgc.blur img,.imgc.blur .cre{transition:filter .4s;filter:blur(6px)!important}.stage[data-s="1b"] .datac{opacity:1;box-sizing:border-box;width:264px;height:300px;padding:10px 14px;font-size:10.5px;line-height:1.4;transition-delay:.15s;top:240px;left:296px;box-shadow:0 20px 50px #00000073}.stage[data-s="2"] .datac{opacity:1;box-sizing:border-box;width:300px;height:300px;padding:10px 14px;font-size:10.5px;line-height:1.35;transition-delay:70ms;top:110px;left:260px;box-shadow:0 20px 50px #00000073}.stage[data-s="3"] .datac{opacity:1;color:#111827;background:#fff;width:272px;padding:6px 12px 2px;font-family:Inter,system-ui,sans-serif;font-size:11.5px;line-height:1.4;top:222px;left:144px}.stage[data-s="3"] .datac .r b{color:#9ca3af}.stage[data-s="3"] .datac .r span,.stage[data-s="3"] .datac .r .bad{color:#111827!important}.stage[data-s="3"] .datac .r{border-color:#f3f4f6}.stage[data-s="3"] .datac{background:#fff;border-color:#0000}.stage[data-s="4"] .datac{opacity:1;box-sizing:border-box;width:260px;height:290px;padding:10px 12px;font-size:9.5px;line-height:1.35;transition-delay:90ms;top:226px;left:14px;transform:none;box-shadow:0 16px 40px #0006}.stage[data-s="4"] .datac .r b{flex:0 0 54px}.stage[data-s="4"] .datac .r.t span{font-size:.9em}.core{opacity:0;z-index:6;background:radial-gradient(circle,#fff 0%,#a78bfa 30%,#3b82f6 70%,#0000 72%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;top:60px;left:50%;transform:translate(-50%)scale(.4);box-shadow:0 0 60px 20px #7c3aed8c}.core img{filter:drop-shadow(0 2px 6px #0006);width:26px;height:26px}.stage[data-s="2"] .core{opacity:1;animation:1.6s ease-in-out infinite pulse;transform:translate(-50%)scale(1)}@keyframes pulse{50%{box-shadow:0 0 90px 30px #7c3aedb3}}@keyframes rot{to{transform:rotate(360deg)}}.aura{filter:blur(30px);opacity:0;z-index:1;pointer-events:none;background:radial-gradient(closest-side,#7c3aed73,#3b82f640,#0000);border-radius:50%;width:520px;height:300px;top:255px;left:50%;transform:translate(-50%,-50%)}.stage[data-s="2"] .aura{opacity:1;animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.8;transform:translate(-50%,-50%)scale(1.12)}}.spark{color:#fff;opacity:0;z-index:7;text-shadow:0 0 10px #a78bfa,0 0 20px #22d3ee;pointer-events:none;font-size:14px;position:absolute}.stage[data-s="2"] .spark{animation:1.8s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}.ring{opacity:0;z-index:0;pointer-events:none;filter:blur(14px);background:conic-gradient(#7c3aed,#22d3ee,#3b82f6,#7c3aed);border-radius:20px;width:200px;height:300px;top:110px;left:50%;transform:translate(-50%)}.stage[data-s="2"] .ring{opacity:.55;animation:3s linear infinite spinbg}@keyframes spinbg{to{filter:blur(14px)hue-rotate(360deg)}}.imgc .bg{background:#f7f4ee}.imgc.nice img{transform-origin:50% 52%;filter:contrast(1.03);padding:50px 0 58px;transform:scale(1.14)}.cre{opacity:0;pointer-events:none;color:#1f2937;font-family:Inter,system-ui,sans-serif;transition:opacity .5s .5s;position:absolute;inset:0}.imgc.nice .cre,.final .cre{opacity:1}.cre .brand{letter-spacing:.04em;color:#1f2937;font-size:15px;font-weight:900;position:absolute;top:14px;left:16px}.cre .ttl{text-align:left;color:#6b7280;font-size:11px;font-weight:600;line-height:1.3;position:absolute;top:35px;left:16px;right:70px}.cre .off{color:#fff;background:#c2410c;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:13px;font-weight:800;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 14px #c2410c4d}.cre .bottom{text-align:left;justify-content:space-between;align-items:baseline;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.cre .pr{color:#c2410c;font-size:24px;font-weight:900;line-height:1}.cre .pr s{color:#9ca3af;margin:0 0 3px;font-size:11px;font-weight:600;display:block}.cre .sub,.cre .ship,.cre .c1{display:none}.cre .c2{opacity:.9;border:3px solid #c2410c;border-width:0 3px 3px 0;width:30px;height:30px;position:absolute;bottom:16px;right:16px}.stage .final .im{background:#f7f4ee}.stage .final .im img{object-fit:contain;mix-blend-mode:multiply;filter:none;padding:30px 40px 32px}.final .cre .ttl{font-size:10.5px;top:32px}.final .cre .off{width:42px;height:42px;font-size:12px}.final .cre .bottom{bottom:12px}.final .cre .pr{font-size:20px}.final .im>.bd,.final .im>.pr,.imgc>.bd,.imgc>.pr{display:none}.imgc .bg{clip-path:circle(0%);opacity:1;transition:clip-path .9s cubic-bezier(.2,.8,.2,1)}.imgc .cre{clip-path:circle(0%);transition:clip-path .9s cubic-bezier(.2,.8,.2,1) .15s,opacity .3s}.imgc.nice .cre,.imgc.nice .bg{clip-path:circle(120%)}.flash{opacity:0;z-index:8;pointer-events:none;border-radius:20px;width:546px;height:300px;top:110px;left:14px;overflow:hidden}.flash:before{content:"";background:linear-gradient(100deg,#0000 42%,#fffffff2 50%,#0000 58%);position:absolute;inset:-20% -60%;transform:translate(-70%)}.stage.boom .flash{opacity:1}.stage.boom .flash:before{animation:.8s ease-out forwards sweepx}@keyframes sweepx{to{transform:translate(70%)}}.stage.boom .imgc,.stage.boom .datac{animation:.7s cubic-bezier(.2,.8,.2,1) popcard}@keyframes popcard{0%{transform:scale(1)}35%{transform:scale(1.045);box-shadow:0 0 0 3px #a78bfae6,0 30px 80px #7c3aed99}to{transform:scale(1)}}.burst{opacity:0;z-index:9;pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;top:255px;left:136px;box-shadow:0 0 8px #a78bfa,0 0 14px #22d3ee}.stage.boom .burst{animation:.9s cubic-bezier(.1,.7,.3,1) forwards fly}@keyframes fly{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.datac .r span.popv,.datac .r span.bad.popv{color:#fff;z-index:2;transform-origin:0;animation:.3s cubic-bezier(.2,.8,.2,1) both rowin;position:relative}.datac .r.popr:after{content:"✓";color:#34d399;margin-left:auto;font-size:10px;font-weight:700;animation:.3s both tickin}@keyframes tickin{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes rowin{0%{opacity:0;text-shadow:0 0 14px #34d399e6;color:#34d399;transform:translate(6px,-16px)scale(1.9)}30%{opacity:1}75%{color:#34d399}to{opacity:1;text-shadow:0 0 #34d39900;color:#fff;transform:none}}.datac .r .tick{color:#34d399;width:0;margin-left:6px;transition:width .3s;display:inline-block;overflow:hidden}.datac.done .r .tick{width:14px}.corelbl{color:#fff;opacity:0;z-index:6;white-space:nowrap;background:#111827;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:flex;top:428px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.corelbl .spin{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite rot}.stage.lbl .corelbl{opacity:1}.stage[data-s="4"] .corelbl{box-shadow:none;animation:none;top:530px;left:144px}.stage[data-s="4"] .corelbl:after,.stage[data-s="4"] .corelbl:before{display:none}.ray{opacity:0;z-index:4;background:linear-gradient(#a78bfa,#0000);width:2px;height:0;top:102px;left:50%;transform:translate(-50%)}.final{color:#111827;opacity:0;z-index:3;background:#fff;border-radius:16px;width:300px;padding:14px;display:none;top:30px;left:130px;overflow:hidden;transform:none;box-shadow:0 30px 80px #00000073}.final .hd{letter-spacing:.12em;color:#9ca3af;justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.final .hd .pl{color:#15803d;letter-spacing:0;background:#dcfce7;border-radius:6px;padding:2px 7px}.final .im{background:linear-gradient(135deg,#f5d0fe,#c7d2fe 60%,#a5f3fc);border-radius:10px;height:200px;position:relative;overflow:hidden}.final .im img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:6px}.final .im>.bd{color:#fff;background:linear-gradient(90deg,#7c3aed,#3b82f6);border-radius:7px;padding:3px 8px;font-size:12px;font-weight:800;position:absolute;top:8px;left:8px}.final .im>.pr{color:#fff;background:#111827;border-radius:7px;padding:3px 8px;font-size:12px;font-weight:800;position:absolute;bottom:8px;left:8px}.final .rows{margin-top:8px;font-size:11.5px}.final .r{border-bottom:1px solid #f3f4f6;gap:8px;padding:1.5px 0;font-size:10.5px;display:flex}.final .r:last-child{border:0}.final .r b{color:#9ca3af;flex:0 0 70px;font-weight:500}.final .r span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.final .r i{color:#22c55e;font-size:11px;font-style:normal}.final .shine{pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffffb3 50%,#0000 70%);border-radius:16px;position:absolute;inset:0;transform:translate(-120%)}.stage[data-s="3"].merged .final{opacity:1}.stage[data-s="3"].merged .final .shine{animation:1.2s .3s shine}@keyframes shine{to{transform:translate(120%)}}.okpill{color:#fff;opacity:0;z-index:6;white-space:nowrap;background:#16a34a;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;top:566px;left:50%;transform:translate(-50%,8px);box-shadow:0 10px 30px #0006}.stage[data-s="3"].merged .okpill{opacity:0}.chs{z-index:2;flex-direction:column;gap:11px;width:218px;display:flex;top:16px;right:0}.chx{color:#fff;opacity:0;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .5s;display:flex;transform:translate(24px)}.chx img{width:18px;height:18px}.chx .ok{color:#22c55e;opacity:0;margin-left:auto;font-size:10px;font-weight:700;transition:opacity .4s}.chx{transform:translate(22px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s!important}.chx:nth-child(2){transition-delay:50ms!important}.chx:nth-child(3){transition-delay:.1s!important}.chx:nth-child(4){transition-delay:.15s!important}.chx:nth-child(5){transition-delay:.2s!important}.chx:nth-child(6){transition-delay:.25s!important}.chx.lit{transition-delay:0s!important}.stage.chan .chx{opacity:1;transform:none}.chx.lit .ok{opacity:1}.chx.lit{border-color:#22c55e73;box-shadow:inset 0 0 0 1px #22c55e26}.tree{pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.stage.chan .tree{opacity:1}.tree path.wire{fill:none;stroke:#a78bfa73;stroke-width:1.5px;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .7s}.stage.wired .tree path.wire{stroke-dashoffset:0}.tree circle.dot{fill:#fff;filter:drop-shadow(0 0 6px #a78bfa)drop-shadow(0 0 10px #22d3ee);opacity:0}.link{opacity:0;z-index:1;background:linear-gradient(90deg,#a78bfa,#0000);width:0;height:2px;top:110px;left:274px}.stage.calm .spark,.stage.calm .aura,.stage.calm .ring{opacity:0!important;animation:none!important}.stage.calm .corelbl{background:#16a34a}.stage.calm .corelbl .spin{display:none}.corelbl.swap{opacity:0!important;transform:translate(-50%,6px)scale(.85)!important}.stage.calm .corelbl{animation:.65s cubic-bezier(.34,1.56,.64,1) both lblpop;box-shadow:0 10px 30px #16a34a73}@keyframes lblpop{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}60%{opacity:1}to{opacity:1;transform:translate(-50%)scale(1)}}.stage.calm .corelbl:after{content:"";pointer-events:none;border:2px solid #4ade80e6;border-radius:999px;animation:.9s ease-out .15s both ring;position:absolute;inset:-4px}@keyframes ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.stage.calm .corelbl:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff80 50%,#0000 65%) 150% 0/250% 100% no-repeat;border-radius:999px;animation:.9s .35s both lblshine;position:absolute;inset:0}@keyframes lblshine{to{background-position:-150% 0}}.stage.calm.quiet .corelbl{opacity:0}.stage.fade .wrap>*,.stage.fade .steps{filter:blur(6px);opacity:0!important}.stage.noanim .wrap>*,.stage.noanim .wrap>* *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.orb,.marquee-track{animation:none}.reveal{opacity:1;transform:none}}.client-logo{filter:brightness(0)invert();opacity:.75;width:auto;height:30px;margin:0 40px;transition:filter .3s,opacity .3s}.client-logo:hover{filter:none;opacity:1}.mhero{display:none}@media (max-width:767px){.stage{display:none}.mhero{max-width:420px;margin:36px auto 0;display:block}.mhero .row{align-items:stretch;gap:14px;display:flex}.mhero .card{background:linear-gradient(165deg,#fff,#f7f4ee 60%);border-radius:16px;flex:0 0 150px;height:200px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000073}.mhero .card .b{color:#1f2937;font-size:13px;font-weight:900;position:absolute;top:10px;left:12px}.mhero .card .bd{color:#fff;background:#c2410c;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:900;display:flex;position:absolute;top:8px;right:8px}.mhero .card img{object-fit:contain;filter:drop-shadow(0 10px 12px #00000040);width:134px;height:90px;position:absolute;top:52px;left:8px}.mhero .card .pr{color:#c2410c;letter-spacing:-.02em;font-size:18px;font-weight:900;position:absolute;bottom:10px;left:12px}.mhero .card .was{color:#9ca3af;font-size:10px;text-decoration:line-through;position:absolute;bottom:14px;right:12px}.mhero .list{flex-direction:column;flex:1;justify-content:space-between;display:flex}.mhero .ch{color:#fff;background:#ffffff12;border:1px solid #22c55e73;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:700;display:flex;box-shadow:0 0 20px #22c55e1f}.mhero .ch img{width:16px;height:16px}.mhero .ch .ok{color:#22c55e;margin-left:auto;font-size:10px;font-weight:800}.mhero .ch .k{background:#ffffff24;border-radius:999px;padding:1px 6px;font-size:10px}.mhero .done{text-align:center;color:#22c55e;background:#22c55e24;border:1px solid #22c55e59;border-radius:999px;margin-top:12px;padding:8px 12px;font-size:12px;font-weight:800}}
.hw{grid-template-columns:1fr 64px 1fr 64px 1fr;align-items:stretch;display:grid}.hw-step{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;gap:16px;padding:22px;transition:box-shadow .4s,border-color .4s;display:flex}.hw-step.busy{border-color:#c4b5fd;box-shadow:0 0 0 4px #7c3aed14,0 24px 60px #0f172a14}.hw-top .n{letter-spacing:.1em;color:#6d28d9;background:#7c3aed1a;border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.hw-top b{margin-bottom:6px;font-size:22px;line-height:1.2;display:block}.hw-top p{color:#6b7280;margin:0;font-size:14.5px;line-height:1.5}.hw-pipe{--dx:64px;--dy:0px;background:repeating-linear-gradient(90deg,#c7cbd8 0 6px,#0000 6px 11px);align-self:center;width:100%;height:2px;position:relative}.hw-pipe:after{content:"";border:5px solid #0000;border-left:7px solid #c7cbd8;position:absolute;top:-4px;right:-1px}.hw-dot{background:#7c3aed;border-radius:50%;width:10px;height:10px;animation:.7s cubic-bezier(.4,0,.2,1) forwards hwdot;position:absolute;top:-4px;left:-5px;box-shadow:0 0 0 3px #7c3aed33}.hw-dot.g{background:#10b981;box-shadow:0 0 0 3px #10b98133}@keyframes hwdot{0%{opacity:1;transform:translate(0)}90%{opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}.hw-src{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hw-src button{color:#374151;cursor:pointer;background:#f5f7fb;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;font-size:11.5px;font-weight:700;transition:all .3s;display:flex}.hw-src button:hover{background:#fff;border-color:#e5e7eb}.hw-src button.on{color:#111827;background:#fff;border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 0 0 4px #7c3aed1f,0 10px 24px #7c3aed2e}.hw-src img{width:22px;height:22px}.hw-src .mono{color:#fff;letter-spacing:.02em;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:900;display:flex}.hw-opt{flex-direction:column;gap:12px;display:flex}.hw-opt .pr{color:#fff;background:#0f1424;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.hw-opt .pr img{object-fit:contain;background:#fff;border-radius:8px;width:44px;height:34px;padding:3px}.hw-opt .pr b{color:#c7cbd8;font-family:ui-monospace,monospace;font-size:13px;line-height:1.25;transition:color .3s;display:block}.hw-opt .pr b.ok{color:#fff;font-family:Inter,system-ui,sans-serif}.hw-opt .pr span{color:#8b93b0;font-size:11px}.hw-opt .pr span.ok{color:#34d399}.hw-opt .ops{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hw-opt .ops li{color:#6b7280;background:#f5f7fb;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:all .3s;display:flex}.hw-opt .ops li i{color:#6b7280;background:#e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-style:normal;transition:all .3s;display:flex}.hw-opt .ops li.run{color:#111827;background:#ede9fe}.hw-opt .ops li.run i{color:#fff;background:#7c3aed}.hw-opt .ops li.ok{color:#111827}.hw-opt .ops li.ok i{color:#fff;background:#10b981}.hw-opt .ops li.ok i:before{content:"✓"}.hw-opt .ops li.ok i{font-size:0}.hw-opt .ops li.ok i:before{font-size:11px}.hw-opt .bar{background:#e5e7eb;border-radius:999px;height:6px;overflow:hidden}.hw-opt .bar span{background:linear-gradient(90deg,#7c3aed,#10b981);width:0;height:100%;transition:width .5s;display:block}.hw-out{flex-direction:column;gap:6px;display:flex}.hw-out .c{color:#374151;background:#f5f7fb;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.hw-out .c img{width:16px;height:16px}.hw-out .c .mono{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:900;display:flex}.hw-out .c small{color:#9ca3af;margin-left:auto;font-size:11px;font-weight:600}.hw-out .c.on{color:#111827;background:#ecfdf5;border-color:#6ee7b7}.hw-out .c.on small{color:#059669}.hw-out .more{color:#6b7280;text-align:center;padding-top:4px;font-size:12.5px}@media (max-width:767px){.hw{grid-template-columns:1fr}.hw-pipe{--dx:0px;--dy:44px;background:repeating-linear-gradient(#c7cbd8 0 6px,#0000 6px 11px);justify-self:center;width:2px;height:44px}.hw-pipe:after{border:5px solid #0000;border-top:7px solid #c7cbd8;inset:auto auto -1px -4px}.hw-dot{top:-5px;left:-4px}}