:root{--bg:#000;--fg:#eef1f7;--muted:#7f8598;--line:#ffffff17;--cyan:#3fe9cc;--violet:#8b7bff;--blue:#4f8dff;--font:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;cursor:none;overflow-x:hidden}@media (hover:none){body{cursor:auto}}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb, var(--cyan) 40%, transparent);color:#04121a}#scene{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}.grain{z-index:1;pointer-events:none;background:radial-gradient(130% 100% at 50% 30%,#0000 45%,#0000008c 80%,#000000f2 100%);position:fixed;inset:0}.cursor,.cursor-ring{z-index:90;pointer-events:none;mix-blend-mode:difference;will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.cursor{background:#fff;width:7px;height:7px;transform:translate(-50%,-50%)}.cursor-ring{width:34px;height:34px;transition:width .3s var(--ease), height .3s var(--ease), opacity .3s var(--ease);border:1px solid #ffffffb3;transform:translate(-50%,-50%)}.cursor-ring.hover{width:58px;height:58px}@media (hover:none){.cursor,.cursor-ring{display:none}}.nav{z-index:40;justify-content:space-between;align-items:center;padding:26px clamp(20px,5vw,60px);display:flex;position:fixed;inset:0 0 auto}.brand{font-family:var(--mono);letter-spacing:.02em;align-items:center;gap:9px;font-size:14px;display:inline-flex}.brand-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 12px var(--cyan);border-radius:50%}.dim{color:var(--muted)}.nav-links{font-family:var(--mono);align-items:center;gap:clamp(16px,3vw,34px);font-size:13px;display:flex}.nav-links a{color:var(--muted);transition:color .25s}.nav-links a:hover{color:var(--fg)}.nav-cta{border:1px solid var(--line);border-radius:999px;padding:8px 16px;transition:border-color .25s,background .25s;color:var(--fg)!important}.nav-cta:hover{background:#ffffff0a;border-color:#ffffff40}.lang-toggle{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);cursor:none;background:0 0;border:none;padding:4px 2px;font-size:13px;transition:color .25s}.lang-toggle:hover{color:var(--fg)}main{z-index:10;position:relative}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:0 24px;display:flex}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.22em;color:var(--muted);align-items:center;gap:10px;font-size:12px;display:inline-flex}.pulse{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--cyan) 70%, transparent);border-radius:50%;animation:2.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--cyan) 60%, transparent)}70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.hero-title{letter-spacing:-.04em;color:#f5f7fc;margin-top:26px;font-size:clamp(3.2rem,12vw,10rem);font-weight:600;line-height:.94}.hero-title .split-char{background:linear-gradient(#fff 42%,#fff9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#b9becd;max-width:36rem;margin-top:30px;font-size:clamp(1rem,2.3vw,1.28rem);line-height:1.55}.hero-sub em{color:var(--cyan);font-style:italic}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:40px;display:flex}.btn{font-family:var(--mono);letter-spacing:.02em;border:1px solid var(--line);transition:transform .3s var(--ease), background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);border-radius:999px;padding:14px 26px;font-size:13px}.btn-primary{background:var(--fg);color:#05060a;border-color:var(--fg)}.btn-primary:hover{background:var(--cyan);border-color:var(--cyan)}.btn-ghost{color:var(--fg);background:#ffffff05}.btn-ghost:hover{border-color:#ffffff47}.hero-meta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:44px;font-size:11px;display:flex}.hero-meta .sep{color:#fff3}.scroll-cue{font-family:var(--mono);text-transform:uppercase;letter-spacing:.3em;color:var(--muted);flex-direction:column;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:34px}.scroll-cue i{background:linear-gradient(var(--cyan), transparent);width:1px;height:42px;animation:drop 2s var(--ease) infinite;transform-origin:top}@keyframes drop{0%{transform:scaleY(0)}40%{transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.section{max-width:1180px;margin:0 auto;padding:clamp(90px,15vh,200px) clamp(20px,5vw,60px);position:relative}.section-head{margin-bottom:60px}.idx{font-family:var(--mono);text-transform:uppercase;letter-spacing:.25em;color:var(--cyan);font-size:12px}.section h2{letter-spacing:-.03em;margin-top:18px;font-size:clamp(2.2rem,6vw,4.4rem);font-weight:600;line-height:1}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .5s var(--ease), border-color .5s var(--ease);background:#ffffff04;border-radius:16px;padding:30px;position:relative;overflow:hidden}.card:before{content:"";background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--cyan) 12%, transparent), transparent 60%);opacity:0;transition:opacity .5s var(--ease);position:absolute;inset:0}.card:hover{border-color:#ffffff2e;transform:translateY(-3px)}.card:hover:before{opacity:1}.card .num{font-family:var(--mono);color:var(--muted);font-size:12px}.card h3{letter-spacing:-.01em;margin-top:22px;font-size:1.28rem;font-weight:600}.card p{color:var(--muted);margin-top:12px;font-size:.92rem;line-height:1.6}.work{border-top:1px solid var(--line)}.work-item{border-bottom:1px solid var(--line);transition:padding .45s var(--ease);grid-template-columns:44px 1fr auto auto;align-items:center;gap:24px;padding:30px 8px;display:grid;position:relative}.work-item .wn{font-family:var(--mono);color:var(--muted);font-size:12px}.work-item h3{letter-spacing:-.02em;transition:transform .45s var(--ease), color .45s var(--ease);font-size:clamp(1.3rem,3.4vw,2.2rem);font-weight:500}.work-item .cat,.work-item .yr{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:11px}.work-item .arrow{opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);color:var(--cyan);transform:translate(-8px)}.work-item:hover{padding-left:22px}.work-item:hover h3{color:var(--cyan)}.work-item:hover .arrow{opacity:1;transform:translate(0)}@media (width<=680px){.nav-links a:not(.nav-cta){display:none}}.steps{border-left:1px solid var(--line);flex-direction:column;margin-left:6px;display:flex}.step{grid-template-columns:42px 1fr;gap:26px;padding:34px 0 34px 36px;display:grid;position:relative}.step:before{content:"";background:var(--cyan);width:9px;height:9px;box-shadow:0 0 12px var(--cyan);border-radius:50%;position:absolute;top:42px;left:-5px}.step .sn{font-family:var(--mono);color:var(--muted);padding-top:6px;font-size:13px}.step h3{letter-spacing:-.02em;font-size:clamp(1.35rem,3vw,2rem);font-weight:500}.step p{max-width:48ch;color:var(--muted);margin-top:10px;font-size:.98rem;line-height:1.6}@media (width<=560px){.step{grid-template-columns:1fr;gap:8px;padding-left:28px}}.contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:90svh;display:flex}.contact-title{max-width:18ch;margin-top:22px}.mail{letter-spacing:-.02em;background:linear-gradient(90deg, var(--cyan), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:40px;font-size:clamp(1.3rem,4vw,2.4rem);font-weight:500}.contact-row{font-family:var(--mono);color:var(--muted);gap:16px;margin-top:26px;font-size:13px;display:flex}.contact-row a:hover{color:var(--fg)}.contact-row .sep{color:#fff3}.foot{font-family:var(--mono);letter-spacing:.08em;color:#ffffff4d;margin-top:70px;font-size:11px}.reveal{opacity:0;will-change:transform, opacity;transform:translateY(26px)}.split-word{white-space:nowrap;display:inline-block}.split-char{will-change:transform;display:inline-block}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.pulse,.scroll-cue i{animation:none}body{cursor:auto}.cursor,.cursor-ring{display:none}}