#use-cases{background:var(--bg);padding-block:var(--sec);position:relative;overflow:clip}#use-cases .uc-head{gap:14px;max-width:640px;margin-bottom:clamp(28px,4.4vw,60px);display:grid;position:relative}#use-cases .uc-head .op-h2{margin:0}#use-cases .uc-head .op-lead{max-width:44ch;margin:0}#use-cases .uc-row:has(.uc-live) .uc-btn{padding-bottom:10px}#use-cases .uc-grid{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:clamp(32px,4.5vw,64px);display:grid}#use-cases .uc-board{position:relative}#use-cases .uc-cols{font:500 .68rem/1 var(--f-cond);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-bottom:1.5px solid var(--ink);grid-template-columns:7.2rem minmax(0,1fr) 28px;gap:0 18px;padding:0 14px 10px;display:grid}#use-cases .uc-list{margin:0;padding:0;list-style:none}#use-cases .uc-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);transition:background-color .25s;display:grid;position:relative}#use-cases .uc-row:before{content:"";background:var(--accent);transform-origin:50%;width:3px;transition:transform .3s cubic-bezier(.2,.8,.3,1);position:absolute;top:-1px;bottom:-1px;left:0;transform:scaleY(0)}#use-cases .uc-row.is-on{background:var(--surface-2)}#use-cases .uc-row.is-on:before{transform:scaleY(1)}#use-cases .uc-btn{all:unset;box-sizing:border-box;cursor:pointer;width:100%;min-height:64px;color:var(--ink);-webkit-tap-highlight-color:transparent;grid-template-columns:7.2rem minmax(0,1fr) 28px;align-items:center;gap:4px 18px;padding:16px 14px;display:grid}#use-cases .uc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}#use-cases .uc-path{font:500 .84rem/1.2 var(--f-cond);color:var(--accent);white-space:nowrap;perspective:200px;transition:transform .35s cubic-bezier(.2,.8,.3,1)}#use-cases .uc-path .ch{backface-visibility:hidden;display:inline-block}#use-cases .uc-main{gap:3px;min-width:0;display:grid}#use-cases .uc-title{font:700 clamp(1.25rem,1.9vw,1.5rem)/1.15 var(--f-display);letter-spacing:-.02em;color:var(--ink);margin:0;display:block}#use-cases .uc-desc{color:var(--ink-3);font-size:.9rem;line-height:1.45}#use-cases .uc-desc b{color:var(--ink-2);font-weight:600}#use-cases .uc-arr{width:28px;height:28px;color:var(--ink-2);border-radius:50%;place-items:center;transition:transform .35s cubic-bezier(.2,.8,.3,1),background-color .25s,color .25s;display:grid}#use-cases .uc-arr svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}#use-cases .uc-row.is-on .uc-path{transform:translate(5px)}#use-cases .uc-row.is-on .uc-arr{background:var(--accent);color:var(--on-accent);transform:translate(4px)}#use-cases .uc-live{min-height:44px;font:500 .74rem/1.2 var(--f-cond);color:var(--accent-d);white-space:nowrap;justify-self:start;align-items:center;gap:6px;margin:-18px 0 2px calc(32px + 7.2rem);padding-right:12px;text-decoration:none;display:inline-flex}#use-cases .uc-live:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%}#use-cases .uc-live:hover{text-underline-offset:3px;text-decoration:underline}#use-cases .uc-live:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}#use-cases .anno{--anno-ink:var(--accent-d);--anno-size:1.45rem;--anno-rot:-4deg;--anno-w:84px;--anno-dur:.9s;--anno-delay:.4s;color:var(--anno-ink);pointer-events:none;z-index:3;flex-direction:row-reverse;align-items:flex-end;gap:.3rem;margin:0;display:inline-flex;position:absolute;bottom:-52px;right:0}#use-cases .anno-note{max-width:15ch;font:700 var(--anno-size)/1.05 var(--f-hand);transform:rotate(var(--anno-rot));transform-origin:100% 100%;margin-bottom:28px;display:inline-block}#use-cases .anno-arrow{width:var(--anno-w);flex:none;height:auto;overflow:visible}#use-cases .anno-arrow path{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.js #use-cases .anno .anno-note{opacity:0;transform:rotate(var(--anno-rot)) translateY(6px);transition:opacity .5s ease var(--anno-delay),transform .6s cubic-bezier(.2,.8,.3,1) var(--anno-delay)}.js #use-cases .anno .anno-arrow path{stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--anno-dur) cubic-bezier(.6,.05,.35,1) calc(var(--anno-delay) + .3s)}.js #use-cases .anno .anno-arrow .anno-head{transition-duration:.28s;transition-delay:calc(var(--anno-delay) + .3s + var(--anno-dur) - 50ms)}.js #use-cases .anno.is-in .anno-note{opacity:1;transform:rotate(var(--anno-rot))}.js #use-cases .anno.is-in .anno-arrow path{stroke-dashoffset:0}#use-cases .uc-side{top:calc(var(--hdr) + 48px);padding-top:30px;position:sticky}#use-cases .uc-stage{perspective:1100px;perspective-origin:30% 40%}#use-cases .uc-card{transform-style:preserve-3d;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);will-change:transform;position:relative;overflow:hidden;transform:rotateY(-14deg)rotateX(6deg);box-shadow:0 1px 2px #1111140a,0 30px 60px -28px #170a3659,0 12px 32px -16px #170a362e}#use-cases .uc-bar{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:10px;padding:10px 12px;display:flex}#use-cases .uc-dots{gap:5px;display:flex}#use-cases .uc-dots i{background:var(--surface-3);border-radius:50%;width:8px;height:8px}#use-cases .uc-url{background:var(--surface);border:1px solid var(--line);min-width:0;font:500 .7rem/1 var(--f-cond);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;align-items:center;gap:6px;padding:6px 10px;display:flex;overflow:hidden}#use-cases .uc-url svg{fill:none;width:11px;height:11px;stroke:var(--ink-3);stroke-width:2px;stroke-linecap:round;flex:none}#use-cases .uc-url b{color:var(--accent);font-weight:500}#use-cases .uc-screen{height:270px;position:relative}#use-cases .pv{flex-direction:column;gap:10px;padding:18px;display:none;position:absolute;inset:0}#use-cases .pv.is-on{display:flex}#use-cases .uc-cap{border-top:1px solid var(--line);font:500 .7rem/1.3 var(--f-cond);color:var(--ink-3);justify-content:space-between;gap:12px;margin-top:26px;padding-top:12px;display:flex}#use-cases .uc-cap b{color:var(--ink);font-weight:500}#use-cases .m{--b:var(--accent);--b2:var(--skin-3);--mi:#16161d;--mt:#61636f;--mbg:#fff;--ml:#e6e7ee;background:var(--mbg);color:var(--mi);font:400 11px/1.35 var(--f-body);font-variant-numeric:tabular-nums;text-align:left;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:absolute;inset:0;overflow:hidden}#use-cases .m p{margin:0}#use-cases .m ul,#use-cases .m ol{margin:0;padding:0;list-style:none}#use-cases .m i,#use-cases .m em{font-style:normal}#use-cases .m-i{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:11px;height:11px}#use-cases .m-top{align-items:center;gap:7px;min-height:22px;display:flex}#use-cases .m-logo{background:var(--b);color:#fff;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}#use-cases .m-logo svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}#use-cases .m-brand{font:700 11.5px/1 var(--f-display);letter-spacing:-.01em;color:var(--mi);white-space:nowrap}#use-cases .m-chip{background:var(--b2);height:22px;color:var(--b-d,var(--b));font:600 9.5px/1 var(--f-body);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:0 9px;display:inline-flex}#use-cases .m-chip:has(.m-ava){padding-left:3px}#use-cases .m-ava{background:var(--b);color:#fff;width:16px;height:16px;font:700 7.5px/1 var(--f-body);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;display:grid}#use-cases .m-eye{font:600 8.5px/1.2 var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--mt)}#use-cases .m-h{font:700 16px/1.2 var(--f-display);letter-spacing:-.02em;color:var(--mi)}#use-cases .m-eye+.m-h{margin-top:3px}#use-cases .m-bar{background:var(--ml);border-radius:999px;height:5px;display:block;overflow:hidden}#use-cases .m-bar i{border-radius:inherit;background:var(--b);height:100%;display:block}#use-cases .m-btn{background:var(--b);color:#fff;height:26px;font:600 10px/1 var(--f-body);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 10px;display:inline-flex}#use-cases .m-onb{--b:#0b7a75;--b-d:#075e5a;--b2:#ddf1ef;--mbg:#f5f9f8;--ml:#dde8e6}#use-cases .onb-grid{flex:1;grid-template-columns:minmax(0,1fr) 124px;gap:10px;min-height:0;display:grid}#use-cases .m .onb-list{border:1px solid var(--ml);background:#fff;border-radius:12px;align-self:start;padding:3px 10px;display:grid}#use-cases .onb-list li{border-bottom:1px solid #edf2f1;align-items:center;gap:8px;height:30px;font-weight:500;display:flex}#use-cases .onb-list li:last-child{border-bottom:0}#use-cases .onb-ck{color:#fff;border:1.5px solid #c5d3d1;border-radius:5px;flex:none;place-items:center;width:15px;height:15px;display:grid}#use-cases .onb-ck .m-i{stroke-width:2.3px;width:10px;height:10px}#use-cases .onb-t{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}#use-cases .onb-list .is-done .onb-ck{background:var(--b);border-color:var(--b)}#use-cases .onb-list .is-done .onb-t{color:var(--mt);-webkit-text-decoration:line-through #aebfbc;text-decoration:line-through #aebfbc}#use-cases .onb-list .is-next .onb-ck{border-color:var(--b);box-shadow:0 0 0 3px var(--b2)}#use-cases .onb-list .is-next .onb-t{font-weight:700}#use-cases .onb-list em{color:#ad4f06;font:600 8.5px/1 var(--f-body);white-space:nowrap;background:#fff0dc;border-radius:6px;flex:none;padding:3px 6px}#use-cases .onb-side{align-content:start;gap:8px;display:grid}#use-cases .onb-prog{border:1px solid var(--ml);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 9px;display:flex}#use-cases .onb-prog svg{flex:none;width:32px;height:32px;transform:rotate(-90deg)}#use-cases .onb-prog circle{fill:none;stroke:var(--ml);stroke-width:4.5px}#use-cases .onb-prog circle.on{stroke:var(--b);stroke-dasharray:60 100;stroke-linecap:round}#use-cases .onb-prog b{font:700 11.5px/1.2 var(--f-display);letter-spacing:-.01em;color:var(--mi)}#use-cases .onb-next{color:#fff;background:radial-gradient(circle at 100% 0,#ffffff2e,transparent 55%),var(--b);border-radius:12px;gap:4px;padding:10px;display:grid}#use-cases .onb-next .m-eye{color:#ffffffb8}#use-cases .onb-next b{font:700 12px/1.2 var(--f-display);letter-spacing:-.01em}#use-cases .onb-when{color:#ffffffe6;white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}#use-cases .onb-who{color:#ffffffe6;white-space:nowrap;align-items:center;margin-top:3px;font-size:9px;display:flex}#use-cases .onb-who .m-ava{color:var(--b-d);box-shadow:0 0 0 1.5px var(--b);background:#e9f7f5}#use-cases .onb-who .m-ava+.m-ava{color:#7a3d00;background:#ffd8a8;margin:0 5px 0 -4px}#use-cases .m-evt{--b:#c2255c;--b-d:#a01d4b;--b2:#fbe3ec;gap:0;padding:0}#use-cases .evt-hero{color:#fff;background:radial-gradient(circle at 93% 18%,#fff3 0 30px,#0000 31px),radial-gradient(circle at 74% 135%,#ffbe3c73 0 64px,#0000 65px),linear-gradient(135deg,#d6336c,#7a1442);gap:3px;padding:12px 16px 14px;display:grid}#use-cases .evt-hero .m-top{margin-bottom:6px}#use-cases .evt-hero .m-logo{color:var(--b);background:#fff}#use-cases .evt-hero .m-brand{color:#fff}#use-cases .evt-hero .m-eye{color:#ffffffc7}#use-cases .evt-h{font:800 21px/1.05 var(--f-display);letter-spacing:-.03em}#use-cases .m .evt-meta{font:500 10px/1.2 var(--f-body);color:#ffffffeb;flex-wrap:wrap;gap:4px 12px;margin-top:4px;display:flex}#use-cases .evt-meta span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}#use-cases .evt-body{flex:1;grid-template-columns:minmax(0,1fr) 128px;gap:12px;min-height:0;padding:10px 16px 12px;display:grid}#use-cases .evt-tl{align-self:start;display:grid;position:relative}#use-cases .evt-tl:before{content:"";background:var(--b2);width:1.5px;position:absolute;top:12px;bottom:12px;left:39px}#use-cases .evt-tl li{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:18px;min-height:28px;padding:3px 0;display:grid;position:relative}#use-cases .evt-tl li:before{content:"";border:1.5px solid var(--b);box-sizing:border-box;background:#fff;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:36px}#use-cases .evt-tl time{font:700 10px/1 var(--f-body);color:var(--b)}#use-cases .evt-tl span{font:500 10.5px/1.25 var(--f-body)}#use-cases .evt-tl .is-key:before{background:var(--b)}#use-cases .evt-tl .is-key span{font-weight:700}#use-cases .evt-reg{background:#fff;border:1px solid #f1d3de;border-radius:12px;align-self:start;gap:5px;margin-top:-34px;padding:10px;display:grid;position:relative;box-shadow:0 12px 22px -14px #7a14428c}#use-cases .evt-st{font:600 9px/1 var(--f-body);color:#1d8048;align-items:center;gap:6px;display:flex}#use-cases .evt-st i{background:#22b35e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #22b35e2e}#use-cases .evt-reg b{font:700 11px/1.2 var(--f-display);white-space:nowrap}#use-cases .evt-reg .m-btn{margin-top:4px}#use-cases .evt-reg small{color:var(--mt);text-align:center;font-size:8.5px}#use-cases .m-prv{--b:#f03e3e;background:#eceef3;gap:0;padding:0}#use-cases .prv-bar{height:36px;font:500 10px/1 var(--f-body);color:var(--mt);white-space:nowrap;background:#fff;border-bottom:1px solid #e1e3ea;align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}#use-cases .prv-v{color:#b94a06;background:#fff1e3;border-radius:999px;align-items:center;gap:5px;height:20px;padding:0 8px;font-weight:700;display:inline-flex}#use-cases .prv-v i{background:#fd7e14;border-radius:50%;width:6px;height:6px}#use-cases .prv-page{color:var(--mi);font-weight:600}#use-cases .prv-dev{background:#f0f1f5;border-radius:7px;gap:2px;margin-left:auto;padding:2px;display:inline-flex}#use-cases .prv-dev svg{fill:none;stroke:#8a8d9a;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;border-radius:5px;width:22px;height:17px;padding:2px 4px}#use-cases .prv-dev svg:first-child{stroke:var(--mi);background:#fff;box-shadow:0 1px 2px #0000001a}#use-cases .prv-ok{background:var(--mi);color:#fff;border-radius:7px;align-items:center;gap:4px;height:22px;padding:0 9px;font-weight:600;display:inline-flex}#use-cases .prv-stage{background-image:radial-gradient(#d3d6df 1px,#0000 1.2px);background-size:12px 12px;flex:1;min-height:0;padding:12px 14px 0;position:relative}#use-cases .prv-site{color:#3b2a20;background:#fbf6ee;border-radius:10px 10px 0 0;height:100%;overflow:hidden;box-shadow:0 0 0 1px #3c281414,0 12px 26px -14px #281e1480}#use-cases .prv-nav{border-bottom:1px solid #3b2a2014;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}#use-cases .prv-nav b{font:700 12px/1 var(--f-display);letter-spacing:-.01em;align-items:center;gap:4px;display:inline-flex}#use-cases .prv-nav b svg{fill:none;stroke:#5f7a4f;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}#use-cases .prv-nav span{color:#86766a;gap:10px;font-size:9px;display:flex}#use-cases .prv-hero{grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:8px;padding:12px 10px 0 14px;display:grid}#use-cases .prv-h{font:800 17px/1.08 var(--f-display);letter-spacing:-.03em;color:#2b1d14}#use-cases .m .prv-p{color:#86766a;margin-top:6px;font-size:9.5px;line-height:1.35}#use-cases .prv-btn{color:#fbf6ee;height:22px;font:600 9.5px/1 var(--f-body);background:#3b2a20;border-radius:999px;align-items:center;margin-top:9px;padding:0 10px;display:inline-flex;position:relative}#use-cases .prv-img svg{width:100%;height:auto;display:block}#use-cases .prv-img .c1{fill:#f2dcc3}#use-cases .prv-img .c2{fill:#3b2a201f}#use-cases .prv-img .c3{fill:#fff;stroke:#3b2a20;stroke-width:1.8px}#use-cases .prv-img .c4{fill:none;stroke:#3b2a20;stroke-width:1.8px}#use-cases .prv-img .c5{fill:#8a5a3b}#use-cases .prv-img .c6{fill:none;stroke:#c9a27e;stroke-width:1.6px;stroke-linecap:round}#use-cases .prv-pin{z-index:1;background:var(--b);color:#fff;width:20px;height:20px;font:700 10px/1 var(--f-body);border-radius:50% 50% 50% 3px;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 3px #f03e3e33,0 4px 10px -2px #f03e3e8c}#use-cases .prv-cards{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 14px 0;display:grid}#use-cases .prv-cards span{color:#fff;height:56px;font:700 9px/1 var(--f-body);text-shadow:0 1px 2px #28140a59;background:radial-gradient(circle at 70% 30%,#ffffff73 0 9px,#0000 10px),linear-gradient(150deg,#f0cf98,#c98d4f);border-radius:8px;align-items:flex-end;padding:6px 7px;display:flex;position:relative;overflow:hidden}#use-cases .prv-cards span:nth-child(2){background:radial-gradient(circle at 30% 35%,#fff6 0 11px,#0000 12px),linear-gradient(150deg,#c7d8b0,#6f9259)}#use-cases .prv-cards span:nth-child(3){background:radial-gradient(circle at 60% 30%,#ffffff73 0 8px,#0000 9px),linear-gradient(150deg,#f3c6c0,#c97a72)}#use-cases .prv-pin.p1{top:-11px;right:-13px}#use-cases .prv-pin.p2{top:62px;right:30px}#use-cases .prv-ref{background:var(--b);color:#fff;width:15px;height:15px;font:700 8px/1 var(--f-body);border-radius:50% 50% 50% 2px;place-items:center;margin-left:auto;display:grid}#use-cases .prv-cmt{z-index:2;background:#fff;border-radius:10px;align-items:flex-start;gap:7px;width:164px;padding:8px 10px;display:flex;position:absolute;bottom:10px;right:14px;box-shadow:0 0 0 1px #1414280f,0 14px 28px -12px #14142873}#use-cases .prv-cmt .m-ava{background:#7048e8;width:20px;height:20px;font-size:7.5px}#use-cases .prv-cmt p:first-child{align-items:baseline;gap:6px;font-size:9.5px;display:flex}#use-cases .prv-cmt small{color:var(--mt);font-size:8.5px}#use-cases .m .prv-cmt p:last-child{font:500 10.5px/1.25 var(--f-body);margin-top:2px}#use-cases .m-calc{--y:#fcc419;--k:#17171c;--mbg:#fffcf2;--ml:#efe8d2}#use-cases .m-calc .m-logo{background:var(--y);color:var(--k)}#use-cases .m-calc .m-chip{background:var(--k);color:var(--y)}#use-cases .m-calc .m-h{font-size:15px}#use-cases .calc-grid{flex:1;grid-template-columns:minmax(0,1fr) 136px;gap:12px;min-height:0;display:grid}#use-cases .calc-in{flex-direction:column;display:flex}#use-cases .calc-f{color:var(--mt);white-space:nowrap;justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;display:flex}#use-cases .calc-f b{font:700 12px/1 var(--f-display);color:var(--mi)}#use-cases .calc-sl{background:#ebe4cc;border-radius:999px;height:5px;margin:9px 0 13px;display:block;position:relative}#use-cases .calc-sl:before{content:"";width:var(--v);border-radius:inherit;background:var(--k);position:absolute;inset:0 auto 0 0}#use-cases .calc-sl:after{content:"";top:50%;left:var(--v);box-sizing:border-box;background:var(--y);border:2.5px solid var(--k);border-radius:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;position:absolute;box-shadow:0 2px 6px #17171c40}#use-cases .calc-ticks{font:500 8.5px/1 var(--f-body);color:#9a937e;justify-content:space-between;margin:-5px 0 0;display:flex}#use-cases .calc-tl{margin-top:12px}#use-cases .calc-seg{background:#f1ebd6;border-radius:8px;gap:2px;margin-top:6px;padding:2px;display:flex}#use-cases .calc-seg i{text-align:center;font:600 9.5px/1 var(--f-body);color:var(--mt);border-radius:6px;flex:1;padding:5px 0}#use-cases .calc-seg i.on{color:var(--mi);background:#fff;box-shadow:0 1px 3px #17171c24}#use-cases .calc-tg{border:1px solid var(--ml);white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:7px;margin-top:auto;padding:7px 9px;font-weight:500;display:flex}#use-cases .calc-sw{background:var(--k);border-radius:999px;flex:none;width:24px;height:14px;position:relative}#use-cases .calc-sw:after{content:"";background:var(--y);border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px}#use-cases .calc-out{color:#fff;background:radial-gradient(circle at 100% 0,#fcc41947,transparent 62%),var(--k);border-radius:14px;flex-direction:column;padding:11px 12px 12px;display:flex}#use-cases .calc-lbl{color:#ffffffb8;font-size:9.5px}#use-cases .calc-rate{font:800 38px/1 var(--f-display);letter-spacing:-.04em;color:var(--y);margin-top:6px}#use-cases .calc-rate small{letter-spacing:0;font-size:18px}#use-cases .calc-unit{margin-top:3px;font-size:10px;font-weight:600}#use-cases .calc-note{color:#fff9;margin-top:6px;font-size:9px;line-height:1.3}#use-cases .calc-out .m-btn{background:var(--y);color:var(--k);margin-top:auto}#use-cases .m-flow{--b:#1e3a8a;--b2:#e3e9f8;--mbg:#f7f8fb;--ml:#dfe3ee}#use-cases .flow{gap:5px;display:grid;position:relative}#use-cases .flow:before{content:"";background:repeating-linear-gradient(#cdd4e4 0 4px,#0000 4px 7px);width:2px;position:absolute;top:18px;bottom:18px;left:22px}#use-cases .flow li{border:1px solid #0000;border-radius:11px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;height:40px;padding:0 10px;display:grid;position:relative}#use-cases .flow li.is-now{border-color:var(--ml);background:#fff;box-shadow:0 10px 22px -14px #1e3a8a8c}#use-cases .flow-n{color:#7a8299;width:24px;height:24px;font:700 10px/1 var(--f-body);background:#fff;border:1.5px solid #c8d0e2;border-radius:50%;place-items:center;display:grid;position:relative}#use-cases .flow-n .m-i{stroke-width:2.2px;width:12px;height:12px}#use-cases .is-done .flow-n{color:#fff;background:#2f9e44;border-color:#2f9e44}#use-cases .is-now .flow-n{background:var(--b);border-color:var(--b);color:#fff;box-shadow:0 0 0 4px var(--b2)}#use-cases .flow-t{gap:3px;min-width:0;display:grid}#use-cases .flow-t b{font:700 11.5px/1.15 var(--f-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#use-cases .flow-t span{color:var(--mt);white-space:nowrap;align-items:center;gap:4px;font-size:9.5px;display:flex}#use-cases .flow-t .m-ava{color:#1e2a4a;background:#d5dbea;width:14px;height:14px;font-size:6px}#use-cases .is-now .flow-t .m-ava{color:#7a3d00;background:#ffd8a8}#use-cases .flow-d{justify-items:end;gap:4px;display:grid}#use-cases .flow-d time{font:600 10px/1 var(--f-body);white-space:nowrap}#use-cases .flow-d em{color:#646b80;font:600 8.5px/1 var(--f-body);white-space:nowrap;background:#eceef4;border-radius:5px;padding:3px 6px}#use-cases .is-done .flow-d em{color:#2b8a3e;background:#e3f5e7}#use-cases .is-now .flow-d em{background:var(--b);color:#fff}#use-cases .m-rep{--b:#7c3aed;--b-d:#6425d0;--b2:#efe7ff;--mbg:#f7f5fe;--ml:#e7e2f6;gap:9px}#use-cases .rep-kpis{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}#use-cases .rep-kpi{border:1px solid var(--ml);background:#fff;border-radius:10px;gap:3px;padding:8px 9px;display:grid;box-shadow:0 6px 14px -12px #4c1d9573}#use-cases .rep-kpi span{color:var(--mt);font-size:9px;font-weight:500}#use-cases .rep-kpi b{font:800 19px/1 var(--f-display);letter-spacing:-.03em}#use-cases .rep-kpi em{color:#147a43;font:700 8.5px/1 var(--f-body);background:#e3f8ec;border-radius:5px;justify-self:start;align-items:center;gap:2px;padding:2px 5px;display:inline-flex}#use-cases .rep-kpi .m-i,#use-cases .rep-ch .m-i{stroke-width:2.2px;width:8px;height:8px}#use-cases .rep-chart{border:1px solid var(--ml);background:#fff;border-radius:10px;flex-direction:column;flex:1;gap:5px;min-height:0;padding:9px 10px 7px;display:flex}#use-cases .rep-ch{white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;display:flex}#use-cases .rep-ch b{font:700 10.5px/1 var(--f-display)}#use-cases .rep-ch span{color:#147a43;align-items:center;gap:3px;font-size:8.5px;font-weight:600;display:inline-flex}#use-cases .rep-svg{width:100%;height:auto;display:block;overflow:visible}#use-cases .rep-svg .g{fill:none;stroke:#efecf7;stroke-width:1px}#use-cases .rep-svg .a{fill:#7c3aed1f}#use-cases .rep-svg .l{fill:none;stroke:var(--b);stroke-width:2.2px;stroke-linecap:round}#use-cases .rep-svg circle{fill:#fff;stroke:var(--b);stroke-width:2px}#use-cases .rep-weeks{color:var(--mt);justify-content:space-between;font-size:8px;display:flex}#use-cases .m-off{--b:#1f4d3a;--b-d:#1f4d3a;--b2:#e4efe9;--mbg:#fafbfa;--ml:#e3e8e5}#use-cases .off-hero{color:#fff;background:linear-gradient(135deg,#2b5f49,#173d2e);border-radius:12px;justify-content:space-between;align-items:flex-end;gap:10px;padding:11px 13px;display:flex;position:relative;overflow:hidden}#use-cases .off-mtn{fill:none;stroke:#ffffff29;stroke-width:1.2px;width:130px;height:auto;position:absolute;bottom:-4px;left:96px}#use-cases .off-hero>div{position:relative}#use-cases .off-hero .m-eye{color:#ffffffb3;letter-spacing:.04em;text-transform:none;font-weight:500}#use-cases .m .off-h{font:700 15px/1.15 var(--f-display);letter-spacing:-.02em;margin-top:3px}#use-cases .off-total{white-space:nowrap;justify-items:end;gap:2px;display:grid}#use-cases .off-total span,#use-cases .off-total small{color:#ffffffb8;font-size:8.5px}#use-cases .off-total b{font:800 18px/1 var(--f-display);letter-spacing:-.02em}#use-cases .m .off-items{border:1px solid var(--ml);background:#fff;border-radius:12px;padding:0 11px;display:grid}#use-cases .off-items li{border-bottom:1px solid #eef1ef;align-items:center;gap:9px;height:31px;display:flex}#use-cases .off-items li:last-child{border-bottom:0}#use-cases .off-ic{background:var(--b2);width:21px;height:21px;color:var(--b);border-radius:50%;flex:none;place-items:center;display:grid}#use-cases .off-ic svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}#use-cases .off-t{white-space:nowrap;flex:1;gap:1px;min-width:0;display:grid}#use-cases .off-t b{font:700 10.5px/1.15 var(--f-display);align-items:center;gap:5px;display:flex}#use-cases .off-t em{color:var(--mt);font:500 7.5px/1 var(--f-body);background:#f0f2f1;border-radius:999px;padding:2px 5px}#use-cases .off-t small{color:var(--mt);text-overflow:ellipsis;font-size:8.5px;overflow:hidden}#use-cases .off-sw{background:var(--b);border-radius:999px;flex:none;width:22px;height:13px;position:relative}#use-cases .off-sw:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:2px;right:2px}#use-cases .off-amt{font:700 10.5px/1 var(--f-display);white-space:nowrap;flex:none}#use-cases .off-foot{justify-content:flex-end;display:flex}#use-cases .m-prg{--b:#c4532d;--b-d:#a8431f;--b2:#f9e6da;--mbg:#fdf8f2;--ml:#efe2d5;--serif:Georgia,"Times New Roman",serif}#use-cases .prg-head{grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:10px;display:grid}#use-cases .m .prg-h{font:400 17px/1.05 var(--serif);letter-spacing:-.02em;color:#2a1a12;margin-top:3px}#use-cases .prg-h em{color:var(--b);display:block}#use-cases .m .prg-meta{color:var(--mt);white-space:nowrap;margin-top:4px;font-size:9px}#use-cases .prg-meta b{color:var(--b-d)}#use-cases .prg-img{background:linear-gradient(#f9dcb8,#f0a878);border-radius:10px;height:62px;overflow:hidden}#use-cases .prg-img svg{width:100%;height:100%;display:block}#use-cases .prg-img .s{fill:#fff4dc}#use-cases .prg-img .h{fill:#d97a52}#use-cases .prg-img .w{fill:#fbf1e4}#use-cases .prg-img .r{fill:#b9472a}#use-cases .prg-img .d{fill:#7d9bb3}#use-cases .prg-img .t{fill:#f2b705}#use-cases .prg-card{border:1px solid var(--ml);background:#fff;border-radius:12px;flex:1;align-content:start;gap:4px;min-height:0;padding:8px 11px;display:grid}#use-cases .prg-tabs{align-items:center;gap:2px;display:flex}#use-cases .prg-tabs i{font:500 9.5px/1 var(--f-body);color:var(--mt);border-radius:999px;padding:5px 10px}#use-cases .prg-tabs i.on{background:var(--b);color:#fff;font-weight:600}#use-cases .prg-tabs span{font:400 10.5px/1 var(--serif);color:var(--mt);white-space:nowrap;margin-left:auto}#use-cases .prg-list li{border-bottom:1px solid #f3ebe3;align-items:center;gap:9px;height:29px;display:flex}#use-cases .prg-list li:last-child{border-bottom:0}#use-cases .prg-list time{width:38px;font:400 13px/1 var(--serif);color:var(--b);flex:none}#use-cases .prg-ic{border:1px solid var(--ml);width:20px;height:20px;color:var(--b);border-radius:50%;flex:none;place-items:center;display:grid}#use-cases .prg-ic svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}#use-cases .prg-list b{min-width:0;font:600 10px/1.2 var(--f-body);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#use-cases .prg-opt{color:var(--mt);flex:none;align-items:center;gap:4px;font-size:8px;display:inline-flex}#use-cases .prg-opt i{background:var(--b);border-radius:999px;width:20px;height:12px;position:relative}#use-cases .prg-opt i:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}#use-cases .m-frg{--mi:#111;--mt:#6b6b6b;background:#fff;gap:9px}#use-cases .frg-top{border-bottom:1px solid #111;padding-bottom:8px}#use-cases .frg-logo{color:#fff;width:20px;height:20px;font:500 13px/1 var(--f-body);background:#111;flex:none;place-items:center;display:grid}#use-cases .frg-brand{font:500 9.5px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}#use-cases .frg-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}#use-cases .frg-step{font:500 8px/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}#use-cases .frg-prog{background:#111;width:84px;height:1px;margin-top:7px;display:block}#use-cases .frg-prog i{background:#c9a227;width:16.7%;height:3px;margin-top:-1px;display:block}#use-cases .frg-n{font:300 30px/.9 var(--f-body);letter-spacing:-.04em}#use-cases .frg-n small{letter-spacing:0;vertical-align:top;margin-left:2px;font-size:11px}#use-cases .frg-h{font:500 18px/1.12 var(--f-body);letter-spacing:-.03em}#use-cases .m .frg-q{margin-top:8px;font-size:12px;font-weight:500}#use-cases .frg-opts{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}#use-cases .frg-opts span{font:500 11.5px/1 var(--f-body);white-space:nowrap;border:1px solid #111;gap:18px;padding:7px 9px 10px;display:grid;position:relative}#use-cases .frg-opts small{letter-spacing:.05em;font-size:7px}#use-cases .frg-opts svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:9px;height:9px;position:absolute;top:6px;right:6px}#use-cases .frg-opts span.on{color:#fff;background:#111}#use-cases .frg-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}#use-cases .frg-foot>span:first-child{font:500 7.5px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--mt);white-space:nowrap}#use-cases .frg-btn{color:#fff;height:26px;font:500 10px/1 var(--f-body);background:#111;align-items:center;gap:14px;padding:0 12px;display:inline-flex}.js #use-cases .uc-row{opacity:0;transition:opacity .5s ease var(--d,0s),transform .6s cubic-bezier(.2,.7,.2,1) var(--d,0s),background-color .25s ease;transform:translateY(10px)}.js #use-cases .uc-row.in{opacity:1;transform:none}.js #use-cases .uc-row.in .ch{animation:.42s cubic-bezier(.3,.7,.3,1) both use-cases-flap;animation-delay:calc(var(--d,0s) + var(--c,0) * 22ms)}@keyframes use-cases-flap{0%{opacity:0;transform:rotateX(-90deg)}60%{opacity:1;transform:rotateX(12deg)}to{opacity:1;transform:none}}@media (max-width:899px){#use-cases .uc-grid{grid-template-columns:1fr}#use-cases .uc-side,#use-cases .uc-cols{display:none}#use-cases .uc-row{grid-template-columns:1fr;row-gap:0}#use-cases .uc-btn{grid-template-columns:minmax(0,1fr) 28px;min-height:56px;padding:14px 4px 14px 12px}#use-cases .uc-main{grid-area:1/1/span 2}#use-cases .uc-path{grid-area:1/1;margin-bottom:-2px;font-size:.74rem}#use-cases .uc-btn{grid-template-rows:auto auto}#use-cases .uc-main{grid-row:2}#use-cases .uc-arr{grid-area:1/2/span 2}#use-cases .uc-title{font-size:1.22rem}#use-cases .uc-live{min-height:44px;margin:-12px 0 2px 12px;padding-bottom:4px}#use-cases .uc-row:has(.uc-live) .uc-btn{padding-bottom:6px}#use-cases .uc-head .op-lead{max-width:none}#use-cases .anno{--anno-size:1.2rem;--anno-w:58px;width:max-content;max-width:100%;margin:2px 0 -6px auto;display:flex;position:static}#use-cases .anno-note{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.js #use-cases .uc-row{opacity:1;transition:none;transform:none}.js #use-cases .uc-row.in .ch{animation:none}.js #use-cases .anno .anno-note,.js #use-cases .anno .anno-arrow path{opacity:1;stroke-dashoffset:0;transition:none!important}.js #use-cases .anno .anno-note{transform:rotate(var(--anno-rot))}}