.flash-assistant-frame[data-v-b0b49de0]{position:fixed;z-index:1800;right:0;bottom:0;width:96px;height:144px;border:0;background:transparent;opacity:1;pointer-events:auto}.flash-assistant-frame.is-open[data-v-b0b49de0]{width:min(492px,100vw);height:min(712px,100vh);height:min(712px,100dvh)}.flash-assistant-frame.is-open.is-expanded[data-v-b0b49de0]{width:100vw;height:100vh;height:100dvh}.downloadBackdrop_WuWSo{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.45)}.downloadModal_LxjNt{position:relative;width:min(820px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;box-sizing:border-box;padding:28px 28px 24px;border-radius:16px;background:#fff;box-shadow:0 24px 64px rgba(16,32,66,.28);color:#202633}.downloadModal_LxjNt h3{margin:0 0 6px;font-size:20px;line-height:1.25}.downloadModal_LxjNt>p{margin:0 0 20px;color:#667085;font-size:14px}.downloadClose_n1hKA{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:0;background:transparent;color:#667085;cursor:pointer;font-size:26px;line-height:1}.downloadClose_n1hKA:hover{background:#f1f4f9;color:#202633}.downloadOptions_f3lPP{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.downloadOption_Hxcox{display:flex;min-height:270px;flex-direction:column;gap:12px;padding:18px 16px;border:1px solid #e5e8ed;border-radius:12px;background:#fbfcfe}.downloadOption_Hxcox h4{margin:0;font-size:16px;font-weight:700;line-height:1.3}.downloadOption_Hxcox ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.downloadOption_Hxcox li{color:#667085;font-size:13px;line-height:1.55}.downloadOption_Hxcox strong{color:#202633;font-weight:600}.downloadOption_Hxcox button{height:40px;margin-top:auto;border:0;border-radius:8px;background:#2864f0;color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:600}.downloadOption_Hxcox button:hover{background:#1e55d0}.downloadOptionHead_htI9x{display:flex;align-items:center;gap:10px}.downloadOptionIcon_Tz-aw{display:flex;flex:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#eef4ff;color:#2864f0}.downloadOptionIcon_Tz-aw svg{width:20px;height:20px}.downloadOptionPlus_Km1kd{background:#f6f9ff;border-color:#b8cef8}.downloadModal_LxjNt *{box-sizing:border-box}.downloadModal_LxjNt button:focus-visible{outline:3px solid #2864f0;outline-offset:3px}@media (max-width:767px){.downloadModal_LxjNt{padding:26px 22px 22px}.downloadModal_LxjNt h3{font-size:26px}.downloadModal_LxjNt>p{margin-bottom:18px;font-size:14px}.downloadOptions_f3lPP{grid-template-columns:1fr;gap:16px}.downloadOption_Hxcox{min-height:220px;padding:18px}.downloadOption_Hxcox h4{font-size:16px}}.supos-free-page{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#18191c;background:#fff;font-synthesis:none;--muted:#75767c;--line:#e9e9ed;--purple:#7258ee}.supos-free-page *{box-sizing:border-box}.supos-free-page{scroll-behavior:smooth;scroll-padding-top:100px;margin:0}.supos-free-page a,.supos-free-page button{-webkit-tap-highlight-color:transparent}.supos-free-page button{font:inherit;cursor:pointer}.supos-free-page a{color:inherit;text-decoration:none}.supos-free-page a,.supos-free-page button{touch-action:manipulation}.supos-free-page a:focus-visible,.supos-free-page button:focus-visible{outline:3px solid #8b76f5;outline-offset:5px}.supos-free-page header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;background:hsla(0,0%,100%,.9294117647058824);backdrop-filter:blur(20px);z-index:10;border-bottom:1px solid #f5f5f7}.supos-free-page .brand{font-size:29px;letter-spacing:-1.5px;font-weight:750;display:inline-flex;align-items:center;gap:9px}.supos-free-page .brand span{font-size:14px;letter-spacing:0;border:1px solid #d8d8de;border-radius:6px;padding:3px 6px;font-weight:500}.supos-free-page nav{display:flex;gap:38px;font-size:16px}.supos-free-page .text-link:hover,.supos-free-page nav a:hover{color:var(--purple)}.supos-free-page .button{border:1px solid #202124;border-radius:30px;background:#202124;color:#fff;min-height:54px;padding:15px 27px;font-size:17px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:transform .2s,background .2s}.supos-free-page .button:hover{background:#424247;transform:translateY(-2px)}.supos-free-page .button.secondary{background:#fff;color:#24252a;border-color:#dedee4}.supos-free-page .button.secondary:hover{background:#f6f5fa}.supos-free-page .button.small{min-height:43px;padding:10px 21px;font-size:15px}.supos-free-page .hero{padding:76px 24px 0;text-align:center;overflow:hidden;background:radial-gradient(ellipse 55% 35% at 50% 70%,rgba(240,237,255,.4392156862745098),transparent)}.supos-free-page .eyebrow{font-size:16px;color:#777680;letter-spacing:1px}.supos-free-page .hero .eyebrow{color:#55545e}.supos-free-page .spark{color:#8873ed;font-size:27px;vertical-align:middle;margin-right:7px}.supos-free-page h1{font-size:clamp(42px,4.6vw,70px);line-height:1.28;letter-spacing:-2px;font-weight:600;margin:22px 0}.supos-free-page .gradient{background:linear-gradient(95deg,#6354d5,#9676e4 52%,#6f8de9);background-clip:text;color:transparent}.supos-free-page .intro{font-size:20px;line-height:1.8;color:#77777f;margin:22px 0 29px}.supos-free-page .hero-actions{display:flex;justify-content:center;gap:14px}.supos-free-page .hero-note{font-size:14px;color:#9999a0;margin:19px 0 49px}.supos-free-page .product-stage{max-width:1120px;margin:auto;padding:15px 15px 0;border-radius:28px 28px 0 0;background:linear-gradient(120deg,#e6efff,#f1eaff 55%,#f6eefe);box-shadow:0 -12px 60px rgba(214,211,236,.1450980392156863)}.supos-free-page .workspace{background:#fff;border:1px solid #dddde7;border-radius:15px;display:flex;min-height:415px;box-shadow:0 12px 36px rgba(37,33,78,.047058823529411764);text-align:left;overflow:hidden}.supos-free-page .workspace aside{width:210px;flex-shrink:0;background:#f8f9fb;border-right:1px solid #f0f0f2;padding:24px 16px;position:relative}.supos-free-page .mini-brand{font-weight:700;font-size:23px;letter-spacing:-1px;padding:0 12px 26px}.supos-free-page .mini-brand span{font-size:13px;margin-left:7px;font-weight:400;letter-spacing:0}.supos-free-page .workspace aside>div:not(.mini-brand){font-size:15px;color:#6f717b;padding:12px;border-radius:8px;margin-bottom:7px}.supos-free-page .workspace aside .side-active{background:#eae8f5;color:#574aa4!important}.supos-free-page .workspace aside .side-bottom{position:absolute;bottom:12px;font-size:12px!important;color:#a4a4ad!important}.supos-free-page .workspace-main{padding:25px 35px 18px;flex:1;min-width:0}.supos-free-page .workspace-top{font-size:14px;color:#666870;display:flex;justify-content:space-between}.supos-free-page .workspace-top>span{font-size:12px;color:#8c8d93}.supos-free-page .workspace-title{text-align:center;margin:32px 0 25px}.supos-free-page .workspace-title h2{font-size:25px;font-weight:550;margin:10px 0}.supos-free-page .workspace-title p{font-size:14px;color:#9999a1}.supos-free-page .prompt-demo{max-width:610px;margin:auto;border:1px solid #dcdce7;border-radius:16px;padding:17px 20px;box-shadow:0 3px 12px rgba(20,18,43,.01568627450980392)}.supos-free-page .prompt-demo p{font-size:16px;line-height:1.6;min-height:26px;margin:0 0 20px}.supos-free-page .prompt-demo>div{display:flex;justify-content:space-between;align-items:center}.supos-free-page .prompt-demo>div>span{font-size:13px;color:#767580}.supos-free-page .prompt-demo a{display:grid;place-items:center;background:#26262e;color:#fff;width:30px;height:30px;border-radius:50%}.supos-free-page .example-prompts{display:flex;justify-content:center;gap:10px;margin-top:18px}.supos-free-page .example-prompts button{background:#fff;border:1px solid #e9e8ed;border-radius:20px;padding:9px 13px;font-size:13px;color:#73717c}.supos-free-page .example-prompts button[aria-pressed=true]{border-color:#cfc4f5;background:#f7f4ff;color:#7960b8}.supos-free-page .demo-caption{text-align:right;color:#a8a7af;font-size:12px;margin-top:16px}.supos-free-page .stage-foot{display:flex;justify-content:center;gap:70px;padding:23px;font-size:14px;color:#8e87a0}.supos-free-page .section{max-width:1170px;margin:0 auto;padding:115px 25px 0}.supos-free-page .section-head{text-align:center;margin-bottom:42px}.supos-free-page .section-head h2{font-size:44px;font-weight:550;letter-spacing:-1px;margin:17px 0;line-height:1.35}.supos-free-page .section-head p{font-size:18px;color:var(--muted);line-height:1.8;margin:0}.supos-free-page .feature-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:35px}.supos-free-page .feature-tabs button{font-size:17px;background:none;border:0;border-radius:30px;color:#83838b;padding:12px 25px}.supos-free-page .feature-tabs button[aria-selected=true]{background:#f0eef7;color:#65559c}.supos-free-page .feature-panel{background:#f8f8fb;border-radius:25px;padding:60px;display:grid;grid-template-columns:1fr 1.25fr;gap:65px;align-items:center;min-height:420px}.supos-free-page .feature-copy h3{font-size:34px;font-weight:550;line-height:1.4;margin:17px 0}.supos-free-page .feature-copy p{color:#7e7f88;font-size:17px;line-height:1.9;margin-bottom:25px}.supos-free-page .text-link{font-size:16px;font-weight:550}.supos-free-page .text-link span{margin-left:16px}.supos-free-page .feature-visual{min-width:0}.supos-free-page .chat-bubble{padding:14px 18px;background:#eae6f7;font-size:15px;border-radius:15px 15px 4px 15px;margin:0 0 18px auto;width:fit-content;max-width:100%;color:#68578c}.supos-free-page .preview-card{background:#fff;padding:22px;border:1px solid #eeedf4;border-radius:15px;box-shadow:0 15px 30px rgba(66,64,86,.03137254901960784)}.supos-free-page .preview-header{font-size:15px;display:flex;align-items:center;justify-content:space-between}.supos-free-page .tag{font-size:12px;color:#96939f}.supos-free-page .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.supos-free-page .metrics>div>span{color:#8b8997;font-size:12px}.supos-free-page .metrics strong{display:block;font-size:27px;font-weight:550;margin-top:8px}.supos-free-page .metrics strong span{font-size:18px}.supos-free-page .chart{height:90px;border-bottom:1px solid #edebf3;display:flex;align-items:end;gap:13px;padding:0 7px;background:repeating-linear-gradient(0deg,transparent 0,transparent 29px,#f4f2f7 30px)}.supos-free-page .chart div{flex:1;height:var(--bar);background:linear-gradient(#b2a0ef,#e1d9fa);border-radius:4px 4px 0 0}.supos-free-page .chart-caption{font-size:12px;color:#aaa5b4;margin-top:10px}.supos-free-page .ai-response{font-size:14px;color:#8b829b;margin-top:18px}.supos-free-page .solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.supos-free-page .solution{border:1px solid #eae9ee;border-radius:24px;padding:37px;overflow:hidden}.supos-free-page .factory{background:linear-gradient(150deg,#f8faff,#fff 75%)}.supos-free-page .integrator{background:linear-gradient(150deg,#faf7ff,#fff 75%)}.supos-free-page .solution-kicker{color:#9b96a9;font-size:12px;letter-spacing:2px}.supos-free-page .solution h3{font-size:29px;font-weight:550;margin:20px 0 12px}.supos-free-page .solution>p{font-size:17px;color:#7f7e88;line-height:1.85}.supos-free-page .flow{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:20px;background:#fff;border:1px solid #eeedf5;border-radius:16px;margin:26px 0}.supos-free-page .flow span{font-size:15px;text-align:center;padding:12px 5px;background:#f5f5fa;border-radius:8px}.supos-free-page .flow i{font-style:normal;color:#b6adc9}.supos-free-page .flow i:nth-of-type(2){display:none}.supos-free-page .solution ul{padding:0;list-style:none;color:#777780;font-size:15px;line-height:2.2;margin-bottom:27px}.supos-free-page .solution li:before{content:"✓";margin-right:9px;color:#9b8dc0}.supos-free-page .solution .button{font-size:16px;min-height:48px;padding:12px 23px}.supos-free-page .screenshot-frame{padding:17px;background:linear-gradient(130deg,#eaeffc,#f0e9fa);border-radius:24px}.supos-free-page .screenshot-frame img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 30px rgba(75,64,96,.10980392156862745)}.supos-free-page .design-points{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;margin-top:34px}.supos-free-page .design-points h3{font-size:20px;font-weight:550}.supos-free-page .design-points p{font-size:16px;line-height:1.7;color:var(--muted)}.supos-free-page .start{text-align:center;padding:125px 24px 105px;margin-top:90px;background:radial-gradient(ellipse at 50% 100%,#ede9ff 0,#f8f7fc 42%,#fff 75%)}.supos-free-page .start>.spark{font-size:46px}.supos-free-page .start h2{font-size:51px;font-weight:550;letter-spacing:-1px;line-height:1.35;margin:23px 0}.supos-free-page .start p{font-size:18px;color:var(--muted);margin-bottom:29px}.supos-free-page .docs-link{display:inline-block;font-size:15px;color:#85818e;margin-top:26px}.supos-free-page footer{padding:34px 5%;display:flex;align-items:center;gap:30px;border-top:1px solid #f2f0f5}.supos-free-page footer p{color:#939099;font-size:14px}.supos-free-page footer>a:last-child{margin-left:auto;font-size:14px;color:#77737e}.supos-free-page .mobile{display:none}.supos-free-page .skip{position:fixed;top:-60px;left:20px;z-index:100;background:#fff;padding:12px}.supos-free-page .skip:focus{top:10px}.supos-free-page dialog{width:min(540px,calc(100% - 32px));border:1px solid #e7e3ee;border-radius:24px;padding:42px;max-height:90dvh;overflow:auto;color:#25222b;box-shadow:0 30px 100px rgba(24,19,36,.18823529411764706)}.supos-free-page dialog::backdrop{background:rgba(36,33,50,.3764705882352941);backdrop-filter:blur(5px)}.supos-free-page dialog h2{font-size:27px;line-height:1.4}.supos-free-page dialog p{font-size:16px;line-height:1.8;color:#86818e}.supos-free-page .close{position:absolute;top:15px;right:15px;background:#f5f3f8;border:0;border-radius:50%;width:36px;height:36px;font-size:24px}.supos-free-page .contact-choices{display:grid;gap:10px;margin:25px 0}.supos-free-page .contact-choices a{display:flex;justify-content:space-between;padding:17px;border:1px solid #e5e1ed;border-radius:12px;font-size:17px}.supos-free-page .contact-choices a:hover{background:#f5f2fa}.supos-free-page .support{display:flex;align-items:center;gap:18px;background:#f9f8fb;border-radius:15px;padding:15px}.supos-free-page .support img{width:100px;height:100px}.supos-free-page .support p{font-size:14px;margin:8px 0}.supos-free-page .reference-link{display:block;color:#8c819c;font-size:14px;line-height:1.8;margin-top:22px;text-decoration:underline}@media (min-width:1500px){.supos-free-page .hero{padding-top:95px}}@media (max-width:760px){.supos-free-page header{height:72px;padding:0 20px}.supos-free-page .brand{font-size:26px}.supos-free-page .brand span{font-size:14px}.supos-free-page nav{display:none}.supos-free-page .button.small{font-size:15px;min-height:42px;padding:10px 17px}.supos-free-page .hero{padding:49px 20px 0}.supos-free-page .eyebrow{font-size:16px}.supos-free-page .hero .eyebrow{font-size:15px}.supos-free-page h1{font-size:38px;line-height:1.42;letter-spacing:-1.7px;margin:23px -5px 16px}.supos-free-page .intro{font-size:17px;line-height:1.9;margin:17px -2px 25px}.supos-free-page .mobile{display:block}.supos-free-page .hero-actions{gap:10px}.supos-free-page .button{font-size:16px;padding:14px 20px;gap:10px;min-height:51px}.supos-free-page .hero-note{font-size:14px;line-height:1.7;margin:18px 0 35px}.supos-free-page .product-stage{padding:9px 9px 0;border-radius:20px 20px 0 0;margin:0 -5px}.supos-free-page .workspace{min-height:0;border-radius:13px}.supos-free-page .workspace aside{display:none}.supos-free-page .workspace-main{padding:18px 15px}.supos-free-page .workspace-top,.supos-free-page .workspace-top>span{font-size:14px}.supos-free-page .workspace-title{margin:25px 0 19px}.supos-free-page .workspace-title h2{font-size:21px;line-height:1.5;max-width:250px;margin:10px auto}.supos-free-page .workspace-title p{font-size:14px;line-height:1.7}.supos-free-page .prompt-demo{padding:15px}.supos-free-page .prompt-demo p{font-size:16px;line-height:1.8;min-height:57px;margin-bottom:14px}.supos-free-page .prompt-demo>div>span{font-size:14px}.supos-free-page .prompt-demo a{width:34px;height:34px}.supos-free-page .example-prompts{gap:7px;flex-wrap:wrap}.supos-free-page .example-prompts button{font-size:14px;padding:10px}.supos-free-page .demo-caption{font-size:14px;margin-top:14px}.supos-free-page .stage-foot{gap:0;justify-content:space-around;font-size:14px;padding:17px 1px}.supos-free-page .stage-foot span:last-child{display:none}.supos-free-page .section{padding:75px 20px 0}.supos-free-page .section-head{margin-bottom:28px}.supos-free-page .section-head h2{font-size:32px;line-height:1.45;margin:13px 0}.supos-free-page .section-head p{font-size:17px;line-height:1.9}.supos-free-page .feature-tabs{gap:2px;margin:0 -6px 24px}.supos-free-page .feature-tabs button{font-size:15px;padding:12px 10px;white-space:nowrap}.supos-free-page .feature-panel{padding:27px 23px;display:flex;flex-direction:column;gap:28px;border-radius:20px;align-items:stretch}.supos-free-page .feature-copy h3{font-size:29px;margin:14px 0}.supos-free-page .feature-copy p{font-size:17px;line-height:1.9;margin-bottom:19px}.supos-free-page .text-link{font-size:16px}.supos-free-page .chat-bubble{font-size:15px;line-height:1.7;padding:12px 15px}.supos-free-page .preview-card{padding:17px 14px}.supos-free-page .preview-header{font-size:15px}.supos-free-page .chart-caption,.supos-free-page .metrics>div>span,.supos-free-page .tag{font-size:14px}.supos-free-page .metrics{gap:5px;margin:21px 0}.supos-free-page .metrics strong{font-size:25px}.supos-free-page .chart{gap:10px}.supos-free-page .ai-response{font-size:14px;line-height:1.8}.supos-free-page .solution-grid{grid-template-columns:1fr;gap:18px}.supos-free-page .solution{padding:28px 24px;border-radius:20px}.supos-free-page .solution-kicker{font-size:14px;letter-spacing:1px}.supos-free-page .solution h3{font-size:27px;line-height:1.4}.supos-free-page .solution>p{font-size:17px}.supos-free-page .flow{padding:15px;gap:9px}.supos-free-page .flow span{font-size:16px}.supos-free-page .solution ul{font-size:16px;line-height:1.9}.supos-free-page .solution li{margin:10px 0;padding-left:20px;position:relative}.supos-free-page .solution li:before{position:absolute;left:0}.supos-free-page .solution .button{width:100%;font-size:17px;min-height:52px}.supos-free-page .screenshot-frame{padding:8px;border-radius:14px;overflow:hidden}.supos-free-page .screenshot-frame img{width:190%;max-width:none;transform:translateX(-22%)}.supos-free-page .design-points{grid-template-columns:1fr;text-align:left;gap:0;margin-top:20px}.supos-free-page .design-points>div{padding:5px 0 12px;border-bottom:1px solid var(--line)}.supos-free-page .design-points h3{font-size:21px;margin-bottom:7px}.supos-free-page .design-points p{font-size:17px;margin-top:7px}.supos-free-page .start{padding:75px 20px;margin-top:25px}.supos-free-page .start h2{font-size:39px}.supos-free-page .start p{font-size:17px;line-height:1.8}.supos-free-page .start .hero-actions{flex-direction:column;max-width:320px;margin:auto}.supos-free-page .docs-link{font-size:16px}.supos-free-page footer{padding:30px 24px;flex-wrap:wrap;gap:14px}.supos-free-page footer p{font-size:14px;margin:0}.supos-free-page footer>a:last-child{font-size:15px;width:100%;margin:4px 0 0}.supos-free-page dialog{padding:38px 24px 26px}.supos-free-page dialog h2{font-size:25px}.supos-free-page .support{gap:12px;padding:10px}.supos-free-page .support img{width:90px;height:90px}.supos-free-page .reference-link{font-size:14px}}@media (max-width:360px){.supos-free-page h1{font-size:33px}.supos-free-page .hero-actions{flex-direction:column}.supos-free-page .feature-tabs button{font-size:14px;padding:12px 8px}.supos-free-page .metrics>div>span,.supos-free-page .stage-foot{font-size:14px}}@media (prefers-reduced-motion:reduce){.supos-free-page{scroll-behavior:auto}.supos-free-page *{transition:none!important}}.supos-free-page header{position:fixed;left:50%;transform:translateX(-50%);top:20px;width:min(880px,calc(100% - 40px));height:60px;border-radius:40px;padding:0 23px;background:rgba(36,44,62,.8509803921568627);color:#fff;border:1px solid hsla(0,0%,100%,.03137254901960784);box-shadow:inset 0 1px 10px hsla(0,0%,100%,.01568627450980392)}.supos-free-page header .brand{font-size:26px}.supos-free-page header .brand span{border-color:hsla(0,0%,100%,.2196078431372549);font-size:14px}.supos-free-page header nav{gap:27px;font-size:15px;color:#c6c8d2}.supos-free-page header .button.small{background:transparent;border-color:hsla(0,0%,100%,.25098039215686274);min-height:36px;font-size:14px;padding:8px 17px}.supos-free-page .hero{padding-top:154px;background:linear-gradient(180deg,#030814,#032554 24%,#0e59bd 43%,#4b94fb 62%,#e1ecff 86%,#fff);color:#fff}.supos-free-page .hero-symbol{margin:0 auto 30px;width:90px;height:90px;border-radius:27px;background:linear-gradient(140deg,#d3f6ff,#5db2f6 35%,#163698 63%,#a9e5ff);box-shadow:inset 2px 2px 12px rgba(209,246,255,.5019607843137255),0 8px 30px rgba(0,24,65,.23137254901960785);display:flex;align-items:center;justify-content:center;font-size:66px;font-weight:700;color:#e5f5ff;font-style:italic;position:relative;line-height:1}.supos-free-page .hero-symbol>span{position:absolute;right:4px;top:7px;font-size:28px;color:#fff}.supos-free-page h1{font-size:clamp(40px,4vw,60px);font-weight:500;line-height:1.3;letter-spacing:0;margin:24px 0}.supos-free-page .gradient{background:none;color:inherit}.supos-free-page .hero .intro{color:#e4ecf9;font-size:20px}.supos-free-page .hero .button{background:#fff;color:#151a25;border-color:#fff}.supos-free-page .hero .button.secondary{background:hsla(0,0%,100%,.0392156862745098);color:#fff;border-color:hsla(0,0%,100%,.396078431372549)}.supos-free-page .hero-note{color:#d3e4ff}.supos-free-page .product-stage{background:hsla(0,0%,100%,.3333333333333333);box-shadow:none;color:#20232c;max-width:1050px;border-radius:15px 15px 0 0}.supos-free-page .workspace{border-color:#dce5f5}.supos-free-page .stage-foot{color:#737e95}.supos-free-page .start{background:linear-gradient(#fff,#e7f0ff)}.supos-free-page .feature-tabs button[aria-selected=true]{background:#e9f1ff;color:#2861b4}.supos-free-page .spark{color:#538dea}.supos-free-page .chat-bubble{background:#e6efff;color:#355e94}.supos-free-page .chart div{background:linear-gradient(#79a7f4,#d2e4ff)}.supos-free-page .screenshot-frame{background:linear-gradient(130deg,#e5efff,#dce9ff)}@media (max-width:760px){.supos-free-page header{top:12px;width:calc(100% - 24px);height:56px;padding:0 16px}.supos-free-page .hero{padding-top:139px;background:linear-gradient(180deg,#030814,#052c63 26%,#267ce8 50%,#91bcff 74%,#fff)}.supos-free-page .hero-symbol{width:72px;height:72px;font-size:53px;border-radius:23px;margin-bottom:29px}.supos-free-page .hero-symbol>span{font-size:23px}.supos-free-page h1{font-size:34px;line-height:1.45;letter-spacing:-1px;margin:22px -6px}.supos-free-page .hero .intro{font-size:17px;line-height:1.8;margin:20px 0 30px}.supos-free-page .hero .hero-actions{flex-direction:column;align-items:center}.supos-free-page .hero .hero-actions .secondary{display:none}.supos-free-page .hero-note{margin-bottom:37px}.supos-free-page .product-stage{margin:0 -10px}.supos-free-page .workspace-title h2{font-size:21px;letter-spacing:0}.supos-free-page .stage-foot{color:#76889f}.supos-free-page header nav{display:flex;position:fixed;top:calc(100dvh - 89px);left:0;width:100%;justify-content:space-around;background:hsla(0,0%,100%,.9372549019607843);color:#303946;border:1px solid #f0f1f5;box-shadow:0 5px 30px rgba(37,52,91,.09411764705882353);border-radius:32px;padding:18px 12px;gap:8px;font-size:16px;backdrop-filter:blur(15px)}.supos-free-page footer{padding-bottom:110px}.supos-free-page header nav a{min-height:24px}.supos-free-page header .button.small{font-size:14px;padding:8px 12px}.supos-free-page .section{scroll-margin-top:85px}}@media (max-width:360px){.supos-free-page h1{font-size:29px}.supos-free-page header .brand{font-size:23px}.supos-free-page header nav{font-size:15px}}.supos-free-page .hero-video-stage{width:100%;max-width:960px;padding:0;overflow:hidden;background:#fff;border-radius:20px 20px 0 0}.supos-free-page .hero-video{display:block;width:100%;height:auto}.supos-free-page .compact-stage{max-width:820px;padding:0;margin:auto;background:transparent;border-radius:0;box-shadow:none}.supos-free-page .compact-stage .workspace{display:block;border:0;min-height:0;border-radius:20px;background:#fff;box-shadow:none}.supos-free-page .compact-stage .workspace-main{padding:28px}.supos-free-page .compact-stage .workspace-title{margin:0 0 20px;text-align:center}.supos-free-page .compact-stage .workspace-title h2{max-width:none;font-size:28px;line-height:1.4;font-weight:600;margin:0 0 8px}.supos-free-page .compact-stage .workspace-title p{font-size:15px;line-height:1.6;color:#7a8391;margin:0}.supos-free-page .creation-demo{--ink:#26354a;--muted:#718098;--accent:#336bc4;color:var(--ink);max-width:650px;margin:auto;text-align:left}.supos-free-page .demo-canvas{position:relative;height:276px;overflow:hidden;border:1px solid #e4eaf2;border-radius:12px;background:#f6f8fc;isolation:isolate}.supos-free-page .demo-conversation,.supos-free-page .demo-output{position:absolute;inset:0}.supos-free-page .demo-conversation{padding:28px 30px;transition:opacity .28s,transform .45s cubic-bezier(.16,1,.3,1);z-index:2}.supos-free-page .demo-output{pointer-events:none;opacity:0;transition:opacity .4s}.supos-free-page .creation-demo[data-phase=building] .demo-conversation,.supos-free-page .creation-demo[data-phase=complete] .demo-conversation{opacity:0;transform:translateY(-12px);pointer-events:none;visibility:hidden}.supos-free-page .creation-demo[data-phase=building] .demo-output,.supos-free-page .creation-demo[data-phase=complete] .demo-output{opacity:1;pointer-events:auto}.supos-free-page .demo-speaker{display:flex;align-items:center;gap:7px;margin-bottom:12px;font-size:12px;color:var(--muted)}.supos-free-page .demo-avatar{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#e9eef6;color:#547194;font-size:11px}.supos-free-page .demo-step{margin-left:auto;font-size:10px;color:#8b97a8}.supos-free-page .demo-composer{padding:14px;border:1px solid #d6e1f0;border-radius:12px;box-shadow:0 5px 14px rgba(38,69,117,.0196078431372549);transform-origin:top right;transition:transform .6s cubic-bezier(.16,1,.3,1),background .4s}.supos-free-page .demo-composer textarea{display:block;width:100%;height:62px;padding:0;border:0;resize:none;background:transparent;font:inherit;font-size:14px;line-height:1.8;color:var(--ink);outline-offset:4px}.supos-free-page .demo-composer-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7b8ea8}.supos-free-page .demo-send{display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;background:#336bc4;color:#fff;font-size:19px;transition:transform .3s,background .3s}.supos-free-page .creation-demo[data-phase=sending] .demo-composer{transform:translateY(-3px) scale(.97);background:#eef4ff}.supos-free-page .creation-demo[data-phase=sending] .demo-send{transform:scale(.86);background:#579b80}.supos-free-page .demo-agent{display:flex;gap:8px;align-items:center;margin-top:16px}.supos-free-page .assistant-avatar{background:#eaf1ff;color:#4776bf}.supos-free-page .demo-agent strong{display:none}.supos-free-page .demo-agent p{font-size:12px;color:#8390a3;line-height:1.6;margin:0}.supos-free-page .creation-demo[data-phase=sending] .demo-agent{animation:supos-free-demo-reveal .4s both}.supos-free-page .demo-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.supos-free-page .demo-empty>span{display:none}.supos-free-page .demo-empty>strong{font-size:14px;font-weight:550}.supos-free-page .demo-empty>p{font-size:11px;color:#8b97a8;margin:7px 0 14px}.supos-free-page .demo-progress{display:flex;list-style:none;justify-content:space-between;gap:14px;width:100%;max-width:350px;margin:12px 0 0;padding:0;order:2}.supos-free-page .demo-progress li{display:flex;gap:5px;align-items:center;font-size:10px;color:#8b97a8}.supos-free-page .demo-progress li>span{display:grid;place-items:center;width:16px;height:16px;border:1px solid #d8e1ed;border-radius:50%;font-size:9px}.supos-free-page .demo-progress .done{color:#428269}.supos-free-page .demo-progress .active{color:#336bc4}.supos-free-page .demo-progress .active>span{background:#336bc4;color:#fff;border-color:#336bc4}.supos-free-page .build-preview{position:relative;width:100%;max-width:350px;padding:14px;border-radius:8px;border:1px solid #e0e7f1;background:#fff;overflow:hidden}.supos-free-page .build-top{display:flex;justify-content:space-between;margin-bottom:12px}.supos-free-page .build-top i{width:32%;height:6px;border-radius:2px;background:#cbd9eb}.supos-free-page .build-top i:last-child{width:12%}.supos-free-page .build-metrics{display:flex;gap:8px}.supos-free-page .build-metrics i{height:26px;flex:1;border-radius:4px;background:#e6eef9;animation:supos-free-assemble .7s cubic-bezier(.16,1,.3,1) both}.supos-free-page .build-metrics i:nth-child(2){animation-delay:.2s}.supos-free-page .build-metrics i:nth-child(3){animation-delay:.4s}.supos-free-page .build-lines{display:grid;gap:6px;margin-top:10px}.supos-free-page .build-lines i{height:5px;background:#edf1f7;border-radius:2px;animation:supos-free-assemble .6s both;animation-delay:.6s}.supos-free-page .build-lines i:nth-child(2){width:86%;animation-delay:.8s}.supos-free-page .build-lines i:nth-child(3){width:94%;animation-delay:1s}.supos-free-page .build-scan{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(197,218,247,.27058823529411763) 50%,transparent 70%);animation:supos-free-scan 1.7s linear infinite}.supos-free-page .creation-demo:not([data-phase=building]) .build-preview *{animation:none}.supos-free-page .demo-result{position:absolute;inset:0;padding:18px 22px;background:#fff;animation:supos-free-result-reveal .6s cubic-bezier(.16,1,.3,1) both}.supos-free-page .demo-empty[hidden],.supos-free-page .demo-result[hidden]{display:none}.supos-free-page .demo-result-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600}.supos-free-page .demo-result-head small{font-size:10px;font-weight:400;color:#4a8b74}.supos-free-page .demo-summary{display:flex;gap:14px;padding:14px 0 12px;border-bottom:1px solid #eaf0f6}.supos-free-page .demo-summary>div{flex:1;animation:supos-free-demo-reveal .5s both}.supos-free-page .demo-summary>div:nth-child(2){animation-delay:.08s}.supos-free-page .demo-summary>div:nth-child(3){animation-delay:.16s}.supos-free-page .demo-summary span{display:block;font-size:10px;color:#8390a3}.supos-free-page .demo-summary strong{display:block;font-size:24px;font-weight:600;line-height:1.2;margin-top:5px;font-variant-numeric:tabular-nums}.supos-free-page .demo-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.supos-free-page .demo-table th{font-size:10px;color:#8390a3;font-weight:400;padding:10px 0 8px}.supos-free-page .demo-table td{border-top:1px solid #edf1f6;padding:9px 0}.supos-free-page .demo-table td:last-child,.supos-free-page .demo-table th:last-child{text-align:right}.supos-free-page .demo-table tbody tr{animation:supos-free-demo-reveal .55s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*0.12s)}.supos-free-page .demo-badge{padding:3px 6px;background:#ecf2fc;border-radius:4px;color:#5177ab;font-size:10px}.supos-free-page .demo-badge.complete{background:#e9f5ee;color:#4b8068}.supos-free-page .screen-result{background:#14283f;color:#e8eff7}.supos-free-page .screen-result .demo-result-head small{color:#a6bbd2}.supos-free-page .screen-result .demo-summary{border-color:#304359}.supos-free-page .screen-result .demo-summary span{color:#a6bbd2}.supos-free-page .demo-summary strong small{font-size:12px;font-weight:400}.supos-free-page .demo-chart-title{display:flex;justify-content:space-between;font-size:10px;color:#b7c9dc;margin:12px 0 5px}.supos-free-page .demo-chart-title span{color:#90b6e6}.supos-free-page .demo-trend{display:block;width:100%;height:83px}.supos-free-page .trend-line{stroke-dasharray:1;stroke-dashoffset:1;animation:supos-free-draw-line 1.7s cubic-bezier(.25,1,.5,1) .25s forwards}.supos-free-page .demo-chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#91a9c2;margin-top:4px}.supos-free-page .demo-toolbar{display:flex;justify-content:center;align-items:center;position:relative;height:34px;margin-top:9px}.supos-free-page .demo-scenes{display:flex;gap:20px}.supos-free-page .demo-scenes button{position:relative;border:0;padding:6px 0 6px 11px;background:none;font-size:11px;color:#8a95a5;min-height:30px}.supos-free-page .demo-scenes button:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:#c6d0df;transform:translateY(-50%)}.supos-free-page .demo-scenes button[aria-pressed=true]{color:#336bc4}.supos-free-page .demo-scenes button[aria-pressed=true]:before{background:#336bc4}.supos-free-page .demo-pause{position:absolute;right:0;min-height:30px;width:30px;border:0;background:none;font-size:13px;color:#8a95a5;padding:0}.supos-free-page .demo-footer{display:flex;justify-content:space-between;gap:8px;color:#9ba5b3;margin-top:0}.supos-free-page .demo-state{color:#8292a9}.supos-free-page .creation-demo.is-paused *{animation-play-state:paused!important}@keyframes supos-free-demo-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes supos-free-assemble{0%{opacity:0;transform:translateY(7px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes supos-free-scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes supos-free-result-reveal{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes supos-free-draw-line{to{stroke-dashoffset:0}}@media (max-width:760px){.supos-free-page .compact-stage{margin:0 -8px}.supos-free-page .compact-stage .workspace{border-radius:16px}.supos-free-page .compact-stage .workspace-main{padding:20px 14px 12px}.supos-free-page .compact-stage .workspace-title{margin:0 0 16px}.supos-free-page .compact-stage .workspace-title h2{font-size:22px;letter-spacing:-.6px;line-height:1.4;margin:0 0 7px}.supos-free-page .compact-stage .workspace-title p{font-size:12px;line-height:1.6}.supos-free-page .demo-canvas{height:260px}.supos-free-page .demo-conversation{padding:20px 14px}.supos-free-page .demo-composer{padding:12px}.supos-free-page .demo-composer textarea{font-size:13px;height:68px}.supos-free-page .demo-speaker{font-size:11px}.supos-free-page .demo-step{font-size:9px}.supos-free-page .demo-agent{margin-top:14px}.supos-free-page .demo-agent p{font-size:11px}.supos-free-page .demo-result{padding:16px 14px}.supos-free-page .demo-summary strong{font-size:22px}.supos-free-page .demo-summary{padding:12px 0 10px}.supos-free-page .demo-table td{padding:8px 0}.supos-free-page .demo-empty{padding:18px 14px}.supos-free-page .demo-progress{gap:5px}.supos-free-page .demo-trend{height:78px}.supos-free-page .demo-scenes{gap:18px}}@media (prefers-reduced-motion:reduce){.supos-free-page .creation-demo *{animation:none!important;transition:none!important}.supos-free-page .trend-line{stroke-dashoffset:0}}.supos-free-page .demo-result{background:#e9eef6}.supos-free-page .demo-result.screen-result{background:#091320}.supos-free-page .pc-fit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.supos-free-page .pc-desktop{position:absolute;width:1000px;flex:none;transform:scale(var(--pc-scale,.28));font-size:14px;line-height:1.4;transform-origin:center;border-radius:8px;overflow:hidden;text-align:left}.supos-free-page .pc-desktop h3,.supos-free-page .pc-desktop h4,.supos-free-page .pc-desktop p{margin:0}.supos-free-page .pc-desktop table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.supos-free-page .pc-desktop th{font-weight:400}.supos-free-page .pc-desktop em{font-style:normal}.supos-free-page .pc-top{height:48px;display:flex;align-items:center;gap:65px;padding:0 20px;background:#fff;border-bottom:1px solid #e6ebf2;color:#788598;font-size:13px}.supos-free-page .pc-top>b{color:#274571;font-size:23px;letter-spacing:-1px}.supos-free-page .pc-top small{font-size:11px;font-weight:400;letter-spacing:0}.supos-free-page .pc-user{margin-left:auto}.supos-free-page .pc-app{background:#f4f6fa;color:#29394e}.supos-free-page .pc-app-body{display:grid;grid-template-columns:146px 1fr;height:602px}.supos-free-page .pc-sidebar{display:flex;flex-direction:column;gap:9px;padding:23px 12px;background:#fff;border-right:1px solid #e8edf3}.supos-free-page .pc-sidebar>span,.supos-free-page .pc-sidebar>strong{padding:10px 12px;font-size:13px;font-weight:400;color:#748297}.supos-free-page .pc-sidebar>strong{background:#eaf1fd;border-radius:6px;color:#316bd0}.supos-free-page .pc-sidebar small{margin-top:auto;font-size:12px;padding:12px;color:#8491a2}.supos-free-page .pc-main{padding:18px 20px}.supos-free-page .pc-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.supos-free-page .pc-title h3{font-size:22px;font-weight:600}.supos-free-page .pc-title p{font-size:12px;color:#8994a5;margin-top:4px}.supos-free-page .pc-primary{padding:8px 14px;border-radius:5px;background:#3976d5;color:#fff;font-size:12px}.supos-free-page .pc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.supos-free-page .pc-kpis>div{padding:13px 15px;background:#fff;border:1px solid #e8edf4;border-radius:6px;animation:supos-free-demo-reveal .55s both}.supos-free-page .pc-kpis span{display:block;color:#8390a2;font-size:12px}.supos-free-page .pc-kpis strong{display:block;font-size:25px;margin:4px 0;font-weight:600}.supos-free-page .pc-kpis small{font-size:10px;color:#41997c}.supos-free-page .pc-insights{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:12px 0}.supos-free-page .pc-insights>div{padding:12px 15px;background:#fff;border:1px solid #e8edf4;border-radius:6px;height:155px}.supos-free-page .pc-desktop h4{font-size:13px;font-weight:550;display:flex;align-items:center;justify-content:space-between}.supos-free-page .pc-desktop h4 small{font-size:10px;font-weight:400;opacity:.6}.supos-free-page .pc-trend{display:block;width:100%;height:96px;color:#6199e6;margin-top:5px}.supos-free-page .pc-axis{font-size:9px;color:#8b9bb0;display:flex;justify-content:space-between;white-space:pre}.supos-free-page .pc-delivery{display:flex;align-items:center;justify-content:space-evenly;gap:14px;padding:10px 0}.supos-free-page .pc-ring{width:92px;height:92px;border-radius:50%;background:conic-gradient(#679ee5 0 86%,#e8eef7 86% 100%);display:grid;place-items:center;position:relative}.supos-free-page .pc-ring:before{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.supos-free-page .pc-ring b{position:relative;z-index:1;text-align:center;font-size:22px;font-weight:600}.supos-free-page .pc-ring b small{display:block;font-size:9px;color:#8697ad;font-weight:400}.supos-free-page .pc-delivery p{font-size:11px;line-height:2.4;color:#7c8ea4}.supos-free-page .pc-orders{background:#fff;border:1px solid #e8edf4;border-radius:6px;padding:0 12px}.supos-free-page .pc-filter{display:flex;align-items:center;gap:12px;height:46px;font-size:10px}.supos-free-page .pc-filter>b{margin-right:auto;font-size:12px}.supos-free-page .pc-filter>b span{font-size:10px;color:#97a3b3;font-weight:400}.supos-free-page .pc-filter>span{padding:5px 8px;border:1px solid #e8edf3;border-radius:4px;color:#8c98a8}.supos-free-page .pc-link{color:#4e83cb!important}.supos-free-page .pc-orders th{font-size:10px;color:#8995a5;background:#f8fafc;padding:8px 5px}.supos-free-page .pc-orders td{font-size:10px;padding:8px 5px;border-bottom:1px solid #f0f3f7}.supos-free-page .pc-orders tbody tr{animation:supos-free-demo-reveal .5s both;animation-delay:calc(var(--i)*0.12s)}.supos-free-page .pc-orders em{color:#4a7cc6;padding:3px 6px;background:#eef4ff;border-radius:3px;font-size:9px}.supos-free-page .pc-orders .ready{color:#46937a;background:#eaf7f0}.supos-free-page .pc-orders .pending{color:#a1894f;background:#fbf5e8}.supos-free-page .pc-progress{display:inline-block;width:45px;height:4px;background:#eaf0f8;vertical-align:middle;border-radius:3px;margin-right:3px}.supos-free-page .pc-progress i{display:block;height:100%;width:var(--fill);background:#79a6e7;border-radius:3px}.supos-free-page .pc-pagination{font-size:9px;color:#97a3b3;display:flex;justify-content:space-between;padding:9px 3px}.supos-free-page .pc-pagination b{color:#4d82cd}.supos-free-page .pc-board{background:#0b1729;color:#d1dff1;padding:0 18px}.supos-free-page .board-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293e59}.supos-free-page .board-head>span{font-size:11px;color:#758fac}.supos-free-page .board-head h3{font-size:25px;letter-spacing:4px;color:#edf4ff}.supos-free-page .board-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:16px 0}.supos-free-page .board-kpis>div{padding:2px 10px;border-right:1px solid #273b53}.supos-free-page .board-kpis>div:last-child{border:0}.supos-free-page .board-kpis span{color:#8ca4c0}.supos-free-page .board-kpis strong{display:block;font-size:29px;line-height:1.3;font-weight:550;color:#c8e1ff;margin:4px 0;font-variant-numeric:tabular-nums}.supos-free-page .board-kpis strong small{font-size:12px;margin-left:5px;color:#7895b5}.supos-free-page .board-kpis em{color:#5c9f96}.supos-free-page .board-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:185px 163px 1fr;height:430px}.supos-free-page .board-panel{background:#102139;border:1px solid #243953;padding:13px 14px;min-width:0;overflow:hidden;animation:supos-free-demo-reveal .7s both;animation-delay:.1s}.supos-free-page .board-panel h4{color:#c4d5e9}.supos-free-page .board-panel h4 small{color:#8aa6c7;opacity:1}.supos-free-page .board-trend{grid-column:span 2}.supos-free-page .board-trend .pc-trend{height:125px;margin:6px 0 1px;color:#73aae8}.supos-free-page .board-grid>.board-panel:nth-child(2){grid-row:span 1}.supos-free-page .pc-board .pc-delivery{padding:10px 0 6px}.supos-free-page .pc-board .pc-ring{width:88px;height:88px;background:conic-gradient(#6aa9e8 0 92.3%,#c39e5f 92.3% 98%,#b97271 98%)}.supos-free-page .pc-board .pc-ring:before{background:#102139}.supos-free-page .pc-board .pc-ring b{font-size:21px;color:#d0e5ff}.supos-free-page .pc-board .pc-delivery p{font-size:10px;line-height:2.1;color:#89a9cb}.supos-free-page .pc-board .pc-delivery p span{color:#cb9790}.supos-free-page .device-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:7px}.supos-free-page .device-grid i{height:7px;background:#477e9e;border-radius:1px}.supos-free-page .device-grid .warn{background:#bb9357}.supos-free-page .pc-ranks{display:grid;gap:15px;margin-top:17px}.supos-free-page .pc-ranks>div{display:flex;align-items:center;gap:9px;font-size:10px;color:#93acca}.supos-free-page .pc-ranks>div>span{width:52px}.supos-free-page .pc-ranks i{height:7px;background:#1c334f;flex:1}.supos-free-page .pc-ranks i b{display:block;width:var(--fill);height:100%;background:#6499d1;transform-origin:left;animation:supos-free-bar-grow 1.2s .2s both}.supos-free-page .pc-ranks strong{width:32px;color:#b2d5f5;font-weight:400}.supos-free-page .quality-bars{display:flex;align-items:flex-end;gap:12px;height:92px;padding:10px 8px 0}.supos-free-page .quality-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;align-items:center}.supos-free-page .quality-bars i{height:var(--fill);width:100%;background:#568fab;transform-origin:bottom;animation:supos-free-bar-grow-y 1.3s .3s both}.supos-free-page .quality-bars span{font-size:9px;color:#6986a7}.supos-free-page .quality-note{font-size:9px;color:#7191b4;display:flex;justify-content:space-between;margin-top:8px}.supos-free-page .quality-note span{color:#78b5a3}.supos-free-page .board-orders{grid-column:1/3;grid-row:3}.supos-free-page .board-orders table{font-size:10px;margin-top:5px}.supos-free-page .board-orders th{color:#7692b4;padding:3px 0}.supos-free-page .board-orders td{padding:3px 0;color:#aac1dd}.supos-free-page .board-orders em{color:#74bba7}.supos-free-page .board-grid>.board-panel:last-child{grid-column:3;grid-row:2/4}.supos-free-page .board-alert{border-bottom:1px solid #263b56}.supos-free-page .board-alert b{font-size:10px;font-weight:500;color:#d6af72;display:block}.supos-free-page .board-alert span{display:block;color:#a4bad3}.supos-free-page .board-alert small{display:block;color:#617e9e;margin-top:7px}.supos-free-page .board-bottom{display:flex;justify-content:space-between;font-size:9px;color:#58799f;margin-top:10px}.supos-free-page .board-bottom span:first-child{color:#658f94}.supos-free-page .creation-demo .pc-desktop{pointer-events:none}@keyframes supos-free-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes supos-free-bar-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.supos-free-page .pc-title{margin-bottom:10px}.supos-free-page .pc-title h3{font-size:20px}.supos-free-page .pc-title p{font-size:11px}.supos-free-page .pc-kpis>div{padding:10px 13px}.supos-free-page .pc-kpis strong{font-size:22px;margin:3px 0}.supos-free-page .pc-insights{margin:10px 0}.supos-free-page .pc-insights>div{height:130px;padding:10px 13px}.supos-free-page .pc-insights .pc-trend{height:72px}.supos-free-page .pc-insights .pc-ring{width:76px;height:76px}.supos-free-page .pc-insights .pc-ring b{font-size:19px}.supos-free-page .pc-insights .pc-delivery{padding:8px 0}.supos-free-page .pc-orders td{padding:7px 5px}.supos-free-page .pc-orders th{padding:6px 5px}.supos-free-page .board-grid{height:438px;grid-template-rows:167px 139px 108px}.supos-free-page .board-trend .pc-trend{height:106px}.supos-free-page .quality-bars{height:74px}.supos-free-page .board-orders td,.supos-free-page .board-orders th{padding:2px 0}.supos-free-page .demo-canvas{height:auto;aspect-ratio:16/9;container-type:inline-size;border-radius:8px;background:#f2f4f7;border:0}.supos-free-page .demo-conversation{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:8% 12%;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.16,1,.3,1)}.supos-free-page .demo-speaker{margin-bottom:3%;font-size:clamp(9px,1.9cqw,13px);letter-spacing:.04em;color:#7d8898}.supos-free-page .demo-agent,.supos-free-page .demo-avatar,.supos-free-page .demo-step{display:none}.supos-free-page .demo-composer{padding:5%;border:1px solid #dde3ec;border-radius:8px;box-shadow:0 10px 30px rgba(36,60,88,.06274509803921569);background:#fff}.supos-free-page .demo-composer textarea{height:3.7em;font-size:clamp(12px,2.7cqw,19px);line-height:1.7;font-weight:450;letter-spacing:.01em}.supos-free-page .demo-composer-foot{font-size:clamp(8px,1.5cqw,11px);color:#99a2af}.supos-free-page .demo-send{width:clamp(20px,4cqw,30px);height:clamp(20px,4cqw,30px);font-size:clamp(14px,2.8cqw,20px);background:#283b53;border-radius:50%}.supos-free-page .creation-demo[data-phase=sending] .demo-composer{transform:translateY(-4px) scale(.98);background:#fafbfd}.supos-free-page .creation-demo[data-phase=sending] .demo-send{background:#283b53;transform:scale(.9)}.supos-free-page .demo-output{transition:opacity .55s cubic-bezier(.4,0,.2,1)}.supos-free-page .demo-result{animation:none;padding:0;background:#f4f6fa}.supos-free-page .pc-desktop{width:1156px;height:650px;border-radius:0}.supos-free-page .pc-fit{overflow:hidden;transform-origin:50% 50%;animation:supos-free-film-reveal 1.1s cubic-bezier(.16,1,.3,1) both}.supos-free-page .creation-demo[data-phase=complete] .pc-fit{animation:supos-free-film-hold 9s cubic-bezier(.4,0,.2,1) both}.supos-free-page .board-head,.supos-free-page .pc-sidebar,.supos-free-page .pc-title,.supos-free-page .pc-top{animation:supos-free-film-layer .8s cubic-bezier(.16,1,.3,1) both}.supos-free-page .pc-sidebar{animation-delay:.08s}.supos-free-page .pc-title{animation-delay:.15s}.supos-free-page .board-kpis>div,.supos-free-page .pc-kpis>div{animation:supos-free-film-layer .8s cubic-bezier(.16,1,.3,1) both;animation-delay:.4s}.supos-free-page .board-kpis>div:nth-child(2),.supos-free-page .pc-kpis>div:nth-child(2){animation-delay:.5s}.supos-free-page .board-kpis>div:nth-child(3),.supos-free-page .pc-kpis>div:nth-child(3){animation-delay:.6s}.supos-free-page .board-kpis>div:nth-child(4),.supos-free-page .pc-kpis>div:nth-child(4){animation-delay:.7s}.supos-free-page .board-kpis>div:nth-child(5){animation-delay:.8s}.supos-free-page .board-kpis>div:nth-child(6){animation-delay:.9s}.supos-free-page .board-panel,.supos-free-page .pc-insights>div{animation:supos-free-film-layer .9s cubic-bezier(.16,1,.3,1) .85s both}.supos-free-page .board-panel:nth-child(2),.supos-free-page .pc-insights>div:nth-child(2){animation-delay:1s}.supos-free-page .board-panel:nth-child(3){animation-delay:1.1s}.supos-free-page .board-panel:nth-child(4){animation-delay:1.2s}.supos-free-page .board-panel:nth-child(5){animation-delay:1.35s}.supos-free-page .board-panel:nth-child(6){animation-delay:1.45s}.supos-free-page .pc-orders{animation:supos-free-film-layer .9s cubic-bezier(.16,1,.3,1) 1.15s both}.supos-free-page .pc-orders tbody tr{animation:supos-free-film-layer .65s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(1.4s + var(--i)*0.14s)}.supos-free-page .pc-desktop .trend-line{animation:supos-free-draw-line 1.5s cubic-bezier(.25,1,.5,1) 1.2s both}.supos-free-page .pc-ranks i b{animation-delay:1.5s}.supos-free-page .quality-bars i{animation-delay:1.6s}.supos-free-page .pc-progress i{transform-origin:left;animation:supos-free-bar-grow 1s 1.8s both}.supos-free-page .demo-toolbar{margin-top:5px}.supos-free-page .demo-footer{font-size:9px}.supos-free-page .creation-demo[data-scene="1"] .demo-canvas{background:#0b1729}.supos-free-page .creation-demo[data-scene="1"] .demo-conversation{color:#d6dfea}.supos-free-page .creation-demo[data-scene="1"] .demo-speaker{color:#9daec3}.supos-free-page .creation-demo[data-scene="1"] .demo-composer{background:#14243a;border-color:#304058;box-shadow:none}.supos-free-page .creation-demo[data-scene="1"] .demo-composer textarea{color:#d6e0ed}.supos-free-page .creation-demo[data-scene="1"] .demo-send{background:#d5dfec;color:#253950}.supos-free-page .creation-demo[data-scene="1"] .demo-composer-foot{color:#8e9db1}@keyframes supos-free-film-reveal{0%{opacity:0;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}@keyframes supos-free-film-layer{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes supos-free-film-hold{0%,to{transform:scale(1)}45%,65%{transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.supos-free-page .creation-demo *{animation:none!important;transition:none!important}.supos-free-page .pc-desktop .trend-line{stroke-dashoffset:0}}.supos-free-page .demo-conversation{padding:0;display:block;background:#f5f6f8;color:#273548}.supos-free-page .chat-top{height:17%;display:flex;align-items:center;gap:2cqw;padding:0 5%;border-bottom:1px solid #e6e9ed;background:#fafbfc}.supos-free-page .chat-brand{display:grid;place-items:center;width:5cqw;height:5cqw;background:#344b60;color:#f5f7fa;border-radius:1.2cqw;font-size:3cqw;font-weight:600}.supos-free-page .chat-top strong{display:block;font-size:2.3cqw;font-weight:550}.supos-free-page .chat-top small{display:block;font-size:1.4cqw;color:#8b96a3;margin-top:.3cqw}.supos-free-page .chat-menu{margin-left:auto;font-size:3cqw;color:#8895a4}.supos-free-page .chat-thread{position:absolute;top:22%;left:5%;right:5%;bottom:27%;font-size:2.15cqw;line-height:1.6}.supos-free-page .chat-answer,.supos-free-page .chat-greeting{display:flex;align-items:flex-start;gap:1.6cqw}.supos-free-page .chat-mini,.supos-free-page .chat-person{display:grid;place-items:center;width:4cqw;height:4cqw;flex:none;border-radius:50%;background:#e6ebef;color:#597081;font-size:1.8cqw}.supos-free-page .chat-greeting p{margin:0;padding:1cqw 1.8cqw;background:#fff;border-radius:0 1.5cqw 1.5cqw 1.5cqw;color:#657382}.supos-free-page .chat-user{display:flex;justify-content:flex-end;align-items:flex-start;gap:1.6cqw;margin-top:2cqw;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .5s cubic-bezier(.16,1,.3,1)}.supos-free-page .chat-request{max-width:77%;margin:0;background:#e3ecee;color:#395462;border-radius:1.5cqw 0 1.5cqw 1.5cqw;padding:1.5cqw 2cqw}.supos-free-page .chat-person{background:#e9e4dc;color:#847261}.supos-free-page .chat-answer{margin-top:2cqw;opacity:0}.supos-free-page .chat-answer>div{max-width:85%}.supos-free-page .chat-answer p{margin:0;font-size:2cqw;color:#536373}.supos-free-page .chat-recipe{display:flex;gap:1cqw;margin-top:1cqw;font-size:1.5cqw;color:#788b94}.supos-free-page .chat-recipe span{border:1px solid #dce5e7;padding:.25cqw 1cqw;border-radius:.6cqw}.supos-free-page .demo-conversation .demo-composer{position:absolute;left:5%;right:5%;bottom:4%;padding:2cqw 2.5cqw;border-radius:1.8cqw;background:#fff;border:1px solid #dbe2e8;box-shadow:0 3px 10px rgba(38,60,78,.0196078431372549)}.supos-free-page .demo-conversation .demo-composer textarea{font-size:2.4cqw;height:3.6cqw;line-height:1.5;white-space:nowrap;overflow:hidden}.supos-free-page .demo-conversation .demo-composer-foot{font-size:1.6cqw;margin-top:1cqw}.supos-free-page .demo-conversation .demo-send{width:3.6cqw;height:3.6cqw;min-width:0;min-height:0;font-size:2.4cqw;background:#405e6c}.supos-free-page .chat-tools{color:#8896a5}.supos-free-page .chat-tools>span{font-size:1.4cqw}.supos-free-page .creation-demo[data-phase=sending] .chat-user{opacity:1;transform:translateY(0)}.supos-free-page .creation-demo[data-phase=sending] .chat-answer{animation:supos-free-chat-reply .6s cubic-bezier(.16,1,.3,1) .45s both}.supos-free-page .creation-demo[data-phase=sending] .demo-composer textarea::placeholder{color:#a8b1bb}.supos-free-page .creation-demo[data-scene="1"] .demo-conversation{background:#f5f6f8;color:#273548}.supos-free-page .creation-demo[data-scene="1"] .demo-composer{background:#fff;border-color:#dbe2e8}.supos-free-page .creation-demo[data-scene="1"] .demo-composer textarea{color:#273548}.supos-free-page .creation-demo[data-scene="1"] .demo-send{background:#405e6c;color:#fff}.supos-free-page .film-caption{font-size:11px;color:#7c8997}.supos-free-page .demo-toolbar{height:28px;margin-top:6px;justify-content:flex-start}.supos-free-page .demo-footer{color:#a0aab4}.supos-free-page .pc-sidebar>span.tour-active{background:#e6edf2;color:#365e75;border-radius:6px}.supos-free-page .pc-sidebar>span{height:36px;display:flex;align-items:center}.supos-free-page .pc-top{border-color:#e4e9ed}.supos-free-page .pc-primary{background:#416b82}.supos-free-page .pc-kpis small{color:#5b8978}.supos-free-page .pc-main .pc-trend{color:#6b91a7}.supos-free-page .pc-main .pc-progress i{background:#7897ad}.supos-free-page .tour-cursor{position:absolute;top:0;left:0;z-index:20;opacity:0;pointer-events:none;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .2s}.supos-free-page .tour-cursor:after{content:"";position:absolute;top:-9px;left:-9px;width:24px;height:24px;border:2px solid #607f9c;border-radius:50%;opacity:0}.supos-free-page .tour-cursor.is-clicking:after{animation:supos-free-cursor-click .4s ease-out both}.supos-free-page .tour-page-enter{animation:supos-free-page-enter .48s cubic-bezier(.16,1,.3,1) both}.supos-free-page .tour-page-enter .pc-insights>div,.supos-free-page .tour-page-enter .pc-kpis>div,.supos-free-page .tour-page-enter .pc-orders,.supos-free-page .tour-page-enter .pc-orders tbody tr{animation-delay:0s}.supos-free-page .tour-schedule{background:#fff;border:1px solid #e6ebf0;border-radius:6px;padding:14px 16px;margin:12px 0;height:195px}.supos-free-page .schedule-time{font-size:10px;color:#8897a8;margin:12px 0 6px 100px;white-space:pre}.supos-free-page .schedule-row{display:flex;align-items:center;gap:14px;height:34px;font-size:11px;color:#7c8b9c}.supos-free-page .schedule-row>span{width:75px}.supos-free-page .schedule-row>div{flex:1;background:repeating-linear-gradient(90deg,#f1f4f7,#f1f4f7 1px,transparent 0,transparent 16.66%)}.supos-free-page .schedule-row i{display:block;border-radius:4px;background:#dfeaf0;color:#53778c;font-style:normal;padding:5px 10px;font-size:10px}.supos-free-page .schedule-row:nth-child(4) i{background:#e5eee8;color:#648571}.supos-free-page .schedule-row:nth-child(5) i{background:#eee9df;color:#9b8766}.supos-free-page .tour-table{padding:7px 12px}.supos-free-page .tour-table td,.supos-free-page .tour-table th{padding:10px 7px;font-size:11px}.supos-free-page .stock-overview{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:12px 0;height:172px}.supos-free-page .stock-overview>div{padding:15px 18px;background:#fff;border:1px solid #e6ebf0;border-radius:6px}.supos-free-page .stock-capacity{display:flex;align-items:center;gap:16px;font-size:11px;color:#7c8b9c;margin-top:14px}.supos-free-page .stock-capacity>span{width:65px}.supos-free-page .stock-capacity i{height:7px;background:#edf1f5;flex:1}.supos-free-page .stock-capacity b{display:block;height:100%;background:#799bab}.supos-free-page .stock-capacity strong{font-weight:400;width:35px}.supos-free-page .stock-note>strong{display:block;font-size:29px;color:#a18a62;margin-top:12px}.supos-free-page .stock-note strong small{font-size:11px;font-weight:400;color:#9b9b99}.supos-free-page .stock-note p{font-size:11px;color:#8b96a3;margin-top:8px}.supos-free-page .stock-note>span{display:block;font-size:10px;color:#60869b;margin-top:12px}.supos-free-page .pc-board{background:#101d2c}.supos-free-page .board-panel{background:#17283b;border-color:#2b4054}.supos-free-page .board-kpis strong{color:#d3e4ef}.supos-free-page .board-trend .pc-trend{color:#86acbf}.supos-free-page .pc-board .pc-ring:before{background:#17283b}.supos-free-page .pc-board .pc-ring{background:conic-gradient(#7dabb8 0 92.3%,#baa679 92.3% 98%,#b4847f 98%)}.supos-free-page .pc-ranks i b{background:#7c9dad}.supos-free-page .quality-bars i{background:#719991}@keyframes supos-free-chat-reply{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes supos-free-cursor-click{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}@keyframes supos-free-page-enter{0%{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.supos-free-page .creation-demo *{animation:none!important;transition:none!important}.supos-free-page .tour-cursor{display:none}}.supos-free-page .creation-demo{--accent:#3370ff;--ink:#1f2329}.supos-free-page .creation-demo[data-scene="1"] .demo-canvas,.supos-free-page .demo-canvas{background:#fff}.supos-free-page .creation-demo[data-scene="1"] .demo-conversation,.supos-free-page .demo-conversation{display:flex;align-items:center;justify-content:center;padding:0;background:#fff;color:#1f2329}.supos-free-page .creation-demo[data-scene="1"] .demo-composer,.supos-free-page .demo-conversation .demo-composer{position:relative;inset:auto;width:80%;padding:3.5cqw;border:1px solid #dce2eb;background:#fff;border-radius:2cqw;box-shadow:0 4px 24px rgba(31,56,92,.03137254901960784);transform:none;overflow:visible}.supos-free-page .creation-demo[data-scene="1"] .demo-composer textarea,.supos-free-page .demo-conversation .demo-composer textarea{font-size:2.6cqw;line-height:1.75;height:5.25em;white-space:normal;overflow:hidden;font-weight:400;letter-spacing:0;color:#1f2329}.supos-free-page .demo-conversation .demo-composer-foot{margin-top:2cqw;font-size:1.7cqw;color:#8f959e}.supos-free-page .compose-tools{display:flex;align-items:center;gap:2cqw}.supos-free-page .compose-tools>span:first-child{font-size:2.7cqw;color:#646a73}.supos-free-page .creation-demo[data-scene="1"] .demo-send,.supos-free-page .demo-conversation .demo-send{width:5cqw;height:5cqw;border-radius:1.2cqw;font-size:3cqw;background:#3370ff;color:#fff;transition:none}.supos-free-page .creation-demo[data-phase=sending] .demo-composer{background:#fff;transform:none}.supos-free-page .send-cursor{position:absolute;right:4.8cqw;bottom:4.1cqw;width:3.5cqw;height:4.3cqw;opacity:0;pointer-events:none;z-index:5}.supos-free-page .send-cursor svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px #15274735)}.supos-free-page .send-cursor:after{content:"";position:absolute;top:-1.1cqw;left:-1.1cqw;width:3cqw;height:3cqw;border:1px solid #3370ff;border-radius:50%;opacity:0}.supos-free-page .creation-demo[data-phase=sending] .send-cursor{animation:supos-free-send-pointer 1.7s cubic-bezier(.22,1,.36,1) both}.supos-free-page .creation-demo[data-phase=sending] .send-cursor:after{animation:supos-free-send-ripple .5s ease-out .85s both}.supos-free-page .creation-demo[data-phase=sending] .demo-send{animation:supos-free-send-press .4s ease-out .8s both}.supos-free-page .creation-demo[data-phase=sending] .chat-answer,.supos-free-page .creation-demo[data-phase=sending] .chat-user{display:none}.supos-free-page .pc-app,.supos-free-page .pc-main{background:#f7f9fc;color:#1f2329}.supos-free-page .pc-insights>div,.supos-free-page .pc-kpis>div,.supos-free-page .pc-orders,.supos-free-page .pc-sidebar,.supos-free-page .pc-top,.supos-free-page .stock-overview>div,.supos-free-page .tour-schedule{background:#fff;border-color:#e7eaf0}.supos-free-page .pc-primary{background:#3370ff}.supos-free-page .pc-sidebar>span.tour-active{background:#eaf0ff;color:#3370ff}.supos-free-page .film-caption,.supos-free-page .pc-link,.supos-free-page .pc-top>b{color:#3370ff!important}.supos-free-page .pc-kpis small{color:#7093d9}.supos-free-page .pc-main .pc-trend{color:#5488ff}.supos-free-page .pc-main .pc-progress i,.supos-free-page .stock-capacity b{background:#6998ff}.supos-free-page .pc-main .pc-ring{background:conic-gradient(#3370ff 0 86%,#edf2ff 86% 100%)}.supos-free-page .pc-main .pc-ring:before{background:#fff}.supos-free-page .pc-orders .pending,.supos-free-page .pc-orders .ready,.supos-free-page .pc-orders em{color:#4675ce;background:#edf3ff}.supos-free-page .schedule-row:nth-child(4) i,.supos-free-page .schedule-row:nth-child(5) i,.supos-free-page .schedule-row i{background:#e9f0ff;color:#4575cb}.supos-free-page .stock-note>strong{color:#3370ff}.supos-free-page .stock-note>span{color:#5488d7}.supos-free-page .pc-insights .pc-delivery p{color:#7489ad}.supos-free-page .tour-cursor:after{border-color:#3370ff}.supos-free-page .demo-result.screen-result,.supos-free-page .pc-board{background:#0c1933}.supos-free-page .board-head{border-color:#253d62}.supos-free-page .board-panel{background:#122445;border-color:#243e68}.supos-free-page .board-head h3{color:#edf3ff}.supos-free-page .board-head>span{color:#849bc1}.supos-free-page .board-kpis strong{color:#d9e7ff}.supos-free-page .board-bottom span:first-child,.supos-free-page .board-kpis em{color:#739ee5}.supos-free-page .board-trend .pc-trend{color:#6196ff}.supos-free-page .pc-board .pc-ring{background:conic-gradient(#5289ff 0 92.3%,#83adff 92.3% 98%,#345d9e 98%)}.supos-free-page .pc-board .pc-ring:before{background:#122445}.supos-free-page .device-grid i{background:#5186e1}.supos-free-page .device-grid .warn{background:#a1b9e4}.supos-free-page .pc-ranks i{background:#213c63}.supos-free-page .pc-ranks i b{background:#6196ff}.supos-free-page .quality-bars i{background:#75a0f4}.supos-free-page .board-orders em,.supos-free-page .quality-note span{color:#a3c2ff}.supos-free-page .board-alert b{color:#a9c6ff}.supos-free-page .board-alert{border-color:#294164}.supos-free-page .pc-board .pc-delivery p span{color:#a6bce2}.supos-free-page .demo-state{color:#7d8da7}.supos-free-page .creation-demo .pc-fit{background:transparent}@keyframes supos-free-send-pointer{0%{opacity:0;transform:translate(10cqw,7cqw)}15%{opacity:1}48%,72%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(1cqw,1.5cqw)}}@keyframes supos-free-send-ripple{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(2)}}@keyframes supos-free-send-press{0%,to{transform:scale(1);background:#3370ff}45%{transform:scale(.88);background:#245bdb}}@media (prefers-reduced-motion:reduce){.supos-free-page .creation-demo *{animation:none!important;transition:none!important}.supos-free-page .send-cursor{display:none}}.supos-free-page .pc-board{background:#101b2a;color:#d8e0e8;padding:0 22px}.supos-free-page .board-head{height:67px;border-bottom:1px solid #2a3647;justify-content:flex-start;gap:26px}.supos-free-page .board-head>span:first-child{font-size:12px;color:#90a2b4}.supos-free-page .board-head h3{font-size:24px;letter-spacing:.5px;font-weight:550;color:#e7edf3}.supos-free-page .board-head>span:last-child{margin-left:auto;font-size:11px;color:#73879b}.supos-free-page .board-kpis{padding:18px 0}.supos-free-page .board-kpis>div{padding:0 18px;border-color:#293748}.supos-free-page .board-kpis>div:first-child{padding-left:4px}.supos-free-page .board-kpis span{font-size:11px;color:#8fa1b4}.supos-free-page .board-kpis strong{color:#dae5ef;font-size:30px;letter-spacing:-.5px}.supos-free-page .board-kpis strong small{color:#7e92a7}.supos-free-page .board-kpis em{font-size:10px;color:#7eac9f}.supos-free-page .board-kpis>div:nth-child(2) em,.supos-free-page .board-kpis>div:nth-child(5) em{color:#7f91a5}.supos-free-page .board-panel{background:#162335;border:1px solid #223146;border-radius:5px;box-shadow:none;padding:12px 15px}.supos-free-page .board-panel h4{color:#cdd8e3;font-size:13px;font-weight:550}.supos-free-page .board-panel h4 small{color:#73889e;font-size:10px}.supos-free-page .board-trend{background:#152233;border-color:#26364b}.supos-free-page .board-trend h4 small{color:#81a7bd}.supos-free-page .board-trend .shift-chart{height:112px;margin:2px 0 0}.supos-free-page .pc-board .pc-axis{color:#758b9f;font-size:9px;padding-left:36px;justify-content:space-around}.supos-free-page .pc-board .pc-ring{background:conic-gradient(#72aa9c 0 92.3%,#42556c 92.3% 98%,#c2a171 98% 100%)}.supos-free-page .pc-board .pc-ring:before{background:#162335;inset:8px}.supos-free-page .pc-board .pc-ring b{color:#c7dcd7;font-size:22px}.supos-free-page .pc-board .pc-ring b small{color:#81978f;font-size:9px}.supos-free-page .pc-board .pc-delivery p{color:#89a79d}.supos-free-page .pc-board .pc-delivery p span{color:#c5aa7b}.supos-free-page .device-grid{gap:5px;margin-top:8px}.supos-free-page .device-grid i{background:#567e78;height:6px;border-radius:2px}.supos-free-page .device-grid .warn{background:#b09770}.supos-free-page .pc-ranks>div{color:#91a3b5}.supos-free-page .pc-ranks i{height:8px;background:#26374b;border-radius:3px;overflow:hidden}.supos-free-page .pc-ranks i b{background:linear-gradient(90deg,#456f9b,#82a8cb);border-radius:3px}.supos-free-page .pc-ranks>div:nth-child(2) i b{background:linear-gradient(90deg,#426c83,#7aa6b5)}.supos-free-page .pc-ranks>div:nth-child(3) i b{background:linear-gradient(90deg,#416970,#7ba69f)}.supos-free-page .pc-ranks>div:nth-child(4) i b{background:linear-gradient(90deg,#3e596b,#718c9b)}.supos-free-page .pc-ranks strong{color:#adbece;font-size:11px}.supos-free-page .quality-bars i{background:linear-gradient(0deg,#396560,#80b6a5);border-radius:2px 2px 0 0}.supos-free-page .quality-bars{gap:15px}.supos-free-page .quality-note{color:#7d91a3}.supos-free-page .quality-note span{color:#85b6a6}.supos-free-page .board-orders th{color:#7b90a5;font-size:10px}.supos-free-page .board-orders td{border-bottom:1px solid #25354a;color:#a9bbcd;font-size:10px}.supos-free-page .board-orders em{color:#82b7a6}.supos-free-page .board-alert{padding:17px 0;border-color:#2a394d}.supos-free-page .board-alert b{display:inline-block;background:#443c2f;color:#c5ab80;font-size:9px;padding:3px 7px;border-radius:3px;margin-bottom:8px;font-weight:400}.supos-free-page .board-alert:nth-child(3) b{color:#8caed0;background:#25384f}.supos-free-page .board-alert span{color:#acbac9;font-size:12px}.supos-free-page .board-alert small{color:#6e849c;font-size:9px}.supos-free-page .board-bottom,.supos-free-page .board-bottom span:first-child{color:#627c8d}.supos-free-page .shift-bar{transform-origin:center bottom;transform-box:fill-box;animation:supos-free-bar-grow-y 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(1.05s + var(--i)*0.08s)}.supos-free-page .pc-board .board-kpis>div,.supos-free-page .pc-board .board-panel{animation-duration:.6s}.supos-free-page .pc-board .trend-line{animation-duration:1.7s}.supos-free-page .creation-demo{position:relative}.supos-free-page .compact-stage .workspace-title{margin-bottom:16px}.supos-free-page .compact-stage .workspace-title h2{margin-bottom:0}.supos-free-page .compact-stage .workspace-main{padding-bottom:18px}.supos-free-page .film-pause{position:absolute;right:6px;bottom:5px;width:24px;min-height:24px;border-radius:50%;background:hsla(0,0%,100%,.788235294117647);z-index:10;opacity:0;color:#728095;transition:opacity .2s}.supos-free-page .creation-demo.is-paused .film-pause,.supos-free-page .creation-demo:hover .film-pause,.supos-free-page .film-pause:focus-visible{opacity:1}.supos-free-page .uns-attach{font-size:1.55cqw}.supos-free-page .creation-demo[data-uns=attached] .uns-attach{color:#3370ff;background:#edf3ff;padding:.6cqw 1cqw;border-radius:.7cqw}.supos-free-page .uns-picker{position:absolute;left:12%;top:7%;width:76%;height:86%;background:#fff;border:1px solid #e0e6ef;border-radius:1.5cqw;box-shadow:0 8px 35px rgba(24,50,87,.12549019607843137);z-index:6;padding:2.3cqw 3cqw;opacity:0;visibility:hidden;transform:translateY(5px) scale(.98);transition:opacity .2s,transform .35s cubic-bezier(.16,1,.3,1),visibility .2s;pointer-events:none;font-size:1.8cqw;color:#49566a}.supos-free-page .creation-demo[data-uns=checked] .uns-picker,.supos-free-page .creation-demo[data-uns=confirm] .uns-picker,.supos-free-page .creation-demo[data-uns=open] .uns-picker{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.supos-free-page .uns-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.6cqw;border-bottom:1px solid #edf0f5}.supos-free-page .uns-title strong{font-size:2.1cqw;font-weight:550;color:#273548}.supos-free-page .uns-title>span{font-size:2.5cqw;color:#8a96a6}.supos-free-page .uns-location{display:flex;justify-content:space-between;font-size:1.6cqw;margin:1.5cqw 0;color:#7d8da2}.supos-free-page .uns-location span{color:#3370ff}.supos-free-page .uns-root{font-size:1.8cqw;color:#475970}.supos-free-page .uns-branch{padding:.7cqw 0 .5cqw 2cqw;font-size:1.7cqw;color:#8a96a5}.supos-free-page .uns-node{margin-left:5cqw;padding:.65cqw 1.2cqw;border-radius:.6cqw;font-size:1.7cqw;display:flex;justify-content:space-between}.supos-free-page .uns-node>span{color:#b3bfce}.supos-free-page .uns-picker-foot{position:absolute;bottom:2cqw;left:3cqw;right:3cqw;display:flex;align-items:center;justify-content:space-between;font-size:1.4cqw;color:#94a0b0}.supos-free-page .uns-picker-foot b{background:#3370ff;color:#fff;padding:1cqw 2cqw;font-weight:400;border-radius:.7cqw}.supos-free-page .creation-demo[data-scene="0"][data-uns=checked] .uns-business,.supos-free-page .creation-demo[data-scene="0"][data-uns=confirm] .uns-business,.supos-free-page .creation-demo[data-scene="1"][data-uns=checked] .uns-production,.supos-free-page .creation-demo[data-scene="1"][data-uns=confirm] .uns-production{background:#edf3ff;color:#3370ff}.supos-free-page .creation-demo[data-uns=checked] .uns-node>span,.supos-free-page .creation-demo[data-uns=confirm] .uns-node>span{font-size:0}.supos-free-page .creation-demo[data-uns=checked] .uns-node>span:after,.supos-free-page .creation-demo[data-uns=confirm] .uns-node>span:after{content:"□";font-size:1.7cqw}.supos-free-page .creation-demo[data-scene="0"][data-uns=checked] .uns-business>span:after,.supos-free-page .creation-demo[data-scene="0"][data-uns=confirm] .uns-business>span:after,.supos-free-page .creation-demo[data-scene="1"][data-uns=checked] .uns-production>span:after,.supos-free-page .creation-demo[data-scene="1"][data-uns=confirm] .uns-production>span:after{content:"☑";color:#3370ff}.supos-free-page .uns-pointer{position:absolute;right:4cqw;top:46%;width:3cqw;transition:transform .4s cubic-bezier(.16,1,.3,1),top .4s}.supos-free-page .uns-pointer svg{display:block;width:100%}.supos-free-page .creation-demo[data-scene="1"] .uns-pointer{top:73%}.supos-free-page .creation-demo[data-uns=confirm] .uns-pointer{top:86%;transform:translateX(-1cqw)}.supos-free-page .creation-demo[data-uns=confirm] .uns-picker-foot b{animation:supos-free-send-press .35s ease-out .25s both}.supos-free-page .creation-demo[data-phase=sending] .send-cursor{animation-duration:1.2s}.supos-free-page .creation-demo[data-phase=sending] .demo-send,.supos-free-page .creation-demo[data-phase=sending] .send-cursor:after{animation-delay:.6s}.supos-free-page .pc-board{background:#0b1525;padding:0 24px;color:#c6d3e3}.supos-free-page .board-head{height:54px;border-color:#233248;gap:22px}.supos-free-page .board-head .ops-brand{font-size:20px;color:#e4ecf7;font-weight:650;letter-spacing:-.6px}.supos-free-page .ops-brand b{font-size:8px;font-weight:500;letter-spacing:1.8px;color:#708cae;margin-left:6px}.supos-free-page .board-head h3{font-size:20px;font-weight:500;letter-spacing:0;padding-left:22px;border-left:1px solid #314057}.supos-free-page .board-head .ops-location{font-size:11px;color:#859ab4}.supos-free-page .ops-location i{font-style:normal;color:#3e536e;margin:0 9px}.supos-free-page .board-kpis{padding:13px 0;gap:0}.supos-free-page .board-kpis>div{padding:0 17px}.supos-free-page .board-kpis strong{font-size:28px;margin:2px 0}.supos-free-page .board-kpis span{font-size:10px;color:#7891af}.supos-free-page .board-kpis strong small{font-size:10px}.supos-free-page .board-kpis em{font-size:9px}.supos-free-page .board-grid{height:480px;grid-template-columns:1fr 1fr 1.05fr;grid-template-rows:235px 118px 103px;gap:12px}.supos-free-page .board-panel{padding:11px 14px;border:0;border-radius:3px;background:#101f32;box-shadow:inset 0 1px #20334b}.supos-free-page .board-panel h4{font-size:12px;color:#b7cbe3;letter-spacing:.2px}.supos-free-page .board-panel h4 small{font-size:9px}.supos-free-page .board-trend{position:relative;background:linear-gradient(155deg,#142740,#101e30 70%);padding:12px 17px}.supos-free-page .board-trend h4 small{display:flex;align-items:center;gap:5px}.supos-free-page .legend-bar{display:inline-block;width:7px;height:7px;background:#6896d6}.supos-free-page .legend-line{display:inline-block;width:10px;height:2px;background:#7bb6a9}.supos-free-page .operation-flow{display:flex;align-items:center;margin:12px 0 7px;gap:10px}.supos-free-page .operation-flow>div{position:relative;flex:1;padding:8px 10px;background:#152c44;border:1px solid #29445f;border-radius:3px;animation:supos-free-flow-state 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.55s + var(--step)*0.27s)}.supos-free-page .operation-flow span{font-size:8px;letter-spacing:.4px;display:block;color:#7197ba}.supos-free-page .operation-flow strong{font-weight:500;font-size:11px;display:block;color:#b6cde3;margin:2px 0}.supos-free-page .operation-flow small{font-size:9px;color:#78a49f;font-variant-numeric:tabular-nums}.supos-free-page .operation-flow>i{height:1px;width:17px;background:#38556e;position:relative;overflow:hidden;flex:none}.supos-free-page .operation-flow>i:after{content:"";position:absolute;inset:0;background:#92b8d5;transform:translateX(-100%);animation:supos-free-flow-travel 1.25s linear .7s 2}.supos-free-page .chart-subhead{display:flex;justify-content:space-between;font-size:9px;color:#7f97b1;margin-bottom:0}.supos-free-page .chart-subhead small{font-size:8px;color:#4d6885;margin-left:8px}.supos-free-page .chart-subhead b{color:#b2ceec;font-size:10px;font-weight:500}.supos-free-page .board-trend .shift-chart{height:103px;margin:1px 0 0}.supos-free-page .board-trend .pc-axis{font-size:8px;padding-left:34px}.supos-free-page .shift-insight{position:absolute;right:16px;bottom:41px;display:grid;gap:1px;min-width:99px;padding:7px 10px;background:#1c344d;border:1px solid #3f6487;border-radius:4px;box-shadow:0 7px 15px rgba(6,18,30,.3333333333333333);font-size:8px;color:#a9c2db;opacity:0;animation:supos-free-insight-reveal .6s cubic-bezier(.16,1,.3,1) 2.7s both}.supos-free-page .shift-insight b{font-size:16px;color:#e0eafa;font-weight:500}.supos-free-page .shift-insight b small{font-size:9px;color:#90a8c3}.supos-free-page .shift-insight em{font-size:8px;color:#83b6a7}.supos-free-page .board-panel .pc-delivery{padding:9px 0 5px;justify-content:space-between}.supos-free-page .pc-board .pc-ring{width:72px;height:72px;margin-left:10px}.supos-free-page .pc-board .pc-ring b{font-size:18px}.supos-free-page .pc-board .pc-ring b small{font-size:8px}.supos-free-page .pc-board .pc-delivery p{font-size:9px;line-height:2;padding-right:20px}.supos-free-page .equipment-detail{margin-top:7px}.supos-free-page .equipment-detail>div{display:flex;align-items:center;font-size:9px;padding:5px 0;border-bottom:1px solid #26394f;color:#8ca5bf}.supos-free-page .equipment-detail b{margin-left:auto;font-size:9px;font-weight:400;color:#b1c7de}.supos-free-page .equipment-detail em{width:55px;text-align:right;color:#7da99c;font-size:8px}.supos-free-page .equipment-detail em.attention{color:#c5ad83}.supos-free-page .device-grid{margin-top:10px}.supos-free-page .device-grid i{height:5px}.supos-free-page .pc-ranks{gap:10px;margin-top:12px}.supos-free-page .pc-ranks>div{font-size:9px}.supos-free-page .pc-ranks i{height:5px}.supos-free-page .pc-ranks strong{font-size:9px}.supos-free-page .quality-bars{height:61px;padding-top:7px;gap:18px}.supos-free-page .quality-bars span{font-size:8px}.supos-free-page .quality-note{font-size:8px;margin-top:6px}.supos-free-page .board-orders table{margin-top:6px;font-size:9px}.supos-free-page .board-orders td,.supos-free-page .board-orders th{font-size:9px;padding:3px 0}.supos-free-page .board-orders tbody tr:last-child td{border-bottom:0}.supos-free-page .board-alert{padding:14px 0}.supos-free-page .board-alert b{font-size:8px;padding:2px 6px;margin-bottom:7px}.supos-free-page .board-alert span{font-size:11px}.supos-free-page .board-alert small{font-size:8px;margin-top:5px}.supos-free-page .priority-alert{animation:supos-free-alert-focus .8s 3.1s both}.supos-free-page .board-bottom{font-size:8px;margin-top:8px}.supos-free-page .board-panel,.supos-free-page .pc-board .board-kpis>div{animation-name:supos-free-ops-entrance!important;animation-duration:.65s!important}.supos-free-page .board-panel:nth-child(2){animation-delay:.45s!important}.supos-free-page .board-panel:nth-child(3),.supos-free-page .board-panel:nth-child(4){animation-delay:.7s!important}.supos-free-page .board-panel:nth-child(5),.supos-free-page .board-panel:nth-child(6){animation-delay:.95s!important}@keyframes supos-free-ops-entrance{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes supos-free-flow-state{0%{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes supos-free-flow-travel{to{transform:translateX(110%)}}@keyframes supos-free-insight-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes supos-free-alert-focus{0%{opacity:.5}to{opacity:1}}@media (prefers-reduced-motion:reduce){.supos-free-page .creation-demo *{animation:none!important;transition:none!important}.supos-free-page .shift-insight{opacity:1}}.supos-free-page .drawing-attachment{display:none}.supos-free-page .creation-demo[data-scene="2"] .drawing-attachment{display:flex;align-items:center;gap:2cqw;border:1px solid #dce6f4;border-radius:1cqw;padding:1cqw;margin-bottom:1.5cqw;background:#f7faff;animation:supos-free-drawing-drop .85s cubic-bezier(.16,1,.3,1) both}.supos-free-page .drawing-attachment .flange-drawing{width:13cqw;height:7.5cqw}.supos-free-page .drawing-attachment strong{display:block;font-size:1.8cqw;font-weight:500}.supos-free-page .drawing-attachment span{display:block;font-size:1.3cqw;color:#8b9aae;margin-top:.5cqw}.supos-free-page .drawing-attachment>b{margin-left:auto;font-size:2cqw;color:#3370ff}.supos-free-page .creation-demo[data-scene="2"] .demo-composer textarea{font-size:2.35cqw;height:3.5em}.supos-free-page .quote-desktop{background:#f3f6fa;color:#283b52;font-size:14px}.supos-free-page .quote-appbar{height:52px;border-bottom:1px solid #e4eaf2;display:flex;align-items:center;gap:50px;padding:0 24px}.supos-free-page .quote-appbar>b{font-size:23px;color:#3266b4}.supos-free-page .quote-appbar b small{font-size:13px;margin-left:12px;color:#60728a;font-weight:400}.supos-free-page .quote-appbar>span{color:#8b99ab;font-size:12px}.supos-free-page .quote-appbar em{margin-left:auto;color:#8198b5;font-size:11px}.supos-free-page .quote-layout{display:grid;grid-template-columns:285px 1fr;gap:18px;padding:20px;height:598px}.supos-free-page .quote-source{background:#fff;border:1px solid #e2e8f1;border-radius:7px;padding:17px 18px}.supos-free-page .quote-source h4{font-size:13px;margin:0 0 12px;font-weight:500}.supos-free-page .quote-source .flange-drawing{width:100%;height:137px;display:block;margin-bottom:8px}.supos-free-page .quote-source>strong{font-size:11px;font-weight:500;color:#7b8da5}.supos-free-page .quote-spec{display:grid;gap:7px;margin:15px 0 20px;font-size:11px}.supos-free-page .quote-cost>span,.supos-free-page .quote-cost>strong,.supos-free-page .quote-spec>span{display:flex;justify-content:space-between;color:#8d9aac}.supos-free-page .quote-cost b,.supos-free-page .quote-spec b{font-weight:400;color:#506981}.supos-free-page .quote-cost{display:grid;gap:9px;font-size:11px}.supos-free-page .quote-cost>strong{border-top:1px solid #e9eef5;padding-top:10px;font-size:12px;font-weight:500}.supos-free-page .quote-margin{margin-top:18px;padding:12px 15px;background:#edf4ff;border-radius:5px}.supos-free-page .quote-margin>span{font-size:11px;color:#6a85ab}.supos-free-page .quote-margin>strong{display:block;font-size:30px;color:#3370ff;line-height:1.3;font-weight:550}.supos-free-page .quote-margin strong span{font-size:16px}.supos-free-page .quote-margin small{font-size:10px;color:#7290b9}.supos-free-page .quote-paper{background:#fff;border:1px solid #e3e9f1;padding:27px 30px;position:relative;animation:supos-free-film-layer .7s .35s both}.supos-free-page .quote-paper-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:2px solid #386fbd}.supos-free-page .quote-paper-head small{font-size:10px;letter-spacing:2px;color:#87a1c0}.supos-free-page .quote-paper-head h3{font-size:27px;font-weight:550;margin-top:7px;color:#243d61}.supos-free-page .quote-paper-head>span{font-size:11px;line-height:2;color:#8a9bb1;text-align:right}.supos-free-page .quote-parties{display:flex;justify-content:space-between;padding:20px 0 24px}.supos-free-page .quote-parties>div{display:grid;gap:5px}.supos-free-page .quote-parties small{font-size:10px;color:#95a4b7}.supos-free-page .quote-parties strong{font-size:13px;font-weight:500}.supos-free-page .quote-parties span{font-size:11px;color:#7e91a8}.supos-free-page .quote-paper table{font-size:12px}.supos-free-page .quote-paper th{background:#eff4fb;color:#6c86a5;font-size:11px;padding:12px 10px}.supos-free-page .quote-paper td{padding:17px 10px;border-bottom:1px solid #e6edf5}.supos-free-page .quote-paper td small{font-size:10px;color:#92a3b6}.supos-free-page .quote-total{text-align:right;padding:20px 0}.supos-free-page .quote-total>span{font-size:11px;color:#8b9cb0;display:block}.supos-free-page .quote-total>strong{font-weight:550;color:#3069ba;display:block;margin:4px 0 7px}.supos-free-page .quote-total>small{font-size:10px;color:#7e94ae}.supos-free-page .quote-notes{border-top:1px solid #e5ecf5;padding-top:14px}.supos-free-page .quote-notes b{font-weight:500;font-size:11px}.supos-free-page .quote-notes p{font-size:10px;color:#8699b1;line-height:1.9;margin-top:7px}.supos-free-page .quote-notes>small{font-size:8px;color:#a0aec0}.supos-free-page .quote-actions{position:absolute;bottom:20px;right:30px;display:flex;gap:10px;font-size:12px}.supos-free-page .quote-actions>span{border:1px solid #b9cdec;padding:9px 16px;border-radius:4px;color:#4477bd;background:#f5f9ff}.supos-free-page .quote-actions .quote-send{border-color:#3370ff}.supos-free-page .quote-pointer{position:absolute;left:0;top:0;width:28px;z-index:6;opacity:0;transform:translate(870px,610px);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .2s}.supos-free-page .creation-demo[data-delivery=download] .quote-pointer{opacity:1;transform:translate(931px,591px)}.supos-free-page .creation-demo[data-delivery=file] .quote-pointer{opacity:1;transform:translate(1074px,591px)}.supos-free-page .creation-demo[data-delivery=download] .quote-download{animation:supos-free-send-press .4s .45s both}.supos-free-page .creation-demo[data-delivery=file] .quote-send{animation:supos-free-send-press .4s .6s both}.supos-free-page .quote-file{position:absolute;right:35px;bottom:82px;width:340px;padding:13px 15px;background:#fff;border:1px solid #c9d9ed;border-radius:6px;box-shadow:0 8px 30px rgba(41,72,103,.12549019607843137);display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .5s}.supos-free-page .quote-attachment>span,.supos-free-page .quote-file>span{font-size:10px;background:#eaf1fc;color:#4979bd;padding:9px 6px;border-radius:3px}.supos-free-page .quote-file b{font-size:12px;font-weight:500}.supos-free-page .quote-file small{display:block;font-size:10px;color:#94a6bb;margin-top:4px}.supos-free-page .quote-file em{margin-left:auto;color:#3370ff}.supos-free-page .creation-demo[data-delivery=file] .quote-file{opacity:1;transform:translateY(0)}.supos-free-page .quote-message{position:absolute;right:27px;top:145px;width:450px;background:#fff;border:1px solid #ceddf0;box-shadow:0 20px 90px rgba(23,47,77,.25098039215686274);border-radius:8px;padding:22px 24px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .4s,transform .6s,visibility .4s;z-index:5}.supos-free-page .creation-demo[data-delivery=sending] .quote-message,.supos-free-page .creation-demo[data-delivery=sent] .quote-message{opacity:1;visibility:visible;transform:translateY(0)}.supos-free-page .quote-message-head{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #e7edf5;font-size:15px}.supos-free-page .quote-message-head b{font-weight:550}.supos-free-page .quote-message-head span{color:#93a4b9}.supos-free-page .quote-recipient{font-size:11px;color:#9aabc0;margin:17px 0}.supos-free-page .quote-recipient strong{font-weight:400;margin-left:12px;color:#5079ad;background:#edf4ff;padding:5px 12px;border-radius:4px}.supos-free-page .quote-message>p{font-size:13px;line-height:1.9;color:#627b99}.supos-free-page .quote-attachment{display:flex;align-items:center;gap:10px;padding:13px;background:#f5f8fc;margin:18px 0;border-radius:5px}.supos-free-page .quote-attachment b{font-size:11px;font-weight:400}.supos-free-page .quote-attachment small{font-size:10px;color:#91a2b7;margin-left:auto}.supos-free-page .quote-message-bottom{text-align:right;font-size:12px;padding-top:6px}.supos-free-page .delivery-done{display:none}.supos-free-page .creation-demo[data-delivery=sent] .delivery-done{display:inline}.supos-free-page .creation-demo[data-delivery=sent] .delivery-pending{display:none}@keyframes supos-free-drawing-drop{0%{opacity:0;transform:translate(12cqw,-12cqw) rotate(-7deg) scale(.85)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}.supos-free-page .drawing-intro{display:none}.supos-free-page .creation-demo[data-scene="2"] .drawing-intro{display:grid;place-items:center;position:absolute;inset:0;background:#fff;z-index:8;pointer-events:none}.supos-free-page .drawing-sheet{position:relative;width:78%;padding:2cqw;background:#fff;border:1px solid #dce5f3;border-radius:1cqw;box-shadow:0 7px 26px rgba(51,112,255,.07058823529411765);transform-origin:16% 20%}.supos-free-page .drawing-sheet-foot,.supos-free-page .drawing-sheet-head{display:flex;justify-content:space-between;gap:1cqw;align-items:center}.supos-free-page .drawing-sheet-head{font-size:1.8cqw;color:#285ba7;padding:0 0 1cqw}.supos-free-page .drawing-sheet-head small{font-size:1.3cqw;color:#8295b2}.supos-free-page .drawing-sheet>.flange-drawing{width:100%;height:36cqw;display:block}.supos-free-page .drawing-sheet-foot{font-size:1.2cqw;color:#7190ba;padding-top:1cqw}.supos-free-page .drawing-sheet-foot>span:last-child{color:#3370ff}.supos-free-page .drawing-grab{position:absolute;left:72%;top:65%;width:4cqw;opacity:0;filter:drop-shadow(0 1px 2px #18386135)}.supos-free-page .drawing-grab svg{display:block;width:100%;height:auto}.supos-free-page .creation-demo[data-drawing=show] .drawing-sheet{animation:supos-free-drawing-inspect .55s cubic-bezier(.16,1,.3,1) both}.supos-free-page .creation-demo[data-drawing=show] .drawing-grab{animation:supos-free-drawing-hand .45s .95s both}.supos-free-page .creation-demo[data-drawing=drop] .drawing-intro{background:transparent}.supos-free-page .creation-demo[data-drawing=drop] .drawing-sheet{animation:supos-free-sheet-to-prompt 1s cubic-bezier(.65,0,.2,1) both}.supos-free-page .creation-demo[data-drawing=drop] .drawing-grab{opacity:1}.supos-free-page .creation-demo[data-drawing=attached] .drawing-intro{display:none}.supos-free-page .creation-demo[data-scene="2"] .drawing-attachment{animation:none;opacity:0}.supos-free-page .creation-demo[data-drawing=attached] .drawing-attachment{opacity:1;transition:opacity .18s}.supos-free-page .creation-demo[data-drawing=show] .demo-conversation{opacity:0;visibility:hidden}.supos-free-page .creation-demo[data-drawing=drop] .demo-conversation{opacity:1;visibility:visible}.supos-free-page .creation-demo[data-scene="2"] .demo-result,.supos-free-page .quote-desktop{background:#fff}.supos-free-page .quote-appbar{background:#fff;border-bottom:1px solid #e4ebf7}.supos-free-page .quote-appbar>b,.supos-free-page .quote-paper-head h3,.supos-free-page .quote-total>strong{color:#3370ff}.supos-free-page .quote-appbar>span,.supos-free-page .quote-appbar em{color:#7590b5}.supos-free-page .quote-paper,.supos-free-page .quote-source{background:#fff;border-color:#dce6f5}.supos-free-page .quote-layout{background:#fff}.supos-free-page .quote-source h4{color:#315d9b}.supos-free-page .quote-margin{background:#edf3ff}.supos-free-page .quote-margin>span,.supos-free-page .quote-margin>strong{color:#3370ff}.supos-free-page .quote-paper-head{border-bottom-color:#3370ff}.supos-free-page .quote-paper th{background:#edf3ff;color:#4976b9}.supos-free-page .quote-paper td{color:#34577f}.supos-free-page .quote-total>small{color:#6e8bb1}.supos-free-page .quote-actions>span{color:#3370ff;border-color:#3370ff;background:#fff}.supos-free-page .quote-actions .quote-send{background:#3370ff;color:#fff}.supos-free-page .quote-file,.supos-free-page .quote-message{background:#fff;border-color:#cdddf8;box-shadow:0 15px 50px rgba(51,112,255,.08627450980392157)}.supos-free-page .quote-attachment>span,.supos-free-page .quote-file>span,.supos-free-page .quote-recipient strong{color:#3370ff;background:#edf3ff}.supos-free-page .quote-attachment{background:#f4f7ff}.supos-free-page .quote-message-head,.supos-free-page .quote-message>p{color:#385c8b}.supos-free-page .quote-message-bottom{color:#3370ff}.supos-free-page .flange-drawing>g[stroke]{stroke:#326cbd}.supos-free-page .flange-drawing>g[fill]:not([fill=none]){fill:#326cbd}@keyframes supos-free-drawing-inspect{0%{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes supos-free-drawing-hand{0%{opacity:0;transform:translate(3cqw,3cqw)}to{opacity:1;transform:translate(0)}}@keyframes supos-free-sheet-to-prompt{0%{opacity:1;transform:translate(0) scale(1)}80%{opacity:1;transform:translate(-1cqw,8cqw) scale(.19)}to{opacity:0;transform:translate(-1cqw,8cqw) scale(.19)}}@media (prefers-reduced-motion:reduce){.supos-free-page .creation-demo *{animation:none!important;transition:none!important}.supos-free-page .drawing-intro{display:none!important}.supos-free-page .drawing-attachment{opacity:1!important}}.supos-free-page .creation-demo{--film-ease:cubic-bezier(0.22,1,0.36,1)}.supos-free-page .compact-stage .workspace-title h2{font-weight:550;letter-spacing:-.5px;line-height:1.45;min-height:1.45em}.supos-free-page .film-title-enter{animation:supos-free-film-title-in .6s .08s var(--film-ease,cubic-bezier(.22,1,.36,1)) both}.supos-free-page .demo-canvas{transition:opacity .38s cubic-bezier(.4,0,1,1),transform .45s cubic-bezier(.4,0,1,1);transform-origin:50% 50%;box-shadow:0 0 0 1px rgba(40,73,107,.03137254901960784)}.supos-free-page .creation-demo[data-cut=out] .demo-canvas{opacity:0;transform:translateY(-2px)}.supos-free-page .compact-stage:has(.creation-demo[data-cut=out]) .workspace-title{opacity:0;transform:translateY(-2px)}.supos-free-page .workspace-title{transition:opacity .3s,transform .35s}.supos-free-page .film-shot-enter{animation:supos-free-film-shot-in .65s var(--film-ease) backwards}.supos-free-page .demo-conversation .demo-composer{box-shadow:0 6px 26px rgba(29,57,102,.03137254901960784),0 1px 3px rgba(39,73,106,.01568627450980392);border-color:#dfe5ee}.supos-free-page .demo-conversation .demo-composer textarea{font-weight:400;line-height:1.78}.supos-free-page .creation-demo[data-phase=typing] .demo-send{background:#7099ee}.supos-free-page .creation-demo[data-phase=sending] .demo-send{background:#3370ff}.supos-free-page .demo-conversation{transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .65s var(--film-ease)}.supos-free-page .creation-demo[data-phase=building] .demo-conversation{transform:translateY(-5px) scale(.992)}.supos-free-page .demo-output{transition:opacity .65s var(--film-ease)}.supos-free-page .pc-fit{animation:supos-free-precise-reveal .85s var(--film-ease) both}.supos-free-page .creation-demo[data-phase=complete] .pc-fit{animation:none}.supos-free-page .board-head,.supos-free-page .pc-sidebar,.supos-free-page .pc-title,.supos-free-page .pc-top{animation-duration:.7s;animation-timing-function:var(--film-ease)}.supos-free-page .pc-main .pc-kpis>div{animation-duration:.7s}.supos-free-page .pc-orders tbody tr{animation-duration:.45s}.supos-free-page .tour-cursor{transition:transform .55s var(--film-ease),opacity .18s;filter:drop-shadow(0 2px 2px #1c355323)}.supos-free-page .tour-cursor.is-clicking>svg{animation:supos-free-cursor-press .3s ease-out}.supos-free-page .tour-page-enter{animation:supos-free-page-enter .42s var(--film-ease) both}.supos-free-page .pc-sidebar>span{transition:background .25s,color .25s}.supos-free-page .tour-page-enter .pc-kpis>div,.supos-free-page .tour-page-enter .pc-orders,.supos-free-page .tour-page-enter .pc-title{animation-duration:.4s}.supos-free-page .tour-page-enter .pc-insights>div{animation-delay:.08s}.supos-free-page .uns-picker{transition:opacity .24s,transform .4s var(--film-ease),visibility .24s;box-shadow:0 14px 42px rgba(25,51,83,.09411764705882353),0 2px 5px rgba(25,51,83,.03137254901960784)}.supos-free-page .creation-demo[data-scene="0"][data-uns=checked] .uns-business{animation:supos-free-node-select .25s both}.supos-free-page .creation-demo[data-scene="0"][data-uns=checked] .uns-business:nth-child(4){animation-delay:.1s}.supos-free-page .creation-demo[data-scene="0"][data-uns=checked] .uns-business:nth-child(5){animation-delay:.2s}.supos-free-page .uns-pointer{transition:transform .45s var(--film-ease),top .45s var(--film-ease)}.supos-free-page .drawing-sheet{box-shadow:0 16px 50px rgba(40,76,123,.07058823529411765),0 1px 4px rgba(40,76,123,.023529411764705882)}.supos-free-page .creation-demo[data-drawing=show] .drawing-sheet{animation:supos-free-drawing-inspect .75s var(--film-ease) both}.supos-free-page .creation-demo[data-drawing=drop] .drawing-sheet{animation:supos-free-sheet-to-prompt 1s cubic-bezier(.65,0,.18,1) both}.supos-free-page .quote-source{animation:supos-free-film-layer .7s .12s var(--film-ease) both}.supos-free-page .quote-paper{animation:supos-free-paper-settle .9s .35s var(--film-ease) both}.supos-free-page .quote-margin{animation:supos-free-quote-emphasis .75s 1.25s both}.supos-free-page .quote-paper tbody tr{animation:supos-free-film-layer .65s .7s var(--film-ease) both}.supos-free-page .quote-total{animation:supos-free-film-layer .65s 1.05s var(--film-ease) both}.supos-free-page .quote-file{transition:opacity .28s,transform .5s var(--film-ease)}.supos-free-page .quote-message{transition:opacity .35s,transform .6s var(--film-ease),visibility .35s}.supos-free-page .creation-demo[data-delivery=sent] .delivery-done{animation:supos-free-delivery-confirm .5s var(--film-ease) both;display:inline-block}.supos-free-page .quote-pointer{transition:transform .55s var(--film-ease),opacity .2s}@keyframes supos-free-film-title-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes supos-free-film-shot-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes supos-free-precise-reveal{0%{opacity:0;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@keyframes supos-free-cursor-press{50%{transform:scale(.87)}to{transform:scale(1)}}@keyframes supos-free-node-select{0%{background:#fff;color:#7b8c9f}to{background:#edf3ff;color:#3370ff}}@keyframes supos-free-paper-settle{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes supos-free-quote-emphasis{0%{background:#fff}to{background:#edf3ff}}@keyframes supos-free-delivery-confirm{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.supos-free-page .creation-demo *,.supos-free-page .film-title-enter{animation:none!important;transition:none!important}.supos-free-page .drawing-intro{display:none!important}}.supos-free-page .flange-drawing>g[stroke]{stroke:#26292e}.supos-free-page .flange-drawing>g[fill]:not([fill=none]){fill:#26292e}.supos-free-page .flange-drawing>rect{stroke:#858a91}.supos-free-page .drawing-sheet-foot,.supos-free-page .drawing-sheet-foot>span:last-child,.supos-free-page .drawing-sheet-head,.supos-free-page .drawing-sheet-head small{color:#41464e}.supos-free-page .quote-paper{color:#202327}.supos-free-page .quote-notes>small,.supos-free-page .quote-notes b,.supos-free-page .quote-notes p,.supos-free-page .quote-paper-head>span,.supos-free-page .quote-paper-head h3,.supos-free-page .quote-paper-head small,.supos-free-page .quote-paper td,.supos-free-page .quote-paper td small,.supos-free-page .quote-paper th,.supos-free-page .quote-parties small,.supos-free-page .quote-parties span,.supos-free-page .quote-parties strong,.supos-free-page .quote-total>small,.supos-free-page .quote-total>span,.supos-free-page .quote-total>strong{color:#26292f}.supos-free-page .quote-paper-head{border-bottom-color:#343940}.supos-free-page .quote-paper th{background:#f4f5f6;border-bottom:1px solid #cbd0d7}.supos-free-page .quote-paper td{border-bottom-color:#d6dbe1}.supos-free-page .quote-paper-head small{color:#5f646c}.supos-free-page .quote-notes>small{color:#767b83}.supos-free-page .quote-total>strong{font-size:29px;letter-spacing:-.4px}.supos-free-page .quote-cost>span,.supos-free-page .quote-cost>strong,.supos-free-page .quote-cost b,.supos-free-page .quote-source>strong,.supos-free-page .quote-source h4,.supos-free-page .quote-spec>span,.supos-free-page .quote-spec b{color:#353b44}.supos-free-page .quote-margin>span,.supos-free-page .quote-margin small{color:#596674}.supos-free-page .pc-main .pc-ring{background:conic-gradient(#3370ff 0 79.7%,#edf2ff 79.7% 100%)}.supos-free-page .pc-main .pc-ring b{font-size:18px}.supos-free-page .pc-orders th{border-bottom:1px solid #dfe5ed}.supos-free-page .pc-orders tbody tr:nth-child(2n){background:#fafbfd}.supos-free-page .pc-orders tbody tr:first-child td{transition:background .2s}.supos-free-page .creation-demo[data-order=open] .pc-orders tbody tr:first-child td{background:#edf3ff}.supos-free-page .pc-orders .ready{color:#337759;background:#edf7f1}.supos-free-page .pc-orders .pending{color:#8a713d;background:#faf4e9}.supos-free-page .equipment-status{display:flex;justify-content:space-between;margin-top:9px;font-size:9px;color:#8ba1b8}.supos-free-page .equipment-status i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:#7bab9c}.supos-free-page .equipment-status span:nth-child(2) i{background:#5c7189}.supos-free-page .equipment-status span:nth-child(3) i{background:#c4a276}.supos-free-page .quality-bars{position:relative;background:repeating-linear-gradient(0deg,transparent 0,transparent 18px,rgba(38,59,80,.2) 0,rgba(38,59,80,.2) 19px)}.supos-free-page .quality-bars>div{position:relative;display:block;padding-bottom:12px}.supos-free-page .quality-bars i{position:absolute;bottom:12px;left:0;right:0;max-height:calc(100% - 12px)}.supos-free-page .quality-bars span{position:absolute;bottom:0;left:0;right:0;text-align:center}.supos-free-page .order-detail{position:absolute;top:48px;right:0;bottom:0;width:410px;z-index:8;background:#fff;border-left:1px solid #dce4f0;box-shadow:-14px 0 35px rgba(35,62,101,.0784313725490196);transform:translateX(102%);visibility:hidden;transition:transform .48s cubic-bezier(.22,1,.36,1),visibility .48s;padding:24px}.supos-free-page .creation-demo[data-order=open] .order-detail{transform:translateX(0);visibility:visible}.supos-free-page .detail-heading{display:flex;justify-content:space-between;align-items:center}.supos-free-page .detail-heading small{font-size:11px;color:#8493a6}.supos-free-page .detail-heading h3{font-size:21px;margin-top:5px;font-weight:550}.supos-free-page .detail-heading>span{font-size:23px;color:#8a97a9}.supos-free-page .detail-status{font-size:11px;color:#3370ff;padding:15px 0 18px;border-bottom:1px solid #e7ecf3}.supos-free-page .detail-status>span{float:right;color:#8091a7}.supos-free-page .detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px;padding:22px 0}.supos-free-page .detail-fields span{display:block;color:#95a1b0;font-size:10px}.supos-free-page .detail-fields b{display:block;font-size:12px;font-weight:400;color:#344b68;margin-top:6px}.supos-free-page .detail-progress{background:#f6f9fe;border-radius:5px;padding:15px}.supos-free-page .detail-progress h4{font-size:12px;display:flex;justify-content:space-between}.supos-free-page .detail-progress h4 span{color:#3370ff}.supos-free-page .detail-progress>div{height:5px;background:#e5ecf7;margin-top:12px}.supos-free-page .detail-progress i{display:block;height:100%;width:76%;background:#6793eb}.supos-free-page .detail-progress p{font-size:10px;color:#8496ae;margin-top:9px}.supos-free-page .detail-timeline{margin-top:23px}.supos-free-page .detail-timeline h4{font-size:12px;margin-bottom:14px}.supos-free-page .detail-timeline p{font-size:11px;color:#6c819d;margin-top:15px}.supos-free-page .detail-timeline b{font-size:10px;color:#94a3b7;font-weight:400}.supos-free-page .detail-bottom{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:11px;color:#3370ff}.supos-free-page .detail-bottom>span:last-child{background:#3370ff;color:#fff;padding:7px 10px;border-radius:4px}.supos-free-page .creation-demo[data-order=open] .detail-progress i{transform-origin:left;animation:supos-free-bar-grow .6s .25s both}.supos-free-page .hero-wordmark{font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-1.4px;line-height:1.2;color:#f3f7ff;margin:0 auto 28px}.supos-free-page .hero>h1{font-size:clamp(30px,4vw,56px);letter-spacing:-1px;line-height:1.4;text-wrap:balance}.supos-free-page .hero>.intro{max-width:660px;margin:20px auto 30px;text-wrap:pretty}.supos-free-page header .brand{letter-spacing:-.6px;font-weight:650}@media (max-width:760px){.supos-free-page .hero-wordmark{font-size:36px;margin-bottom:22px}.supos-free-page .hero>h1{font-size:clamp(27px,6.8vw,36px);margin:16px 0;letter-spacing:-.8px}.supos-free-page .hero>.intro{max-width:360px;font-size:16px;line-height:1.85;margin:18px auto 28px}.supos-free-page header .brand{font-size:23px}}.supos-free-page .hero>.intro-phrases{max-width:840px;text-wrap:wrap}.supos-free-page .intro-phrases>span{white-space:nowrap;display:inline-block}@media (max-width:760px){.supos-free-page .hero>.intro-phrases{max-width:480px;font-size:clamp(14px,3.8vw,16px);line-height:1.85}}.supos-free-page .hero-wordmark,.supos-free-page header .brand{font-family:Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;font-style:normal;letter-spacing:0}.supos-free-page .hero-headline>span{display:inline-block;white-space:nowrap}.supos-free-page .hero>.hero-headline{max-width:960px;margin-left:auto;margin-right:auto}.supos-free-page header{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.supos-free-page header.is-scrolled{background:rgba(135,183,250,.72);color:#102237;border-color:rgba(175,207,253,.3);box-shadow:0 3px 18px rgba(29,72,133,.06);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.supos-free-page header.is-scrolled nav{color:#233e60}.supos-free-page header.is-scrolled .button.small{color:#102237;background:rgba(145,191,254,.15);border-color:rgba(36,79,143,.25)}.supos-free-page header.is-scrolled .button.small:hover{background:rgba(219,235,255,.35)}.supos-free-page header.is-scrolled nav a:hover{color:#0e4fa4}@media (max-width:760px){.supos-free-page .hero>.hero-headline{font-size:clamp(27px,6.8vw,36px)}.supos-free-page header.is-scrolled nav{background:rgba(166,202,253,.83);border-color:rgba(192,217,253,.45);color:#183859}}@media (prefers-reduced-motion:reduce){.supos-free-page header{transition:none}}.supos-free-page .hero-wordmark{color:#e3f5ff;background:linear-gradient(115deg,#fff 5%,#e3f8ff 28%,#83cfff 53%,#d5f2ff 75%,#fff 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:fit-content;padding:0 .04em}@media (forced-colors:active){.supos-free-page .hero-wordmark{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}.supos-free-page header.is-scrolled{background:hsla(0,0%,100%,.62);color:#172638;border-color:hsla(0,0%,100%,.72);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),0 4px 22px rgba(24,44,72,.07);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.supos-free-page header.is-scrolled nav{color:#35465b}.supos-free-page header.is-scrolled .button.small{background:hsla(0,0%,100%,.18);color:#172638;border-color:rgba(45,66,94,.17)}.supos-free-page header.is-scrolled .button.small:hover{background:hsla(0,0%,100%,.6)}.supos-free-page .hero-wordmark{background-image:linear-gradient(180deg,#fff,#f3fbff 28%,#cbeeff 65%,#8dd0ff)}@media (max-width:760px){.supos-free-page header.is-scrolled nav{background:hsla(0,0%,100%,.66);border-color:hsla(0,0%,100%,.75);color:#35465b;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 4px 22px rgba(24,44,72,.07);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}}@media (forced-colors:active){.supos-free-page .hero-wordmark{background:none}}.supos-free-page .mes-route{padding:13px 15px;background:#fff;border:1px solid #e5ebf3;border-radius:5px;margin-top:12px}.supos-free-page .mes-route h4{font-size:12px}.supos-free-page .mes-route-steps{display:flex;align-items:center;gap:12px;margin-top:13px}.supos-free-page .mes-route-steps>div{flex:1;padding:10px;background:#f5f7fb;border-radius:4px;border:1px solid #e4eaf3}.supos-free-page .mes-route-steps b{display:block;font-size:11px;font-weight:500;color:#536b88}.supos-free-page .mes-route-steps span{display:block;font-size:9px;color:#8d9caf;margin-top:5px}.supos-free-page .mes-route-steps>i{font-style:normal;color:#a2b0c3}.supos-free-page .mes-route-steps>.active{background:#edf3ff;border-color:#9ab9ef}.supos-free-page .mes-route-steps>.active b{color:#3370ff}.supos-free-page .mes-route-steps>.done{background:#f0f7f3}.supos-free-page .mes-filter{display:flex;gap:12px;align-items:center;margin:12px 0 8px;font-size:10px;color:#8496ad}.supos-free-page .mes-filter>b{margin-right:auto;color:#354e6b;font-size:12px;font-weight:500}.supos-free-page .mes-filter>span{padding:6px 10px;background:#fff;border:1px solid #e3eaf3;border-radius:4px}.supos-free-page .mes-table th{font-size:11px;padding:10px 8px}.supos-free-page .mes-table td{font-size:11px;padding:12px 8px}.supos-free-page .mes-table .pc-pagination{padding:10px 4px}.supos-free-page .mes-report{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin:12px 0}.supos-free-page .mes-report>div{padding:16px;background:#fff;border:1px solid #e5ebf3;border-radius:5px}.supos-free-page .mes-report h4{font-size:12px}.supos-free-page .mes-input{padding:10px;background:#f9fbfe;border:1px solid #dce6f4;border-radius:4px;font-size:12px;color:#526d91;margin-top:12px}.supos-free-page .mes-fields{display:flex;gap:10px;margin-top:12px}.supos-free-page .mes-fields>span{flex:1;color:#8c9bb0;font-size:10px}.supos-free-page .mes-fields b{display:block;padding:9px 10px;border:1px solid #dce5f2;border-radius:4px;margin-top:5px;font-size:13px;font-weight:400;color:#324f74}.supos-free-page .mes-fields small{font-size:10px;color:#96a5b8;float:right}.supos-free-page .mes-submit{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:8px}.supos-free-page .mes-submit small{color:#95a4b8;font-size:9px}.supos-free-page .mes-submit b{font-size:11px;font-weight:400;padding:8px 13px;color:#fff;background:#3370ff;border-radius:4px}.supos-free-page .mes-trace p{display:flex;justify-content:space-between;font-size:10px;color:#8b9cb2;padding-top:14px}.supos-free-page .mes-trace b{font-size:10px;color:#506c8e;font-weight:400}.supos-free-page .mes-inspection{padding:16px;background:#fff;border:1px solid #e5ebf3;border-radius:5px;margin:12px 0}.supos-free-page .mes-inspection h4{font-size:12px}.supos-free-page .inspection-grid{display:flex;gap:12px;margin-top:14px}.supos-free-page .inspection-grid>div{flex:1;background:#f6f9fc;padding:14px;border:1px solid #e2eaf2;border-radius:4px}.supos-free-page .inspection-grid>div>span{font-size:11px;color:#8094ad}.supos-free-page .inspection-grid b{display:block;font-size:23px;color:#365577;font-weight:500;margin:7px 0}.supos-free-page .inspection-grid b small{font-size:11px;color:#8fa1b9}.supos-free-page .inspection-grid>div>small{font-size:9px;color:#619078}.supos-free-page .inspection-grid>.inspection-error{background:#fcf7ef;border-color:#ecddc6}.supos-free-page .inspection-error>b,.supos-free-page .inspection-error>small{color:#a27b43!important}.supos-free-page .pc-main .mes-table tbody tr{animation-delay:calc(var(--i)*0.08s)}@media (prefers-reduced-motion:reduce){.supos-free-page .creation-demo *{animation:none!important;transition:none!important}}.supos-free-page .software-section{max-width:1280px}.supos-free-page .software-section .section-head{max-width:950px;margin:0 auto 34px}.supos-free-page .software-section .section-head h2{font-size:clamp(28px,3.4vw,44px);line-height:1.4;font-weight:550;letter-spacing:-1px;margin:16px 0}.supos-free-page .software-section .section-head p{font-size:17px;line-height:1.9;color:#7e8796}.supos-free-page .software-showcase{border:1px solid #e5ebf4;border-radius:20px;background:#f7f9fc;overflow:hidden}.supos-free-page .software-switcher{display:flex;align-items:center;justify-content:center;position:relative;padding:16px 50px;border-bottom:1px solid #e5ebf4;background:#fff}.supos-free-page .software-tabs{display:flex;align-items:center;justify-content:center;gap:12px}.supos-free-page .software-tabs button{font-size:15px;border:0;background:none;color:#8a95a7;padding:10px 18px;border-radius:7px;white-space:nowrap}.supos-free-page .software-tabs button[aria-selected=true]{color:#2465d8;background:#edf3ff}.supos-free-page .software-pause{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:0;color:#8492a7;font-size:15px;width:32px;height:38px}.supos-free-page .software-stage{grid-template-columns:minmax(250px,.8fr) minmax(0,1.9fr);gap:26px;padding:30px}.supos-free-page .software-conversation{min-width:0}.supos-free-page .software-intro>span{font-size:12px;color:#9aa6b7}.supos-free-page .software-intro h3{font-size:20px;line-height:1.5;font-weight:550;color:#2e4667;margin:9px 0 24px}.supos-free-page .software-input{border:1px solid #cddaf0;padding:17px 16px;box-shadow:0 4px 14px rgba(50,87,134,.01568627450980392)}.supos-free-page .software-input>p{font-size:15px;color:#3b4b60;margin:0;min-height:142px}.supos-free-page .software-showcase[data-phase=input] .software-input>p:after{content:"";display:inline-block;width:1px;height:1em;vertical-align:-.12em;background:#3370ff;margin-left:3px;animation:supos-free-software-caret .8s steps(1) infinite}.supos-free-page .software-input>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;color:#9aa8bb;font-size:11px}.supos-free-page .software-send{width:31px;height:31px;flex:none;background:#3370ff;color:#fff;border:0;border-radius:8px;font-size:20px}.supos-free-page .software-showcase[data-phase=build] .software-send{animation:supos-free-send-press .35s both}.supos-free-page .software-reply{display:flex;align-items:flex-start;gap:9px;margin-top:20px;min-height:110px}.supos-free-page .software-avatar{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:7px;background:#e5eeff;color:#3370ff;font-size:15px;font-weight:600}.supos-free-page .software-reply strong{font-size:12px;color:#637a98;font-weight:500}.supos-free-page .software-reply p{font-size:13px;line-height:1.8;color:#8c9bb0;margin:6px 0 0}.supos-free-page .software-chips{display:flex;gap:6px;flex-wrap:wrap}.supos-free-page .software-chips span{border:1px solid #e0e8f4;border-radius:5px;padding:5px 8px;font-size:10px;color:#8599b4;background:#fff}.supos-free-page .software-result{border:1px solid #d9e3f0;border-radius:9px;box-shadow:0 12px 32px rgba(39,68,99,.043137254901960784)}.supos-free-page .software-result-bar{height:36px;padding:0 12px;display:flex;align-items:center;gap:12px;background:#f1f5fb;border-bottom:1px solid #e1e8f3}.supos-free-page .software-result-bar>span{display:flex;gap:4px}.supos-free-page .software-result-bar i{width:5px;height:5px;border-radius:50%;background:#c5d1e3}.supos-free-page .software-result-bar strong{font-size:10px;color:#7a8eaa;font-weight:400;flex:1}.supos-free-page .software-expand{border:0;background:none;color:#7690b2;font-size:22px;width:25px;line-height:1}.supos-free-page .software-picture{display:block;width:100%;border:0;padding:0;overflow:hidden;cursor:zoom-in}.supos-free-page .software-picture>img{display:block;width:100%;height:100%;object-position:top center;opacity:.13;transform:scale(.99);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.supos-free-page .software-showcase[data-phase=ready] .software-picture>img{transform:scale(1)}.supos-free-page .software-preparing{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-size:13px;color:#8096b4;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .3s}.supos-free-page .software-showcase[data-phase=build] .software-preparing{opacity:1}.supos-free-page .software-preparing>i{width:6px;height:6px;background:#3370ff;border-radius:50%;animation:demo-pulse 1s infinite}.supos-free-page .software-result figcaption{padding:9px 12px;border-top:1px solid #edf1f7;font-size:10px;color:#a0acbd;text-align:right}.supos-free-page .software-showcase.paused *{animation-play-state:paused!important}.supos-free-page .software-lightbox{width:min(1600px,96vw);max-width:none;max-height:95dvh;padding:42px 12px 12px;border:1px solid #d9e3f0;border-radius:12px}.supos-free-page .software-lightbox>img{display:block;width:100%;max-height:82dvh;object-fit:contain}.supos-free-page .software-lightbox>p{font-size:12px;color:#8b9bb2;text-align:center;margin:8px 0 0}.supos-free-page .software-lightbox-close{position:absolute;right:10px;top:8px;border:0;background:#f1f5fb;color:#627b9e;font-size:24px;border-radius:50%;width:28px;height:28px}@keyframes supos-free-software-caret{50%{opacity:0}}@media (max-width:760px){.supos-free-page .software-section{padding-top:64px}.supos-free-page .software-section .section-head{margin-bottom:25px}.supos-free-page .software-section .section-head h2{font-size:29px;letter-spacing:-.7px}.supos-free-page .software-section .section-head p{font-size:16px;line-height:1.8}.supos-free-page .software-break{display:none}.supos-free-page .software-showcase{border-radius:14px}.supos-free-page .software-switcher{padding:10px 30px 10px 8px}.supos-free-page .software-tabs{gap:1px;flex:1;justify-content:space-between}.supos-free-page .software-tabs button{font-size:12px;padding:9px 6px;border-radius:5px}.supos-free-page .software-pause{right:3px;width:25px}.supos-free-page .software-stage{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:18px 12px 12px}.supos-free-page .software-intro>span{font-size:11px}.supos-free-page .software-intro h3{font-size:18px;margin:5px 0 13px}.supos-free-page .software-input{padding:13px}.supos-free-page .software-input>p{font-size:14px;line-height:1.85;min-height:104px}.supos-free-page .software-input>div{margin-top:8px;font-size:10px}.supos-free-page .software-reply{margin-top:13px;min-height:77px}.supos-free-page .software-reply p{font-size:12px}.supos-free-page .software-chips{gap:5px;margin-top:3px}.supos-free-page .software-result{border-radius:7px}.supos-free-page .software-result-bar{height:29px;padding:0 8px;gap:8px}.supos-free-page .software-result-bar strong{font-size:9px}.supos-free-page .software-result figcaption{padding:6px 8px;font-size:9px}.supos-free-page .software-preparing{font-size:11px}.supos-free-page .software-lightbox{padding:40px 5px 10px}}@media (prefers-reduced-motion:reduce){.supos-free-page .software-showcase *{animation:none!important;transition:none!important}}.supos-free-page .software-showcase{background:#fff;border:0;border-radius:0;overflow:visible}.supos-free-page .software-switcher{padding-top:0;padding-bottom:12px;border-bottom:0}.supos-free-page .software-tabs{gap:18px}.supos-free-page .software-tabs button{background:none!important;padding:9px 5px;border-radius:0;font-size:14px}.supos-free-page .software-tabs button[aria-selected=true]{color:#3370ff;box-shadow:inset 0 -2px #3370ff}.supos-free-page .software-pause{opacity:.5}.supos-free-page .software-stage{padding:24px 0 0;grid-template-columns:minmax(230px,.72fr) minmax(0,1.9fr)}.supos-free-page .software-input{box-shadow:none;border:1px solid #e0e6ef;border-radius:12px;padding:20px}.supos-free-page .software-input>p{color:#333e4b;font-size:16px;line-height:1.9;min-height:155px}.supos-free-page .software-input>div{justify-content:flex-end;margin-top:12px}.supos-free-page .software-send{width:28px;height:28px;font-size:18px}.supos-free-page .software-result{box-shadow:0 7px 24px rgba(33,61,90,.027450980392156862);border-color:#e0e7ef;border-radius:8px}.supos-free-page .software-preparing{gap:5px}.supos-free-page .software-preparing>i{width:4px;height:4px;background:#91a7c6}.supos-free-page .software-preparing>i:nth-child(2){animation-delay:.15s}.supos-free-page .software-preparing>i:nth-child(3){animation-delay:.3s}@media (max-width:760px){.supos-free-page .software-tabs{gap:4px}.supos-free-page .software-tabs button{font-size:12px;padding:8px 3px}.supos-free-page .software-switcher{padding:0 25px 9px 0}.supos-free-page .software-stage{padding:14px 0 0;gap:16px}.supos-free-page .software-input{padding:16px}.supos-free-page .software-input>p{font-size:14px;line-height:1.85;min-height:78px}.supos-free-page .software-input>div{margin-top:5px}.supos-free-page .software-result{border-radius:6px}}.supos-free-page .software-section .section-head{max-width:1230px}.supos-free-page .software-section .section-head h2{font-size:clamp(27px,3.1vw,42px);text-wrap:wrap}.supos-free-page .software-section .section-head h2>span{display:inline-block;white-space:nowrap}.supos-free-page .software-section .section-head>p{font-size:clamp(14px,1.35vw,17px);text-wrap:wrap}.supos-free-page .software-section .section-head>p>span{display:inline}.supos-free-page .software-conversation-heading{margin:0 0 20px}.supos-free-page .software-conversation-heading h3{font-size:28px;line-height:1.25;letter-spacing:-.4px;color:#263442;margin:0 0 7px}.supos-free-page .software-conversation-heading p{font-size:16px;color:#758292}@media (max-width:760px){.supos-free-page .software-section .section-head h2{font-size:clamp(23px,5.8vw,30px);letter-spacing:-.6px}.supos-free-page .software-section .section-head>p{font-size:15px;line-height:1.85}.supos-free-page .software-conversation-heading{margin-bottom:13px}.supos-free-page .software-conversation-heading h3{font-size:24px;margin-bottom:5px}.supos-free-page .software-conversation-heading p{font-size:14px}}.supos-free-page .software-stage{background:radial-gradient(ellipse at 87% 5%,rgba(113,191,255,.4),transparent 56%),linear-gradient(135deg,#d9efff,#e9f5ff 43%,#cee9ff);padding:40px 32px;gap:34px;border-radius:24px}.supos-free-page .software-switcher{padding-bottom:20px}.supos-free-page .software-conversation-heading h3{color:#173b61}.supos-free-page .software-conversation-heading p{color:#52779e}.supos-free-page .software-input{background:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.95);box-shadow:0 6px 20px rgba(61,114,167,.07);border-radius:14px}.supos-free-page .software-input>p{color:#30475e}.supos-free-page .software-send{background:#2469f5}.supos-free-page .software-result{background:#fff;border:1px solid hsla(0,0%,100%,.85);border-radius:10px;box-shadow:0 12px 32px rgba(36,86,142,.12)}.supos-free-page .software-preparing{color:#547cab}@media (max-width:760px){.supos-free-page .software-switcher{padding-bottom:14px}.supos-free-page .software-stage{padding:24px 16px 18px;gap:20px;border-radius:18px;background:radial-gradient(ellipse at 100% 0,rgba(118,195,255,.35),transparent 55%),linear-gradient(145deg,#d9efff,#e9f5ff 48%,#cee9ff)}.supos-free-page .software-conversation-heading{margin-bottom:14px}.supos-free-page .software-conversation-heading h3{font-size:24px}.supos-free-page .software-input{padding:15px;border-radius:11px}.supos-free-page .software-result{border-radius:7px;box-shadow:0 8px 22px rgba(36,86,142,.1)}}.supos-free-page .software-input{padding:17px 18px}.supos-free-page .software-input>p{font-size:14.4px;line-height:1.85;min-height:112px}.supos-free-page .software-input>div{margin-top:8px}.supos-free-page .software-conversation-heading{margin-bottom:17px}@media (max-width:760px){.supos-free-page .software-input{padding:13px 14px}.supos-free-page .software-input>p{font-size:12.6px;line-height:1.85;min-height:66px}.supos-free-page .software-input>div{margin-top:5px}.supos-free-page .software-conversation-heading{margin-bottom:13px}}.supos-free-page .dashboard-section{max-width:1280px}.supos-free-page .dashboard-section .section-head{margin-bottom:34px}.supos-free-page .dashboard-section .section-head h2{font-size:clamp(27px,3.1vw,42px);line-height:1.4;font-weight:550;letter-spacing:-.8px}.supos-free-page .dashboard-section .section-head p{font-size:17px;line-height:1.8;color:#7e8796}.supos-free-page .dashboard-carousel{position:relative;background:linear-gradient(150deg,#f8faff,#fff 75%);border:1px solid #eae9ee;border-radius:24px;padding:24px 24px 12px;overflow:hidden}.supos-free-page .dashboard-slides{position:relative;aspect-ratio:1672/941;border-radius:13px;overflow:hidden}.supos-free-page .dashboard-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);pointer-events:none}.supos-free-page .dashboard-slide.is-active{opacity:1}.supos-free-page .dashboard-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;min-height:40px;padding-top:6px}.supos-free-page .dashboard-controls button{border:0;background:transparent;color:#8a98ab;display:grid;place-items:center}.supos-free-page .dashboard-next,.supos-free-page .dashboard-prev{width:30px;height:30px;font-size:23px}.supos-free-page .dashboard-dots{display:flex;gap:6px}.supos-free-page .dashboard-dots button{width:22px;height:28px;padding:0}.supos-free-page .dashboard-dots button:after{content:"";width:5px;height:5px;background:#c9d3e0;border-radius:50%}.supos-free-page .dashboard-dots button[aria-pressed=true]:after{background:#3370ff}.supos-free-page .dashboard-controls .dashboard-pause{position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;font-size:12px}.supos-free-page .dashboard-controls button:hover{color:#3370ff}@media (max-width:760px){.supos-free-page .dashboard-section .section-head h2{font-size:clamp(23px,5.7vw,30px)}.supos-free-page .dashboard-section .section-head p{font-size:15px}.supos-free-page .dashboard-section .section-head{margin-bottom:24px}.supos-free-page .dashboard-carousel{padding:10px 10px 5px;border-radius:16px}.supos-free-page .dashboard-slides{border-radius:8px}.supos-free-page .dashboard-controls{min-height:34px;padding-top:2px;gap:12px}}@media (prefers-reduced-motion:reduce){.supos-free-page .dashboard-slide{transition:none}}@media (max-width:760px){.supos-free-page .software-stage{display:grid;grid-template-columns:minmax(68px,.27fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;row-gap:0;padding:22px 14px 16px;align-items:center;overflow:visible}.supos-free-page .software-conversation{display:contents}.supos-free-page .software-conversation-heading{grid-column:1;grid-row:1;margin:0;align-self:center}.supos-free-page .software-conversation-heading h3{font-size:clamp(17px,3.1vw,24px);line-height:1.35;color:#1769d6;font-weight:550;letter-spacing:0;overflow-wrap:anywhere;margin:0 0 5px}.supos-free-page .software-conversation-heading p{font-size:clamp(11px,2.1vw,15px);line-height:1.6;color:#293e59;white-space:nowrap}.supos-free-page .software-result{grid-column:2;grid-row:1;margin:0;min-width:0;align-self:start;border:1px solid hsla(0,0%,100%,.9);border-radius:8px;box-shadow:0 7px 18px rgba(43,87,147,.10196078431372549)}.supos-free-page .software-picture{aspect-ratio:1.67}.supos-free-page .software-picture>img{opacity:.38}.supos-free-page .software-showcase[data-phase=ready] .software-picture>img{opacity:1}.supos-free-page .software-input{grid-column:1/-1;grid-row:2;z-index:2;margin:-7px 3px 0 15%;padding:11px 12px 8px;border-radius:12px;background:hsla(0,0%,100%,.97);border:1px solid #e6edf8;box-shadow:0 5px 15px rgba(44,89,133,.10196078431372549);min-width:0}.supos-free-page .software-input>p{font-size:12px;line-height:1.65;min-height:60px;margin:0;color:#28384b}.supos-free-page .software-input>div{margin-top:5px;justify-content:flex-end;min-height:25px}.supos-free-page .software-input>div:before{content:"＋";margin-right:auto;color:#526a87;font-size:19px;line-height:1}.supos-free-page .software-send{width:25px;height:25px;border-radius:50%;font-size:17px}.supos-free-page .software-preparing{font-size:10px}.supos-free-page .software-switcher{padding-bottom:12px}}@media (max-width:380px){.supos-free-page .software-stage{grid-template-columns:65px minmax(0,1fr);column-gap:9px;padding:18px 10px 13px}.supos-free-page .software-conversation-heading h3{font-size:17px}.supos-free-page .software-conversation-heading p{font-size:10px}.supos-free-page .software-input{margin-left:9%;margin-right:1px;padding:10px}.supos-free-page .software-input>p{font-size:11.5px;min-height:58px}.supos-free-page .software-tabs button{font-size:11px}}.supos-free-page .software-input{padding:12px 14px 9px}.supos-free-page .software-input>p{height:3.4em;line-height:1.7;overflow-y:auto;scrollbar-width:none}.supos-free-page .software-input>p::-webkit-scrollbar{display:none}.supos-free-page .software-input>.software-input-tools{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-top:7px;min-height:26px}.supos-free-page .software-input>.software-input-tools:before{content:none}.supos-free-page .software-plus{font-size:19px;line-height:1;color:#6c839f;margin-right:2px}.supos-free-page .software-mode{border:0;background:transparent;color:#71859f;border-radius:5px;padding:5px 7px;white-space:nowrap;line-height:1.2}.supos-free-page .software-mode[aria-pressed=true]{color:#2867d8;background:#edf3ff}.supos-free-page .software-input-tools .software-send{margin-left:auto;flex-shrink:0;width:25px;height:25px;font-size:17px}@media (max-width:760px){.supos-free-page .software-input{padding:10px 12px 8px}.supos-free-page .software-input>p{font-size:12px;min-height:0;height:3.4em;line-height:1.7}.supos-free-page .software-input>.software-input-tools{margin-top:5px;gap:4px}.supos-free-page .software-mode{font-size:10px;padding:4px 6px}.supos-free-page .software-plus{font-size:18px}}@media (max-width:380px){.supos-free-page .software-input{padding:9px 10px 7px}.supos-free-page .software-input>p{font-size:11.5px;min-height:0;height:3.4em}.supos-free-page .software-mode{font-size:9px;padding:4px}.supos-free-page .software-input>.software-input-tools{gap:3px}}.supos-free-page .software-stage{display:grid;grid-template-columns:minmax(100px,.27fr) minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:0 22px;padding:28px 28px 66px;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,rgba(81,151,247,.34),transparent 63%),linear-gradient(115deg,#eaf2ff,#dfecff 45%,#bed8ff)}.supos-free-page .software-conversation{display:contents}.supos-free-page .software-conversation-heading{grid-column:1;grid-row:1;align-self:center;margin:0}.supos-free-page .software-conversation-heading h3{font-size:clamp(19px,2.8vw,28px);color:#0666d9;font-weight:550;line-height:1.35;margin:0 0 6px;letter-spacing:0}.supos-free-page .software-conversation-heading p{font-size:clamp(12px,1.65vw,17px);color:#233c5b;white-space:nowrap;margin:0}.supos-free-page .software-result{grid-column:2;grid-row:1;align-self:start;min-width:0;margin:0;padding:14px 14px 20px;border:1.5px solid hsla(0,0%,100%,.95);border-radius:17px;background:hsla(0,0%,100%,.14);box-shadow:none;overflow:hidden}.supos-free-page .software-picture{border-radius:8px;background:#f8fbff;aspect-ratio:1.67}.supos-free-page .software-picture>img{object-fit:contain;object-position:center;opacity:.32}.supos-free-page .software-showcase[data-phase=ready] .software-picture>img{opacity:1}.supos-free-page .software-input{grid-column:2;grid-row:1;align-self:end;justify-self:stretch;z-index:2;min-width:0;margin:0 9%;transform:translateY(50%);padding:10px 13px 8px;border-radius:13px;border:1px solid rgba(236,242,252,.98);background:#fff;box-shadow:0 4px 13px rgba(36,71,123,.12)}.supos-free-page .software-input>p{font-size:12px;line-height:1.6;height:3.2em;min-height:0;color:#263342}.supos-free-page .software-input>.software-input-tools{margin-top:4px;gap:5px}.supos-free-page .software-plus{font-size:17px}.supos-free-page .software-mode{font-size:10px;padding:4px 5px}.supos-free-page .software-input-tools .software-send{width:23px;height:23px;font-size:16px}@media (max-width:760px){.supos-free-page .software-stage{grid-template-columns:minmax(70px,.27fr) minmax(0,1fr);column-gap:13px;padding:22px 17px 61px;border-radius:17px}.supos-free-page .software-result{padding:10px 10px 16px;border-radius:13px}.supos-free-page .software-picture{border-radius:6px}.supos-free-page .software-input{margin:0 8%;padding:9px 10px 7px;border-radius:11px}.supos-free-page .software-input>p{font-size:11.5px;line-height:1.6;height:3.2em;min-height:0}.supos-free-page .software-conversation-heading h3{font-size:clamp(18px,3.3vw,24px)}.supos-free-page .software-conversation-heading p{font-size:clamp(11px,2.15vw,15px)}}@media (max-width:420px){.supos-free-page .software-stage{grid-template-columns:65px minmax(0,1fr);gap:0 10px;padding:18px 10px 56px}.supos-free-page .software-result{padding:7px 7px 12px;border-radius:10px}.supos-free-page .software-input{margin:0 4%;padding:8px 8px 6px;border-radius:9px}.supos-free-page .software-input>p{font-size:11px;min-height:0;height:3.2em}.supos-free-page .software-conversation-heading h3{font-size:17px}.supos-free-page .software-conversation-heading p{font-size:10px}.supos-free-page .software-input>.software-input-tools{gap:2px;margin-top:4px}.supos-free-page .software-mode{font-size:8px;padding:4px 3px}.supos-free-page .software-plus{font-size:15px;margin-right:0}.supos-free-page .software-input-tools .software-send{width:21px;height:21px;font-size:15px}}.supos-free-page .twin-section{max-width:1280px}.supos-free-page .twin-section .section-head h2{font-size:clamp(27px,3.1vw,42px);line-height:1.4;font-weight:550;letter-spacing:-.8px}.supos-free-page .twin-section .section-head p{font-size:17px;line-height:1.8;color:#7e8796}.supos-free-page .twin-video-frame{padding:16px;border:1px solid #e7ebf1;border-radius:20px;background:linear-gradient(150deg,#f8faff,#fff 75%)}.supos-free-page .twin-video{display:block;width:100%;height:auto;aspect-ratio:1254/720;object-fit:contain;background:#edf1f5;border-radius:10px}@media (max-width:760px){.supos-free-page .twin-section .section-head h2{font-size:clamp(23px,5.7vw,30px)}.supos-free-page .twin-section .section-head p{font-size:15px}.supos-free-page .twin-video-frame{padding:8px;border-radius:13px}.supos-free-page .twin-video{border-radius:7px}}.supos-free-page .twin-video-frame{background:linear-gradient(180deg,#c6e9db,#e0f2e9 48%,#fff);border:1px solid #d8eee3;padding:30px;border-radius:24px}.supos-free-page .twin-video{box-shadow:0 8px 26px rgba(51,100,78,.09)}@media (max-width:760px){.supos-free-page .twin-video-frame{padding:18px 14px;border-radius:18px}.supos-free-page .twin-video{border-radius:9px}}.supos-free-page .market-section{max-width:1280px;overflow:hidden}.supos-free-page .market-section .section-head{margin-bottom:30px}.supos-free-page .market-section .section-head h2{font-size:clamp(27px,3.1vw,42px);font-weight:550;line-height:1.4;letter-spacing:-.8px}.supos-free-page .market-section .section-head p{font-size:17px;color:#7e8796}.supos-free-page .market-all{display:inline-block;margin-top:15px;font-size:14px;color:#3674d7}.supos-free-page .market-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:5px 0 13px}.supos-free-page .market-viewport::-webkit-scrollbar{display:none}.supos-free-page .market-track{display:flex;gap:20px;width:max-content}.supos-free-page .market-card{display:block;width:340px;flex:none;border:1px solid #e2e8f1;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .25s,border-color .25s}.supos-free-page .market-card:hover{border-color:#b7cdeb;box-shadow:0 5px 18px rgba(36,73,120,.043137254901960784)}.supos-free-page .market-image{aspect-ratio:16/10;background:linear-gradient(#f4f7fc,#fff);padding:8px;overflow:hidden}.supos-free-page .market-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.supos-free-page .market-card-title{display:flex;align-items:center;gap:10px;padding:15px 16px;min-height:70px;border-top:1px solid #eef2f7}.supos-free-page .market-card-title h3{font-size:15px;line-height:1.5;font-weight:500;color:#34475e;margin:0;flex:1}.supos-free-page .market-card-title>span{font-size:15px;color:#8a9db7}.supos-free-page .market-navigation{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:8px}.supos-free-page .market-navigation button{display:grid;place-items:center;width:34px;height:34px;border:0;background:none;color:#8697ae;font-size:18px}.supos-free-page .market-navigation [data-market-pause]{font-size:12px}.supos-free-page .market-navigation button:hover{color:#3370ff}@media (max-width:760px){.supos-free-page .market-section .section-head{margin-bottom:24px}.supos-free-page .market-section .section-head h2{font-size:clamp(23px,5.7vw,30px)}.supos-free-page .market-section .section-head p{font-size:15px}.supos-free-page .market-all{font-size:13px;margin-top:12px}.supos-free-page .market-card{width:min(78vw,340px);border-radius:10px}.supos-free-page .market-track{gap:14px}.supos-free-page .market-card-title{padding:12px 13px;min-height:65px}.supos-free-page .market-card-title h3{font-size:14px}.supos-free-page .market-image{padding:6px}.supos-free-page .market-navigation{margin-top:2px}}@media (prefers-reduced-motion:reduce){.supos-free-page .market-card{transition:none}}.supos-free-page .users-section{max-width:1280px}.supos-free-page .users-section .section-head{margin-bottom:32px}.supos-free-page .users-section .section-head h2{font-size:clamp(26px,3.1vw,42px);font-weight:550;line-height:1.4;letter-spacing:-.7px}.supos-free-page .users-section .section-head h2>span{white-space:nowrap}.supos-free-page .users-section .section-head p{font-size:17px;line-height:1.85;color:#7e8796}.supos-free-page .users-wall{display:grid;gap:14px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.supos-free-page .users-row{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.supos-free-page .users-row::-webkit-scrollbar{display:none}.supos-free-page .users-track{display:flex;gap:14px;width:max-content}.supos-free-page .user-name{display:flex;align-items:center;justify-content:center;flex:none;min-width:220px;padding:26px 24px;min-height:82px;background:#f6f7f9;border:1px solid #f0f2f5;border-radius:15px;font-size:15px;line-height:1.5;color:#526174;white-space:nowrap}.supos-free-page .users-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:15px;min-height:28px;color:#a1acba;font-size:11px}.supos-free-page .users-pause{display:grid;place-items:center;width:28px;height:28px;border:0;background:transparent;color:#8b9aaf;font-size:12px}@media (max-width:760px){.supos-free-page .users-section .section-head{margin-bottom:24px}.supos-free-page .users-section .section-head h2{font-size:clamp(24px,5.8vw,30px)}.supos-free-page .users-section .section-head p{font-size:15px}.supos-free-page .users-track,.supos-free-page .users-wall{gap:10px}.supos-free-page .user-name{min-width:180px;padding:21px 18px;min-height:66px;border-radius:12px;font-size:13px}.supos-free-page .users-controls{font-size:10px;margin-top:10px}}.supos-free-page .user-name{min-height:69.7px;padding-top:20px;padding-bottom:20px}@media (max-width:760px){.supos-free-page .user-name{min-height:56.1px;padding-top:16px;padding-bottom:16px}}@media (max-width:760px){.supos-free-page .start{padding-bottom:calc(170px + env(safe-area-inset-bottom))}}.supos-free-page .software-section .section-head h2{white-space:nowrap;font-size:clamp(28px,3vw,42px)}.supos-free-page .software-section .section-head h2 wbr{display:none}@media (max-width:760px){.supos-free-page .software-section .section-head h2{font-size:clamp(18px,4.3vw,28px);letter-spacing:-.5px}}.supos-free-page .market-card-copy{flex:1;min-width:0}.supos-free-page .market-card-copy h3,.supos-free-page .market-card-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supos-free-page .market-card-copy p{margin:5px 0 0;color:#8b98a9;font-size:11px;line-height:1.4}@media (max-width:760px){.supos-free-page .market-card-copy p{margin-top:4px;font-size:10px}}.supos-free-page .community-dialog{width:min(430px,calc(100% - 28px));padding:38px 28px 30px;text-align:center}.supos-free-page .community-dialog h2{margin:0 0 24px;color:#242a33;font-size:26px;font-weight:600;letter-spacing:-.4px;line-height:1.35}.supos-free-page .community-dialog .community-qr{display:block;width:min(240px,72vw);height:auto;margin:0 auto;border-radius:8px;cursor:context-menu;touch-action:auto;-webkit-touch-callout:default;-webkit-user-drag:element;-webkit-user-select:auto;user-select:auto}.supos-free-page .community-count{margin:19px 0 20px!important;color:#252b34!important;font-size:17px!important;font-weight:550;line-height:1.5!important}.supos-free-page .community-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:18px 0 0;border-top:1px solid #eceff4;list-style:none}.supos-free-page .community-benefits li{color:#657184;font-size:12px;line-height:1.5;white-space:nowrap}.supos-free-page .community-benefits li:before{content:"•";margin-right:5px;color:#3370ff}.supos-free-page .community-dialog .close{top:12px;right:12px}@media (max-width:380px){.supos-free-page .community-dialog{padding:34px 18px 25px}.supos-free-page .community-dialog h2{margin-bottom:19px;font-size:23px}.supos-free-page .community-dialog .community-qr{width:min(220px,68vw)}.supos-free-page .community-count{margin:16px 0 17px!important;font-size:16px!important}.supos-free-page .community-benefits{gap:4px;padding-top:15px}.supos-free-page .community-benefits li{font-size:11px}}.supos-free-page .hero>.hero-headline{max-width:none;white-space:nowrap;font-size:clamp(28px,4vw,56px)}.supos-free-page .hero>.intro-phrases{max-width:none;white-space:nowrap;font-size:clamp(13px,1.5vw,18px);letter-spacing:-.1px}.supos-free-page .hero-headline wbr,.supos-free-page .intro-phrases wbr{display:none}.supos-free-page .intro-phrases>span{display:inline}.supos-free-page .hero-note{display:flex;align-items:center;justify-content:center;gap:9px}.supos-free-page .hero-free{padding:4px 9px;border:1px solid hsla(0,0%,100%,.34);border-radius:999px;background:hsla(0,0%,100%,.18);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.24);color:#fff;line-height:1.35}.supos-free-page .hero-note-rest{white-space:nowrap}@media (max-width:760px){.supos-free-page .hero>.hero-headline{font-size:clamp(18px,5vw,32px);letter-spacing:-.5px}.supos-free-page .hero>.intro-phrases{max-width:none;margin-left:-10px;margin-right:-10px;font-size:clamp(10px,2.8vw,17px);line-height:1.6;letter-spacing:-.15px}.supos-free-page .hero-note{gap:7px;white-space:nowrap}.supos-free-page .hero-free{padding:3px 8px}}.supos-free-page .start h2{white-space:nowrap;font-size:clamp(32px,4vw,51px)}.supos-free-page .software-refinement{top:8%;bottom:auto!important}.supos-free-page .twin-phrases>span{display:inline-block;white-space:nowrap}.supos-free-page .data-connection .section-head h2{font-size:clamp(23px,3.1vw,38px);font-weight:550;line-height:1.45;letter-spacing:-.7px}.supos-free-page .data-connection .section-head p{font-size:16px;max-width:760px;margin:12px auto 0}.supos-free-page .connection-flow{display:flex;align-items:center;justify-content:center;gap:28px;padding:26px 30px;background:linear-gradient(145deg,#f6f9ff,#fff);border:1px solid #e5ecf5;border-radius:18px;color:#5a7394}.supos-free-page .connection-source,.supos-free-page .connection-use{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;flex:1;font-size:13px}.supos-free-page .connection-source span,.supos-free-page .connection-use span{white-space:nowrap;padding:8px 11px;background:#fff;border:1px solid #e5edf8;border-radius:6px}.supos-free-page .connection-flow>i{font-style:normal;color:#9eb8dc;font-size:20px}.supos-free-page .connection-model{text-align:center;flex:1}.supos-free-page .connection-model strong{display:block;font-size:23px;color:#3370ff;font-weight:550;line-height:1.4}.supos-free-page .connection-model span{display:block;font-size:12px;color:#8fa0b6;line-height:1.7;margin-top:3px}.supos-free-page .demo-revision{position:absolute;left:10%;right:10%;bottom:5%;z-index:5;padding:2.5cqw 3cqw;border-radius:1.5cqw;border:1px solid #dce7f8;background:hsla(0,0%,100%,.9607843137254902);box-shadow:0 5px 20px rgba(43,77,119,.09411764705882353);display:none}.supos-free-page .demo-revision>p{font-size:clamp(10px,2.45cqw,17px);line-height:1.7;min-height:1.7em;color:#25384f}.supos-free-page .demo-revision>div{display:flex;justify-content:space-between;align-items:center;font-size:1.5cqw;color:#8b9db5;margin-top:1cqw}.supos-free-page .revision-send{display:grid;place-items:center;width:4cqw;height:4cqw;border-radius:.8cqw;background:#3370ff;color:#fff;font-size:2.5cqw}.supos-free-page .creation-demo[data-revision=sending] .demo-revision,.supos-free-page .creation-demo[data-revision=typing] .demo-revision{display:block}.supos-free-page .creation-demo[data-revision=sending] .revision-send{animation:supos-free-send-press .35s both}.supos-free-page .revision-filter{border-color:#8eb2f1!important;background:#edf3ff!important;color:#3370ff!important}.supos-free-page .mes-table .mes-overdue td{color:#ba4545!important;background:#fff1f1!important}.supos-free-page .mes-table .mes-overdue em{color:#bb4141!important;background:#ffe4e4!important}.supos-free-page .software-picture{position:relative}.supos-free-page .software-refinement{position:absolute;left:7%;right:7%;bottom:8%;z-index:1;padding:14px;background:#fff;border:1px solid #d8e3f4;border-radius:7px;box-shadow:0 8px 26px rgba(41,79,124,.13333333333333333);text-align:left;color:#375476;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .35s,transform .4s cubic-bezier(.16,1,.3,1),visibility .35s;font-size:11px;pointer-events:none}.supos-free-page .software-showcase[data-refinement=applied] .software-refinement{opacity:1;visibility:visible;transform:translateY(0)}.supos-free-page .refinement-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px}.supos-free-page .refinement-title strong{font-size:12px;font-weight:500}.supos-free-page .refinement-title>span{font-size:8px;color:#9aabc2}.supos-free-page .refinement-filter{display:inline-block;padding:5px 8px;margin-bottom:8px;border:1px solid #a9c4ef;border-radius:4px;background:#f3f7ff;color:#4b7cc5;font-size:10px}.supos-free-page .refinement-row{display:flex;justify-content:space-between;gap:12px;padding:9px 6px;border-top:1px solid #edf1f7;font-size:10px}.supos-free-page .refinement-row>span:last-child{color:#8d9fb8}.supos-free-page .refinement-row.is-late{background:#fff2f2;color:#bd4d4d}.supos-free-page .refinement-row.is-late>span:last-child{color:#bd4d4d}.supos-free-page .software-showcase[data-refinement=typing] #software-prompt:after{content:"";display:inline-block;width:1px;height:1em;background:#3370ff;vertical-align:-.12em;margin-left:2px;animation:supos-free-software-caret .8s steps(1) infinite}.supos-free-page .software-showcase[data-refinement=sending] .software-send{animation:supos-free-send-press .35s both}.supos-free-page .twin-video-frame{position:relative}.supos-free-page .twin-device{position:absolute;left:45%;top:62%;padding:8px 12px;background:hsla(0,0%,100%,.9294117647058824);color:#325a7b;border:1px solid #b2d2c3;border-radius:6px;box-shadow:0 3px 15px rgba(41,75,57,.12549019607843137);font-size:12px;display:flex;align-items:center;gap:10px}.supos-free-page .twin-device>span{color:#539c82}.supos-free-page .twin-device[aria-expanded=true]{background:#ecf7f0}.supos-free-page .twin-device-detail{position:absolute;right:5%;top:9%;width:260px;max-width:70%;background:hsla(0,0%,100%,.9607843137254902);padding:20px;border:1px solid #cae3d6;border-radius:9px;box-shadow:0 10px 25px rgba(29,77,55,.10980392156862745);color:#355647}.supos-free-page .twin-device-detail[hidden]{display:none}.supos-free-page .twin-device-close{position:absolute;right:8px;top:5px;background:none;border:0;color:#8ca89c;font-size:22px;padding:3px}.supos-free-page .twin-data-label{display:block;color:#8ba99b;font-size:10px;margin-bottom:7px}.supos-free-page .twin-device-detail h3{font-size:16px;font-weight:550;margin:0 0 15px;line-height:1.4}.supos-free-page .twin-device-detail dl{padding:0;margin:0}.supos-free-page .twin-device-detail dl>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:9px 0;border-top:1px solid #e3efe7}.supos-free-page .twin-device-detail dt{color:#859c90}.supos-free-page .twin-device-detail dd{margin:0;color:#45745f}.supos-free-page .twin-device-detail>p{font-size:8px;line-height:1.6;color:#91a99c;margin:12px 0 0;overflow-wrap:anywhere}@media (max-width:760px){.supos-free-page .data-connection .section-head h2{font-size:clamp(22px,5.5vw,29px)}.supos-free-page .data-connection .section-head p{font-size:14px;line-height:1.85}.supos-free-page .connection-flow{padding:19px 10px;gap:8px;border-radius:14px}.supos-free-page .connection-source,.supos-free-page .connection-use{gap:5px;font-size:10px;flex-direction:column;align-items:center}.supos-free-page .connection-source span,.supos-free-page .connection-use span{padding:6px 8px}.supos-free-page .connection-model strong{font-size:19px}.supos-free-page .connection-model span{font-size:9px}.supos-free-page .connection-flow>i{font-size:15px}.supos-free-page .software-refinement{padding:9px;bottom:8%;left:6%;right:6%}.supos-free-page .refinement-title{padding-bottom:6px;gap:5px}.supos-free-page .refinement-title strong{font-size:10px}.supos-free-page .refinement-title>span{font-size:6px}.supos-free-page .refinement-filter{font-size:8px;padding:3px 6px;margin-bottom:4px}.supos-free-page .refinement-row{font-size:8px;padding:5px 4px}.supos-free-page .twin-device{font-size:10px;left:43%;top:56%;padding:6px 8px;gap:6px}.supos-free-page .twin-device-detail{width:200px;right:4%;top:5%;padding:13px;max-width:70%;max-height:90%;overflow:auto}.supos-free-page .twin-data-label{font-size:8px;margin-bottom:4px}.supos-free-page .twin-device-detail h3{font-size:12px;margin-bottom:9px}.supos-free-page .twin-device-detail dl>div{font-size:10px;padding:5px 0}.supos-free-page .twin-device-detail>p{font-size:7px;margin-top:7px}}@media (max-width:420px){.supos-free-page .software-refinement{padding:6px;bottom:6%;left:4%;right:4%}.supos-free-page .refinement-title{padding-bottom:4px}.supos-free-page .refinement-title strong{font-size:8px}.supos-free-page .refinement-title>span{font-size:5px}.supos-free-page .refinement-filter{font-size:7px;padding:2px 4px}.supos-free-page .refinement-row{font-size:7px;padding:4px 3px}.supos-free-page .twin-device-detail{padding:9px 11px;max-width:65%;width:170px}.supos-free-page .twin-device-detail dl>div{padding:4px 0}.supos-free-page .twin-device-detail h3{font-size:11px}}@media (prefers-reduced-motion:reduce){.supos-free-page .demo-revision,.supos-free-page .software-refinement{transition:none;animation:none}.supos-free-page .creation-demo[data-revision=sending] .revision-send,.supos-free-page .software-showcase[data-refinement=sending] .software-send{animation:none}}.supos-free-page .market-more{text-align:center;margin-top:8px}.supos-free-page .market-more .market-all{margin-top:8px;padding:6px 10px}@media (max-width:760px){.supos-free-page .market-card{width:clamp(200px,60vw,260px);border-radius:9px}.supos-free-page .market-track{gap:12px}.supos-free-page .market-image{aspect-ratio:16/9;padding:5px}.supos-free-page .market-card-title{padding:10px 11px;min-height:59px;gap:6px}.supos-free-page .market-card-title h3{font-size:13px;line-height:1.4}.supos-free-page .market-card-copy p{font-size:10px;line-height:1.4;margin-top:4px}.supos-free-page .market-card-title>span{font-size:13px}.supos-free-page .market-navigation{gap:16px;margin-top:0}}.supos-free-page .hero>.intro-phrases{white-space:normal;max-width:900px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.8;text-wrap:pretty}.supos-free-page .hero>.intro-phrases>span{white-space:nowrap}@media (max-width:760px){.supos-free-page .hero>.intro-phrases{font-size:15px;line-height:1.8;max-width:480px;margin:18px auto 28px;letter-spacing:0}}.supos-free-page .software-showcase.held *{animation-play-state:paused!important}.supos-free-page .dashboard-slides,.supos-free-page .market-image{cursor:zoom-in}.supos-free-page dialog.image-viewer{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;padding:0;border:0;border-radius:0;background:#101720;color:#e8edf5;overflow:hidden}.supos-free-page dialog.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.supos-free-page .image-viewer-toolbar{display:flex;gap:8px;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:#172230;z-index:1}.supos-free-page .image-viewer-toolbar>p{flex:1;min-width:0;margin:0;font-size:13px;line-height:1.5;color:#d1ddeb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supos-free-page .image-viewer-toolbar button{flex:none;display:grid;place-items:center;height:36px;min-width:36px;padding:0 8px;background:#253449;border:0;border-radius:6px;color:#e1eafa;font-size:18px}.supos-free-page .image-viewer-toolbar [data-image-reset]{font-size:12px;min-width:46px}.supos-free-page .image-viewer-toolbar .software-lightbox-close{position:static;width:36px}.supos-free-page .image-viewer-link{color:#a9c7ff;font-size:12px;white-space:nowrap}.supos-free-page .image-viewer-canvas{position:relative;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:zoom-in;user-select:none}.supos-free-page .image-viewer-canvas.zoomed{cursor:grab}.supos-free-page .image-viewer-canvas:active{cursor:grabbing}.supos-free-page .image-viewer-canvas>img{display:block;flex:none;max-width:none;max-height:none;object-fit:contain;transform-origin:center;pointer-events:none;user-select:none}.supos-free-page .image-viewer .image-viewer-hint{margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));font-size:11px;line-height:1.5;text-align:center;color:#8395ac}@media (max-width:480px){.supos-free-page .image-viewer-toolbar{flex-wrap:wrap;gap:6px}.supos-free-page .image-viewer-toolbar>p{flex-basis:100%;order:0}.supos-free-page .image-viewer-link{margin-right:auto}.supos-free-page .image-viewer-toolbar button{height:32px;min-width:32px}.supos-free-page .image-viewer-toolbar .software-lightbox-close{margin-left:auto;width:32px}}@media (max-width:760px){.supos-free-page .start h2{font-size:clamp(21px,5.5vw,28px);letter-spacing:-.5px}}.supos-free-page button.market-image{display:block;width:100%;border:0;border-radius:0;color:inherit}.supos-free-page .market-card-actions{display:flex;align-items:center;justify-content:space-between;padding:0 16px 13px;gap:12px}.supos-free-page .market-card-actions>button{border:0;border-radius:5px;background:#edf3ff;color:#3370e8;padding:7px 10px;font-size:12px;line-height:1.4}.supos-free-page .market-card-actions>button span{margin-left:9px}.supos-free-page .market-template-link{padding:5px;color:#8196b3;font-size:16px}.supos-free-page .user-stories{margin-top:36px;padding-top:24px;border-top:1px solid #edf1f6;scroll-margin-top:110px}.supos-free-page .user-stories-heading{margin:0 0 18px;font-size:13px;line-height:1.6;font-weight:500;color:#8190a3}.supos-free-page .partner-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.supos-free-page .partner-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e8edf3;border-radius:12px;background:#fff}.supos-free-page .partner-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#f4f6f9}.supos-free-page .partner-card-copy{display:flex;flex:1;flex-direction:column;padding:21px}.supos-free-page .partner-card-copy>span:first-child{font-size:11px;line-height:1.6;color:#8793a3}.supos-free-page .partner-card h3{font-size:19px;line-height:1.55;font-weight:550;letter-spacing:-.3px;margin:9px 0}.supos-free-page .partner-card-copy>p{font-size:13px;line-height:1.9;color:#7e8796;margin:0 0 22px}.supos-free-page .user-stories .partner-card>img{aspect-ratio:2.2/1}.supos-free-page .user-stories .partner-card-copy{padding:18px}.supos-free-page .user-stories .partner-card h3{font-size:18px;margin:7px 0}.supos-free-page .user-stories .partner-card-copy>p{font-size:12px;margin-bottom:18px}.supos-free-page .partner-read{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#3674d7;font-size:12px}.supos-free-page .partner-read i{font-style:normal;font-size:16px}.supos-free-page .edition-section{max-width:1280px;padding-top:70px}.supos-free-page .edition-details{border:1px solid #e7edf4;background:linear-gradient(135deg,#f8faff,#fff 75%);border-radius:16px;overflow:hidden}.supos-free-page .edition-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 32px;list-style:none;cursor:pointer}.supos-free-page .edition-details>summary::-webkit-details-marker{display:none}.supos-free-page .edition-summary-copy{display:grid;gap:7px}.supos-free-page .edition-summary-copy>strong{font-size:23px;line-height:1.4;font-weight:550;letter-spacing:-.5px}.supos-free-page .edition-summary-copy>span{font-size:12px;line-height:1.5;color:#8793a3}.supos-free-page .edition-summary-action{display:flex;gap:16px;align-items:center;white-space:nowrap;font-size:13px;color:#3674d7}.supos-free-page .edition-summary-action i{display:inline-block;font-size:22px;font-style:normal;transition:transform .2s}.supos-free-page .edition-details[open] .edition-summary-action i{transform:rotate(45deg)}.supos-free-page .edition-content{padding:0 28px 25px}.supos-free-page .edition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.supos-free-page .edition-card{display:flex;flex-direction:column;border:1px solid #e6ebf2;border-radius:10px;background:#fff;padding:24px}.supos-free-page .edition-type{font-size:11px;line-height:1.5;color:#8a97a8}.supos-free-page .edition-card h3{font-size:23px;line-height:1.4;font-weight:550;letter-spacing:-.5px;margin:7px 0 20px}.supos-free-page .edition-card dl{margin:0 0 24px;flex:1}.supos-free-page .edition-card dl>div+div{margin-top:17px}.supos-free-page .edition-card dt{font-size:11px;color:#909bac;line-height:1.5;margin-bottom:4px}.supos-free-page .edition-card dd{font-size:13px;line-height:1.85;color:#4f6075;margin:0}.supos-free-page .edition-card>a,.supos-free-page .edition-card>button{align-self:flex-start;color:#3674d7;font-size:12px;line-height:1.6;border:0;background:none;padding:0;text-align:left}.supos-free-page .edition-free{border-color:#abc8f6;background:linear-gradient(#f4f8ff,#fff 60%)}.supos-free-page .edition-free .edition-type{color:#3370e8}.supos-free-page .edition-note{font-size:10px;color:#929dab;line-height:1.8;margin:18px 0 8px}.supos-free-page .edition-more{font-size:11px;color:#6d88ac}.supos-free-page dialog.template-preview-dialog{width:min(1320px,96vw);max-width:none;height:min(900px,90dvh);max-height:none;margin:auto;padding:0;border:1px solid #e1e8f2;border-radius:14px;overflow:hidden;background:#f7f9fc;color:#243449}.supos-free-page dialog.template-preview-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.supos-free-page .template-preview-toolbar{display:flex;align-items:center;gap:15px;padding:12px 16px;background:#fff;border-bottom:1px solid #e9eef5}.supos-free-page .template-preview-toolbar h2{flex:1;min-width:0;font-size:14px;line-height:1.5;font-weight:550;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supos-free-page .template-preview-external{font-size:12px;white-space:nowrap;color:#3674d7}.supos-free-page .template-preview-close{flex:none;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#f2f5fa;color:#60728a;font-size:23px;line-height:1}.supos-free-page .template-preview-stage{position:relative;min-width:0;min-height:0;background:#f7f9fc}.supos-free-page .template-preview-stage iframe{display:block;width:100%;height:100%;border:0;background:#fff}.supos-free-page .template-preview-error,.supos-free-page .template-preview-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;background:#f7f9fc}.supos-free-page .template-preview-loading i{display:block;width:26px;height:26px;border:2px solid #dce7f8;border-top-color:#3370ff;border-radius:50%;animation:supos-free-template-preview-spin 1s linear infinite}.supos-free-page .template-preview-error p,.supos-free-page .template-preview-loading p{font-size:13px;line-height:1.9;color:#7e8da1;margin:15px 0}.supos-free-page .template-preview-error>div{display:flex;align-items:center;gap:20px}.supos-free-page .template-preview-error button{border:1px solid #d6e2f4;border-radius:6px;background:#fff;padding:7px 17px;color:#3370e8;font-size:12px}.supos-free-page .template-preview-error a{font-size:12px;color:#3674d7}.supos-free-page .template-preview-dialog .template-preview-foot{font-size:11px;line-height:1.6;color:#94a0af;text-align:center;margin:0;padding:9px 16px;background:#fff;border-top:1px solid #e9eef5}.supos-free-page .template-preview-foot a{color:#3674d7;white-space:nowrap}.supos-free-page .edition-details>summary:focus-visible,.supos-free-page .market-card-actions>button:focus-visible,.supos-free-page .partner-card:focus-visible{outline:2px solid #86adff;outline-offset:3px}.supos-free-page .template-preview-dialog [hidden]{display:none!important}@keyframes supos-free-template-preview-spin{to{transform:rotate(1turn)}}@media (max-width:760px){.supos-free-page .market-card-actions{padding:0 11px 10px}.supos-free-page .market-card-actions>button{font-size:11px;padding:5px 8px}.supos-free-page .market-template-link{font-size:14px}.supos-free-page .user-stories{margin-top:24px;padding-top:20px}.supos-free-page .user-stories-heading{font-size:11px;margin-bottom:14px}.supos-free-page .partner-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:4px}.supos-free-page .partner-cards::-webkit-scrollbar{display:none}.supos-free-page .partner-card{width:min(78vw,310px);flex:none;border-radius:10px;scroll-snap-align:start}.supos-free-page .partner-card-copy{padding:16px}.supos-free-page .partner-card h3{font-size:17px}.supos-free-page .partner-card-copy>p{font-size:12px;margin-bottom:17px}.supos-free-page .user-stories .partner-card-copy{padding:14px}.supos-free-page .user-stories .partner-card h3{font-size:16px}.supos-free-page .edition-section{padding-top:48px}.supos-free-page .edition-details{border-radius:12px}.supos-free-page .edition-details>summary{padding:22px 18px;gap:10px}.supos-free-page .edition-summary-copy>strong{font-size:19px}.supos-free-page .edition-summary-copy>span{font-size:10px}.supos-free-page .edition-summary-action{font-size:11px;gap:7px}.supos-free-page .edition-summary-action i{font-size:20px}.supos-free-page .edition-content{padding:0 14px 20px}.supos-free-page .edition-grid{grid-template-columns:1fr;gap:12px}.supos-free-page .edition-card{padding:20px}.supos-free-page .edition-card h3{font-size:22px;margin-bottom:16px}.supos-free-page .edition-card dl{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:19px}.supos-free-page .edition-card dl>div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:9px;align-items:baseline}.supos-free-page .edition-card dl>div+div{margin-top:0}.supos-free-page .edition-card dl>div:last-child{display:block}.supos-free-page .edition-card dd{font-size:12px}.supos-free-page dialog.template-preview-dialog{width:100vw;height:100dvh;inset:0;border:0;border-radius:0}.supos-free-page .template-preview-toolbar{flex-wrap:wrap;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.supos-free-page .template-preview-toolbar h2{font-size:13px}.supos-free-page .template-preview-external{font-size:11px}.supos-free-page .template-preview-dialog .template-preview-foot{font-size:10px;padding-bottom:calc(9px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.supos-free-page .template-preview-loading i{animation:none}.supos-free-page .edition-summary-action i{transition:none}}.supos-free-page .hero>.hero-actions>[data-product-download]{gap:10px}.supos-free-page dialog.product-download-dialog{width:min(760px,calc(100vw - 32px));max-width:none;max-height:90dvh;padding:36px;border:1px solid #e3eaf4;border-radius:18px;background:#fff;color:#243449}.supos-free-page dialog.product-download-dialog[data-system=windows]{width:min(510px,calc(100vw - 32px))}.supos-free-page .product-download-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f3f6fa;color:#657891;font-size:23px}.supos-free-page .product-download-dialog h2{font-size:25px;line-height:1.4;font-weight:550;letter-spacing:-.5px;margin:0 36px 10px 0}.supos-free-page .product-download-dialog .product-download-intro{font-size:13px;line-height:1.7;color:#8592a4;margin:0 0 24px}.supos-free-page .product-download-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.supos-free-page [data-system=windows] .product-download-options{grid-template-columns:1fr}.supos-free-page .product-download-option{padding:22px;border:1px solid #dfe8f6;border-radius:10px;background:linear-gradient(#f7faff,#fff 75%)}.supos-free-page .product-download-option[hidden]{display:none}.supos-free-page .product-download-option h3{font-size:20px;line-height:1.4;font-weight:550;margin:0 0 7px;color:#2c4260}.supos-free-page .product-download-dialog .product-download-option>p{font-size:12px;line-height:1.7;color:#788a9f;margin:0 0 20px}.supos-free-page .product-download-option dl{margin:0 0 24px}.supos-free-page .product-download-option dl>div+div{margin-top:15px}.supos-free-page .product-download-option dt{font-size:11px;line-height:1.6;color:#98a3b2;margin-bottom:4px}.supos-free-page .product-download-option dd{font-size:12px;line-height:1.8;color:#556c88;margin:0}.supos-free-page .product-download-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.supos-free-page .product-package{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid #3370ff;border-radius:6px;padding:10px 14px;background:#3370ff;color:#fff;font-size:13px;line-height:1.4}.supos-free-page .product-download-actions>button{padding:5px 0;border:0;background:none;color:#6b86ad;font-size:11px;line-height:1.6;text-align:left}.supos-free-page .product-download-option>small{display:block;margin-top:12px;font-size:10px;line-height:1.6;color:#98a5b6}.supos-free-page .product-download-dialog .product-download-note{font-size:11px;line-height:1.8;color:#9aa6b5;margin:19px 0 0}@media (max-width:760px){.supos-free-page .hero>.hero-actions{flex-direction:row;align-items:stretch;gap:10px}.supos-free-page .hero>.hero-actions>[data-product-download]{display:inline-flex;white-space:nowrap;font-size:14px;padding:13px 15px;min-height:48px;gap:8px}.supos-free-page dialog.product-download-dialog{padding:28px 20px 22px;border-radius:15px}.supos-free-page .product-download-dialog h2{font-size:22px}.supos-free-page .product-download-dialog .product-download-intro{font-size:12px;margin-bottom:18px}.supos-free-page .product-download-options{grid-template-columns:1fr;gap:12px}.supos-free-page .product-download-option{padding:18px}.supos-free-page .product-download-option h3{font-size:18px}.supos-free-page .product-download-dialog .product-download-option>p{margin-bottom:15px}.supos-free-page .product-download-option dl{margin-bottom:18px}.supos-free-page .product-download-option dl>div+div{margin-top:12px}.supos-free-page .product-download-actions{gap:16px}.supos-free-page .product-download-dialog .product-download-note{font-size:10px;margin-top:16px}}@media (max-width:360px){.supos-free-page .hero>.hero-actions{flex-direction:column;align-items:center}.supos-free-page .hero>.hero-actions>[data-product-download]{min-width:210px}}.supos-free-page .software-picture{background:#fff}.supos-free-page .software-showcase:not([data-phase=ready]) .software-picture>img{opacity:0;visibility:hidden;transform:none;transition:none}.supos-free-page .software-showcase:not([data-phase=ready]) .software-refinement{opacity:0;visibility:hidden;transition:none}.supos-free-page .software-picture:disabled{opacity:1;cursor:default}.supos-free-page .hero>.hero-actions>.hero-tutorial{display:inline-flex;gap:9px;padding:15px 22px;font-size:15px;background:transparent;color:#f2f7ff;border-color:hsla(0,0%,100%,.396078431372549);white-space:nowrap}.supos-free-page dialog.product-download-dialog[data-system=all]{width:min(1030px,calc(100vw - 32px))}.supos-free-page .product-download-dialog[data-system=all] .product-download-options{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.supos-free-page .hero>.hero-actions>.hero-tutorial{display:inline-flex;padding:9px 18px;min-height:40px;font-size:13px;order:1}.supos-free-page .product-download-dialog[data-system=all] .product-download-options{grid-template-columns:1fr}}@media (max-width:360px){.supos-free-page .hero>.hero-actions>.hero-tutorial{min-width:210px}}.supos-free-page .software-tabs{gap:28px}.supos-free-page .software-tabs button{font-size:20px;line-height:1.4;font-weight:500;padding:11px 10px;min-height:48px;color:#77869b}.supos-free-page .software-tabs button[aria-selected=true]{color:#2469df}.supos-free-page .software-conversation-heading h3{font-size:clamp(28px,2.8vw,36px);line-height:1.3;font-weight:600;margin-bottom:9px}.supos-free-page .software-conversation-heading p{font-size:20px;line-height:1.5;color:#34516f}@media (max-width:760px){.supos-free-page .software-tabs{gap:4px}.supos-free-page .software-tabs button{font-size:15px;line-height:1.4;padding:10px 3px;min-height:44px}.supos-free-page .software-stage{grid-template-columns:minmax(96px,.3fr) minmax(0,1fr)}.supos-free-page .software-conversation-heading h3{font-size:clamp(22px,3.8vw,28px);margin-bottom:7px}.supos-free-page .software-conversation-heading p{font-size:clamp(13px,2.3vw,17px)}}@media (max-width:360px){.supos-free-page .software-tabs button{font-size:14px;padding-inline:2px}.supos-free-page .software-stage{grid-template-columns:84px minmax(0,1fr)}.supos-free-page .software-conversation-heading h3{font-size:20px}.supos-free-page .software-conversation-heading p{font-size:12px}}.supos-free-page .data-connection .section-head>p{max-width:1000px}.supos-free-page .platform-architecture{--architecture-accent:#3976d7;--architecture-border:#e1e9f4;--architecture-text:#344c6b;margin:0;padding:28px;background:linear-gradient(145deg,#f8faff,#fcfdff);border:1px solid var(--architecture-border);border-radius:20px;text-align:left}.supos-free-page .architecture-layer{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:20px}.supos-free-page .architecture-label h3{margin:0 0 5px;font-size:16px;line-height:1.5;font-weight:550;color:#4c6484}.supos-free-page .architecture-label>p{margin:0;color:#94a3b8;font-size:11px;line-height:1.6}.supos-free-page .architecture-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.supos-free-page .architecture-app{display:flex;align-items:center;gap:12px;min-height:78px;padding:13px 14px;background:#fff;border:1px solid var(--architecture-border);border-radius:7px}.supos-free-page .architecture-app>svg{width:25px;height:25px;flex:none;stroke:#718eb5;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;fill:none}.supos-free-page .architecture-app:first-child>svg{stroke:var(--architecture-accent)}.supos-free-page .architecture-app h4,.supos-free-page .architecture-source-grid h4{font-size:16px;line-height:1.5;font-weight:500;color:var(--architecture-text);margin:0;white-space:nowrap}.supos-free-page .architecture-app p,.supos-free-page .architecture-source-grid p{font-size:11px;line-height:1.6;margin:5px 0 0;color:#8d9eb5;white-space:nowrap}.supos-free-page .architecture-connector{display:flex;align-items:center;justify-content:center;gap:9px;margin-left:128px;height:43px;color:#8ba4c6;font-size:10px;line-height:1.5}.supos-free-page .architecture-connector>svg{height:26px;width:19px;stroke:#94afd3;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;fill:none}.supos-free-page .architecture-platform{padding:21px 24px 20px;background:linear-gradient(110deg,#eef4ff,#f4f8ff);border:1px solid #cdddf5;border-radius:10px}.supos-free-page .architecture-platform-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.supos-free-page .architecture-platform-head h3{margin:0;color:#2e65ae;font-size:30px;font-weight:550;letter-spacing:-.6px;line-height:1.35;white-space:nowrap}.supos-free-page .architecture-platform-head h3>span{margin-left:10px;font-size:20px;font-weight:500;letter-spacing:0;color:#466e9f}.supos-free-page .architecture-uns{color:#6f91bc;font-size:12px;line-height:1.6;white-space:nowrap}.supos-free-page .architecture-model{font-size:12px;line-height:1.7;color:#7d96b5;margin:9px 0 21px}.supos-free-page .architecture-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.supos-free-page .architecture-capabilities>div{min-width:0;padding:0 17px;border-left:1px solid #dce7f7}.supos-free-page .architecture-capabilities>div:first-child{border-left:0;padding-left:0}.supos-free-page .architecture-capabilities>div:last-child{padding-right:0}.supos-free-page .architecture-capabilities h4{color:#4c709d;font-size:16px;font-weight:500;line-height:1.5;margin:0;white-space:nowrap}.supos-free-page .architecture-capabilities p{color:#89a0be;font-size:11px;line-height:1.6;margin:5px 0 0;white-space:nowrap}.supos-free-page .architecture-source-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.supos-free-page .architecture-source-grid>div{min-width:0;background:#fff;border:1px solid var(--architecture-border);border-radius:6px;padding:13px 10px;text-align:center}.supos-free-page .architecture-source-grid h4{font-size:14px}.supos-free-page .architecture-source-grid p{font-size:10px}@media (min-width:761px) and (max-width:1100px){.supos-free-page .platform-architecture{padding:22px 18px}.supos-free-page .architecture-layer{grid-template-columns:88px minmax(0,1fr);gap:14px}.supos-free-page .architecture-label h3{font-size:15px}.supos-free-page .architecture-label>p{font-size:10px}.supos-free-page .architecture-connector{margin-left:102px}.supos-free-page .architecture-app-grid{gap:8px}.supos-free-page .architecture-app{gap:8px;padding:12px 9px;min-height:80px}.supos-free-page .architecture-app>svg{width:21px;height:21px}.supos-free-page .architecture-app h4{font-size:14px}.supos-free-page .architecture-app p{font-size:9px;white-space:normal}.supos-free-page .architecture-platform{padding:18px}.supos-free-page .architecture-platform-head h3{font-size:27px}.supos-free-page .architecture-platform-head h3>span{font-size:18px}.supos-free-page .architecture-uns{font-size:10px}.supos-free-page .architecture-capabilities>div{padding:0 10px}.supos-free-page .architecture-capabilities h4{font-size:14px}.supos-free-page .architecture-capabilities p{font-size:9px}.supos-free-page .architecture-source-grid{gap:7px}.supos-free-page .architecture-source-grid>div{padding:11px 6px}.supos-free-page .architecture-source-grid h4{font-size:12px}.supos-free-page .architecture-source-grid p{font-size:9px;white-space:normal}}@media (max-width:760px){.supos-free-page .data-connection .section-head{margin-bottom:24px}.supos-free-page .platform-architecture{padding:18px 15px;border-radius:15px}.supos-free-page .architecture-layer{grid-template-columns:1fr;gap:10px}.supos-free-page .architecture-label{display:flex;align-items:center;gap:10px}.supos-free-page .architecture-label h3{font-size:13px;margin:0}.supos-free-page .architecture-label>p{font-size:10px}.supos-free-page .architecture-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.supos-free-page .architecture-app{min-height:62px;padding:10px;gap:8px;border-radius:5px}.supos-free-page .architecture-app>svg{width:22px;height:22px}.supos-free-page .architecture-app h4{font-size:14px}.supos-free-page .architecture-app p{font-size:9px;line-height:1.5;margin-top:3px;white-space:normal}.supos-free-page .architecture-connector{margin-left:0;height:34px;gap:6px;font-size:9px}.supos-free-page .architecture-connector>svg{width:15px;height:22px}.supos-free-page .architecture-platform{padding:15px 14px;border-radius:7px}.supos-free-page .architecture-platform-head{align-items:flex-start;flex-direction:column;gap:5px}.supos-free-page .architecture-platform-head h3{font-size:25px;letter-spacing:-.5px}.supos-free-page .architecture-platform-head h3>span{font-size:16px;margin-left:7px}.supos-free-page .architecture-uns{font-size:10px}.supos-free-page .architecture-model{font-size:10px;line-height:1.7;margin:8px 0 14px}.supos-free-page .architecture-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 0}.supos-free-page .architecture-capabilities>div{padding:0 0 0 13px}.supos-free-page .architecture-capabilities>div:nth-child(odd){padding-left:0;border-left:0}.supos-free-page .architecture-capabilities h4{font-size:13px;line-height:1.5}.supos-free-page .architecture-capabilities p{font-size:9px;margin-top:4px;line-height:1.5}.supos-free-page .architecture-source-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.supos-free-page .architecture-source-grid>div{grid-column:span 2;padding:10px 3px;border-radius:4px}.supos-free-page .architecture-source-grid>div:nth-child(n+4){grid-column:span 3}.supos-free-page .architecture-source-grid h4{font-size:12px}.supos-free-page .architecture-source-grid p{font-size:9px;margin-top:3px;white-space:normal;line-height:1.5}}@media (max-width:360px){.supos-free-page .platform-architecture{padding:15px 12px}.supos-free-page .architecture-app{padding:9px 7px;gap:6px}.supos-free-page .architecture-app>svg{width:19px;height:19px}.supos-free-page .architecture-app h4{font-size:12px}.supos-free-page .architecture-platform{padding:13px 11px}.supos-free-page .architecture-platform-head h3{font-size:22px}.supos-free-page .architecture-platform-head h3>span{font-size:14px}.supos-free-page .architecture-capabilities h4{font-size:12px}.supos-free-page .architecture-capabilities p{font-size:8px}}.supos-free-page .industrial-templates{margin-top:32px}.supos-free-page .industrial-template-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:5px 0 13px;touch-action:pan-x pan-y}.supos-free-page .industrial-template-viewport::-webkit-scrollbar{display:none}.supos-free-page .industrial-template-track{display:flex;gap:20px;width:max-content}.supos-free-page .industrial-template-card .market-image{aspect-ratio:16/9}.supos-free-page .industrial-template-card .market-card-title{min-height:73px;padding:13px 16px 10px}.supos-free-page .industrial-template-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 13px;font-size:11px;line-height:1.5}.supos-free-page .industrial-template-meta>span{color:#9b896a;font-size:10px}.supos-free-page .industrial-template-meta>span[data-free=true]{color:#739585}.supos-free-page .industrial-template-meta>.market-template-link{font-size:11px;color:#5681bd;white-space:nowrap}.supos-free-page .industrial-template-viewport:focus-visible{outline:2px solid #a1bde4;outline-offset:4px;border-radius:8px}.supos-free-page .industrial-template-viewport[data-dragging=true],.supos-free-page .market-viewport[data-dragging=true]{cursor:grabbing;user-select:none}.supos-free-page .industrial-template-viewport[data-dragging=true] *,.supos-free-page .market-viewport[data-dragging=true] *{cursor:grabbing!important;user-select:none}@media (max-width:760px){.supos-free-page .industrial-templates{margin-top:25px}.supos-free-page .industrial-template-track{gap:12px}.supos-free-page .industrial-template-card .market-card-title{min-height:59px;padding:10px 11px 8px}.supos-free-page .industrial-template-meta{padding:0 11px 11px;gap:8px}.supos-free-page .industrial-template-meta>.market-template-link{font-size:10px}}.supos-free-page .hero>.hero-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.supos-free-page .hero>.hero-actions>.button{display:inline-flex;min-width:160px;min-height:54px;padding:15px 24px;gap:10px;white-space:nowrap;font-size:16px;line-height:1.4;order:0}.supos-free-page .hero>.hero-actions>.secondary{display:inline-flex;background:hsla(0,0%,100%,.0392156862745098);color:#f2f7ff;border-color:hsla(0,0%,100%,.396078431372549)}@media (max-width:760px){.supos-free-page .hero>.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,350px);margin-inline:auto}.supos-free-page .hero>.hero-actions>.button{min-width:0;min-height:46px;font-size:13px;padding:12px 10px;gap:8px;order:0}.supos-free-page .hero>.hero-actions>.hero-download{grid-column:1/-1;min-height:49px;font-size:15px}}.supos-free-page .screen-builder{padding:16px 16px 4px;border:1px solid #e5e9ef;border-radius:16px;background:#f7f9fc;overflow:hidden}.supos-free-page .builder-viewport{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #dde5f0;border-radius:11px;background:#edf2f8;user-select:none;touch-action:pan-y}.supos-free-page .lc-stage{--lc-blue:#75a4ff;--lc-teal:#69c6b6;--lc-amber:#e2b66e;--lc-dark:#1f2329;--lc-surface:#292e36;position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;background:#edf1f6;color:#3a4e69;text-align:left;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;isolation:isolate}.supos-free-page .lc-stage *{box-sizing:border-box}.supos-free-page .lc-topbar{position:absolute;inset:0 0 auto;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid #e2e8f1;z-index:4}.supos-free-page .lc-topbar>strong{display:flex;align-items:center;font-size:16px;line-height:1;font-weight:650;color:#304c72}.supos-free-page .lc-topbar>strong>i{display:block;width:14px;height:14px;border:3px solid #3b78df;border-radius:3px}.supos-free-page .lc-topbar>strong>span{font-size:12px;font-weight:450;color:#8090a6;margin-left:2px}.supos-free-page .lc-file-name{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;font-weight:500;color:#4d617e}.supos-free-page .lc-file-name i{margin-left:12px;font-size:13px;font-style:normal;color:#9eabbc}.supos-free-page .lc-top-actions{display:flex;align-items:center;gap:18px}.supos-free-page .lc-save-state{font-size:10px;color:#a3adba}.supos-free-page .lc-preview-toggle{padding:7px 15px;background:#3774e6;border-radius:5px;font-size:11px;line-height:1.4;color:#fff}.supos-free-page .is-preview-pressed .lc-preview-toggle{background:#245fc9;box-shadow:inset 0 1px 2px rgba(22,63,122,.12549019607843137)}.supos-free-page .lc-library{position:absolute;left:0;top:48px;bottom:26px;width:178px;border-right:1px solid #dfe6ef;background:#fff;z-index:3}.supos-free-page .lc-library-tabs,.supos-free-page .lc-property-tabs{display:flex;align-items:center;justify-content:space-around;height:42px;border-bottom:1px solid #e9eef5;font-size:11px;color:#94a0b1}.supos-free-page .lc-library-tabs>b,.supos-free-page .lc-property-tabs>b{position:relative;color:#3774e6;font-weight:500;line-height:42px}.supos-free-page .lc-library-tabs>b:after,.supos-free-page .lc-property-tabs>b:after{position:absolute;content:"";left:0;right:0;bottom:0;height:2px;background:#3774e6}.supos-free-page .lc-library-heading{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 13px;font-size:10px;line-height:1;color:#7e8da3}.supos-free-page .lc-library-heading>span{color:#b0bac8;font-size:9px}.supos-free-page .lc-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px}.supos-free-page .lc-library-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;height:58px;gap:5px;border:1px solid #e7ebf1;border-radius:3px;background:#fff;transition:background .12s,border-color .12s;color:#7c8b9e}.supos-free-page .lc-library-tile>span{font-size:10px;line-height:1.4}.supos-free-page .lc-component-icon{width:39px;height:27px;color:#6c8ebd}.supos-free-page .lc-library-tile[data-component=area] .lc-component-icon,.supos-free-page .lc-library-tile[data-component=bar] .lc-component-icon,.supos-free-page .lc-library-tile[data-component=gauge] .lc-component-icon,.supos-free-page .lc-library-tile[data-component=status] .lc-component-icon,.supos-free-page .lc-library-tile[data-component=table] .lc-component-icon{color:#4d9d8f}.supos-free-page .lc-library-tile[data-component=donut] .lc-component-icon,.supos-free-page .lc-library-tile[data-component=rank] .lc-component-icon{color:#b28c50}.supos-free-page .lc-component-icon>svg,.supos-free-page .lc-drag-ghost>svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.supos-free-page .lc-icon-fill{fill:currentColor;stroke:none}.supos-free-page .lc-library-tile.is-selected{border-color:#8fb5ef;background:#edf4ff;color:#3471d2}.supos-free-page .lc-component-search{display:flex;align-items:center;gap:7px;height:28px;margin:10px 12px 8px;padding:0 8px;border:1px solid #e6eaf0;border-radius:3px;color:#b0b8c4;font-size:10px}.supos-free-page .lc-component-search>svg{width:12px;height:12px;fill:none;stroke:#a1adbc;stroke-width:1.1}.supos-free-page .lc-component-help{margin:18px 14px;color:#b0bac6;font-size:9px;line-height:1.6}.supos-free-page .lc-template-heading{height:36px;padding-top:7px}.supos-free-page .lc-layout-thumbs{display:flex;gap:8px;padding:0 12px}.supos-free-page .lc-layout-thumbs>div{display:grid;grid-template-columns:1fr 1fr;gap:3px;flex:1;height:42px;padding:5px;border:1px solid #e7edf5;border-radius:4px;background:#f8faff}.supos-free-page .lc-layout-thumbs i{background:#dae5f6;border-radius:1px}.supos-free-page .lc-layout-thumbs>div:first-child i:first-child{grid-column:1/-1}.supos-free-page .lc-layout-thumbs>div:last-child i:first-child{grid-row:1/3}.supos-free-page .lc-library-foot{position:absolute;bottom:10px;left:0;right:0;color:#a3afbf;font-size:9px;line-height:1.6;text-align:center}.supos-free-page .lc-canvas-bar{position:absolute;left:194px;top:65px;width:896px;display:flex;align-items:center;justify-content:space-between;color:#9aa6b7;font-size:10px;line-height:1.6}.supos-free-page .lc-canvas-bar i{font-style:normal;margin:0 9px;color:#c3ccd8}.supos-free-page .lc-ruler-x{position:absolute;left:192px;top:92px;width:896px;height:12px;color:#b1bbc8;transition:opacity .2s}.supos-free-page .lc-ruler-y{position:absolute;left:180px;top:104px;width:12px;height:504px;color:#b1bbc8;transition:opacity .2s}.supos-free-page .lc-ruler-x>svg,.supos-free-page .lc-ruler-y>svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:.8}.supos-free-page .lc-ruler-x text{font-size:8px;stroke:none;fill:#a4afbe;font-family:inherit}.supos-free-page .lc-properties{position:absolute;right:0;top:48px;bottom:26px;width:174px;background:#fff;border-left:1px solid #dfe6ef;z-index:3}.supos-free-page .lc-property-tabs{justify-content:flex-start;gap:32px;padding:0 18px}.supos-free-page .lc-config-panel,.supos-free-page .lc-data-panel{padding:17px 14px}.supos-free-page .lc-config-panel h4,.supos-free-page .lc-data-panel h4{font-size:12px;line-height:1.5;font-weight:500;color:#4b6384;margin:0 0 18px}.supos-free-page .lc-config-panel>label{display:block;font-size:10px;line-height:1.5;color:#99a6b8;margin:18px 0 7px}.supos-free-page .lc-property-input{display:flex;align-items:center;gap:7px;min-height:30px;padding:7px;border:1px solid #e5ebf4;border-radius:4px;color:#6f8199;font-size:10px;line-height:1.5}.supos-free-page .lc-property-pair{display:flex;gap:5px;margin-bottom:7px}.supos-free-page .lc-property-pair>span{flex:1;padding:7px;border:1px solid #e5ebf4;border-radius:4px;font-size:10px;color:#a2afbf}.supos-free-page .lc-property-pair b{font-weight:400;color:#647b9a;margin-left:5px}.supos-free-page .lc-align-tools{display:flex;align-items:center;justify-content:space-between;padding:3px 0;color:#8998ab}.supos-free-page .lc-align-tools>svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round}.supos-free-page .lc-color-chip{width:14px;height:14px;border:1px solid #46505e;border-radius:3px;background:var(--lc-dark)}.supos-free-page .lc-config-panel>p{font-size:9px;color:#b0bac7;line-height:1.6;margin:8px 0}.supos-free-page .lc-data-panel{display:none}.supos-free-page .lc-data-source{display:flex;align-items:center;justify-content:space-between;border:1px solid #e3eaf5;border-radius:4px;padding:9px 5px;font-size:11px;line-height:1.4;color:#54749d}.supos-free-page .lc-data-source>span{font-size:8px;color:#91a5be}.supos-free-page .lc-uns-tree{margin:16px -5px 22px;font-size:10px;line-height:2.7;color:#8999ad}.supos-free-page .lc-uns-tree>b,.supos-free-page .lc-uns-tree>span{display:block;font-weight:400}.supos-free-page .lc-uns-dataset{border-radius:4px;transition:background .2s,color .2s}.supos-free-page .lc-field-mapping>span{display:block;font-size:9px;line-height:1.5;color:#a8b2c0;margin-bottom:12px}.supos-free-page .lc-field-mapping>p{position:relative;font-size:10px;line-height:1.6;color:#8291a6;margin:7px -5px;padding:5px;border-bottom:1px solid #edf0f5;border-radius:3px;transition:background .15s}.supos-free-page .lc-field-mapping i{display:flex;align-items:center;justify-content:space-between;font-size:8px;line-height:1.5;color:#a7b3c2;font-style:normal;margin-top:2px}.supos-free-page .lc-field-mapping i>svg{width:7px;height:7px;stroke:#9badc4;stroke-width:1.2;fill:none}.supos-free-page .lc-field-mapping>p.is-mapped:after{position:absolute;right:6px;top:4px;content:"✓";font-size:10px;line-height:1.4;color:#6b9285}.supos-free-page .lc-field-mapping>p.is-field-active{background:#f0f4fa}.supos-free-page .lc-bind-apply{display:block;margin-top:24px;padding:9px 5px;border-radius:4px;text-align:center;background:#3d7be8;color:#fff;font-size:10px;line-height:1.6}.supos-free-page .lc-binding-done{opacity:0;text-align:center;margin-top:14px;font-size:10px;color:#63a78f;transition:opacity .3s}.supos-free-page .is-data-mode .lc-config-panel{display:none}.supos-free-page .is-data-mode .lc-data-panel{display:block}.supos-free-page .is-data-mode .lc-property-tabs>b{color:#94a0b1}.supos-free-page .is-data-mode .lc-property-tabs>b:after{display:none}.supos-free-page .is-data-mode .lc-property-tabs>span{position:relative;color:#3774e6;line-height:42px}.supos-free-page .is-data-mode .lc-property-tabs>span:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#3774e6}.supos-free-page .is-dataset-selected .lc-uns-dataset{background:#eaf2ff;color:#3879dc}.supos-free-page .is-binding-done .lc-binding-done{opacity:1}.supos-free-page .lc-board-shell{position:absolute;left:192px;top:104px;width:1280px;height:720px;transform:scale(.7);transform-origin:0 0;background:var(--lc-dark);border:1px solid #3c444f;box-shadow:0 4px 14px rgba(23,40,63,.054901960784313725);color:#e1e5ec;transition:transform .7s cubic-bezier(.22,1,.36,1);z-index:2;overflow:hidden}.supos-free-page .lc-board-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(116,146,177,.23137254901960785) .7px,transparent 0);background-size:18px 18px;transition:opacity .4s}.supos-free-page .lc-board-header{position:absolute;left:0;right:0;top:0;height:80px;padding:13px 28px;display:flex;align-items:center;justify-content:space-between}.supos-free-page .lc-board-header>div:first-child>span{display:block;color:#8a939f;font-size:11px;line-height:1.5;letter-spacing:0}.supos-free-page .lc-board-header h2{font-size:25px;line-height:1.4;letter-spacing:0;font-weight:500;color:#e8ebf1;margin:4px 0 0}.supos-free-page .lc-board-meta{display:grid;gap:7px;text-align:right;color:#8096b0;font-size:12px;line-height:1.4}.supos-free-page .lc-board-meta>b{font-weight:400;font-size:14px;color:#b1c2d8;font-variant-numeric:tabular-nums}.supos-free-page .lc-board-meta i{margin-left:14px;color:#6c87a7;font-size:10px;font-style:normal}.supos-free-page .lc-slot{position:absolute;overflow:visible}.supos-free-page .lc-slot:before{content:"";position:absolute;inset:0;border:1px dashed #6b92c9;border-radius:4px;background:rgba(107,146,201,.0392156862745098);opacity:0;pointer-events:none}.supos-free-page .lc-slot:after{content:"松开鼠标放置";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#95adc9;font-size:12px;opacity:0;pointer-events:none}.supos-free-page .lc-slot.is-drop-target:after,.supos-free-page .lc-slot.is-drop-target:before{opacity:1}.supos-free-page .lc-slot.is-built:after,.supos-free-page .lc-slot.is-built:before{opacity:0}.supos-free-page .lc-content{position:absolute;inset:0;opacity:0;transition:opacity .16s}.supos-free-page .is-built>.lc-content{opacity:1}.supos-free-page .lc-slot.is-selected{outline:1px solid #648dc5;outline-offset:0}.supos-free-page .lc-slot-label{display:none;position:absolute;left:0;top:-20px;padding:3px 7px;border-radius:3px 3px 0 0;font-size:10px;line-height:1.4;color:#fff;background:#4b87df}.supos-free-page .lc-handle{position:absolute;display:none;width:5px;height:5px;background:#f3f7ff;border:1px solid #648dc5;z-index:2}.supos-free-page .is-selected>.lc-handle,.supos-free-page .is-selected>.lc-slot-label{display:block}.supos-free-page .lc-handle-0{left:-2px;top:-2px}.supos-free-page .lc-handle-1{right:-2px;top:-2px}.supos-free-page .lc-handle-2{right:-2px;bottom:-2px}.supos-free-page .lc-handle-3{left:-2px;bottom:-2px}.supos-free-page .lc-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;height:100%}.supos-free-page .lc-metric{padding:12px 18px;border:1px solid #3b4658;border-radius:4px;background:#293548}.supos-free-page .lc-metric:nth-child(2){background:#293b3a;border-color:#3a504b}.supos-free-page .lc-metric:nth-child(3){background:#3b352d;border-color:#514735}.supos-free-page .lc-metric:nth-child(4){background:#2b3a35;border-color:#3d5047}.supos-free-page .lc-metric>span{display:block;color:#9ab0cb;font-size:12px;line-height:16px}.supos-free-page .lc-metric>strong{display:inline-block;margin-top:6px;font-size:29px;line-height:34px;font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--lc-blue)}.supos-free-page .lc-metric:nth-child(2)>strong,.supos-free-page .lc-metric:nth-child(4)>strong{color:var(--lc-teal)}.supos-free-page .lc-metric:nth-child(3)>strong{color:var(--lc-amber)}.supos-free-page .lc-metric>small{font-size:12px;color:#829cbb;margin-left:7px}.supos-free-page .lc-metric>em{display:block;color:#6fae9b;font-size:10px;line-height:13px;font-style:normal;margin-top:4px}.supos-free-page .lc-metric:nth-child(2)>em,.supos-free-page .lc-metric:nth-child(4)>em{color:#7995b7}.supos-free-page .lc-panel{position:relative;width:100%;height:100%;padding:14px 16px;border:1px solid #3a414c;border-radius:4px;background:var(--lc-surface)}.supos-free-page .lc-panel>h3{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:500;line-height:21px;color:#e1e6ee;margin:0 0 10px}.supos-free-page .lc-panel>h3>small{font-size:10px;color:#6e89a9;font-weight:400}.supos-free-page .lc-plot{display:block;width:100%;height:181px;opacity:.12;transition:opacity .3s}.supos-free-page .lc-plot text{font-size:14px;fill:#9aa7b8;font-family:inherit;stroke:none}.supos-free-page .lc-chart-grid{fill:none;stroke:#49515d;stroke-opacity:.5;stroke-width:1}.supos-free-page .lc-trend-stroke{fill:none;stroke:var(--lc-blue);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.supos-free-page .lc-plan-stroke{fill:none;stroke:var(--lc-teal);stroke-width:1.5;stroke-dasharray:5 4;stroke-linejoin:round}.supos-free-page .lc-bar-plot stop:first-child{stop-color:#80d5c4}.supos-free-page .lc-bar-plot stop:last-child{stop-color:#477f73}.supos-free-page .lc-trend-plot polygon{opacity:0;transition:opacity .3s}.supos-free-page .lc-bar rect{transform:scaleY(.94);transform-box:fill-box;transform-origin:center bottom;transition:transform .45s cubic-bezier(.22,1,.36,1)}.supos-free-page .lc-plot .lc-bar-value{font-size:13px;fill:#a6bedc}.supos-free-page .lc-chart-legend{position:absolute;right:16px;top:39px;display:flex;gap:14px;color:#8294aa;font-size:9px;line-height:1.4}.supos-free-page .lc-chart-legend>span{display:flex;align-items:center;gap:5px}.supos-free-page .lc-chart-legend>span:before{content:"";width:13px;height:2px;background:var(--lc-blue)}.supos-free-page .lc-chart-legend>span:nth-child(2):before{height:0;border-top:1.5px dashed var(--lc-teal);background:none}.supos-free-page .lc-chart-crosshair{stroke:#8293a8;stroke-width:1;stroke-dasharray:3 4;opacity:0}.supos-free-page .lc-trend-hit{fill:var(--lc-blue);stroke:#1f2329;stroke-width:2;opacity:0}.supos-free-page .lc-trend-tooltip{position:absolute;top:66px;left:185px;width:174px;padding:12px;border:1px solid #4c5562;border-radius:4px;background:#343b45;box-shadow:0 4px 12px rgba(8,19,30,.25098039215686274);opacity:0;transition:opacity .16s;pointer-events:none}.supos-free-page .lc-trend-tooltip>span{display:block;color:#c7d2e2;font-size:11px;line-height:1.6;margin-bottom:9px}.supos-free-page .lc-trend-tooltip>p{display:flex;align-items:center;gap:5px;margin:6px 0;color:#95a6bc;font-size:10px;line-height:1.5}.supos-free-page .lc-trend-tooltip>p>i{width:5px;height:5px;border-radius:50%;background:var(--lc-blue);flex:none}.supos-free-page .lc-trend-tooltip>p:nth-of-type(2)>i{background:var(--lc-teal)}.supos-free-page .lc-trend-tooltip b{margin-left:auto;font-weight:500;color:#d3deec;font-variant-numeric:tabular-nums}.supos-free-page .lc-trend-tooltip b>small{font-size:9px;color:#8e9fb7;font-weight:400}.supos-free-page .lc-trend-tooltip>em{display:block;border-top:1px solid #3a4b60;margin-top:9px;padding-top:7px;color:#bfa47f;font-size:9px;line-height:1.5;font-style:normal}.supos-free-page .is-inspecting-chart .lc-chart-crosshair,.supos-free-page .is-inspecting-chart .lc-trend-hit,.supos-free-page .is-inspecting-chart .lc-trend-tooltip{opacity:1}.supos-free-page .lc-device-body{display:flex;align-items:center;justify-content:space-between;gap:2px;height:156px}.supos-free-page .lc-ring{position:relative;width:151px;height:151px;flex:none}.supos-free-page .lc-ring>svg{width:100%;height:100%}.supos-free-page .lc-ring>svg>circle{stroke:#3c4653}.supos-free-page .lc-ring-segment:first-child{stroke:var(--lc-teal)}.supos-free-page .lc-ring-segment:nth-child(2){stroke:#7e8999}.supos-free-page .lc-ring-segment:nth-child(3){stroke:var(--lc-amber)}.supos-free-page .lc-ring-segment{opacity:0;transition:opacity .3s}.supos-free-page .is-bound .lc-ring-segment{opacity:1}.supos-free-page .lc-ring>strong{position:absolute;left:0;top:54px;width:100%;text-align:center;color:#dceafd;font-size:25px;line-height:1.1;font-weight:500}.supos-free-page .lc-ring>strong>small{font-size:13px;font-weight:400}.supos-free-page .lc-ring>strong>span{display:block;color:#7b96b7;font-size:11px;font-weight:400;margin-top:7px}.supos-free-page .lc-device-legend{display:grid;gap:16px;width:85px}.supos-free-page .lc-device-legend>span{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;color:#8da7c5}.supos-free-page .lc-device-legend b{font-weight:500;font-size:13px;color:#c0d3eb;margin-left:auto}.supos-free-page .lc-device-legend i{width:5px;height:5px;flex:none;border-radius:50%;background:var(--lc-teal)}.supos-free-page .lc-device-legend>span:nth-child(2)>i{background:#7e8999}.supos-free-page .lc-device-legend>span:nth-child(3)>i{background:var(--lc-amber)}.supos-free-page .lc-panel .lc-device-note{font-size:10px;color:#5d7897;line-height:1.5;margin:6px 0 0;text-align:center}.supos-free-page .lc-order-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.3;color:#97aecb}.supos-free-page .lc-order-table th{font-size:10px;color:#607e9f;font-weight:400;height:20px;text-align:left}.supos-free-page .lc-order-table th:first-child{width:30%}.supos-free-page .lc-order-table th:nth-child(2){width:23%}.supos-free-page .lc-order-table td{height:31px;border-top:1px solid rgba(38,61,85,.30196078431372547);padding:0}.supos-free-page .lc-order-table td:first-child{color:#afc6e6;font-size:11px}.supos-free-page .lc-order-table td{transition:background .15s}.supos-free-page .lc-order-flag{display:inline-block;font-size:9px;line-height:14px;margin-left:9px;padding:0 4px;border-radius:2px;color:#b89d76;background:rgba(184,157,118,.08627450980392157)}.supos-free-page .is-inspecting-row .lc-order-delayed>td{background:rgba(140,169,202,.08627450980392157)}.supos-free-page .lc-order-delayed .lc-table-progress>i>b{background:var(--lc-amber)}.supos-free-page .lc-table-progress{display:flex;align-items:center;gap:9px}.supos-free-page .lc-table-progress>i{display:block;width:78px;height:4px;border-radius:3px;background:#253f5d;overflow:hidden}.supos-free-page .lc-table-progress>i>b{display:block;height:100%;background:#7192bc;border-radius:2px;transform-origin:left;transform:scaleX(.94);transition:transform .45s cubic-bezier(.22,1,.36,1)}.supos-free-page .lc-table-progress>strong{font-size:11px;font-weight:400;color:#a9bfde;width:32px}.supos-free-page .lc-table-progress>small{font-size:9px;white-space:nowrap;color:#607e9e}.supos-free-page .lc-rank-list{display:grid;gap:13px;margin-top:17px}.supos-free-page .lc-rank-list>div{display:grid;grid-template-columns:79px minmax(0,1fr) 36px;gap:13px;align-items:center;font-size:12px;line-height:21px;color:#93accb}.supos-free-page .lc-rank-list i{display:block;height:6px;background:#233c58;border-radius:3px;overflow:hidden}.supos-free-page .lc-rank-list i>b{display:block;height:100%;background:var(--lc-blue);border-radius:2px;transform-origin:left;transform:scaleX(.94);transition:transform .45s cubic-bezier(.22,1,.36,1);transition-delay:var(--bar-delay,0ms)}.supos-free-page .lc-rank-list>div:first-child i>b{background:var(--lc-teal)}.supos-free-page .lc-rank-list>div:nth-child(n+3) i>b{background:var(--lc-amber)}.supos-free-page .lc-rank-list strong{font-size:12px;font-weight:400;color:#a5c0df;text-align:right}.supos-free-page .is-bound .lc-board-grid{opacity:.1}.supos-free-page .is-bound .lc-plot{opacity:1}.supos-free-page .is-bound .lc-trend-stroke{stroke-dashoffset:0}.supos-free-page .is-bound .lc-trend-plot polygon{opacity:1}.supos-free-page .is-bound .lc-bar rect{transform:scaleY(1);transition-delay:var(--bar-delay,0ms)}.supos-free-page .is-bound .lc-rank-list i>b,.supos-free-page .is-bound .lc-table-progress>i>b{transform:scaleX(1)}.supos-free-page .lc-stage:not(.is-bound) .lc-panel:after{content:"未绑定数据";position:absolute;inset:55px 0 20px;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#637b96}.supos-free-page .lc-stage:not(.is-bound) .lc-metric>em{visibility:hidden}.supos-free-page .lc-stage:not(.is-bound) .lc-bar-value,.supos-free-page .lc-stage:not(.is-bound) .lc-device-legend,.supos-free-page .lc-stage:not(.is-bound) .lc-device-note,.supos-free-page .lc-stage:not(.is-bound) .lc-order-table tbody,.supos-free-page .lc-stage:not(.is-bound) .lc-rank-list,.supos-free-page .lc-stage:not(.is-bound) .lc-ring>strong{opacity:0}.supos-free-page .lc-guide{position:absolute;opacity:0;z-index:6;pointer-events:none}.supos-free-page .lc-guide.is-visible{opacity:.5}.supos-free-page .lc-guide-x{top:80px;bottom:0;width:1px;background:repeating-linear-gradient(180deg,#8ab7f6 0 4px,transparent 4px 9px)}.supos-free-page .lc-guide-y{left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,#8ab7f6 0 4px,transparent 4px 9px)}.supos-free-page .lc-placement-size{position:absolute;width:92px;height:16px;line-height:16px;font-size:10px;color:#d7e4f5;background:#5274a0;text-align:center;opacity:0;z-index:8;pointer-events:none}.supos-free-page .lc-placement-size.is-visible{opacity:.9}.supos-free-page .lc-editor-status{position:absolute;inset:auto 0 0;height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-top:1px solid #e1e8f2;font-size:9px;line-height:1.5;color:#a1adbd;z-index:4}.supos-free-page .lc-editor-status>span>i{font-size:6px;font-style:normal;margin-left:8px;color:#83ac9d}.supos-free-page .lc-cursor{position:absolute;left:0;top:0;width:28px;height:34px;z-index:20;pointer-events:none;transition:opacity .25s;filter:drop-shadow(0 2px 2px #243f5928)}.supos-free-page .lc-cursor>svg{position:relative;width:28px;height:34px;z-index:1}.supos-free-page .lc-click-ring{display:none}.supos-free-page .lc-cursor>svg{transform-origin:3px 2px;transition:transform .09s}.supos-free-page .lc-cursor.is-pressed>svg{transform:scale(.94)}.supos-free-page .lc-cursor.is-hidden{opacity:0}.supos-free-page .lc-drag-ghost{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100px;height:31px;padding:5px 8px;border:1px solid #aebed3;border-radius:3px;background:hsla(0,0%,100%,.9607843137254902);box-shadow:0 2px 5px rgba(36,56,78,.12549019607843137);color:#7392bd;z-index:19;visibility:hidden;pointer-events:none}.supos-free-page .lc-drag-ghost>svg{width:22px;height:17px;flex:none}.supos-free-page .lc-drag-ghost>span{font-size:10px;line-height:1.4;color:#5a6f8a}.supos-free-page .lc-drag-ghost.is-visible{visibility:visible}.supos-free-page .lc-drag-ghost[data-component=bar],.supos-free-page .lc-drag-ghost[data-component=table]{color:#4d9d8f}.supos-free-page .lc-drag-ghost[data-component=donut],.supos-free-page .lc-drag-ghost[data-component=rank]{color:#b28c50}.supos-free-page .lc-canvas-bar,.supos-free-page .lc-editor-status,.supos-free-page .lc-library,.supos-free-page .lc-properties,.supos-free-page .lc-topbar{transition:opacity .35s}.supos-free-page .lc-stage[data-view=preview] .lc-board-shell{transform:translate(-192px,-104px) scale(1);z-index:10;border-color:transparent}.supos-free-page .lc-stage[data-view=preview] .lc-board-grid,.supos-free-page .lc-stage[data-view=preview] .lc-canvas-bar,.supos-free-page .lc-stage[data-view=preview] .lc-editor-status,.supos-free-page .lc-stage[data-view=preview] .lc-library,.supos-free-page .lc-stage[data-view=preview] .lc-properties,.supos-free-page .lc-stage[data-view=preview] .lc-ruler-x,.supos-free-page .lc-stage[data-view=preview] .lc-ruler-y,.supos-free-page .lc-stage[data-view=preview] .lc-topbar{opacity:0}.supos-free-page .builder-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;height:36px}.supos-free-page .builder-progress{height:2px;flex:1;margin:0 18px 0 2px;background:#edf2f8;overflow:hidden;border-radius:2px}.supos-free-page .builder-progress>i{display:block;width:100%;height:100%;background:#a2bde5;transform:scaleX(0);transform-origin:left}.supos-free-page .builder-controls>button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;border-radius:4px;color:#91a0b5;font-size:16px;line-height:1}.supos-free-page .builder-controls>.builder-pause{font-size:11px}.supos-free-page .builder-controls>button:hover{background:#edf3fc;color:#477ecb}.supos-free-page .builder-controls>button:focus-visible{outline:2px solid #94b4e5;outline-offset:2px}.supos-free-page .builder-expand>svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.supos-free-page dialog.lc-fullscreen-dialog{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px;border:0;border-radius:0;overflow:hidden;background:#eef3fa}.supos-free-page dialog.lc-fullscreen-dialog[open]{display:flex;align-items:center;justify-content:center}.supos-free-page .lc-fullscreen-dialog>.screen-builder{width:min(1440px,100%,calc(100dvh*16/9 - 160px));flex:none;background:#fff}@media (max-width:760px){.supos-free-page .screen-builder{padding:8px 8px 1px;border-radius:13px}.supos-free-page .builder-viewport{border-radius:7px}.supos-free-page .builder-controls{height:29px;gap:5px}.supos-free-page .builder-controls>button{width:27px;height:27px}.supos-free-page .builder-progress{margin-right:10px}.supos-free-page .builder-expand>svg{width:15px;height:15px}.supos-free-page dialog.lc-fullscreen-dialog{padding:10px}.supos-free-page .lc-fullscreen-dialog>.screen-builder{width:min(100%,calc(100dvh*16/9 - 110.22222px))}}@media (prefers-reduced-motion:reduce){.supos-free-page .lc-stage *{transition:none!important}}.supos-free-page .lc-topbar>strong{font-size:15px;font-weight:600;gap:8px;color:#354760}.supos-free-page .lc-topbar>strong>svg{width:18px;height:18px;stroke:#6585b2;fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.supos-free-page .lc-file-name>small{font-size:10px;font-weight:400;color:#9ba6b4;margin-right:10px}.supos-free-page .lc-library-tabs,.supos-free-page .lc-property-tabs{color:#7d899a}.supos-free-page .lc-library-tile{background:#fafbfd;border-color:#e4e8ee;border-radius:2px}.supos-free-page .lc-component-icon,.supos-free-page .lc-library-tile[data-component] .lc-component-icon{color:#7f92ad}.supos-free-page .lc-library-tile.is-selected{background:#f0f5fd;border-color:#afc4e6;color:#4777bd}.supos-free-page .lc-library-tile.is-selected .lc-component-icon{color:#5686ca}.supos-free-page .lc-component-icon>svg{stroke-width:1.7}.supos-free-page .lc-component-help{color:#9aa7b8}.supos-free-page .lc-component-search{color:#9ca8b7}.supos-free-page .lc-config-panel>label{color:#8594a7;margin-top:16px}.supos-free-page .lc-property-input,.supos-free-page .lc-property-pair>span{border-color:#e1e6ed;border-radius:3px;background:#fdfefe;font-variant-numeric:tabular-nums}.supos-free-page .lc-config-panel>p{color:#98a7ba}.supos-free-page .lc-data-panel{padding:14px 13px}.supos-free-page .lc-data-panel h4{margin-bottom:12px}.supos-free-page .lc-uns-tree{margin:10px -4px 12px;line-height:2.2}.supos-free-page .lc-field-mapping>span{margin-bottom:7px}.supos-free-page .lc-field-mapping>p{margin:4px -3px;padding:4px 3px}.supos-free-page .lc-bind-apply{margin-top:14px}.supos-free-page .lc-binding-done{margin-top:8px}.supos-free-page .lc-board-header>div:first-child>span{color:#8e98a5}.supos-free-page .lc-board-meta{color:#929eaf}.supos-free-page .lc-board-meta>b{font-size:12px;color:#b3bdca}.supos-free-page .lc-board-meta i{color:#7e8b9d}.supos-free-page .lc-metric,.supos-free-page .lc-metric:nth-child(n){background:#292e36;border-color:#3a414b;border-radius:3px}.supos-free-page .lc-metric>span{color:#a0aab7}.supos-free-page .lc-metric>strong{color:#dce3ef}.supos-free-page .lc-metric:first-child>strong{color:var(--lc-blue)}.supos-free-page .lc-metric:nth-child(2)>strong{color:#dce3ef}.supos-free-page .lc-metric:nth-child(3)>strong,.supos-free-page .lc-metric:nth-child(4)>strong{color:var(--lc-teal)}.supos-free-page .lc-metric:nth-child(n)>em,.supos-free-page .lc-metric>em{color:#8d9aa9}.supos-free-page .lc-metric>small{color:#909cad}.supos-free-page .lc-panel{border-color:#3b424d;border-radius:3px}.supos-free-page .lc-panel>h3{color:#d8dfe9}.supos-free-page .lc-panel>h3>small{color:#8d99aa}.supos-free-page .lc-chart-grid{stroke:#464e5a;stroke-opacity:.4}.supos-free-page .lc-plan-stroke{stroke:#9ba7b8;stroke-opacity:.8}.supos-free-page .lc-chart-legend{font-size:10px;color:#95a1b1}.supos-free-page .lc-chart-legend>span:nth-child(2):before{border-color:#9ba7b8}.supos-free-page .lc-trend-tooltip>p:nth-of-type(2)>i{background:#9ba7b8}.supos-free-page .lc-order-table{color:#acb7c7}.supos-free-page .lc-order-table th{color:#8f9cae;font-size:11px}.supos-free-page .lc-order-table td{border-top-color:rgba(66,74,86,.23921568627450981)}.supos-free-page .lc-order-table td:first-child{color:#b7c4d8}.supos-free-page .lc-table-progress>i{background:#3a424e}.supos-free-page .lc-table-progress>small{color:#8b99ad}.supos-free-page .lc-table-progress>i>b{background:#829cbe}.supos-free-page .lc-device-legend>span{color:#9cabbf}.supos-free-page .lc-device-legend b{color:#bdc8d8}.supos-free-page .lc-ring>strong>span{color:#91a0b4}.supos-free-page .lc-panel .lc-device-note{color:#8896a9}.supos-free-page .lc-exception-list{display:grid;gap:0;margin-top:2px;transition:opacity .2s}.supos-free-page .lc-exception-row{display:grid;grid-template-columns:39px minmax(0,1fr) 54px;align-items:center;gap:9px;min-height:45px;border-top:1px solid rgba(66,74,86,.23921568627450981)}.supos-free-page .lc-exception-row:first-child{border-top:0}.supos-free-page .lc-exception-row time{font-size:10px;color:#8c9aae;font-variant-numeric:tabular-nums}.supos-free-page .lc-exception-row>div{min-width:0}.supos-free-page .lc-exception-row b{display:block;font-size:12px;line-height:1.5;font-weight:400;color:#c2ccda;white-space:nowrap}.supos-free-page .lc-exception-row small{display:block;font-size:10px;line-height:1.5;color:#8796aa;margin-top:2px}.supos-free-page .lc-exception-row>span{font-size:10px;line-height:1.6;color:#9bacbf;background:#343c48;padding:2px 5px;border-radius:2px;text-align:center}.supos-free-page .lc-exception-row>span.is-warning{color:#d2b681;background:#423d33}.supos-free-page .lc-stage:not(.is-bound) .lc-exception-list,.supos-free-page .lc-stage:not(.is-bound) .lc-plot{opacity:0}.supos-free-page .lc-stage:not(.is-bound) .lc-panel:after{content:"请绑定数据集";color:#8999ae;font-size:12px}.supos-free-page .lc-drag-ghost[data-component]{color:#6f8eb6}.supos-free-page .lc-drag-ghost{border-radius:2px;box-shadow:0 2px 5px rgba(36,56,78,.08627450980392157)}.supos-free-page .lc-drag-ghost>svg{stroke-width:1.7}.supos-free-page .lc-slot:after{font-size:11px;color:#9bacbf}.supos-free-page .business-host{overflow:hidden}.supos-free-page .ba-window{position:absolute;top:0;left:0;width:1280px;height:720px;transform-origin:0 0;background:#f5f7fb;color:#26374e;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;text-align:left;user-select:none}.supos-free-page .ba-window *{box-sizing:border-box}.supos-free-page .ba-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;background:#fff;border-bottom:1px solid #e5eaf2}.supos-free-page .ba-top>strong{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.6px;color:#284164}.supos-free-page .ba-top>strong>span{margin-left:15px;font-size:12px;letter-spacing:0;font-weight:400;color:#8d9bae}.supos-free-page .ba-top>span{font-size:11px;line-height:1.6;color:#9da8b7}.supos-free-page .ba-top>span>i{font-style:normal;margin:0 10px;color:#c6cfdb}.supos-free-page .ba-sidebar{position:absolute;left:0;top:48px;bottom:24px;width:176px;background:#fff;border-right:1px solid #e5eaf2;padding:16px 10px}.supos-free-page .ba-sidebar-title{font-size:10px;color:#a1adbc;margin:0 12px 16px;line-height:1.6}.supos-free-page .ba-nav{display:flex;width:100%;height:42px;gap:10px;align-items:center;padding:0 12px;margin:3px 0;border:0;border-radius:4px;background:transparent;color:#7a889b;font-size:13px;line-height:1.5;text-align:left;white-space:nowrap}.supos-free-page .ba-nav>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;flex:none}.supos-free-page .ba-nav.is-active{background:#edf3ff;color:#3474dc}.supos-free-page .ba-nav:focus-visible,.supos-free-page .starter-controls>button:focus-visible,.supos-free-page .starter-tabs>button:focus-visible{outline:2px solid #94b6e8;outline-offset:2px}.supos-free-page .ba-sidebar-foot{position:absolute;bottom:19px;left:22px;right:18px;font-size:11px;line-height:1.7;color:#94a2b6}.supos-free-page .ba-sidebar-foot>span{float:right}.supos-free-page .ba-sidebar-foot>p{font-size:8px;line-height:1.8;color:#b0bac7;margin:6px 0 0}.supos-free-page .ba-main{position:absolute;left:176px;right:0;top:48px;bottom:24px;padding:23px 24px;background:#f5f7fb;overflow:hidden}.supos-free-page .ba-view-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.supos-free-page .ba-view-head h3{font-size:23px;line-height:1.5;font-weight:550;color:#273c58;margin:0}.supos-free-page .ba-view-head p{font-size:12px;line-height:1.7;color:#8a99ad;margin:6px 0 0}.supos-free-page .ba-view-head>div:last-child{display:flex;align-items:center;gap:10px;flex:none}.supos-free-page .ba-action{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border:1px solid #3477e5;border-radius:4px;background:#3477e5;color:#fff;font-size:12px;line-height:1.4;white-space:nowrap}.supos-free-page .ba-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.supos-free-page .ba-metrics>div{height:99px;padding:17px 18px;border:1px solid #e3eaf3;border-radius:6px;background:#fff}.supos-free-page .ba-metrics>div>span{display:block;font-size:11px;line-height:1.6;color:#8b9aaf}.supos-free-page .ba-metrics strong{display:inline-block;margin-top:8px;font-size:27px;line-height:1.3;font-weight:500;color:#315e9e;font-variant-numeric:tabular-nums;white-space:nowrap}.supos-free-page .ba-metrics small{font-size:10px;line-height:1.5;color:#9cabbf;margin-left:8px}.supos-free-page .ba-window[data-business=factory] .ba-metrics>div{background:#f6f8ff;border-color:#e1e8f5}.supos-free-page .ba-window[data-business=factory] .ba-metrics>div[data-tone=teal]{background:#f1f8f5;border-color:#e0eee7}.supos-free-page .ba-window[data-business=factory] .ba-metrics>div[data-tone=teal]>strong{color:#44866e}.supos-free-page .ba-window[data-business=factory] .ba-metrics>div[data-tone=amber]{background:#fff8ee;border-color:#f0e6d6}.supos-free-page .ba-window[data-business=factory] .ba-metrics>div[data-tone=amber]>strong{color:#a57c3c}.supos-free-page .ba-window[data-business=factory] .ba-nav[data-ba-menu=production]>svg,.supos-free-page .ba-window[data-business=factory] .ba-nav[data-ba-menu=stock]>svg{color:#5d9b84}.supos-free-page .ba-window[data-business=factory] .ba-nav[data-ba-menu=purchase]>svg,.supos-free-page .ba-window[data-business=factory] .ba-nav[data-ba-menu=reports]>svg{color:#b18e55}.supos-free-page .ba-window[data-business=factory] .ba-nav.is-active[data-ba-menu=production],.supos-free-page .ba-window[data-business=factory] .ba-nav.is-active[data-ba-menu=stock]{color:#4d8c72;background:#edf7f1}.supos-free-page .ba-window[data-business=factory] .ba-nav.is-active[data-ba-menu=purchase],.supos-free-page .ba-window[data-business=factory] .ba-nav.is-active[data-ba-menu=reports]{color:#a47e3d;background:#fbf4e7}.supos-free-page .ba-section{border:1px solid #e0e7f1;border-radius:6px;background:#fff;padding:0 17px 12px;margin-bottom:17px;overflow:hidden}.supos-free-page .ba-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:47px}.supos-free-page .ba-section-title h4{font-size:14px;line-height:1.6;font-weight:500;color:#3f5573;margin:0}.supos-free-page .ba-section-title>span{font-size:10px;color:#98a6ba}.supos-free-page .ba-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:12px;line-height:1.6;color:#6c7e96;font-variant-numeric:tabular-nums}.supos-free-page .ba-table th{height:35px;text-align:left;background:#f7f9fc;color:#9aa8bb;font-size:10px;font-weight:400;white-space:nowrap;padding:0 10px;border-bottom:1px solid #e8edf5}.supos-free-page .ba-table td{height:43px;text-align:left;padding:0 10px;border-bottom:1px solid #eef2f7;white-space:nowrap}.supos-free-page .ba-table td>b{font-size:11px;font-weight:500;color:#3a73c9}.supos-free-page .ba-table tbody>tr:last-child>td{border-bottom:0}.supos-free-page .ba-tag{display:inline-block;font-size:10px;line-height:1.6;padding:2px 7px;border-radius:3px;color:#5685c7;background:#eef4ff;white-space:nowrap}.supos-free-page .ba-tag-green{color:#6a9586;background:#eef7f2}.supos-free-page .ba-tag-gray{color:#92a0b1;background:#f2f5f8}.supos-free-page .ba-tag-amber{color:#b09160;background:#fbf5eb}.supos-free-page .ba-window[data-business=factory] .ba-tag-green{color:#4f8c71;background:#edf7f1}.supos-free-page .ba-window[data-business=factory] .ba-tag-amber{color:#a17d3c;background:#fff3df}.supos-free-page .ba-split{display:grid;grid-template-columns:minmax(0,1fr) 338px;align-items:start;gap:16px}.supos-free-page .ba-filter{display:flex;align-items:center;justify-content:space-between;max-width:340px;margin:0 0 14px;padding:8px 10px;border:1px solid #e3eaf3;border-radius:3px;font-size:11px;color:#a9b5c5;line-height:1.5}.supos-free-page .ba-filter>span{padding-left:20px;color:#899cb8}.supos-free-page .ba-split>.ba-section .ba-first-row>td{background:#f4f8ff}.supos-free-page .ba-table-foot{padding:16px 5px 5px;text-align:right;font-size:9px;line-height:1.5;color:#a3b0c2}.supos-free-page .ba-detail{padding:18px 16px;background:#fff;border:1px solid #dce6f4;border-radius:6px;min-width:0}.supos-free-page .ba-detail-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.supos-free-page .ba-detail-title h4{font-size:14px;line-height:1.6;font-weight:500;color:#415975;margin:0}.supos-free-page .ba-detail-title>span{font-size:10px;color:#96a6ba;line-height:1.5}.supos-free-page .ba-detail-sub{font-size:11px;line-height:1.7;color:#9cabc0;margin:8px 0 15px}.supos-free-page .ba-mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 13px}.supos-free-page .ba-mini-metrics>div{padding:11px 8px;background:#f7faff;border-radius:3px;text-align:center}.supos-free-page .ba-mini-metrics span{display:block;font-size:9px;color:#94a5bc;line-height:1.6}.supos-free-page .ba-mini-metrics b{display:block;font-size:23px;line-height:1.3;font-weight:500;color:#4d79b4;margin-top:5px;font-variant-numeric:tabular-nums}.supos-free-page .ba-window[data-business=factory] .ba-mini-metrics>div:nth-child(2){background:#eff8f3}.supos-free-page .ba-window[data-business=factory] .ba-mini-metrics>div:nth-child(2)>b{color:#4e8c71}.supos-free-page .ba-window[data-business=factory] .ba-mini-metrics>div:nth-child(3){background:#fff7e9}.supos-free-page .ba-window[data-business=factory] .ba-mini-metrics>div:nth-child(3)>b{color:#ad843f}.supos-free-page .ba-detail .ba-section-title{min-height:45px;margin-top:5px}.supos-free-page .ba-detail .ba-action{font-size:10px;padding:6px 8px}.supos-free-page .ba-compact{font-size:10px}.supos-free-page .ba-compact th{font-size:9px;height:28px;padding:0 4px}.supos-free-page .ba-compact td{height:33px;padding:0 4px}.supos-free-page .ba-compact td>b{font-size:9px}.supos-free-page .ba-detail-total{display:flex;justify-content:space-between;margin-top:13px;padding-top:12px;border-top:1px solid #eaf0f7;font-size:10px;line-height:1.5;color:#9aaabd}.supos-free-page .ba-detail-total>b{font-weight:400;color:#6384b2}.supos-free-page .ba-saved{font-size:10px;line-height:1.7;color:#6e9989;margin:13px 0 0}.supos-free-page .ba-save-line{text-align:right;color:#6e9989;font-size:11px;line-height:1.6;margin-top:-4px}.supos-free-page .ba-money-table td:not(:first-child),.supos-free-page .ba-money-table th:not(:first-child){text-align:right}.supos-free-page .ba-money-table td:last-child{color:#557bad}.supos-free-page .ba-form-shade{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(41,67,100,.12549019607843137);z-index:10}.supos-free-page .ba-form-card{width:480px;border:1px solid #e0e7f1;border-radius:9px;background:#fff;padding:23px 25px;box-shadow:0 10px 32px rgba(41,61,91,.09803921568627451)}.supos-free-page .ba-form-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.supos-free-page .ba-form-title h4{margin:0;font-size:18px;line-height:1.5;font-weight:500;color:#354c6b}.supos-free-page .ba-form-title>span{color:#a4afbf;font-size:20px}.supos-free-page .ba-form-card>p{font-size:10px;line-height:1.7;color:#a0aec1;margin:8px 0 20px}.supos-free-page .ba-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px}.supos-free-page .ba-form-grid>label{display:block;font-size:10px;line-height:1.6;color:#96a5b9}.supos-free-page .ba-form-grid>label>span{display:block;min-height:35px;border:1px solid #e1e8f2;border-radius:4px;margin-top:6px;padding:8px 10px;font-size:12px;line-height:1.5;color:#697f9c}.supos-free-page .ba-form-grid .ba-field-wide{grid-column:1/-1}.supos-free-page .ba-form-grid>label>.ba-field-active{border-color:#a6c3ef;background:#fcfdff}.supos-free-page .ba-field-active>b{font-weight:400;color:#527cb6;font-variant-numeric:tabular-nums}.supos-free-page .ba-field-active>i{display:inline-block;vertical-align:-2px;height:13px;width:1px;background:#6e98d4;margin-left:2px}.supos-free-page .ba-form-foot{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:24px;font-size:11px;line-height:1.6;color:#9bacbf}.supos-free-page .ba-kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.supos-free-page .ba-kanban-column{padding:12px;background:#eef2f7;border:1px solid #e4eaf2;border-radius:5px;min-height:332px;min-width:0}.supos-free-page .ba-kanban-column>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.supos-free-page .ba-kanban-column h4{font-size:12px;line-height:1.6;font-weight:500;color:#7488a2;margin:0}.supos-free-page .ba-kanban-column>div:first-child>span{font-size:10px;color:#a6b3c5}.supos-free-page .ba-opportunity{position:relative;min-height:120px;padding:13px 13px 10px;margin-bottom:12px;background:#fff;border:1px solid #e2e8f1;border-radius:4px}.supos-free-page .ba-opportunity>b{font-size:13px;line-height:1.7;font-weight:500;color:#526e91}.supos-free-page .ba-opportunity>p{font-size:10px;line-height:1.6;color:#a0aec1;margin:5px 0 10px;white-space:nowrap}.supos-free-page .ba-opportunity>strong{display:block;font-size:17px;line-height:1.5;font-weight:500;color:#668ab9;font-variant-numeric:tabular-nums}.supos-free-page .ba-opportunity>span{display:block;font-size:9px;line-height:1.5;color:#b1bdcd;margin-top:6px}.supos-free-page .ba-crm-active{z-index:6;border-color:#a9c4eb;box-shadow:0 3px 9px rgba(57,93,141,.06274509803921569)}.supos-free-page .ba-window[data-phase=move] .ba-crm-active{box-shadow:0 7px 17px rgba(57,93,141,.12549019607843137)}.supos-free-page .ba-crm-drop{height:132px;border:1px dashed #a5bbd8;border-radius:4px;background:#f1f6ff;margin-bottom:12px}.supos-free-page .ba-crm-followup{position:absolute;right:24px;top:92px;bottom:23px;width:342px;padding:19px 19px 15px;border:1px solid #dce5f2;border-radius:6px;background:#fff;box-shadow:-5px 0 22px rgba(53,89,135,.047058823529411764);z-index:8}.supos-free-page .ba-crm-summary{display:grid;gap:8px;margin:20px 0 24px;padding:14px 11px;border-radius:4px;background:#f7faff}.supos-free-page .ba-crm-summary>strong{font-size:13px;font-weight:500;color:#6982a6;line-height:1.7}.supos-free-page .ba-crm-summary>span{font-size:14px;color:#6a8fbd;line-height:1.6}.supos-free-page .ba-crm-summary .ba-tag{margin-left:9px}.supos-free-page .ba-followup-event{border-bottom:1px solid #edf1f7;padding:0 0 14px;margin:0 0 15px}.supos-free-page .ba-followup-event>b{font-size:10px;line-height:1.6;color:#8d9fb7;font-weight:400}.supos-free-page .ba-followup-event>p{font-size:11px;line-height:1.85;color:#6e86a5;margin:6px 0 0}.supos-free-page .ba-new-note{padding:10px;border:1px solid #dfebfa;border-radius:4px;background:#f5f9ff}.supos-free-page .ba-followup-input>span{font-size:10px;line-height:1.6;color:#9aabc0}.supos-free-page .ba-followup-input>p{height:78px;padding:10px;border:1px solid #dce6f5;border-radius:4px;color:#6383af;font-size:11px;line-height:1.8;margin:7px 0}.supos-free-page .ba-crm-followup .ba-form-foot{margin-top:17px}.supos-free-page .ba-progress{display:inline-block;width:64px;height:4px;vertical-align:middle;border-radius:2px;overflow:hidden;background:#e8eef7;margin-right:10px}.supos-free-page .ba-progress>i{display:block;height:100%;background:#7ca1d1;border-radius:2px}.supos-free-page .ba-window[data-business=factory] .ba-progress{background:#e6f1eb}.supos-free-page .ba-window[data-business=factory] .ba-progress>i{background:#78ac94}.supos-free-page .ba-linked-order{display:grid;gap:12px;padding:5px 9px 18px;font-size:13px;line-height:1.8;color:#8a9cb6}.supos-free-page .ba-linked-order>strong{font-size:14px;font-weight:500;color:#6987ae}.supos-free-page .ba-report-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:17px}.supos-free-page .ba-report-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:15px;height:227px;padding:0 15px 15px}.supos-free-page .ba-report-bars>div{display:flex;flex:1;max-width:45px;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%}.supos-free-page .ba-report-bars span{font-size:10px;line-height:1.5;color:#93a8c5}.supos-free-page .ba-report-bars i{display:block;width:24px;border-radius:3px 3px 0 0;background:linear-gradient(#8fb3e2,#6491cb)}.supos-free-page .ba-window[data-business=factory] .ba-report-bars>div:last-child>i{background:linear-gradient(#81bfa7,#57977e)}.supos-free-page .ba-report-bars small{font-size:10px;line-height:1.5;color:#a5b3c6}.supos-free-page .ba-status{position:absolute;left:0;right:0;bottom:0;height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#fff;border-top:1px solid #e6ebf3;color:#a9b5c6;font-size:9px;line-height:1.5}.supos-free-page .ba-pointer{position:absolute;top:0;left:0;width:26px;height:32px;z-index:30;pointer-events:none;transition:opacity .16s;filter:drop-shadow(0 1px 1px #293f5a20)}.supos-free-page .ba-pointer>svg{display:block;width:26px;height:32px;transform-origin:3px 2px;transition:transform .09s}.supos-free-page .ba-pointer.is-pressed>svg{transform:scale(.94)}.supos-free-page .ba-pointer.is-hidden{opacity:0}.supos-free-page .software-refinement.software-domain-view{inset:0!important;width:100%;height:100%;padding:0;border:0;border-radius:inherit;box-shadow:none;background:#fff;transform:none}.supos-free-page .business-starter{margin:23px 0 30px}.supos-free-page .starter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}.supos-free-page .starter-heading h3{font-size:24px;line-height:1.5;font-weight:550;letter-spacing:-.3px;color:#283e5c;margin:0 0 7px}.supos-free-page .starter-heading p{font-size:14px;line-height:1.8;color:#8a99ad;margin:0}.supos-free-page .starter-heading>a{font-size:12px;line-height:1.8;white-space:nowrap;color:#467ecd;margin-top:8px}.supos-free-page .starter-shell{padding:15px 15px 3px;border:1px solid #e4ebf3;border-radius:15px;background:#f7f9fc}.supos-free-page .starter-viewport{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #dfe7f2;border-radius:8px;background:#fff}.supos-free-page .starter-tabs{display:none}.supos-free-page .starter-tabs>button[data-starter-module=production][aria-selected=true],.supos-free-page .starter-tabs>button[data-starter-module=stock][aria-selected=true]{color:#4d8c72;background:#edf7f1}.supos-free-page .starter-tabs>button[data-starter-module=purchase][aria-selected=true],.supos-free-page .starter-tabs>button[data-starter-module=reports][aria-selected=true]{color:#a47e3d;background:#fbf4e7}.supos-free-page .starter-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;height:30px}.supos-free-page .starter-controls>button{display:grid;place-items:center;width:28px;height:27px;border:0;background:none;color:#9aaac0;font-size:12px;padding:0}.supos-free-page .starter-controls>button[hidden]{display:none}.supos-free-page .starter-controls>button>svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round}.supos-free-page .market-more-label{margin:27px 0 8px;font-size:12px;line-height:1.8;color:#8c9cb2}.supos-free-page dialog.business-lightbox{inset:0;width:min(1500px,98vw);max-width:none;max-height:96dvh;margin:auto;padding:0;border:1px solid #dce5f2;border-radius:12px;background:#f6f9fe;overflow:auto}.supos-free-page .business-lightbox-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#fff;border-bottom:1px solid #e4ebf4}.supos-free-page .business-lightbox-bar>span{font-size:12px;line-height:1.6;color:#7991af}.supos-free-page .business-lightbox-bar>button{width:29px;height:29px;border:0;border-radius:50%;background:#f2f5fa;color:#7c91ac;font-size:21px;line-height:1;padding:0}.supos-free-page .business-lightbox-body{position:relative;width:100%;min-height:100px;overflow:hidden}.supos-free-page .business-lightbox .ba-pointer{display:none}.supos-free-page .business-lightbox .ba-nav:disabled{opacity:1;cursor:default}@media (max-width:760px){.supos-free-page .starter-heading{gap:12px;margin-bottom:13px}.supos-free-page .starter-heading h3{font-size:20px;margin-bottom:5px}.supos-free-page .starter-heading p{font-size:12px;line-height:1.8}.supos-free-page .starter-heading>a{font-size:10px}.supos-free-page .starter-shell{padding:8px 8px 1px;border-radius:11px}.supos-free-page .starter-viewport{border-radius:6px}.supos-free-page .starter-tabs{display:flex;gap:2px;align-items:center;margin-bottom:9px}.supos-free-page .starter-tabs>button{flex:1;min-width:0;padding:8px 1px;border:0;border-radius:4px;background:none;color:#9aabc2;font-size:11px;line-height:1.5;white-space:nowrap}.supos-free-page .starter-tabs>button[aria-selected=true]{color:#3b79d9;background:#edf4ff}.supos-free-page .starter-controls{height:28px}.supos-free-page .starter-controls>button{width:26px;height:26px}.supos-free-page .business-starter{margin:18px 0 23px}.supos-free-page .market-more-label{margin-top:20px;font-size:11px}.supos-free-page dialog.business-lightbox{width:100vw;border-radius:0;border:0}.supos-free-page .business-lightbox-bar>span{font-size:11px}}.supos-free-page .ba-window[data-business=factory]{color:#344054;background:#f4f6f9}.supos-free-page .ba-window[data-business=factory] .ba-top>span{display:flex;align-items:center;gap:17px}.supos-free-page .fw-space-name{font-size:11px;color:#788494}.supos-free-page .fw-demo-label{padding:3px 7px;background:#f4f6f9;border:1px solid #e7ebf0;border-radius:3px;color:#8d98a5;font-size:9px}.supos-free-page .fw-avatar{display:grid;place-items:center;width:26px;height:26px;background:#eaf0f9;border-radius:50%;font-size:10px;color:#6081ab}.supos-free-page .ba-window[data-business=factory] .ba-main{padding:18px 20px;background:#f4f6f9}.supos-free-page .ba-window[data-business=factory] .ba-nav{color:#697586;height:43px}.supos-free-page .ba-window[data-business=factory] .ba-nav.is-active{color:#3874cd}.supos-free-page .fw-view-head{height:49px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:16px}.supos-free-page .fw-breadcrumb{font-size:9px;line-height:1.5;color:#8b96a4;margin-bottom:5px}.supos-free-page .fw-breadcrumb>span{color:#c2c9d3;margin:0 7px}.supos-free-page .fw-view-head h3{font-size:21px;line-height:1.35;font-weight:600;color:#26364a;margin:0}.supos-free-page .fw-view-head h3>span{font-size:10px;color:#8995a5;font-weight:400;margin-left:13px;vertical-align:3px}.supos-free-page .fw-view-head>div:last-child{display:flex;align-items:center;gap:9px}.supos-free-page .fw-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dce2eb;border-radius:4px;background:#fff;color:#67778c;font-size:11px;line-height:1.5;padding:7px 12px;white-space:nowrap;cursor:pointer}.supos-free-page .fw-button-primary{background:#3977d5;border-color:#3977d5;color:#fff}.supos-free-page .fw-button:hover{border-color:#90acd4;color:#3e73bb}.supos-free-page .fw-button-primary:hover{background:#316bc3;color:#fff}.supos-free-page .fw-button:focus-visible,.supos-free-page .fw-code:focus-visible,.supos-free-page .fw-pagination button:focus-visible,.supos-free-page .fw-task:focus-visible,.supos-free-page .fw-text-button:focus-visible{outline:2px solid #85a9df;outline-offset:2px}.supos-free-page .fw-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.supos-free-page .fw-summary>div{position:relative;padding:11px 14px 10px;background:#fff;border:1px solid #e2e7ef;border-radius:5px;height:79px;overflow:hidden}.supos-free-page .fw-summary span{display:block;font-size:10px;line-height:1.5;color:#7f8b9c}.supos-free-page .fw-summary strong{display:block;margin-top:3px;font-size:23px;line-height:1.3;font-weight:550;color:#446b9c;font-variant-numeric:tabular-nums;white-space:nowrap}.supos-free-page .fw-summary small{display:block;font-size:8px;line-height:1.6;color:#9aa5b3;margin-top:2px}.supos-free-page .fw-summary>div[data-tone=teal]{background:#f4f9f6;border-color:#e0ebe5}.supos-free-page .fw-summary>div[data-tone=teal] strong{color:#51876d}.supos-free-page .fw-summary>div[data-tone=amber]{background:#fffaf2;border-color:#eee4d4}.supos-free-page .fw-summary>div[data-tone=amber] strong{color:#a57e41}.supos-free-page .fw-workspace{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:14px;align-items:start}.supos-free-page .fw-card{background:#fff;border:1px solid #e1e7ef;border-radius:5px;overflow:hidden}.supos-free-page .fw-card-head{display:flex;justify-content:space-between;align-items:center;min-height:39px;padding:0 14px;border-bottom:1px solid #eef1f5;gap:12px}.supos-free-page .fw-card-head h4{font-size:12px;line-height:1.6;color:#3c4d63;font-weight:550;margin:0;white-space:nowrap}.supos-free-page .fw-card-head>span{font-size:8px;color:#99a4b2;line-height:1.6}.supos-free-page .fw-list>.fw-card-head>span{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supos-free-page .fw-filters{display:flex;gap:8px;align-items:center;padding:11px 13px}.supos-free-page .fw-search{position:relative;flex:1;min-width:0;display:flex;align-items:center}.supos-free-page .fw-search>svg{position:absolute;left:9px;width:13px;height:13px;stroke:#a7b2c0;fill:none;stroke-width:1.3;pointer-events:none}.supos-free-page .fw-filters>select,.supos-free-page .fw-search>input{height:29px;background:#fff;border:1px solid #e1e6ee;border-radius:3px;font-size:10px;color:#69768a;line-height:1.5;outline:none}.supos-free-page .fw-search>input{width:100%;padding:4px 8px 4px 29px;user-select:text}.supos-free-page .fw-search>input::placeholder{color:#a1acba}.supos-free-page .fw-filters>select{width:114px;padding:3px 8px}.supos-free-page .fw-filters>.fw-button{font-size:10px;padding:6px 11px}.supos-free-page .fw-filters>select:focus,.supos-free-page .fw-form-fields input:focus,.supos-free-page .fw-form-fields select:focus,.supos-free-page .fw-search>input:focus{border-color:#86a9da;box-shadow:0 0 0 2px rgba(223,233,249,.2)}.supos-free-page .fw-results{position:relative;min-height:327px;padding:0 12px}.supos-free-page .fw-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:10px;color:#69778a;font-variant-numeric:tabular-nums;line-height:1.4}.supos-free-page .fw-table thead{background:#f6f8fb}.supos-free-page .fw-table th{text-align:left;font-weight:400;font-size:9px;color:#8e9aaa;padding:0 7px;height:31px;white-space:nowrap;border-bottom:1px solid #e8edf3}.supos-free-page .fw-table td{height:37px;padding:3px 7px;border-bottom:1px solid #eef1f5;white-space:nowrap;font-size:10px;line-height:1.4}.supos-free-page .fw-table tbody>tr:hover{background:#f7faff}.supos-free-page .fw-table tbody>tr:last-child>td{border-bottom:0}.supos-free-page .fw-table td>small{display:block;font-size:8px;color:#9ba7b6;line-height:1.4;margin-top:2px}.supos-free-page .fw-table .fw-seq{width:26px;padding-left:4px;padding-right:3px;text-align:center;color:#a8b1be;font-size:9px}.supos-free-page .fw-table .fw-row-action{width:36px}.supos-free-page .fw-code,.supos-free-page .fw-text-button{border:0;background:none;padding:1px 0;color:#477fcd;font-size:10px;line-height:1.4;cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums}.supos-free-page .fw-text-button{font-size:9px}.supos-free-page .fw-code:hover,.supos-free-page .fw-text-button:hover{text-decoration:underline}.supos-free-page .fw-table .ba-tag{font-size:8px;padding:2px 5px;line-height:1.5;border-radius:2px}.supos-free-page .fw-progress{display:block;height:4px;width:78px;border-radius:3px;background:#e9f0ec;overflow:hidden}.supos-free-page .fw-progress>i{display:block;height:100%;background:#7aa990;border-radius:3px}.supos-free-page .fw-amount-due{color:#a18152}.supos-free-page .fw-pagination{display:flex;align-items:center;justify-content:space-between;height:36px;border-top:1px solid #eef1f5;font-size:9px;color:#a0aab8;margin-top:0}.supos-free-page .fw-pagination>div{display:flex;align-items:center;gap:9px}.supos-free-page .fw-pagination b{font-size:9px;font-weight:400;background:#eff4fc;color:#5184cb;border-radius:3px;padding:3px 6px}.supos-free-page .fw-pagination button{border:1px solid #e2e7ee;border-radius:3px;background:#fff;display:grid;place-items:center;width:23px;height:21px;line-height:1;color:#7b8da7;font-size:16px;padding:0;cursor:pointer}.supos-free-page .fw-pagination button:disabled{color:#d0d7e0;background:#fbfcfd;cursor:default}.supos-free-page .fw-empty{height:259px;display:grid;place-items:center;color:#a7b1c0;font-size:11px}.supos-free-page .fw-rail{display:grid;gap:12px}.supos-free-page .fw-rail .fw-card-head{min-height:36px;padding:0 13px}.supos-free-page .fw-rail .fw-card-head h4{font-size:11px}.supos-free-page .fw-rail .fw-card-head>span{font-size:8px}.supos-free-page .fw-task{display:flex;align-items:flex-start;gap:8px;width:100%;padding:11px 12px;background:#fff;border:0;text-align:left;cursor:pointer}.supos-free-page .fw-task+.fw-task{border-top:1px solid #f0f3f7}.supos-free-page .fw-task:hover{background:#f9fbfd}.supos-free-page .fw-task>span{flex:1;min-width:0}.supos-free-page .fw-task b{display:block;font-size:10px;line-height:1.5;color:#65748a;font-weight:400;white-space:nowrap}.supos-free-page .fw-task small{display:block;margin-top:4px;font-size:8px;color:#a3aebc;line-height:1.5}.supos-free-page .fw-task>em{font-style:normal;color:#b8c2cf;font-size:14px}.supos-free-page .fw-dot{width:5px;height:5px;flex:none;display:block;margin-top:5px;border-radius:50%;background:#7ba1d3}.supos-free-page .fw-dot-amber{background:#d0ad77}.supos-free-page .fw-plans{padding:11px 13px 9px}.supos-free-page .fw-plans>div{position:relative;margin-bottom:10px;font-size:9px;color:#8290a1}.supos-free-page .fw-plans>div:last-child{margin-bottom:2px}.supos-free-page .fw-plans b{float:right;font-size:8px;font-weight:400;color:#93a1b3;font-variant-numeric:tabular-nums}.supos-free-page .fw-plans>div>div{height:4px;margin-top:6px;border-radius:3px;background:#eef2f7;overflow:hidden}.supos-free-page .fw-plans i{display:block;height:100%;background:#87a7d2;border-radius:3px}.supos-free-page .fw-plans .fw-plan-1{background:#8fb6a2}.supos-free-page .fw-plans .fw-plan-2{background:#ccb185}.supos-free-page .fw-activity>p{display:flex;gap:9px;margin:0;padding:10px 12px 0;font-size:8px;line-height:1.5;color:#8493a6}.supos-free-page .fw-activity>p:last-child{padding-bottom:11px}.supos-free-page .fw-activity time{color:#a8b2c1;font-size:8px;font-variant-numeric:tabular-nums}.supos-free-page .fw-activity>p>span{flex:1}.supos-free-page .fw-activity small{display:block;color:#aab3c0;font-size:8px;line-height:1.6;margin-top:3px}.supos-free-page .fw-workflow{display:flex;align-items:center;gap:14px;height:36px;background:#fff;border:1px solid #e1e7ef;border-radius:4px;margin-top:12px;padding:0 14px;font-size:9px;color:#8a98a9;white-space:nowrap}.supos-free-page .fw-workflow>span{color:#a9b2bf;padding-right:10px;border-right:1px solid #e4eaf2}.supos-free-page .fw-workflow>b{font-weight:400;color:#77899f;font-size:9px}.supos-free-page .fw-workflow>i{font-style:normal;color:#b2c0d1}.supos-free-page .fw-workflow>small{margin-left:auto;font-size:8px;color:#a2afbd}.supos-free-page .fw-drawer-shade{position:absolute;inset:0;z-index:10;background:rgba(34,55,80,.07450980392156863)}.supos-free-page .fw-drawer{position:absolute;right:0;top:0;bottom:0;z-index:11;width:460px;background:#fff;border-left:1px solid #dce5f1;box-shadow:-7px 0 22px rgba(36,69,104,.050980392156862744);padding:20px;overflow:auto}.supos-free-page .fw-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid #e8edf3}.supos-free-page .fw-drawer-head small{display:block;color:#a0adbd;font-size:9px;line-height:1.5;margin-bottom:7px}.supos-free-page .fw-drawer-head h4{font-size:18px;line-height:1.5;color:#3c526e;font-weight:550;margin:0}.supos-free-page .fw-drawer-head .ba-tag{font-size:9px;vertical-align:3px;margin-left:8px}.supos-free-page .fw-drawer-head>button{background:#f5f7fa;border:0;border-radius:50%;width:26px;height:26px;font-size:18px;color:#8b9aad;padding:0;cursor:pointer}.supos-free-page .fw-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;padding:19px 0}.supos-free-page .fw-detail-facts span{display:block;font-size:9px;line-height:1.6;color:#9ba8b9}.supos-free-page .fw-detail-facts b{display:block;font-size:11px;line-height:1.6;color:#62768f;font-weight:400;margin-top:3px}.supos-free-page .fw-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e5ebf3;border-radius:4px;background:#f8faff;padding:13px 0;margin-bottom:19px}.supos-free-page .fw-detail-metrics>div{text-align:center;border-right:1px solid #e3eaf4}.supos-free-page .fw-detail-metrics>div:last-child{border:0}.supos-free-page .fw-detail-metrics span{display:block;font-size:9px;color:#9aa9be;line-height:1.5}.supos-free-page .fw-detail-metrics strong{display:block;font-size:19px;font-weight:500;line-height:1.5;color:#5880b4;margin-top:4px;font-variant-numeric:tabular-nums}.supos-free-page .fw-detail-metrics>div:nth-child(2)>strong{color:#6c9782}.supos-free-page .fw-detail-metrics>div:nth-child(3)>strong{color:#b1915d}.supos-free-page .fw-drawer h5{font-size:11px;color:#677e9a;font-weight:500;margin:17px 0 12px}.supos-free-page .fw-detail-table{width:100%;border-collapse:collapse;font-size:10px;color:#7f90a6;font-variant-numeric:tabular-nums}.supos-free-page .fw-detail-table th{background:#f6f8fb;color:#9babc0;font-weight:400;text-align:left;font-size:9px;padding:8px}.supos-free-page .fw-detail-table td{padding:11px 8px;border-bottom:1px solid #eaf0f6}.supos-free-page .fw-detail-table td:last-child,.supos-free-page .fw-detail-table th:last-child{text-align:right}.supos-free-page .fw-timeline{padding:0 0 3px 5px}.supos-free-page .fw-timeline>div{position:relative;padding:0 0 20px 15px;border-left:1px solid #e0e8f3}.supos-free-page .fw-timeline>div:last-child{padding-bottom:0;border-color:transparent}.supos-free-page .fw-timeline i{position:absolute;left:-3px;top:4px;width:5px;height:5px;border-radius:50%;background:#a2bbdc}.supos-free-page .fw-timeline time{display:block;font-size:8px;color:#a3b1c3;line-height:1.5}.supos-free-page .fw-timeline b{display:block;font-weight:400;font-size:10px;color:#7188a6;line-height:1.6;margin-top:4px}.supos-free-page .fw-timeline small{display:block;font-size:9px;line-height:1.6;color:#a5b2c4;margin-top:2px}.supos-free-page .fw-trace-note{background:#f5f9f6;border:1px solid #e1eae4;border-radius:3px;padding:10px;font-size:9px;color:#7e9c8a;line-height:1.6;margin:16px 0}.supos-free-page .fw-drawer-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #eaf0f6;margin-top:22px;padding-top:15px}.supos-free-page .fw-drawer-foot>span{color:#a8b4c4;font-size:8px}.supos-free-page .fw-form-shade{position:absolute;inset:0;z-index:12;background:rgba(38,62,90,.1411764705882353);display:grid;place-items:center}.supos-free-page .fw-form{width:510px;max-height:100%;overflow:auto;background:#fff;border:1px solid #e0e6f0;border-radius:8px;padding:22px;box-shadow:0 10px 28px rgba(41,67,97,.08627450980392157)}.supos-free-page .fw-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:19px 0}.supos-free-page .fw-form-fields>label{font-size:10px;line-height:1.6;color:#91a1b6}.supos-free-page .fw-form-fields input,.supos-free-page .fw-form-fields select{display:block;width:100%;height:33px;margin-top:5px;padding:5px 9px;border:1px solid #dfe7f2;border-radius:3px;color:#7188a6;background:#fff;font-family:inherit;font-size:11px;outline:none;user-select:text}.supos-free-page .fw-form-fields input::placeholder{color:#b1bdcc}.supos-free-page .fw-form-wide{grid-column:1/-1}.supos-free-page .fw-form-total{display:flex;align-items:center;justify-content:space-between;background:#f5f8fc;border-radius:4px;padding:11px;font-size:10px;color:#97a9bf}.supos-free-page .fw-form-total>strong{font-weight:500;color:#6384b2;font-size:19px;font-variant-numeric:tabular-nums}.supos-free-page .fw-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:22px}.supos-free-page .fw-form-actions small{margin-right:auto;font-size:8px;color:#a3b1c2}.supos-free-page .fw-toast{position:absolute;top:18px;left:50%;transform:translateX(-50%) translateY(-8px);z-index:20;background:#fff;color:#64846f;border:1px solid #dbe8df;border-radius:5px;box-shadow:0 3px 15px rgba(39,71,102,.06274509803921569);font-size:11px;line-height:1.7;padding:8px 15px;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;white-space:nowrap}.supos-free-page .fw-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}@media (prefers-reduced-motion:reduce){.supos-free-page .ba-window *{transition:none!important}}.supos-free-page{position:relative;box-sizing:border-box;font-size:16px;line-height:1.5}.supos-free-page section[id]{scroll-margin-top:var(--free-scroll-offset,164px)}