:root{--bg:#06080a;--bg-2:#0d1114;--line:#dcf0eb1c;--text:#eef3f1;--muted:#e2eeea8c;--accent:#3dffb5;--accent-rgb:61, 255, 181;--violet:#7b5cff;--sans:"Inter Tight", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--accent);color:var(--bg)}.mono{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--pad:clamp(20px, 4vw, 56px)}.line{margin:-.04em 0 -.12em;padding:.04em 0 .12em;display:block;overflow:hidden}.line>span{will-change:transform;white-space:nowrap;display:block}em{font-family:var(--serif);color:var(--accent);letter-spacing:-.01em;font-style:italic;font-weight:400}.label{color:var(--muted);margin-bottom:2.5rem}section{padding:clamp(80px, 12vw, 180px) var(--pad);position:relative}.t-p{color:var(--accent)}.t-k{color:#8fb8ff}.t-s{color:#ffd479}.t-o{color:var(--text)}.t-f{color:#c9a6ff}.caret{background:var(--accent);vertical-align:-.18em;width:.55em;height:1.05em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.progress{background:linear-gradient(90deg, var(--violet), var(--accent));transform-origin:0;z-index:90;height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.grain{z-index:80;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='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}.bg-grid{z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:88px 88px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%)}main,.footer{z-index:1;position:relative}.cursor{background:var(--accent);mix-blend-mode:difference;pointer-events:none;z-index:100;opacity:0;border-radius:50%;width:14px;height:14px;transition:width .3s,height .3s,opacity .3s,background .3s;position:fixed;top:0;left:0}.cursor[data-state=hover]{background:var(--text);width:56px;height:56px}.cursor[data-state=pluck]{border:1.5px solid var(--accent);mix-blend-mode:normal;background:0 0;width:34px;height:34px}@media (hover:none){.cursor{display:none}}.loader{background:var(--bg);z-index:95;place-items:center;display:grid;position:fixed;inset:0}.loader__inner{gap:1rem;width:min(380px,72vw);display:grid}.loader__inner .mono{color:var(--accent)}.loader__n{font-family:var(--mono);letter-spacing:-.05em;font-size:clamp(4.5rem,15vw,8rem);font-weight:500;line-height:.9}.loader__track{background:var(--line);height:1px}.loader__bar{background:var(--accent);height:100%;box-shadow:0 0 14px var(--accent);transform-origin:0;transform:scaleX(0)}.nav{z-index:70;padding:18px var(--pad);mix-blend-mode:difference;color:#fff;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.logo{letter-spacing:.08em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.logo__mark{align-items:center;gap:2px;height:18px;display:inline-flex}.logo__mark i{background:currentColor;border-radius:2px;width:3px;animation:1.1s ease-in-out infinite alternate eq}.logo__mark i:first-child{height:8px}.logo__mark i:nth-child(2){height:16px;animation-delay:-.3s}.logo__mark i:nth-child(3){height:12px;animation-delay:-.6s}.logo__mark i:nth-child(4){height:6px;animation-delay:-.9s}@keyframes eq{to{transform:scaleY(.35)}}.nav__links{gap:2rem;display:flex}.nav__links a{position:relative}.nav__links a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .4s cubic-bezier(.7,0,.2,1);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav__links a:hover:after{transform:scaleX(1)}@media (width<=860px){.nav__links{display:none}}.side{z-index:60;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:1.2rem;display:flex;position:fixed;top:0;bottom:0;right:clamp(10px,1.6vw,24px)}.side__pct{color:var(--accent);font-size:.9rem}.side ul{gap:.9rem;list-style:none;display:grid}.side a{pointer-events:auto;color:var(--muted);justify-content:flex-end;align-items:center;gap:.7rem;font-size:.65rem;display:flex}.side a span{opacity:0;transition:opacity .3s,transform .3s;transform:translate(8px)}.side li.on a span,.side a:hover span{opacity:1;color:var(--text);transform:none}.side i{background:var(--muted);border-radius:50%;width:6px;height:6px;transition:all .35s}.side li.on i{background:var(--accent);box-shadow:0 0 12px var(--accent);transform:scale(1.5)}@media (width<=860px){.side{display:none}}.hero{flex-direction:column;justify-content:flex-end;min-height:100svh;padding-top:120px;padding-bottom:clamp(150px,20vw,220px);display:flex;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, rgba(var(--accent-rgb), .16), #7b5cff14 40%, transparent 65%);filter:blur(30px);pointer-events:none;width:60vw;height:60vw;position:absolute;top:-20vw;left:50%;transform:translate(-30%)}.network{opacity:.8;width:100%;height:100%;position:absolute;inset:0}.hero__grid{perspective:500px;pointer-events:none;height:55%;position:absolute;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 15%,#000 100%);mask-image:linear-gradient(#0000 15%,#000 100%)}.hero__grid:before{content:"";transform-origin:50% 100%;background-image:linear-gradient(rgba(var(--accent-rgb), .35) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent-rgb), .35) 1px, transparent 1px);background-size:64px 64px;animation:2.4s linear infinite gridmove;position:absolute;inset:-60% -60% 0;transform:rotateX(64deg)}@keyframes gridmove{to{background-position:0 64px}}.hud{color:var(--muted);z-index:2;gap:4px;font-size:.65rem;display:grid;position:absolute;top:92px}.hud--l{left:var(--pad)}.hud--r{right:var(--pad);text-align:right}.hud .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-right:6px;animation:1.6s step-end infinite blink;display:inline-block}@media (width<=860px){.hud--r{display:none}}.hero__inner{z-index:2;position:relative}.hero__eyebrow{color:var(--muted);margin-bottom:1.5rem}.hero__title{letter-spacing:-.045em;font-size:clamp(3.2rem,13vw,12rem);font-weight:600;line-height:.9}.hero__title em{padding-right:.05em;font-size:1.04em}.hero__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:clamp(1.5rem,4vw,3rem);display:flex}.hero__sub{max-width:40ch;color:var(--muted);font-size:clamp(1rem,1.4vw,1.2rem)}.hero__sub b{color:var(--text);font-weight:500}.hero__sub .mono{text-transform:none;font-size:.85em}.role-wrap{font-family:var(--mono);color:var(--text);font-size:.9em}.hero__cta{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.8rem;padding:.9rem 1.4rem;transition:background .35s,color .35s,border-color .35s;display:inline-flex}.hero__cta:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.hero__cta svg{transition:transform .35s}.hero__cta:hover svg{transform:translateY(3px)}.wave{left:var(--pad);right:var(--pad);z-index:1;align-items:flex-end;gap:clamp(2px,.4vw,6px);height:clamp(70px,10vw,120px);display:flex;position:absolute;bottom:0}.wave i{transform-origin:50% 100%;background:linear-gradient(to top, var(--accent), rgba(var(--accent-rgb), .08));border-radius:2px 2px 0 0;flex:1;height:100%}.marquee{border-block:1px solid var(--line);background:var(--bg);z-index:3;padding:1.3rem 0;position:relative;overflow:hidden}.marquee__track{will-change:transform;width:max-content;display:flex}.marquee__set{flex-shrink:0;display:flex}.marquee__set span{font-family:var(--serif);white-space:nowrap;padding-right:2.5rem;font-size:clamp(2rem,5vw,4rem);line-height:1}.marquee__set b{color:var(--accent);vertical-align:middle;padding-left:2.5rem;font-size:.6em}.about{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);min-height:100vh;display:grid}.about__text{letter-spacing:-.025em;font-size:clamp(1.5rem,3.1vw,2.9rem);font-weight:500;line-height:1.16}.term{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px #00000080, 0 0 0 1px rgba(var(--accent-rgb), .05);background:#0d1114d9;border-radius:14px;overflow:hidden}.term__bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:7px;padding:.8rem 1rem;display:flex}.term__bar i{background:var(--line);border-radius:50%;width:10px;height:10px}.term__bar i:first-child{background:#ff5f57}.term__bar i:nth-child(2){background:#febc2e}.term__bar i:nth-child(3){background:#28c840}.term__bar span{margin-left:.6rem;font-size:.68rem}.term__body{font-family:var(--mono);white-space:pre;padding:1.2rem 1.3rem 1.5rem;font-size:clamp(.72rem,1.05vw,.95rem);line-height:1.75;overflow:hidden}.t-line>span{display:inline-block}@media (width<=899px){.about{grid-template-columns:1fr;min-height:0}}.chapters{flex-direction:column;height:100vh;padding:0;display:flex;overflow:hidden}.chapters__head{padding:96px var(--pad) 0;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.chapters__prog{left:var(--pad);right:var(--pad);background:var(--line);height:1px;position:absolute;bottom:-14px}.chapters__bar{background:var(--accent);height:100%;box-shadow:0 0 10px var(--accent);transform-origin:0;transform:scaleX(0)}.chapters__track{will-change:transform;width:max-content;padding-left:var(--pad);flex:1;align-items:stretch;display:flex}.panel{flex-shrink:0;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;width:82vw;max-width:1200px;padding-right:6vw;display:grid;position:relative}.panel__num{font-family:var(--mono);letter-spacing:-.08em;color:#0000;-webkit-text-stroke:1px rgba(var(--accent-rgb), .22);pointer-events:none;font-size:clamp(10rem,28vw,26rem);font-weight:500;line-height:1;position:absolute;top:50%;left:-1vw;translate:0 -50%}.panel__text{position:relative}.panel__text h3{letter-spacing:-.04em;margin-bottom:1.4rem;font-size:clamp(2.6rem,5.6vw,5.4rem);font-weight:600;line-height:.98}.panel__text h3 em{font-size:1.05em}.panel__text p{color:var(--muted);max-width:38ch;font-size:clamp(1rem,1.3vw,1.2rem)}.panel__visual{aspect-ratio:1.15;border:1px solid var(--line);background:linear-gradient(160deg, rgba(var(--accent-rgb), .06), #7b5cff0f), var(--bg-2);border-radius:20px;place-items:center;width:100%;max-height:56vh;display:grid;position:relative;overflow:hidden}.code pre{font-family:var(--mono);padding:1.4rem;font-size:clamp(.7rem,1.1vw,1rem);line-height:1.8}.neck{background-image:repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), var(--line) calc(25% - 1px) 25%), linear-gradient(160deg, rgba(var(--accent-rgb), .06), #7b5cff0f);flex-direction:column;justify-content:space-between;padding:8% 6%;display:flex}.nstr{width:100%;height:var(--w);background:#eef3f1b3;border-radius:2px;position:relative}.nstr i{background:linear-gradient(90deg, transparent, var(--accent));filter:blur(2px);width:70px;height:10px;animation:run var(--d) linear infinite;border-radius:10px;position:absolute;top:50%;left:0;translate:0 -50%}@keyframes run{0%{left:-80px}to{left:100%}}.eq{align-items:flex-end;gap:3.5%;padding:8%;display:flex}.eq i{transform-origin:50% 100%;background:linear-gradient(to top, var(--accent), var(--violet));height:100%;animation:bounce var(--s) ease-in-out var(--d) infinite alternate;border-radius:4px;flex:1}@keyframes bounce{0%{transform:scaleY(.12)}to{transform:scaleY(1)}}.knobs{grid-template-columns:1fr 1fr;gap:10%;padding:12%}.knob{aspect-ratio:1;border:1px solid var(--line);box-shadow:inset 0 0 0 6px rgba(var(--accent-rgb), .05), 0 10px 30px #00000080;animation:sweep 5s ease-in-out var(--r) infinite alternate;background:radial-gradient(circle at 35% 30%,#1d252b,#0a0d10);border-radius:50%;position:relative}.knob i{background:var(--accent);width:3px;height:22%;box-shadow:0 0 10px var(--accent);border-radius:3px;position:absolute;top:9%;left:50%;translate:-50%}@keyframes sweep{0%{rotate:-120deg}to{rotate:120deg}}@media (width<=899px){.chapters{height:auto;padding:80px var(--pad);overflow:visible}.chapters__head{padding:0 0 2rem}.chapters__prog,.chapters__hint{display:none}.chapters__track{flex-direction:column;gap:4rem;width:auto;padding:0}.panel{grid-template-columns:1fr;gap:1.5rem;width:auto;padding:0}.panel__num{order:-1;margin-bottom:-2rem;font-size:6rem;position:static;translate:none}.panel__visual{aspect-ratio:1.4;max-height:none}}.section-title{letter-spacing:-.045em;margin-bottom:clamp(2rem,5vw,4rem);font-size:clamp(3rem,10vw,9rem);font-weight:600;line-height:.92}.section-title em{font-size:1.05em}.reveal-box{will-change:clip-path, transform}.strings{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;overflow:hidden}.strings__bar{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;display:flex}.strings__bar b{color:var(--accent);font-weight:500}.strings__board{background:linear-gradient(90deg, rgba(var(--accent-rgb), .06), transparent 40%), repeating-linear-gradient(90deg, transparent 0 calc(20% - 1px), var(--line) calc(20% - 1px) 20%);position:relative}.strings svg{cursor:crosshair;touch-action:manipulation;width:100%;height:clamp(260px,38vw,400px);display:block}.strings .string{fill:none;stroke:#eef3f1d9;stroke-linecap:round}.strings .fret{stroke:#0000}.strings__labels{pointer-events:none;color:var(--muted);flex-direction:column;justify-content:space-between;padding:calc(11.7647% - .6rem) 1rem;display:flex;position:absolute;inset:0 auto 0 0}.strings__labels span{line-height:1}.hint{border-top:1px solid var(--line);color:var(--muted);padding:.9rem 1.4rem}.seq{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:clamp(1rem,2.5vw,2rem)}.seq__bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.btn{background:var(--accent);color:var(--bg);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.7rem 1.3rem;font-size:.75rem;font-weight:500;transition:transform .25s}.btn:hover{transform:scale(1.05)}.btn--ghost{color:var(--text);border:1px solid var(--line);background:0 0}.seq__grid{gap:8px;display:grid}.seq__row{grid-template-columns:56px 1fr;align-items:center;gap:12px;display:grid}.seq__name{color:var(--muted);font-size:.68rem}.seq__cells{grid-template-columns:repeat(16,1fr);gap:clamp(3px,.6vw,8px);display:grid}.cell{aspect-ratio:1;background:#eef3f10f;border:1px solid #0000;border-radius:6px;min-height:20px;transition:background .15s,transform .15s,box-shadow .15s}.cell.beat{background:#eef3f11c}.cell:hover{border-color:var(--muted)}.cell.on{background:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb), .45)}.cell.now{border-color:var(--text);transform:scale(1.18)}.cell.on.now{background:#d6ffef}@media (width<=640px){.seq__row{grid-template-columns:1fr;gap:4px}.cell{border-radius:4px;min-height:14px}}.contact{border-top:1px solid var(--line);flex-direction:column;justify-content:center;min-height:90svh;display:flex;overflow:hidden}.contact__ring{border:1px dashed rgba(var(--accent-rgb), .3);pointer-events:none;border-radius:50%;width:50vw;height:50vw;margin-top:-25vw;position:absolute;top:50%;right:-12vw}.contact__ring:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:12%}.contact__ring:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 20px var(--accent);border-radius:50%;position:absolute;top:-5px;left:50%}.contact__big{letter-spacing:-.045em;font-size:clamp(3rem,11.5vw,11rem);font-weight:600;line-height:.92;position:relative}.contact__big em{font-size:1.05em}.contact__note{color:var(--muted);margin-top:3rem}.links{flex-wrap:wrap;gap:.8rem;margin-top:3rem;list-style:none;display:flex;position:relative}.links a{border:1px solid var(--line);border-radius:999px;gap:.6rem;padding:.85rem 1.4rem;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.links a:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.footer{padding:1.6rem var(--pad);border-top:1px solid var(--line);color:var(--muted);background:var(--bg);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.footer a:hover{color:var(--accent)}@media (prefers-reduced-motion:reduce){.logo__mark i,.hero__grid:before,.caret,.nstr i,.eq i,.knob{animation:none}.chapters{height:auto;padding:80px var(--pad);overflow:visible}.chapters__head{padding:0 0 2rem}.chapters__prog,.chapters__hint{display:none}.chapters__track{flex-direction:column;gap:4rem;width:auto;padding:0}.panel{grid-template-columns:1fr;width:auto;padding:0}.panel__num{font-size:6rem;position:static;translate:none}.panel__visual{max-height:none}}