@property --p-bg{syntax:"<color>";inherits:true;initial-value:#0b0f0f}@property --p-surface{syntax:"<color>";inherits:true;initial-value:#141a19}@property --p-text{syntax:"<color>";inherits:true;initial-value:#f2f5f3}@property --p-accent{syntax:"<color>";inherits:true;initial-value:#aef768}@property --p-accent2{syntax:"<color>";inherits:true;initial-value:#5ee0c0}@property --p-on{syntax:"<color>";inherits:true;initial-value:#0a0a0a}@property --p-r{syntax:"<length>";inherits:true;initial-value:10px}.cs{--bg:#050808;--ink:#fff;--mute:#a3aaa8;--subtle:#6f7875;--lime:#aef768;--on-lime:#0a0f06;--paper:#f3f2ec;--cut:48px}.cs *{box-sizing:border-box}.cs h1,.cs h2,.cs h3,.cs h4,.cs p{margin:0}.cs{color:var(--ink);font-family:Inter Tight,system-ui,sans-serif}.cs button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}.cs :focus-visible{outline:2px solid var(--lime);outline-offset:3px}.cs .wrap{max-width:1240px;margin:0 auto;padding:56px 28px 90px}.cs .head{grid-template-columns:1fr auto;align-items:end;gap:32px;display:grid}.cs .kick{letter-spacing:3px;color:var(--lime);font-size:13px;font-weight:800}.cs h1{letter-spacing:-.05em;margin-top:14px;font-size:72px;font-weight:800;line-height:.95}.cs h1 em{color:#0000;-webkit-text-stroke:1.5px var(--lime);font-style:normal}.cs .lead{color:var(--mute);max-width:560px;margin-top:18px;font-size:18px;line-height:1.55}.cs .count{letter-spacing:-.07em;color:#101614;-webkit-user-select:none;user-select:none;font-size:150px;font-weight:800;line-height:.8}.cs .controls{z-index:20;background:var(--bg);margin-top:40px;padding:16px 0 0;position:sticky;top:96px}.cs .row1{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 26px;display:flex}.cs .moods{flex-wrap:wrap;align-items:baseline;gap:4px 22px;display:flex}.cs .mood{letter-spacing:-.02em;color:#4d5654;font-size:22px;font-weight:700;transition:color .25s}.cs .mood sup{color:inherit;opacity:.7;margin-left:3px;font-size:11px;font-weight:700}.cs .mood:hover{color:#c9d0cd}.cs .mood[aria-pressed=true]{color:var(--lime)}.cs .side{align-items:center;gap:18px;display:flex}.cs .mode{color:#4d5654;font-size:14px;font-weight:700;transition:color .25s}.cs .mode[aria-pressed=true]{color:#fff}.cs .mode:hover{color:#c9d0cd}.cs .dice{background:var(--lime);width:52px;height:52px;color:var(--on-lime);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);place-items:center;transition:transform .2s;display:grid}.cs .dice:hover{transform:rotate(-6deg)}.cs .dice svg{transition:transform .5s}.cs .dice:active svg{transform:rotate(180deg)}.cs .fan{border-radius:14px;height:96px;margin-top:18px;display:flex;overflow:hidden}.cs .strip{flex-direction:column;flex:1 1 0;min-width:0;transition:flex-grow .45s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.cs .strip i{flex:1}.cs .strip i:first-child{flex:1.6}.cs .strip:hover{flex-grow:2.2}.cs .strip[aria-pressed=true]{flex-grow:5}.cs .strip .nm{letter-spacing:-.01em;white-space:nowrap;opacity:0;background:var(--paper);color:#111;padding:4px 7px;font-size:12px;font-weight:800;transition:opacity .3s;position:absolute;bottom:10px;left:10px}.cs .strip[aria-pressed=true] .nm{opacity:1}.cs .stage{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);border-radius:24px 0 24px 24px;margin-top:26px;overflow:hidden}.cs .preview{--t:1.1s cubic-bezier(.4,0,.2,1);transition:--p-bg var(--t),--p-surface var(--t),--p-text var(--t),--p-accent var(--t),--p-accent2 var(--t),--p-on var(--t),--p-r var(--t);background:var(--p-bg);color:var(--p-text);font-family:var(--p-body)}.cs .pv{transition:opacity .35s}.cs .preview.swap .pv{opacity:.35}.cs .pv h2,.cs .pv h3,.cs .pv h4,.cs .pv .logo,.cs .pv .num{font-family:var(--p-head)}.cs .mix{color:color-mix(in srgb,var(--p-text) 68%,transparent)}.cs .pv-nav{justify-content:space-between;align-items:center;padding:24px 56px 0;display:flex}.cs .logo{letter-spacing:-.3px;font-size:21px;font-weight:800}.cs .logo i{color:var(--p-accent);font-style:normal}.cs .pv-links{gap:30px;font-size:14px;display:flex}.cs .btn-p{border-radius:var(--p-r);background:var(--p-accent);color:var(--p-on);padding:13px 22px;font-size:14px;font-weight:700;display:inline-block}.cs .btn-o{border-radius:var(--p-r);background:color-mix(in srgb,var(--p-text) 9%,transparent);padding:13px 22px;font-size:14px;font-weight:700;display:inline-block}.cs .pv-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:44px;padding:64px 56px 70px;display:grid}.cs .tag{letter-spacing:2px;color:color-mix(in srgb,var(--p-accent) 80%,var(--p-text));font-size:12px;font-weight:800}.cs .pv-hero h2{letter-spacing:-.02em;margin-top:14px;font-size:58px;font-weight:700;line-height:1}.cs .pv-hero p{max-width:480px;margin-top:18px;font-size:17px;line-height:1.6}.cs .acts{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.cs .art{aspect-ratio:1;border-radius:calc(var(--p-r) * 1.6);background:linear-gradient(145deg,var(--p-surface),color-mix(in srgb,var(--p-accent) 22%,var(--p-bg)));position:relative;overflow:hidden}.cs .art .b1{aspect-ratio:1;background:var(--p-accent);border-radius:50%;width:55%;position:absolute;top:-8%;right:-8%}.cs .art .b2{aspect-ratio:1;border-radius:var(--p-r);background:var(--p-accent2);width:40%;position:absolute;bottom:14%;left:12%;transform:rotate(-8deg)}.cs .art .card{border-radius:var(--p-r);background:var(--p-bg);padding:18px;position:absolute;bottom:30%;left:34%;right:10%;box-shadow:0 18px 40px #0003}.cs .art .card b{font-family:var(--p-head);font-size:30px;display:block}.cs .art .card span{font-size:12px}.cs .band{background:var(--p-surface);padding:60px 56px}.cs .pv-sec{padding:60px 56px}.cs .pv-sec h3,.cs .band h3{letter-spacing:-.01em;font-size:34px;font-weight:700}.cs .cards3{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.cs .svc{border-radius:var(--p-r);background:var(--p-bg);padding:26px}.cs .svc .ic{border-radius:calc(var(--p-r) * .7);background:var(--p-accent2);width:42px;height:42px;margin-bottom:18px}.cs .svc h4{font-size:20px}.cs .svc p{margin-top:8px;font-size:14.5px;line-height:1.55}.cs .stats{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.cs .num{color:var(--p-accent);font-size:52px;font-weight:700;line-height:1}.cs .stats span{margin-top:8px;display:block}.cs .quote{grid-template-columns:auto 1fr;align-items:center;gap:22px;margin-top:40px;display:grid}.cs .quote .av{border-radius:calc(var(--p-r) * 1.2);background:linear-gradient(135deg,var(--p-accent),var(--p-accent2));width:58px;height:58px}.cs .quote p{font-family:var(--p-head);font-size:22px;line-height:1.4}.cs .quote small{font-family:var(--p-body);margin-top:6px;font-size:13px;display:block}.cs .cta{background:var(--p-accent);color:var(--p-on);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:52px 56px;display:flex}.cs .cta h3{font-size:34px}.cs .cta .btn-inv{border-radius:var(--p-r);background:var(--p-on);color:var(--p-accent);padding:14px 24px;font-size:14px;font-weight:700}.cs .pv-foot{justify-content:space-between;padding:24px 56px;font-size:13px;display:flex}.cs .chip{border-radius:0 0 24px 24px;grid-template-columns:minmax(260px,1.1fr) 2.4fr 128px;min-height:190px;margin-top:24px;display:grid;overflow:hidden}.cs .label{background:var(--paper);color:#111;flex-direction:column;justify-content:space-between;gap:14px;padding:22px 24px;display:flex}.cs .label small{letter-spacing:2px;color:#77776f;font-size:11px;font-weight:800}.cs .label b{letter-spacing:-.03em;font-size:32px;font-weight:800;line-height:1}.cs .label .spec{color:#4a4a44;gap:4px;font-size:13px;display:grid}.cs .label .spec strong{color:#111}.cs .colors{grid-template-columns:repeat(6,1fr);display:grid}.cs .col{text-align:left;flex-direction:column;justify-content:flex-end;padding:14px;transition:background 1.1s cubic-bezier(.4,0,.2,1),color 1.1s;display:flex;position:relative}.cs .col b{font-size:12px;font-weight:700}.cs .col span{opacity:.85;margin-top:3px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.cs .col em{opacity:0;font-size:11px;font-style:normal;font-weight:800;transition:opacity .2s;position:absolute;top:12px;left:14px}.cs .col:hover em{opacity:.9}.cs .steps{grid-template-rows:1fr 1fr;display:grid}.cs .steps button{place-items:center;font-size:26px;font-weight:800;transition:background .2s;display:grid}.cs .prev{color:#fff;background:#131918}.cs .prev:hover{background:#1b2321}.cs .next{background:var(--lime);color:var(--on-lime)}.cs .next:hover{background:#c4ff8a}.cs .hint{color:var(--subtle);margin-top:14px;font-size:12.5px}.cs .toast{opacity:0;background:var(--lime);color:var(--on-lime);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);z-index:50;padding:14px 20px;font-size:14px;font-weight:800;transition:all .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.cs .toast.show{opacity:1;transform:translate(-50%)}@media (width<=900px){.cs .head{grid-template-columns:1fr}.cs .count{display:none}.cs h1{font-size:48px}.cs .mood{font-size:18px}.cs .fan{height:72px}.cs .pv-hero{grid-template-columns:1fr;padding:44px 24px}.cs .pv-hero h2{font-size:40px}.cs .pv-nav{padding:20px 24px 0}.cs .pv-links{display:none}.cs .pv-sec,.cs .band{padding:44px 24px}.cs .cards3,.cs .stats{grid-template-columns:1fr}.cs .cta{padding:36px 24px}.cs .pv-foot{padding:20px 24px}.cs .chip{grid-template-columns:1fr}.cs .colors{grid-template-columns:repeat(3,1fr);min-height:220px}.cs .steps{grid-template-rows:none;grid-template-columns:1fr 1fr;height:64px}}@media (width<=520px){.cs .strip .nm{display:none}.cs .strip[aria-pressed=true]{flex-grow:3}.cs .wrap{padding:36px 16px 60px}.cs h1{font-size:38px}.cs{--cut:32px}.cs .row1{flex-direction:column;align-items:flex-start}.cs .pv-hero h2{font-size:32px}}@media (prefers-reduced-motion:reduce){.cs .preview,.cs .pv,.cs .col,.cs .strip{transition:none!important}}.cs .sub{color:var(--lime);letter-spacing:-.01em;margin-top:14px;font-size:15px;font-weight:700}.cs .guide{max-width:820px;margin-top:120px}.cs .guide h2{letter-spacing:-.04em;font-size:44px;font-weight:800;line-height:1.05}.cs .guide>p{color:var(--mute);margin-top:22px;font-size:18px;line-height:1.65}.cs .faq{gap:34px;margin-top:64px;display:grid}.cs .faq-q{text-align:left;letter-spacing:-.02em;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;font-size:24px;font-weight:800;line-height:1.25;display:flex}.cs .faq-q:hover{color:var(--lime)}.cs .faq-q .plus{color:var(--lime);flex:none;font-size:30px;font-weight:500;line-height:.9;transition:transform .3s}.cs .faq-q[aria-expanded=true] .plus{transform:rotate(45deg)}.cs .faq-a{color:var(--mute);max-width:720px;margin-top:14px;font-size:17px;line-height:1.65}.cs .guide-links{flex-wrap:wrap;gap:14px 36px;margin-top:56px;display:flex}.cs .guide-links a{color:var(--lime);font-size:17px;font-weight:800;text-decoration:none}.cs .guide-links a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}@media (width<=900px){.cs .guide{margin-top:80px}.cs .guide h2{font-size:32px}.cs .faq-q{font-size:20px}}@media (prefers-reduced-motion:reduce){.cs .faq-q .plus{transition:none}}@media (width<=900px){.cs .controls{padding-top:0;position:static}}