.cl{--cl-bg:#151429;--cl-panel:#211d3b;--cl-lime:#cdfa73;--cl-aqua:#69e4ea;--cl-violet:#9b7bff;color:#f8f7ff;background:var(--cl-bg);overflow:hidden}.cl *{box-sizing:border-box}.cl h1,.cl h2,.cl h3,.cl p{margin-top:0}.cl h1{font-size:clamp(50px,6.5vw,92px);margin-bottom:28px}.cl h2{font-size:clamp(34px,4vw,56px);margin-bottom:24px}.cl h3{font-size:22px;letter-spacing:-.03em}.cl p{line-height:1.65}.cl small{display:block;color:#b8b2d0;line-height:1.6}.cl-accent{color:var(--cl-lime)}.cl-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:center;padding-block:64px 80px}.cl-brand{display:flex;gap:12px;align-items:center;margin-bottom:32px;font-weight:800;letter-spacing:.08em}.cl-brand img{border-radius:14px;width:48px;height:48px}.cl-brand span{font-size:12px;font-weight:600;letter-spacing:.02em;color:#aaa4c2}.cl-hero p{font-size:19px;max-width:560px;color:#d7d2e6}.cl-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:26px 0 18px}.cl-button,.cl-tool{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cl-lime);border-radius:100px;padding:15px 23px;background:var(--cl-lime);color:#17152b;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;min-height:48px}.cl-button.secondary{background:transparent;color:var(--cl-lime)}.cl-stage{position:relative;border-radius:44px;background:linear-gradient(145deg,#31255f,#1d1a38);padding:35px 20px 0;display:flex;justify-content:center;overflow:hidden;box-shadow:0 24px 90px #05040f80}.cl-phone{width:260px;border:7px solid #090812;border-bottom:0;border-radius:35px 35px 0 0;box-shadow:0 25px 65px #06050f}.cl-sticker{position:absolute;bottom:40px;left:12px;background:var(--cl-lime);color:#17152b;border-radius:18px;padding:15px 18px;box-shadow:0 10px 35px #0d0b1e80;font-weight:800;transform:rotate(-5deg);font-size:14px}.cl-proof{border-block:1px solid #393354;background:#1b1830}.cl-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.cl-proof-grid>div{padding:27px 24px;border-right:1px solid #393354}.cl-proof-grid>div:last-child{border:0}.cl-proof strong{display:block;font-size:30px;color:var(--cl-lime);margin-bottom:6px}.cl-proof span{color:#bbb5d2}.cl-section{padding-block:100px}.cl-intro{max-width:700px;margin-bottom:45px}.cl-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:25px;color:var(--cl-aqua)}.cl-intro p{font-size:18px;color:#c2bdd3}.cl-demo{background:linear-gradient(145deg,#29214d,#1b1931);border:1px solid #4b4274;border-radius:32px;padding:30px;max-width:1000px;box-shadow:0 24px 80px #08071480}.cl-demo-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.cl-demo-top p{font-weight:800;margin-bottom:4px}.cl-hud{display:flex;gap:18px;color:#aaa4c2;font-size:12px;font-weight:800;letter-spacing:.12em}.cl-hud b{color:var(--cl-lime);font-size:20px;margin-left:4px}.cl-board{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;max-width:600px;margin:35px auto 20px;padding:28px;border-radius:28px;background:#111021;perspective:900px}.cl-cube{aspect-ratio:1;border:0;border-radius:14px;background:#383352;padding:12px;cursor:pointer;transition:transform .2s,opacity .2s,filter .2s;box-shadow:0 9px 0 #090812;position:relative}.cl-cube span{display:block;width:100%;height:100%;border-radius:10px;box-shadow:inset 0 3px 8px #fff6,inset 0 -8px 10px #0004}.cl-cube-lime span{background:var(--cl-lime)}.cl-cube-aqua span{background:var(--cl-aqua)}.cl-cube-violet span{background:var(--cl-violet)}.cl-cube:hover,.cl-cube:focus-visible{transform:translateY(-5px) rotateX(8deg);outline:3px solid #fff}.cl-cube.is-selected{transform:translateY(-8px);outline:3px solid var(--cl-lime)}.cl-cube.is-removed{opacity:0;pointer-events:none;transform:scale(.4)}.cl-cube.is-hint{animation:cl-pulse .45s ease-in-out 2}.cl-board.is-revealed .cl-cube:not(.is-removed){filter:brightness(1.35) saturate(1.2)}.cl-demo-status{text-align:center;min-height:28px;color:#e6e1f3;font-weight:700}.cl-demo-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0 14px}.cl-tool{background:transparent;color:var(--cl-aqua);border-color:#4f7190;padding:11px 16px;min-height:42px}.cl-tool:hover,.cl-tool:focus-visible{background:#69e4ea1a}.cl-demo>small{text-align:center}.cl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cl-step{border-top:2px solid var(--cl-lime);padding:20px 10px 0 0}.cl-step span{color:var(--cl-aqua);font-weight:800}.cl-step h3{margin:20px 0 10px}.cl-step p{color:#bdb7cf}.cl-gallery-wrap{background:#1b1830;border-block:1px solid #393354}.cl-gallery{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.cl-gallery-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.cl-gallery-buttons button{border:1px solid #514873;border-radius:999px;background:transparent;color:#dcd7ee;padding:11px 14px;font:inherit;cursor:pointer}.cl-gallery-buttons button[aria-pressed="true"],.cl-gallery-buttons button:hover{background:var(--cl-lime);color:#161329;border-color:var(--cl-lime)}.cl-screen{margin:0;text-align:center}.cl-screen img{width:min(300px,100%);border:7px solid #0a0911;border-radius:34px;box-shadow:0 24px 70px #07060f}.cl-screen figcaption{margin-top:14px;color:#b8b2d0}.cl-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.cl-faq details{border-top:1px solid #484064;padding:21px 0}.cl-faq summary{cursor:pointer;font-size:18px;font-weight:800;color:#f7f5ff}.cl-faq p{color:#bdb7cf;margin:16px 0 0}.cl-final{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:end;padding-block:80px 110px}.cl-final p{color:#bdb7cf}.cl-final a:not(.cl-button){color:var(--cl-aqua)}@keyframes cl-pulse{50%{filter:brightness(1.8);transform:translateY(-8px) scale(1.05)}}@media(max-width:820px){.cl-hero,.cl-gallery,.cl-faq,.cl-final{grid-template-columns:1fr;gap:36px}.cl-hero{padding-block:42px 60px}.cl-proof-grid{grid-template-columns:repeat(2,1fr)}.cl-proof-grid>div:nth-child(2){border-right:0}.cl-proof-grid>div:nth-child(-n+2){border-bottom:1px solid #393354}.cl-section{padding-block:70px}.cl-steps{grid-template-columns:1fr}.cl-final{padding-block:50px 80px}.cl-stage{max-width:520px}.cl-gallery{gap:35px}}@media(max-width:520px){.cl-demo{padding:18px}.cl-board{gap:8px;padding:15px;border-radius:20px}.cl-cube{border-radius:10px;box-shadow:0 6px 0 #090812;padding:8px}.cl-hud{gap:8px;font-size:10px}.cl-demo-top{align-items:flex-start;flex-direction:column}.cl-proof-grid>div{padding-inline:15px}.cl-brand{align-items:flex-start;flex-wrap:wrap}.cl-brand span{width:100%;margin-left:60px;margin-top:-12px}}