.cs{--ink:#253850;--muted:#5e6e83;--line:#d8dfec;--accent:#70529c;width:calc(100% - 40px);max-width:1160px;margin:70px auto;color:var(--ink);font-family:inherit;scroll-margin-top:100px}.wrap>.cs{width:100%}.cs *{box-sizing:border-box}.cs h2,.cs h3,.cs p,.cs figure{margin:0}.cs h2{font-size:clamp(30px,4vw,47px);line-height:1.2;letter-spacing:-1.6px}.cs h3{font-size:clamp(23px,3vw,34px);line-height:1.3;letter-spacing:-.7px}.cs p{line-height:1.8}.cs button{font:inherit;cursor:pointer;min-height:44px;box-shadow:none}.cs button:focus-visible,.cs a:focus-visible,.cs summary:focus-visible{outline:3px solid #a37be0;outline-offset:4px}.cs-eyebrow{display:block;color:#796092;font-size:11px;letter-spacing:2px;font-weight:850;margin-bottom:12px}.cs-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.cs-head>p{max-width:410px;color:var(--muted);font-size:15px}.cs-themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.cs-theme{border:1px solid #c8d0e0;border-radius:18px;overflow:hidden;padding:0;background:#fff;color:var(--ink);transition:transform .18s,border-color .18s}.cs-theme:hover{transform:translateY(-3px)}.cs-theme[aria-pressed=true]{border:2px solid var(--accent);box-shadow:0 0 0 3px #b8a3d52b}.cs-theme img{display:block;width:100%;height:145px;object-fit:contain;background:#182538}.cs-theme span{display:block;padding:13px 4px;font-size:14px;font-weight:800}.cs-showcase{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:0 12px 35px #374b6a12;background:#fff}.cs-stage{min-height:490px;position:relative;isolation:isolate;background:#182538;overflow:hidden;display:flex;justify-content:center;align-items:center}.cs-avatar{width:320px;max-width:95%;height:auto;object-fit:contain;display:block}.cs-stage-label{position:absolute;top:20px;left:22px;font-size:12px;color:#cad6e6;letter-spacing:2px}.cs-stage-caption{position:absolute;bottom:17px;left:12px;right:12px;text-align:center;color:#b9c6d8;font-size:11px}.cs-effect{position:absolute;left:50%;top:48%;width:310px;max-width:90%;height:310px;object-fit:contain;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:2}.cs-cast-title{position:absolute;top:70px;left:0;right:0;text-align:center;opacity:0;color:#fff1c2;font-size:22px;font-weight:900;text-shadow:0 0 16px #cb91ff;z-index:3;pointer-events:none}.cs-ring{position:absolute;width:220px;max-width:80%;height:44px;border:3px solid #c7adff;border-radius:50%;left:50%;bottom:74px;transform:translateX(-50%);box-shadow:0 0 22px #bd90fa;opacity:0;pointer-events:none}.cs.is-casting .cs-effect{animation:cs-summon 3.2s both}.cs.is-casting .cs-cast-title,.cs.is-casting .cs-ring{animation:cs-light 3.2s both}.cs-copy{padding:30px}.cs-copy h3{font-size:34px}.cs-description{color:var(--muted);font-size:14px;margin-top:7px!important}.cs-price{font-size:23px;font-weight:800;color:#795d3b;margin-top:17px!important}.cs-price span{display:block;font-size:12px;font-weight:500;color:var(--muted)}.cs-jobs,.cs-platforms{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.cs-jobs button,.cs-platforms button{flex:1;padding:10px 12px;border:1px solid #c5cde0;border-radius:10px;background:#f7f8fc;color:var(--ink);font-weight:750;font-size:13px}.cs-jobs button[aria-pressed=true],.cs-platforms button[aria-pressed=true]{background:#70529c;border-color:#70529c;color:#fff}.cs-items{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cs-items figure{padding:6px 2px;background:#f6f5fa;border:1px solid #e1ddea;border-radius:10px;text-align:center}.cs-items img{width:100%;height:54px;object-fit:contain}.cs-items figcaption{font-size:10px;color:#52617b;white-space:nowrap;margin-top:5px}.cs-set-note{font-size:12px;color:var(--muted);margin-top:16px!important}.cs-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:20px}.cs-actions button{padding:12px 20px;background:#70529c;border:0;border-radius:12px;color:#fff;font-weight:800;font-size:14px}.cs-actions a{color:#615484;font-size:13px;text-decoration:underline;text-underline-offset:4px}.cs-buff{margin-top:22px;padding:30px;border:1px solid #d7cce7;border-radius:24px;background:linear-gradient(120deg,#f8f3ff,#f4faff 70%,#fff9ed);scroll-margin-top:100px}.cs-buff>div>p{font-size:14px;color:var(--muted);margin-top:10px}.cs-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.cs-metrics>div{padding:20px 8px;text-align:center;border:1px solid #ded6e9;border-radius:15px;background:#ffffffbf}.cs-metrics b{display:block;font-size:35px;color:#74589b;line-height:1.3}.cs-metrics span{display:block;font-size:12px;line-height:1.6;color:#52617a;margin-top:8px}.cs-timeline{font-size:12px;color:#67738b}.cs-timeline>div{display:flex;margin:9px 0;height:40px;overflow:hidden;border-radius:10px;text-align:center;line-height:40px}.cs-timeline b{width:66.666%;background:#8264ad;color:#fff}.cs-timeline div>span{width:33.334%;background:#e0e3ed;color:#556179}.cs-timeline>span:last-child{display:block;text-align:right}.cs-rules{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;padding-left:18px;margin:22px 0 0;font-size:12px;line-height:1.8;color:var(--muted)}.cs-preview{margin-top:42px;scroll-margin-top:100px}.cs-preview header p{font-size:14px;color:var(--muted);margin-top:10px}.cs-platforms{max-width:290px}.cs-screen button{position:relative;display:block;width:100%;padding:0;border:1px solid #c1cfdf;border-radius:18px;overflow:hidden;background:#152537}.cs-screen img{width:100%;height:auto;display:block}.cs-screen button>span{position:absolute;bottom:10px;right:10px;padding:9px 13px;background:#14253fe8;border-radius:8px;color:#fff;font-size:13px}.cs-screen figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0}.cs-flow{list-style:none;counter-reset:cs-step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:24px 0}.cs-flow li{counter-increment:cs-step;background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px}.cs-flow li:before{content:counter(cs-step,decimal-leading-zero);display:block;color:#8c6bb7;font-weight:900;font-size:22px;margin-bottom:14px}.cs-flow b{display:block;font-size:15px;line-height:1.5}.cs-flow span{display:block;font-size:12px;line-height:1.9;color:var(--muted);margin-top:8px}.cs-details{background:#fff;border:1px solid var(--line);border-radius:14px;font-size:13px;line-height:1.8}.cs-details summary{cursor:pointer;font-weight:800;padding:17px 20px}.cs-details>div{padding:0 20px 20px;color:var(--muted)}.cs-details p+p{margin-top:12px}.cs-release{margin-top:18px!important;color:var(--muted);font-size:12px}.cs-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cs-dialog{width:min(1320px,96vw);max-height:94dvh;border:1px solid #cbd5e4;border-radius:18px;padding:16px;background:#fff;color:var(--ink)}.cs-dialog::backdrop{background:#111b33d9}.cs-dialog form{text-align:right;margin-bottom:12px}.cs-dialog form button{border:1px solid #c7cedd;background:#f1f4fa;border-radius:10px;padding:9px 18px;color:var(--ink);font-weight:800}.cs-dialog>img{max-width:100%;width:100%;height:auto;max-height:72dvh;object-fit:contain;display:block}.cs-dialog>p{font-size:12px;margin-top:14px;color:var(--muted)}
@keyframes cs-summon{0%{opacity:0;transform:translate(-50%,-40%) scale(.7)}18%,65%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-65%) scale(1.08)}}@keyframes cs-light{0%,100%{opacity:0}18%,65%{opacity:1}}
@media(max-width:900px){.cs-showcase{grid-template-columns:1fr 1fr}.cs-copy{padding:22px}.cs-items{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-stage{min-height:530px}.cs-theme img{height:120px}.cs-flow{grid-template-columns:1fr 1fr}.cs-head{display:block}.cs-head>p{margin-top:18px}.cs-metrics{gap:8px}.cs-metrics span{font-size:11px}}
@media(max-width:600px){.cs{width:calc(100% - 24px);margin:44px auto}.cs-themes{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.cs-theme img{height:110px}.cs-theme span{font-size:12px;padding:10px 2px}.cs-showcase{grid-template-columns:1fr}.cs-stage{min-height:400px}.cs-avatar{width:300px}.cs-copy{padding:21px 16px}.cs-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cs-items img{height:63px}.cs-items figcaption{font-size:11px}.cs-buff{padding:23px 17px}.cs-metrics{grid-template-columns:1fr 1fr}.cs-metrics b{font-size:29px}.cs-rules{grid-template-columns:1fr}.cs-flow{grid-template-columns:1fr 1fr;gap:9px}.cs-flow li{padding:15px 12px}.cs-flow b{font-size:14px}.cs-head h2{letter-spacing:-1px}.cs-dialog{padding:10px}.cs-dialog>img{max-height:70dvh}.cs-timeline>div{font-size:11px}.cs-screen button>span{padding:6px 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.cs *{animation:none!important;transition:none!important}.cs.is-casting .cs-effect,.cs.is-casting .cs-cast-title,.cs.is-casting .cs-ring{opacity:1}}