*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#2a2a2c;--ink:#e8eaee;--sub:#9ba0a8;--line:#48484a;--accent:#e8503a;--kb:#d1d4d9}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;overflow:hidden}.page{height:100vh;position:relative}.canvas-holder{position:absolute;inset:0}.canvas-holder canvas{opacity:.9}.nav{z-index:2;pointer-events:none;align-items:center;gap:14px;padding:26px 36px;display:flex;position:absolute;top:0;left:0;right:0}.mark{border:3px solid var(--kb);background:0 0;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;transform:rotate(-6deg)}.mark span{color:var(--accent);margin-top:1px;font-family:Fredoka,sans-serif;font-size:24px;font-weight:600}.logotype{color:var(--kb);align-items:baseline;font-family:Fredoka,sans-serif;font-size:26px;font-weight:600;display:flex}.logotype .g-ke{margin-left:-.0735em}.logotype .g-ek{margin-left:-.04em}.logotype .g-m{margin-left:-.004em}.logotype .e2{margin-left:-.028em}.logotype .stamp{background:var(--accent);border-radius:.15em;justify-content:center;align-items:center;width:.58em;height:.58em;margin-left:-.02em;margin-right:-.018em;display:inline-flex;position:relative;top:.04em;transform:rotate(-6deg)}.logotype .stamp i{border:.035em solid var(--kb);border-radius:.1em;width:.37em;height:.37em;display:block}.hero{z-index:2;pointer-events:none;max-width:620px;position:absolute;top:50%;left:36px;transform:translateY(-50%)}.hero h1{letter-spacing:-.015em;transform-origin:0;font-family:Unbounded,Inter,sans-serif;font-size:clamp(34px,4.6vw,62px);font-weight:800;line-height:1.04;transform:scaleX(.86)}.hero .acc{color:var(--accent)}.hero .sub{color:var(--sub);letter-spacing:-.005em;margin-top:26px;font-size:19px;font-weight:400;line-height:1.65}.hero .sub b{color:var(--ink);font-weight:600}.row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.pill{letter-spacing:.01em;pointer-events:auto;border-radius:100px;padding:13px 24px;font-size:15px;font-weight:600}.pill.dark{background:var(--ink);color:var(--bg)}.pill.line{border:1.5px solid var(--line);color:var(--ink);background:#ffffff0f}.foot{z-index:2;color:var(--sub);background:linear-gradient(transparent, var(--bg) 55%);flex-wrap:wrap;align-items:center;gap:8px 22px;padding:18px 36px;font-size:13.5px;display:flex;position:absolute;bottom:0;left:0;right:0}.foot a{color:var(--sub);text-decoration:none}.foot a:hover{color:var(--accent)}@media (width<=1100px){.canvas-holder canvas{opacity:.55}}@media (width<=760px){body{overflow:auto}.page{height:auto;min-height:100vh}.canvas-holder{opacity:.55;position:fixed;inset:0}.scrim{position:fixed}.nav{padding:20px 22px 0;position:static}.hero{max-width:none;margin:100px 0 0;padding:0 22px;position:static;transform:none}.hero h1{font-size:38px}.hero .sub{margin-top:14px;font-size:15px}.row{gap:8px;margin-top:18px}.pill{padding:11px 18px;font-size:14px}.foot{background:0 0;gap:6px 16px;margin-top:56px;padding:20px 22px 44px;font-size:12.5px;position:static}}.logotype-img{height:66px;margin:0 0 0 -8px;position:relative;top:-3px}.tiltC{transform-origin:50% 60%;display:inline-block;transform:rotate(-6deg)}.mark-img{flex:none;width:44px;height:44px}.scrim{z-index:1;pointer-events:none;background:linear-gradient(100deg,#0a0a0be0 0%,#0a0a0b9e 34%,#0a0a0b38 52%,#0000 68%);position:absolute;inset:0}.nav,.hero,.foot{z-index:2}@media (width<=760px){.scrim{background:#0a0a0b6b}}@media (width>=761px) and (height<=640px){.hero h1{font-size:34px}.hero{top:55%}}.tester{pointer-events:auto;margin-top:26px}.tester p{color:var(--sub);margin-bottom:12px;font-size:13px;line-height:1.65}.pill.cta{background:var(--accent);color:#fff;text-decoration:none;display:inline-block}.pill.cta:hover{filter:brightness(1.08)}html,body,a,button,.pill,canvas,*{cursor:url(../keekom-cursor.png) 15 14,auto!important}.nobr{white-space:nowrap}