.cct-page{--ink:#0B0B0F;--ink-soft:#131320;--chalk:#FFFFFF;--muted:#9A9AA8;--blue:#4C9AFF;--orange:#F5A05A;--purple:#A78BFA;--coral:#F87171;--teal:#34D399}.cct-page *{box-sizing:border-box;margin:0;padding:0}.cct-page{background:var(--ink);color:var(--chalk);font-family:var(--font-nunito),system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.cct-page:before{background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(76,154,255,.09),transparent 60%),radial-gradient(ellipse 70% 50% at 85% 85%,rgba(167,139,250,.08),transparent 60%)}.cct-page:after,.cct-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}.cct-page:after{opacity:.5;background-image:radial-gradient(1.5px 1.5px at 12% 22%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 33% 68%,rgba(255,255,255,.35),transparent),radial-gradient(1.5px 1.5px at 58% 14%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 76% 52%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 90% 30%,rgba(255,255,255,.38),transparent),radial-gradient(1px 1px at 45% 88%,rgba(255,255,255,.28),transparent),radial-gradient(1px 1px at 22% 46%,rgba(255,255,255,.25),transparent),radial-gradient(1.5px 1.5px at 67% 78%,rgba(255,255,255,.32),transparent);background-size:100% 100%}.slide{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,5vh,64px);padding:clamp(28px,6vw,80px) clamp(20px,5vw,72px);text-align:center}.cct-page h1,.cct-page h2{font-weight:900;line-height:1.06;letter-spacing:-.02em;max-width:22ch;text-wrap:balance}.cct-page h1{font-size:clamp(2.4rem,7.2vw,5.2rem)}.cct-page h2{font-size:clamp(2.1rem,6vw,4.4rem)}.art{width:min(100%,980px)}.cct-page .art svg{width:100%;height:auto;display:block;overflow:visible}.hero{gap:clamp(24px,4vh,44px)}.hero video{width:min(100%,1040px);border-radius:18px;border:3px solid rgba(255,255,255,.16);background:#000;display:block}.credit{font-family:var(--font-comic),cursive;font-weight:700;font-size:clamp(1rem,2.1vw,1.3rem);color:var(--muted)}.demo h2{font-size:clamp(3.4rem,13vw,9rem);letter-spacing:.02em}.lbl{fill:var(--chalk)}.lbl,.lbl-dim{font-family:var(--font-comic),cursive;font-weight:700}.lbl-dim{fill:var(--muted)}.rough{filter:url(#roughen)}.ru{position:absolute;left:clamp(12px,1.8vw,26px);bottom:clamp(12px,1.8vh,26px);z-index:5;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.ru summary{list-style:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid rgba(255,255,255,.1);color:rgba(255,255,255,.16);font-size:13px;font-weight:700}.ru summary::-webkit-details-marker{display:none}.ru summary::marker{content:""}.ru summary:hover{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.45)}.ru[open] summary{color:var(--muted);border-color:rgba(255,255,255,.32)}.ru-text{position:absolute;left:0;bottom:36px;width:min(78vw,660px);max-height:66svh;overflow-y:auto;padding:22px 24px;border-radius:14px;background:rgba(7,7,12,.98);border:1.5px solid rgba(255,255,255,.16);box-shadow:0 18px 50px rgba(0,0,0,.6);text-align:left;color:#D8D8E2;font-size:16.5px;line-height:1.6}.ru-text p{margin:0 0 13px}.ru-text p:last-child{margin:0}@media (hover:none) and (pointer:coarse){.cct-page .ru{display:none}}