.cln,.cln-inline{--cln-ink:#15161a;--cln-ink-2:#44474e;--cln-muted:#64676e;--cln-line:#e4e4e1;--cln-paper:#fffdf9;--cln-paper-2:#f4f1ea;--cln-accent:#1c5947;--cln-accent-deep:#0d4233;--cln-btn:#b9532f;--cln-t:7s;color:var(--cln-ink);font-family:var(--font-ui,system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif);-webkit-font-smoothing:antialiased;text-align:left}.cln{z-index:60;background:#15161a85;place-items:center;padding:16px;animation:.22s ease-out cln-fade;display:grid;position:fixed;inset:0}.cln *,.cln-inline *{box-sizing:border-box}.cln.is-closing{animation:.18s ease-in reverse forwards cln-fade}@keyframes cln-fade{0%{opacity:0}}.cln-book{filter:drop-shadow(0 24px 40px #15161a4d)drop-shadow(0 2px 6px #15161a26);grid-template-columns:1fr 1fr;width:min(860px,100%);height:min(500px,100vh - 32px);animation:.38s cubic-bezier(.16,1,.3,1) cln-open;display:grid;position:relative}@keyframes cln-open{0%{transform:translateY(16px)scale(.96)}}.cln-page{background:var(--cln-paper);position:relative}.cln-x{z-index:3;width:34px;height:34px;color:var(--cln-ink-2);cursor:pointer;background:#ffffffd9;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.cln-x svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.cln-x:hover{color:var(--cln-ink)}.cln-list{border-radius:16px 0 0 16px;flex-direction:column;min-height:0;padding:28px 24px 16px 28px;display:flex;box-shadow:inset -22px 0 26px -24px #15161a4d}.cln-kicker{color:var(--cln-accent);letter-spacing:.02em;margin:0 0 6px;font-size:12px;font-weight:700}.cln-title{letter-spacing:-.01em;margin:0 0 14px;font-size:21px;font-weight:700;line-height:1.25}.cln-steps{flex:1;align-content:start;gap:2px;min-height:0;margin:0 -8px;padding:0;list-style:none;display:grid;overflow-y:auto}.cln-step{position:relative}.cln-step-btn{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:.45;background:0 0;border:0;border-radius:12px;grid-template-columns:16px 1fr;gap:12px;padding:10px 12px 12px 10px;transition:opacity .24s,background-color .24s;display:grid}.cln-step-btn:hover,.is-done .cln-step-btn{opacity:.85}.is-now .cln-step-btn{opacity:1;background:#f1eee6}.cln-step-btn:focus-visible,.cln-next:focus-visible,.cln-x:focus-visible{outline:2px solid var(--cln-accent);outline-offset:2px}.cln-box{border:1px solid #d3cfc5;border-radius:50%;place-items:center;width:16px;height:16px;margin-top:2px;transition:background-color .22s,border-color .22s;display:grid;position:relative}.cln-box:after{content:"";background:var(--cln-accent);opacity:0;border-radius:50%;width:6px;height:6px;transition:opacity .22s;position:absolute}.cln-box svg{fill:none;width:10px;height:10px;stroke:var(--cln-accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .22s,transform .3s cubic-bezier(.34,1.56,.64,1);transform:scale(.5)}.is-now .cln-box{border-color:var(--cln-accent)}.is-now:not(.is-done) .cln-box:after{opacity:1}.is-done .cln-box{background:#e4f5ee;border-color:#0000}.is-done .cln-box svg{opacity:1;transform:none}.cln-step-text strong{font-size:15px;font-weight:650;line-height:1.3;display:block}.cln-step-more{color:var(--cln-ink-2);gap:6px;margin-top:5px;font-size:13.5px;line-height:1.45;display:none}.is-now .cln-step-more{animation:.3s ease-out cln-more;display:grid}@keyframes cln-more{0%{opacity:0;transform:translateY(-4px)}}.cln-how{color:var(--cln-accent-deep);font-size:12.5px;font-weight:600}.cln-how:before{content:"How: ";font-weight:750}.cln-progress{background:var(--cln-accent);opacity:0;transform-origin:0;border-radius:2px;height:2px;position:absolute;bottom:4px;left:38px;right:14px;transform:scaleX(0)}.is-now:not(.is-done) .cln-progress{opacity:.5;animation:cln-progress var(--cln-t) linear forwards}@keyframes cln-progress{to{transform:scaleX(1)}}.cln-foot{border-top:1px solid var(--cln-line);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:12px;display:flex}.cln-count{color:var(--cln-muted);font-size:12.5px;font-weight:600}.cln-next{background:var(--cln-ink);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:650}.cln-next.is-close{background:var(--cln-accent)}.cln-right{border-radius:0 16px 16px 0;min-height:0;position:relative;overflow:hidden}.cln-demo{background:var(--cln-paper-2);border-radius:0 16px 16px 0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 22px 0 26px -24px #15161a4d}.cln-demo.is-leaving{animation:.3s ease-in forwards cln-leave}.cln-demo.is-entering{animation:.42s cubic-bezier(.16,1,.3,1) 80ms both cln-enter}@keyframes cln-leave{to{opacity:0;transform:translate(-28px)}}@keyframes cln-enter{0%{opacity:0;transform:translate(36px)}}.cln-stage{place-items:center;display:grid;position:relative}.cln-inline{background:var(--cln-paper-2);border-radius:16px;place-items:center;min-height:420px;padding:24px;display:grid;overflow:hidden}.cln-caption{color:var(--cln-ink-2);text-align:center;margin:0;font-size:13px;font-weight:600}.cln-finger{z-index:5;opacity:0;pointer-events:none;background:#ffffffe0;border:2px solid #15161a59;border-radius:50%;width:26px;height:26px;position:absolute;box-shadow:0 4px 10px #00000040}.cln-phone{background:#1b1a17;border-radius:26px;width:172px;height:372px;padding:8px;position:relative;box-shadow:0 14px 30px #15161a47}.cln-screen{background:#2b2924;border-radius:19px;flex-direction:column;height:100%;display:flex;overflow:hidden}.cln-head{flex:none;align-items:center;gap:7px;height:38px;padding:0 10px;display:flex}.cln-logo{background:var(--cln-btn);color:#fff;width:22px;height:22px;animation:cln-logo var(--cln-t) cubic-bezier(.34, 1.56, .64, 1) infinite;border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:800;display:grid}@keyframes cln-logo{0%,4%{transform:scale(0)}12%,to{transform:scale(1)}}.cln-name{color:#f4efe6;white-space:nowrap;animation:cln-name var(--cln-t) linear infinite;font-size:11.5px}@keyframes cln-name{0%,12%{clip-path:inset(0 100% 0 0)}26%,to{clip-path:inset(0)}}.cln-swipe{flex:1;min-height:0;overflow:hidden}.cln-track{height:100%;animation:cln-swipe var(--cln-t) cubic-bezier(.4, 0, .2, 1) infinite;display:flex}@keyframes cln-swipe{0%,36%{transform:translate(0)}44%,60%{transform:translate(-100%)}68%,92%{transform:translate(-200%)}to{transform:translate(0)}}.cln-pg{flex:0 0 100%;padding:2px 8px;display:block}.cln-pg:before{content:"";background:linear-gradient(#d9d2c4 0 0) 10px calc(100% - 34px) / 62% 5px no-repeat, linear-gradient(#e7e1d5 0 0) 10px calc(100% - 24px) / 40% 4px no-repeat, linear-gradient(var(--pg-photo,150deg, #d6a77a, #8b5a3c)) 10px 10px / calc(100% - 20px) 64% no-repeat, var(--cln-paper);border-radius:2px;height:100%;display:block}.cln-pg--b{--pg-photo:150deg, #6b7a87, #2c343c}.cln-pg--c{--pg-photo:150deg, #9db08a, #4c6343}.cln-dots{flex:none;justify-content:center;align-items:center;gap:4px;height:22px;display:flex}.cln-dots i{width:5px;height:5px;animation:var(--cln-t) step-end infinite;background:#ffffff4d;border-radius:50%}.cln-dots i:first-child{animation-name:cln-dot-1}.cln-dots i:nth-child(2){animation-name:cln-dot-2}.cln-dots i:nth-child(3){animation-name:cln-dot-3}@keyframes cln-dot-1{0%{background:#fff}40%{background:#ffffff4d}96%{background:#fff}}@keyframes cln-dot-2{40%{background:#fff}64%{background:#ffffff4d}}@keyframes cln-dot-3{64%{background:#fff}96%{background:#ffffff4d}}.cln-finger--swipe{animation:cln-swipe-finger var(--cln-t) ease-in-out infinite;top:46%;right:22px}@keyframes cln-swipe-finger{0%,30%{opacity:0;transform:translate(0)}33%{opacity:1;transform:translate(0)}42%{opacity:1;transform:translate(-84px)}45%,54%{opacity:0;transform:translate(-84px)}55%{opacity:0;transform:translate(0)}57%{opacity:1;transform:translate(0)}66%{opacity:1;transform:translate(-84px)}69%,to{opacity:0;transform:translate(-84px)}}.cln-sheet{background:var(--cln-paper);border-radius:4px;width:214px;height:292px;padding:16px 14px;position:relative;overflow:hidden;box-shadow:0 12px 28px #15161a2e,0 1px 3px #15161a1f}.cln-prods{grid-template-columns:1fr 1fr;gap:12px 10px;display:grid}.cln-prod{gap:5px;display:grid}.cln-photo{background:linear-gradient(150deg,#d6a77a,#8b5a3c);border-radius:3px;height:82px;display:block}.cln-prod:nth-child(2) .cln-photo{background:linear-gradient(150deg,#6b7a87,#2c343c)}.cln-prod:nth-child(3) .cln-photo{background:linear-gradient(150deg,#9db08a,#4c6343)}.cln-prod:nth-child(4) .cln-photo{background:linear-gradient(150deg,#d9a3a0,#8f5250)}.cln-line{background:#dcd6ca;border-radius:3px;height:5px;display:block}.cln-line--short{background:#ebe6dc;width:55%}.cln-buy{background:var(--cln-btn);color:#fff;animation:cln-buy var(--cln-t) cubic-bezier(.34, 1.56, .64, 1) infinite;border-radius:999px;padding:4px 10px;font-size:9px;position:absolute;top:76px;left:30px;box-shadow:0 3px 8px #00000040}@keyframes cln-buy{0%,6%{transform:scale(0)}12%,38%{transform:scale(1)}40%{transform:scale(.88)}43%,to{transform:scale(1)}}.cln-finger--buy{animation:cln-buy-finger var(--cln-t) ease-in-out infinite;top:220px;left:150px}@keyframes cln-buy-finger{0%,18%{opacity:0;transform:translate(0)}22%{opacity:1;transform:translate(0)}36%{opacity:1;transform:translate(-104px,-140px)}40%{transform:translate(-104px,-140px)scale(.8)}43%{opacity:1;transform:translate(-104px,-140px)}48%,to{opacity:0;transform:translate(-104px,-140px)}}.cln-shop{height:66%;animation:cln-shop var(--cln-t) cubic-bezier(.16, 1, .3, 1) infinite;background:#fff;border-radius:14px 14px 0 0;grid-template-rows:auto auto auto 1fr;grid-template-columns:64px 1fr;gap:6px 10px;padding:12px 14px 14px;font-size:11px;display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -8px 24px #15161a38}@keyframes cln-shop{0%,44%{transform:translateY(105%)}52%,88%{transform:translateY(0)}96%,to{transform:translateY(105%)}}.cln-url{color:var(--cln-muted);text-align:center;background:#f1efe9;border-radius:999px;grid-column:1/-1;padding:5px 8px;font-size:9.5px;font-weight:600}.cln-shop-photo{background:linear-gradient(150deg,#d6a77a,#8b5a3c);border-radius:6px;grid-area:2/1/4;height:64px}.cln-shop-name{grid-area:2/2;align-self:end;font-size:12px}.cln-shop-price{color:var(--cln-ink-2);grid-area:3/2;align-self:start;font-weight:600}.cln-shop-cta{background:var(--cln-ink);color:#fff;text-align:center;border-radius:8px;grid-area:4/1/auto/-1;align-self:end;padding:8px}.cln-sheet--banner{flex-direction:column;gap:7px;display:flex}.cln-banner{background:linear-gradient(150deg,#9db08a,#4c6343);border-radius:3px;height:150px;margin-bottom:6px;display:block;position:relative}.cln-banner-title{color:#fff;letter-spacing:-.01em;font-size:15px;position:absolute;bottom:40px;left:12px}.cln-more{color:var(--cln-ink);animation:cln-more-btn var(--cln-t) cubic-bezier(.34, 1.56, .64, 1) infinite;background:#fff;border-radius:999px;padding:4px 11px;font-size:9px;position:absolute;bottom:12px;left:12px;box-shadow:0 3px 8px #0003}@keyframes cln-more-btn{0%,6%{transform:scale(0)}12%,38%{transform:scale(1)}40%{transform:scale(.88)}43%,to{transform:scale(1)}}.cln-follow{background:var(--cln-btn);color:#fff;animation:cln-follow var(--cln-t) cubic-bezier(.34, 1.56, .64, 1) infinite;border-radius:999px;align-self:center;align-items:center;gap:5px;margin-top:18px;padding:5px 12px;font-size:9.5px;display:flex}@keyframes cln-follow{0%,14%{transform:scale(0)}20%,to{transform:scale(1)}}.cln-ico-ig{background:radial-gradient(circle,#0000 2px,#fff 2.1px 3.1px,#0000 3.2px);border:1.5px solid #fff;border-radius:3.5px;width:11px;height:11px}.cln-finger--link{animation:cln-link-finger var(--cln-t) ease-in-out infinite;top:226px;left:150px}@keyframes cln-link-finger{0%,20%{opacity:0;transform:translate(0)}24%{opacity:1;transform:translate(0)}36%{opacity:1;transform:translate(-108px,-98px)}40%{transform:translate(-108px,-98px)scale(.8)}43%{opacity:1;transform:translate(-108px,-98px)}48%,to{opacity:0;transform:translate(-108px,-98px)}}.cln-web{animation:cln-web var(--cln-t) cubic-bezier(.16, 1, .3, 1) infinite;background:#fff;flex-direction:column;gap:7px;padding:12px 14px;display:flex;position:absolute;inset:0;transform:translate(105%);box-shadow:-10px 0 24px #15161a2e}@keyframes cln-web{0%,44%{transform:translate(105%)}52%,88%{transform:translate(0)}96%,to{transform:translate(105%)}}.cln-web-photo{background:linear-gradient(150deg,#9db08a,#4c6343);border-radius:6px;height:120px;margin:2px 0 4px;display:block}.cln-every{justify-items:center;gap:18px;display:grid}.cln-toggles{gap:6px;display:grid}.cln-toggle{color:var(--cln-ink-2);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:11px;font-weight:650;display:flex;box-shadow:0 1px 3px #15161a24}.cln-toggle i{width:26px;height:15px;animation:var(--cln-t) infinite;background:#cfcac0;border-radius:999px;position:relative}.cln-toggle i:after{content:"";width:11px;height:11px;animation:inherit;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.cln-toggle--every i{animation-name:cln-switch-every}.cln-toggle--full i{animation-name:cln-switch-full}.cln-toggle--every i:after{animation-name:cln-knob-every}.cln-toggle--full i:after{animation-name:cln-knob-full}@keyframes cln-switch-every{0%,8%{background:#cfcac0}12%,94%{background:var(--cln-accent)}}@keyframes cln-knob-every{0%,8%{transform:none}12%,94%{transform:translate(11px)}}@keyframes cln-switch-full{0%,44%{background:#cfcac0}48%,94%{background:var(--cln-accent)}}@keyframes cln-knob-full{0%,44%{transform:none}48%,94%{transform:translate(11px)}}.cln-pages{gap:12px;display:flex}.cln-mini{background:var(--cln-paper);border-radius:2px;width:74px;height:102px;padding:7px;display:block;position:relative;overflow:hidden;box-shadow:0 6px 14px #15161a29}.cln-mini-photo{background:linear-gradient(150deg,#d6a77a,#8b5a3c);border-radius:2px;height:56px;display:block}.cln-mini--2 .cln-mini-photo{background:linear-gradient(150deg,#6b7a87,#2c343c)}.cln-mini--3 .cln-mini-photo{background:linear-gradient(150deg,#9db08a,#4c6343)}.cln-mini-btn{background:var(--cln-btn);width:40px;height:11px;animation:cln-mini-btn var(--cln-t) cubic-bezier(.4, 0, .2, 1) infinite;border-radius:999px;position:absolute;bottom:9px;left:17px}.cln-mini--2 .cln-mini-btn{animation-name:cln-mini-btn-2}.cln-mini--3 .cln-mini-btn{animation-name:cln-mini-btn-3}@keyframes cln-mini-btn{0%,50%{border-radius:999px;width:40px;bottom:9px;left:17px}56%,94%{border-radius:0;width:74px;bottom:0;left:0}}@keyframes cln-mini-btn-2{0%,14%{transform:scale(0)}20%,50%{border-radius:999px;width:40px;bottom:9px;left:17px;transform:scale(1)}56%,94%{border-radius:0;width:74px;bottom:0;left:0;transform:scale(1)}to{transform:scale(0)}}@keyframes cln-mini-btn-3{0%,20%{transform:scale(0)}26%,50%{border-radius:999px;width:40px;bottom:9px;left:17px;transform:scale(1)}56%,94%{border-radius:0;width:74px;bottom:0;left:0;transform:scale(1)}to{transform:scale(0)}}.cln-where{color:var(--cln-ink-2);gap:16px;font-size:11.5px;font-weight:650;display:flex}.cln-where span{animation:cln-where var(--cln-t) infinite;align-items:center;gap:6px;display:flex}.cln-where span+span{animation-name:cln-where-2}.cln-where i{background:var(--cln-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 10px no-repeat;border-radius:50%;width:14px;height:14px}@keyframes cln-where{0%,64%{opacity:.25}68%,94%{opacity:1}}@keyframes cln-where-2{0%,70%{opacity:.25}74%,94%{opacity:1}}@media (width<=680px){.cln{padding:10px}.cln-book{grid-template-rows:350px auto;grid-template-columns:1fr;height:auto;max-height:calc(100dvh - 20px)}.cln-right{border-radius:16px 16px 0 0;order:-1}.cln-demo{border-radius:16px 16px 0 0;gap:10px;padding:14px;box-shadow:inset 0 -22px 26px -24px #15161a4d}.cln-stage{margin:-41px 0;transform:scale(.78)}.cln-inline{min-height:330px;padding:14px}.cln-list{box-shadow:none;border-radius:0 0 16px 16px;padding:16px 16px 12px;overflow:hidden}.cln-title{margin-bottom:8px;font-size:17px}.cln-step-btn{padding:8px 10px 10px 8px}.cln-step-text strong{font-size:14px}.cln-step-more{font-size:13px}}@media (prefers-reduced-motion:reduce){.cln,.cln *,.cln-inline *{animation-duration:.01ms!important;animation-iteration-count:1!important}}