html.techno{--ink:#f4f4f4;--bone:#030306;--stone:#0b0b12;--rule:#2a2a3a;--grey:#b9b9d0;--soft:#dadaf0;--beat:.46875s;--acid:#39ff14;--pink:#ff2bd6;--blue:#00b3ff;--uv:#8a2bff;--laser:#ff1744;--amber:#ffb300;--cyan:#00fff0;color-scheme:dark;background:#030306}html.techno body{background:0 0}html.techno main{z-index:1;position:relative}html.techno .enquiry{backdrop-filter:blur(2px);color:#fff;background:#0303068c}.tk-bg{z-index:0;pointer-events:none;opacity:0;width:100vw;height:100vh;animation:1.2s .3s forwards tk-fade-in;position:fixed;inset:0}.tk-flash{z-index:60;pointer-events:none;background:#fff;animation:.9s step-end forwards tk-strobe;position:fixed;inset:0}.tk-intro{z-index:61;pointer-events:none;font-family:var(--mono);letter-spacing:.08em;color:#0000;background:linear-gradient(90deg,var(--acid),var(--pink),var(--blue),var(--uv),var(--laser),var(--amber),var(--cyan));-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;font-size:clamp(3rem,14vw,12rem);font-weight:700;animation:1.5s cubic-bezier(.7,0,.3,1) forwards tk-warp;display:flex;position:fixed;inset:0}.tk-intro span{animation:.5s cubic-bezier(.22,1,.36,1) both tk-letter;animation-delay:calc(var(--i) * 60ms);display:inline-block}.tk-out{animation:.9s cubic-bezier(.7,0,.3,1) forwards tk-spin-out!important}.tk-back{animation:.8s cubic-bezier(.22,1,.36,1) both tk-spin-back}.tk-layer{pointer-events:none;width:100%;height:100%;animation:1.1s cubic-bezier(.22,1,.36,1) .45s both tk-spin-in;position:absolute;inset:0}html.techno .dotpic,html.techno .matrix{position:relative;overflow:visible}html.techno .frame .dotpic,html.techno .log{box-shadow:0 0 0 1px var(--uv),0 0 28px -4px var(--pink);border-color:#0000}html.techno .frame{animation:tk-pump var(--beat) ease-out infinite}html.techno .frame-bar{border-color:var(--cyan);color:var(--cyan);text-shadow:0 0 8px var(--cyan)}html.techno h1,html.techno h2,html.techno h3{color:#fff}html.techno .ch,html.techno .tk-ch{white-space:pre;animation:1.9s ease-in-out infinite tk-dance,3.2s linear infinite tk-hue;animation-delay:calc(var(--i,0) * -70ms),calc(var(--i,0) * -90ms);display:inline-block;opacity:1!important}html.techno .tk-spin{animation:1s cubic-bezier(.22,1,.36,1) both tk-spin-zoom}html.techno p,html.techno li{text-shadow:-1.5px 0 #ff2bd6a6,1.5px 0 #00b3ffa6;animation:2.6s step-end infinite tk-glitch}html.techno .label{color:var(--acid);text-shadow:0 0 10px var(--acid)}html.techno a{color:var(--cyan)}html.techno .cta{background:linear-gradient(90deg,var(--pink),var(--uv),var(--blue));color:#fff;box-shadow:0 0 24px -2px var(--pink);animation:tk-pump var(--beat) ease-out infinite}html.techno .counter,html.techno.on-dark .counter{color:var(--pink);text-shadow:0 0 8px var(--pink)}html.techno .pill{color:#fff;box-shadow:0 0 0 1px var(--uv),0 0 30px -6px var(--uv);background:#0b0b12}@property --tk-a{syntax:"<angle>";inherits:false;initial-value:0deg}html.techno .theme-switch{background:conic-gradient(from var(--tk-a),var(--acid),var(--pink),var(--blue),var(--uv),var(--laser),var(--amber),var(--cyan),var(--acid));border-color:#fff;animation:2s linear infinite tk-turn}html.techno .theme-switch:hover{transform:none}html.techno .tk-zoom{animation:.9s cubic-bezier(.22,1,.36,1) both tk-zoom-in}.tk-bar{left:70px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:27;font-family:var(--mono);letter-spacing:.14em;align-items:center;gap:8px;font-size:11px;display:flex;position:fixed}.tk-tag{color:#000;background:linear-gradient(90deg,var(--acid),var(--cyan),var(--pink));background-size:200% 100%;border-radius:999px;padding:6px 10px;font-weight:700;animation:1.6s linear infinite tk-slide}.tk-sound{appearance:none;border:1px solid var(--cyan);color:var(--cyan);font:inherit;letter-spacing:inherit;cursor:pointer;background:#000;border-radius:999px;min-height:32px;padding:6px 10px}.tk-sound:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.tk-word{white-space:nowrap;display:inline-block}html.techno .timer{background:linear-gradient(90deg,var(--acid),var(--cyan),var(--blue),var(--uv),var(--pink),var(--laser),var(--amber));height:4px;box-shadow:0 0 14px var(--pink)}html.techno dialog p,html.techno dialog li,html.techno dialog label{text-shadow:none;animation:none}html.techno .kenq-card{border-color:var(--uv)}html.techno .kenq-card:has(input:checked){border-color:var(--acid);box-shadow:0 0 16px -4px var(--acid)}@media (width<=640px){.tk-bar{left:66px;top:calc(env(safe-area-inset-top,0px) + 14px);bottom:auto}.tk-tag,.tk-sound{padding:5px 8px;font-size:10px}html.techno p,html.techno li{text-shadow:-1px 0 #ff2bd673,1px 0 #00b3ff73}.tk-intro{font-size:clamp(2.6rem,17vw,5rem)}}@keyframes tk-fade-in{to{opacity:1}}@keyframes tk-strobe{0%{opacity:1}12%{opacity:0}24%{opacity:.85}36%{opacity:0}50%{opacity:.6}62%,to{opacity:0}}@keyframes tk-warp{0%{opacity:0;filter:blur(12px);transform:scale(.15)rotate(-18deg)}35%{opacity:1;filter:none;transform:scale(1)rotate(0)}70%{opacity:1;transform:scale(1.15)}to{opacity:0;filter:blur(8px);transform:scale(9)}}@keyframes tk-letter{0%{opacity:0;transform:translateY(60%)rotate(-90deg)scale(.2)}}@keyframes tk-spin-out{to{opacity:0;filter:blur(6px)hue-rotate(180deg);transform:rotate(540deg)scale(0)}}@keyframes tk-spin-back{0%{opacity:0;transform:rotate(-540deg)scale(0)}}@keyframes tk-spin-in{0%{opacity:0;filter:blur(10px);transform:rotate(-270deg)scale(0)}}@keyframes tk-pump{0%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes tk-dance{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-.12em)rotate(-6deg)}75%{transform:translateY(.08em)rotate(5deg)}}@keyframes tk-hue{0%{color:#39ff14}16%{color:#00fff0}33%{color:#00b3ff}50%{color:#8a2bff}66%{color:#ff2bd6}83%{color:#ff1744}to{color:#39ff14}}@keyframes tk-spin-zoom{0%{opacity:0;filter:blur(8px);transform:perspective(600px)rotateX(80deg)rotate(-12deg)scale(.3)}}@keyframes tk-zoom-in{0%{opacity:0;filter:blur(6px);transform:scale(1.6)}}@keyframes tk-glitch{0%,92%,to{transform:none}93%{transform:translate(2px)skew(-8deg)}95%{transform:translate(-3px)}97%{transform:translate(1px)skew(6deg)}}@keyframes tk-turn{to{--tk-a:360deg}}@keyframes tk-slide{to{background-position:200% 0}}