:root{--bg:#0a0a0c;--bg-2:#0f0f12;--bg-3:#141418;--bg-card:#111113;--border:#ffffff14;--border-strong:#ffffff24;--text:#f4f4f6;--muted:#8e8e93;--muted-2:#6e6e73;--accent:#10b981;--accent-2:#059669;--accent-soft:#10b9811f;--accent-border:#10b98140;--radius:16px;--radius-sm:10px;--radius-xs:8px;--max:1120px;--nav-h:56px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (pointer:coarse),(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (pointer:fine){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.mono{font-family:JetBrains Mono,monospace}.container{max-width:var(--max);margin:0 auto;padding:0 24px}@media (width<=640px){.container{padding:0 16px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-track{background:0 0}::selection{color:#f4f4f6;background:#10b9812e}::selection{color:#f4f4f6;background:#10b9812e}.mono::selection{background:#10b9813d}code::selection{background:#10b9813d}pre::selection{background:#10b9813d}@media (pointer:fine){html:not(.using-touch),html:not(.using-touch) body,html:not(.using-touch) a,html:not(.using-touch) button,html:not(.using-touch) [role=button],html:not(.using-touch) input,html:not(.using-touch) textarea,html:not(.using-touch) [contenteditable=true],html.is-selecting:not(.using-touch),html.is-selecting:not(.using-touch) *{cursor:none!important}html.is-dragging,html.is-dragging *{cursor:grabbing!important}html.using-touch,html.using-touch *{cursor:auto!important}}@media (pointer:coarse){html.using-touch,html.using-touch *{cursor:auto!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.divider{background:var(--border);height:1px}.bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.reveal{animation:.5s ease-out both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-word{will-change:transform;cursor:default;transition:transform .26s cubic-bezier(.34,1.56,.64,1),color .2s,letter-spacing .26s,filter .26s;display:inline-block}.hero-word:hover{letter-spacing:-.035em;filter:brightness(1.08);transform:rotate(-1.6deg)scale(1.055)}.hero-word--muted:hover{transform:rotate(1.2deg)scale(1.045);color:var(--text)!important}.preview-outer{align-self:start;display:block;position:relative;overflow:visible!important}.preview-wrap{z-index:1;transform-origin:50%;will-change:transform;width:100%;transition:transform .38s cubic-bezier(.34,1.2,.64,1),box-shadow .3s;position:relative;overflow:hidden}.preview-wrap:hover{z-index:10;overflow:hidden;transform:scale(1.12);box-shadow:0 22px 60px #0009,0 0 0 1px #ffffff14}.preview-img{width:100%;transition:aspect-ratio .38s,filter .25s;display:block;aspect-ratio:4/3!important}.preview-wrap:hover .preview-img{filter:brightness(1.07)saturate(1.08);aspect-ratio:16/9!important}@media (width>=821px){.preview-wrap:hover{width:calc(100% + 18px);margin-left:-9px;margin-right:-9px}}@media (pointer:coarse){.preview-img,.preview-wrap:hover .preview-img{aspect-ratio:16/10!important}.preview-wrap:hover{box-shadow:none;transform:none;overflow:hidden!important}.hero-word:hover{letter-spacing:inherit;filter:none;transform:none}.btn-hero:hover{letter-spacing:inherit!important;filter:none!important;transform:none!important}}.btn-hero{will-change:transform;align-items:center;gap:8px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),letter-spacing .26s,filter .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn-hero:hover{letter-spacing:-.01em;filter:brightness(1.06);transform:rotate(-1.1deg)scale(1.045)}.btn-hero--dark:hover{transform:rotate(1deg)scale(1.04);border-color:#ffffff38!important}.brand-name{letter-spacing:-.02em;align-items:center;gap:0;font-weight:800;display:inline-flex}.brand-name .brand-space{opacity:1;width:.32em;transition:width .22s cubic-bezier(.4,0,.2,1),opacity .18s;display:inline-block}.brand-name:hover .brand-space{opacity:0;width:0}.brand-name:hover{letter-spacing:-.03em}.what-see-panel,.what-under-panel{will-change:transform;transition:transform .32s cubic-bezier(.34,1.2,.64,1),box-shadow .25s}.what-see-panel:hover{transform:translate(4px)}.what-under-panel:hover{transform:translate(-4px)}@media (pointer:coarse){.what-see-panel:hover,.what-under-panel:hover{transform:none}}.class-eight .class-eight__default{opacity:1;filter:blur();will-change:transform;transition:transform .26s cubic-bezier(.34,1.2,.64,1),opacity .2s,filter .2s;display:inline-block;transform:translateY(0)}.class-eight .class-eight__hover{opacity:0;filter:blur(2px);will-change:transform;transition:transform .26s cubic-bezier(.34,1.56,.64,1),opacity .2s,filter .2s;display:inline-block;transform:translateY(7px)}.class-eight:hover .class-eight__default{opacity:0;filter:blur(2px);transform:translateY(-7px)}.class-eight:hover .class-eight__hover{opacity:1;filter:blur();transform:translateY(0)}@media (pointer:coarse){.class-eight__hover{display:none!important}}.connect-link,.nav-link{color:var(--muted);will-change:transform;align-items:center;gap:8px;text-decoration:none;transition:color .2s,transform .26s cubic-bezier(.34,1.2,.64,1),letter-spacing .2s;display:inline-flex;position:relative}.connect-link:before,.nav-link:before{content:"→";opacity:0;color:var(--accent);font-size:11px;transition:opacity .2s,transform .26s;transform:translate(-6px)}.connect-link:hover,.nav-link:hover{letter-spacing:-.01em;transform:translate(4px);color:var(--text)!important}.connect-link:hover:before,.nav-link:hover:before{opacity:1;transform:translate(0)}.connect-link:hover:after,.nav-link:hover:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:.9;height:1px;position:absolute;bottom:-2px;left:0;right:0}