.kn-hero{--ground:#030504;--bone:#eceee9;--dim:#7f8d86;--em:#3cf0a8;background:var(--ground);height:100dvh;color:var(--bone);font-family:var(--font-archivo), system-ui, sans-serif;font-variation-settings:"wdth" 100;position:relative;overflow:hidden}.kn-hero:after{content:"";z-index:30;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.kn-hero:before{content:"";z-index:3;pointer-events:none;background:radial-gradient(115% 95% at 55% 42%,#0000 32%,#030504bd 100%),linear-gradient(72deg,#030504eb 0%,#03050480 28%,#0000 52%),linear-gradient(#0000 70%,#030504cc 100%);position:absolute;inset:0}.kn-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.kn-speed{z-index:1;pointer-events:none;opacity:.26;color:var(--bone);position:absolute;inset:0;overflow:hidden}.kn-labels{z-index:2;pointer-events:none;position:absolute;inset:0}.kn-hero .olab{color:#b9c6bf;font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:.02em;font-size:10.5px;font-weight:700}.kn-dial{z-index:1;aspect-ratio:1;width:min(96vh,92vw);color:var(--em);opacity:.2;pointer-events:none;animation:190s linear infinite knDial;position:absolute;top:50%;left:50%;translate:-50% -50%}.kn-dial svg{width:100%;height:100%}@keyframes knDial{to{rotate:360deg}}.kn-shu{z-index:4;font-family:var(--font-noto-jp), sans-serif;writing-mode:vertical-rl;color:#0000;-webkit-text-stroke:1.5px var(--em);pointer-events:none;opacity:.6;font-size:clamp(36px,4.6vw,76px);font-weight:900;line-height:.92;position:absolute;top:13%;right:clamp(12px,2.6vw,38px)}@media (max-width:860px){.kn-shu{display:none}}.kn-off{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.kn-probe{font-family:var(--font-instrument), Georgia, serif}.kn-bar{z-index:5;inset-inline:0;align-items:center;gap:10px;padding:clamp(12px,2vh,22px) clamp(14px,2.6vw,34px);display:flex;position:absolute;top:0}.kn-brand{font-variation-settings:"wdth" 125;letter-spacing:.04em;align-items:center;gap:9px;font-size:clamp(16px,1.8vw,22px);font-weight:900;display:flex}.kn-brand svg{display:block}.kn-soon{color:var(--dim);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;border:2px solid #cfe0d866;margin-left:auto;padding:7px 14px;font-size:12px;font-weight:700}@media (max-width:560px){.kn-soon{padding:6px 9px;font-size:10.5px}}.kn-x{width:36px;height:36px;color:var(--bone);box-shadow:4px 4px 0 var(--em);background:#030504b3;border:2px solid #cfe0d8;flex:none;place-items:center;transition:transform .12s,box-shadow .12s,background .12s,color .12s;display:grid}.kn-x:hover{background:var(--em);color:var(--ground);border-color:var(--em)}.kn-x:active{box-shadow:0 0 0 var(--em);transform:translate(4px,4px)}.kn-say{z-index:5;max-width:min(660px,58vw);position:absolute;bottom:clamp(18px,3.4vh,40px);left:clamp(14px,2.6vw,34px)}.kn-mega{font-variation-settings:"wdth" 125;letter-spacing:-.045em;font-size:clamp(28px,3.7vw,58px);font-weight:900;line-height:.88}.kn-mega span{white-space:nowrap;display:block}.kn-mega em{color:var(--em);font-style:normal}.kn-lede{color:#b6c1bb;max-width:52ch;margin-top:clamp(10px,1.6vh,18px);font-size:clamp(13px,1.5vh,16.5px);line-height:1.44}.kn-chains{flex-wrap:wrap;gap:6px;margin-top:clamp(12px,2vh,20px);padding:0;list-style:none;display:flex}.kn-chains button{color:var(--bone);cursor:pointer;background:#03050473;border:2px solid #cfe0d873;padding:6px 12px;font-size:12px;font-weight:700;transition:background .16s,color .16s,border-color .16s,transform .16s}.kn-chains button:hover,.kn-chains button[data-lit="1"]{background:var(--em);border-color:var(--em);color:var(--ground);transform:translateY(-2px)}.kn-ca{border:2px solid var(--em);background:#03050499;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:clamp(10px,1.8vh,18px);padding:9px 14px;display:inline-flex}.kn-ca span{font-size:13px;font-weight:800}.kn-ca b{font-family:var(--font-mono-jb), monospace;letter-spacing:.04em;color:var(--em);font-size:12px;font-weight:500}.kn-tip{z-index:20;border:1px solid var(--em);white-space:nowrap;pointer-events:none;background:#030504e6;align-items:center;gap:8px;padding:4px 9px;font-size:11px;font-weight:700;animation:.18s cubic-bezier(.2,1.4,.4,1) knPop;display:flex;position:fixed;translate:14px -50%}.kn-tip b{color:var(--em);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px}@keyframes knPop{0%{opacity:0;scale:.9}}.kn-strike{z-index:20;font-family:var(--font-mono-jb), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--em);pointer-events:none;font-size:11px;animation:2.6s forwards knStrike;position:absolute;top:calc(50% + min(30vh,30vw));left:50%;translate:-50%}@keyframes knStrike{0%{opacity:0;transform:translateY(10px)}14%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@media (max-width:860px){.kn-hero:before{background:linear-gradient(#0000 34%,#03050452 50%,#030504e0 70%,#030504f2 100%),linear-gradient(#030504d1 0%,#0000 20%)}.kn-say{max-width:none;right:clamp(14px,2.6vw,34px)}.kn-lede{font-size:13px}}@media (max-height:760px){.kn-mega{font-size:clamp(26px,3.4vw,46px)}.kn-lede{font-size:12.5px}}.kn-bar,.kn-say,.kn-shu{transition:opacity .8s,transform .9s cubic-bezier(.2,.8,.2,1)}.kn-hero[data-ready="0"] .kn-bar,.kn-hero[data-ready="0"] .kn-shu{opacity:0}.kn-hero[data-ready="0"] .kn-say{opacity:0;transform:translateY(22px)}.kn-say{transition-delay:.16s}.kn-shu{transition-delay:.46s}@media (prefers-reduced-motion:reduce){.kn-bar,.kn-say,.kn-shu{opacity:1!important;transition:none!important;transform:none!important}.kn-dial,.kn-tip,.kn-strike{animation:none}}.kn-mega[data-long="1"]{font-size:clamp(22px,2.9vw,44px)}@media (max-width:1180px){.kn-soon{display:none}}@media (max-width:760px){.kn-langs{gap:7px}.kn-langs button{font-size:11px}}