:root{--bg:#0a0a0a;--bg-soft:#111;--surface:#161616;--border:#ffffff14;--text:#f2f2f2;--muted:#8a8a8a;--accent:#d4ff4f;--accent-2:#7c5cff;--font-head:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--ease:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#000}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}section{position:relative}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--accent);width:6px;height:6px}.cursor-ring{width:36px;height:36px;transition:width .3s var(--ease), height .3s var(--ease), border-color .3s, background .3s;border:1px solid #d4ff4f66}.cursor-ring.is-hover{border-color:var(--accent);background:#d4ff4f14;width:64px;height:64px}@media (hover:none){.cursor-dot,.cursor-ring{display:none}}.preloader{z-index:10000;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader-num{font-family:var(--font-head);color:var(--accent);letter-spacing:-.04em;font-size:clamp(5rem,20vw,16rem);font-weight:700;line-height:1}.preloader-bar{background:var(--accent);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0}.nav{z-index:100;justify-content:space-between;align-items:center;padding:20px clamp(20px,4vw,48px);transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,padding .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0a0a0ab3;padding-top:14px;padding-bottom:14px}.nav-logo{font-family:var(--font-head);letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.nav-logo span{color:var(--accent)}.nav-links{gap:28px;font-size:.85rem;list-style:none;display:flex}.nav-links a{color:var(--muted);transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s var(--ease);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}@media (width<=768px){.nav-links{display:none}}.scroll-progress{z-index:101;background:var(--accent);transform-origin:0;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.section{padding:clamp(90px,12vh,160px) 0}.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:20px;font-size:.75rem;font-weight:600;display:inline-flex}.kicker:before{content:"";background:var(--accent);width:28px;height:1px}h2.title{font-family:var(--font-head);letter-spacing:-.03em;font-size:clamp(2.2rem,5.5vw,4.2rem);font-weight:700;line-height:1.05}.lead{color:var(--muted);max-width:560px;margin-top:22px;font-size:1.05rem;line-height:1.7}.reveal-word{vertical-align:top;display:inline-block;overflow:hidden}.reveal-word>span{transition:transform .9s var(--ease);display:inline-block;transform:translateY(110%)}.reveal-word.in>span{transform:translateY(0)}.fade-up{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(36px)}.fade-up.in{opacity:1;transform:none}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding-top:100px;display:flex}.hero-eyebrow{color:var(--muted);align-items:center;gap:12px;margin-bottom:28px;font-size:.85rem;display:flex}.pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #d4ff4f80}70%{box-shadow:0 0 0 14px #d4ff4f00}to{box-shadow:0 0 #d4ff4f00}}.hero h1{font-family:var(--font-head);letter-spacing:-.035em;font-size:clamp(3.4rem,11vw,9.5rem);font-weight:700;line-height:.95}.hero h1 .outline{color:#0000;-webkit-text-stroke:1.5px var(--text)}.hero h1 .accent{color:var(--accent)}.hero h1 .ltr{display:inline-block}.hero-role{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;font-size:clamp(1rem,2vw,1.3rem);display:flex}.hero-role .tag{border:1px solid var(--border);color:var(--text);border-radius:99px;padding:8px 16px;font-size:.8rem}.hero-role .tag b{color:var(--accent);font-weight:600}.hero-cta{flex-wrap:wrap;gap:16px;margin-top:44px;display:flex}.btn{--pad:16px 30px;padding:var(--pad);font-family:var(--font-head);cursor:pointer;border:1px solid var(--accent);transition:background .35s var(--ease), color .35s var(--ease);border-radius:99px;align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-solid{background:var(--accent);color:#000}.btn-solid:hover{color:var(--accent);background:0 0}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover{background:var(--accent);color:#000}.magnetic{will-change:transform}.scroll-hint{letter-spacing:.25em;text-transform:uppercase;color:var(--muted);animation:bob 2s infinite var(--ease);font-size:.7rem;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes bob{50%{transform:translate(-50%,10px)}}.stats{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;display:grid}.stat{background:var(--bg);padding:36px 30px}.stat .count{font-family:var(--font-head);color:var(--accent);font-size:3rem;font-weight:700;line-height:1;display:block}.stat .stat-plus{opacity:.6;vertical-align:super;margin-left:2px;font-size:3rem}.stat span{color:var(--muted);margin-top:10px;font-size:.85rem;display:block}.stat.fade-up.in b{place-items:center start;gap:2px;display:flex}.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap;padding:22px 0;overflow:hidden}.marquee-track{will-change:transform;gap:44px;display:inline-flex}.marquee span{font-family:var(--font-head);letter-spacing:.02em;color:var(--muted);font-size:1.4rem;font-weight:600}.marquee span i{color:var(--accent);font-style:normal}.marquee:hover .marquee-track{animation-play-state:paused}.services-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px;display:grid}.service{background:var(--bg);padding:40px 32px;transition:background .4s;position:relative;overflow:hidden}.service:before{content:"";background:radial-gradient(500px circle at var(--mx,50%) var(--my,50%), #d4ff4f14, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.service:hover:before{opacity:1}.service .num{font-family:var(--font-head);color:var(--accent);letter-spacing:.15em;font-size:.8rem}.service h3{font-family:var(--font-head);letter-spacing:-.01em;margin:16px 0 12px;font-size:1.35rem}.service p{color:var(--muted);font-size:.93rem;line-height:1.7}.service .arrow{color:var(--accent);transition:transform .4s var(--ease);position:absolute;top:36px;right:32px}.service:hover .arrow{transform:translate(6px,-6px)}.timeline{border-left:1px solid var(--border);margin-left:8px;padding-left:36px}.tl-item{padding:0 0 56px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-41px;box-shadow:0 0 0 5px #d4ff4f1f}.tl-date{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:600}.tl-item h3{font-family:var(--font-head);letter-spacing:-.01em;margin:10px 0 6px;font-size:1.4rem}.tl-item .co{color:var(--muted);font-size:.9rem}.tl-item p{color:var(--muted);max-width:640px;margin-top:14px;font-size:.95rem;line-height:1.7}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.project{background:var(--surface);border:1px solid var(--border);transition:transform .5s var(--ease), border-color .4s;cursor:pointer;will-change:transform;border-radius:18px;position:relative;overflow:hidden}.project:hover{border-color:#d4ff4f66}.project .thumb{aspect-ratio:16/10;position:relative;overflow:hidden}.project .thumb .art{background:linear-gradient(135deg, var(--g1), var(--g2));transition:transform .8s var(--ease);position:absolute;inset:0}.project:hover .art{transform:scale(1.08)}.project .thumb:after{content:attr(data-label);font-family:var(--font-head);letter-spacing:-.03em;color:#00000040;place-items:center;font-size:3.4rem;font-weight:700;display:grid;position:absolute;inset:0}.project .body{padding:22px}.project h3{font-family:var(--font-head);letter-spacing:-.01em;font-size:1.15rem}.project .tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.project .tags i{border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:4px 10px;font-size:.7rem;font-style:normal}.project .view{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-top:16px;font-size:.8rem;font-weight:600}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.skill .row{justify-content:space-between;margin-bottom:10px;font-size:.85rem;display:flex}.skill .row b{font-family:var(--font-head)}.skill .bar{background:var(--border);border-radius:99px;height:3px;overflow:hidden}.skill .bar i{background:var(--accent);transform-origin:0;height:100%;transition:transform 1.4s var(--ease);border-radius:99px;display:block;transform:scaleX(0)}.skill .bar i.in{transform:scaleX(var(--lvl))}.contact{text-align:center;padding-top:0}.contact h2{font-family:var(--font-head);letter-spacing:-.03em;font-size:clamp(2.6rem,8vw,7rem);font-weight:700;line-height:1}.contact h2 .accent{color:var(--accent)}.contact p{color:var(--muted);max-width:480px;margin:24px auto 40px;line-height:1.7}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px clamp(20px,4vw,48px);font-size:.8rem;display:flex}.socials{gap:20px;display:flex}.socials a{color:var(--muted);transition:color .3s;position:relative}.socials a:hover{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}.cursor-dot,.cursor-ring{display:none}}