:root{--bg:#080808;--bg-elev:#0d0d0d;--line:#ffffff14;--line-strong:#ffffff24;--fg:#f5f5f5;--fg-dim:#f5f5f58c;--fg-mute:#f5f5f561;--accent:#00e5ff;--accent-soft:#00e5ff1f;--accent-line:#00e5ff59}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif;font-size:16px;font-weight:300;line-height:1.55;overflow-x:hidden}::selection{background:var(--accent);color:#000}.cursor-glow{pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#00e5ff1a 0%,#00e5ff0a 30%,#0000 65%);border-radius:50%;width:480px;height:480px;transition:opacity .4s,width .4s,height .4s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body:hover .cursor-glow{opacity:1}@media (hover:none){.cursor-glow{display:none}}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-family:Space Grotesk,sans-serif;font-weight:500}.mono{font-family:JetBrains Mono,monospace}.nav{z-index:50;-webkit-backdrop-filter:blur(20px);background:#08080899;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:22px 48px;transition:border-color .25s,background .25s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--line)}.nav-logo{letter-spacing:-.01em;color:var(--fg);align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;text-decoration:none;display:flex}.nav-logo svg{width:22px;height:22px}.nav-links{gap:36px;display:flex}.nav-links a{color:var(--fg-dim);font-size:13.5px;font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--fg)}.nav-cta{border:1px solid var(--line-strong);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.nav-cta:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:720px){.nav{padding:18px 24px}.nav-links{display:none}}section{max-width:1280px;margin:0 auto;padding:140px 48px;position:relative}@media (max-width:720px){section{padding:100px 24px}}.section-label{color:var(--fg-mute);text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:12px;margin-bottom:28px;font-family:JetBrains Mono,monospace;font-size:11.5px;display:flex}.section-label:before{content:"";background:var(--fg-mute);width:28px;height:1px;display:inline-block}.section-heading{max-width:820px;color:var(--fg);margin-bottom:80px;font-size:clamp(36px,5vw,56px);line-height:1.05}.section-heading .dim{color:var(--fg-mute)}.hero{text-align:center;justify-content:center;align-items:center;max-width:none;min-height:100vh;padding:0 24px;display:flex;overflow:hidden}.hero-grid{z-index:0;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60%,#000 30%,#0000 75%)}.hero-dots{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-dot{background:var(--accent);opacity:0;border-radius:50%;width:2px;height:2px;animation:6s ease-in-out infinite dotPulse;position:absolute}@keyframes dotPulse{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.85;box-shadow:0 0 10px var(--accent);transform:scale(1.2)}}.hero-inner{z-index:1;flex-direction:column;align-items:center;max-width:1100px;display:flex;position:relative}.hero-tag{color:var(--fg-mute);letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--line);opacity:0;border-radius:999px;align-items:center;gap:8px;margin-bottom:36px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:11.5px;animation:.8s ease-out .1s forwards fadeUp;display:inline-flex}.hero-tag-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.hero-wordmark{letter-spacing:-.055em;color:var(--fg);margin:0 0 28px;font-family:Space Grotesk,sans-serif;font-size:clamp(64px,14vw,200px);font-weight:500;line-height:.92;display:inline-flex;overflow:hidden}.hero-wordmark .letter{will-change:transform;animation:.9s cubic-bezier(.22,.9,.3,1) forwards letterRise;display:inline-block;transform:translateY(110%)}.hero-wordmark .letter:hover{color:var(--accent);transition:color .25s}@keyframes letterRise{to{transform:translateY(0)}}.hero-tagline{color:var(--fg-dim);opacity:0;max-width:620px;margin:0 0 48px;font-family:Manrope,sans-serif;font-size:clamp(18px,2.2vw,26px);font-weight:200;line-height:1.35;animation:1s ease-out .45s forwards fadeUp}.hero-tagline em{color:var(--fg);font-style:normal;font-weight:300}.hero-cta{opacity:0;animation:1s ease-out .65s forwards fadeUp}.cta-btn{background:var(--fg);color:#000;border:1px solid var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:14px;padding:16px 26px 16px 30px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.cta-btn:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px #00e5ff1f,0 0 40px #00e5ff40}.cta-btn .arrow{transition:transform .25s;display:inline-block}.cta-btn:hover .arrow{transform:translate(4px)}.magnetic{transition:transform .25s cubic-bezier(.22,.9,.3,1);display:inline-block}.hero-scroll{z-index:1;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-mute);opacity:0;flex-direction:column;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10.5px;animation:1s ease-out .9s forwards fadeUp;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom, transparent, var(--fg-mute));width:1px;height:32px;animation:2s ease-in-out infinite scrollLine}@keyframes scrollLine{0%,to{transform-origin:top;transform:scaleY(.4)}50%{transform-origin:top;transform:scaleY(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0;padding:22px 0;position:relative;overflow:hidden}.ticker-track{white-space:nowrap;gap:56px;width:max-content;animation:38s linear infinite marquee;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-item{letter-spacing:-.02em;color:var(--fg-mute);align-items:center;gap:56px;font-family:Space Grotesk,sans-serif;font-size:clamp(22px,3.2vw,38px);font-weight:500;transition:color .3s;display:inline-flex}.ticker-item:hover{color:var(--fg)}.ticker-item .accent{color:var(--accent)}.ticker-star{color:var(--accent);font-size:18px;animation:12s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.2,.6,.2,1),transform .9s cubic-bezier(.2,.6,.2,1);transform:translateY(30px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal[data-delay="1"]{transition-delay:80ms}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}.reveal[data-delay="5"]{transition-delay:.4s}.reveal[data-delay="6"]{transition-delay:.48s}.reveal[data-delay="7"]{transition-delay:.56s}.services-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--bg);flex-direction:column;justify-content:space-between;min-height:230px;padding:38px 32px 36px;transition:background .3s;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";pointer-events:none;border:1px solid #0000;transition:border-color .3s,box-shadow .3s;position:absolute;inset:0}.service-card:hover{background:#0a0a0a}.service-card:hover:before{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 24px #00e5ff14, 0 0 60px #00e5ff1f}.service-card:hover .service-icon{color:var(--accent);transform:translateY(-4px)rotate(-6deg)}.service-card:hover .service-arrow{opacity:1;color:var(--accent);transform:translate(0)}.service-card:hover .service-title{transform:translate(4px)}.service-card .service-title{transition:transform .35s cubic-bezier(.4,0,.2,1)}.service-card:after{content:"";background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%), #00e5ff24, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:-1px}.service-card:hover:after{opacity:1}.service-num{color:var(--fg-mute);letter-spacing:.15em;font-family:JetBrains Mono,monospace;font-size:11px}.service-icon{color:var(--fg);margin-top:28px;transition:color .3s,transform .4s cubic-bezier(.4,0,.2,1)}.service-icon svg{stroke-width:1.25px;width:24px;height:24px}.service-title{color:var(--fg);margin-top:18px;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:500}.service-desc{color:var(--fg-dim);font-size:13.5px;font-weight:300;line-height:1.5}.service-arrow{color:var(--fg-mute);opacity:0;transition:all .3s;position:absolute;top:32px;right:28px;transform:translate(-4px,4px)}.projects-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.project-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:80px 1.5fr 2fr 1fr auto;align-items:center;gap:32px;padding:32px 0;transition:padding .3s;display:grid;position:relative}.project-row:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#00e5ff0a,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.project-row:hover{padding-left:16px;padding-right:16px}.project-row:hover:after{opacity:1}.project-row:hover .project-name{color:var(--accent)}.project-row:hover .project-cta{color:var(--accent);transform:translate(4px)}.project-num{color:var(--fg-mute);font-family:JetBrains Mono,monospace;font-size:12px}.project-name{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:500;transition:color .3s}.project-desc{color:var(--fg-dim);font-size:14.5px;font-weight:300}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.project-tag{border:1px solid var(--line);color:var(--fg-dim);letter-spacing:.04em;border-radius:999px;padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:10.5px}.project-cta{color:var(--fg-mute);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11.5px;transition:all .3s;display:flex}@media (max-width:920px){.project-row{grid-template-rows:auto auto;grid-template-columns:50px 1fr auto;gap:8px 16px}.project-num{grid-row:1/span 2}.project-name{grid-column:2;font-size:22px}.project-cta{grid-area:1/3/span 2}.project-desc,.project-tags{grid-column:2}}.about-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:80px;display:grid}@media (max-width:860px){.about-grid{grid-template-columns:1fr;gap:40px}}.about-statement{letter-spacing:-.025em;color:var(--fg);font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3.6vw,44px);font-weight:500;line-height:1.12}.about-statement .accent{color:var(--accent)}.about-statement .dim{color:var(--fg-mute)}.about-bio{flex-direction:column;gap:22px;padding-top:8px;display:flex}.about-bio p{color:var(--fg-dim);margin:0;font-size:15px;font-weight:300;line-height:1.7}.about-meta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;padding-top:28px;display:grid}.about-meta-item{flex-direction:column;gap:4px;display:flex}.about-meta-label{color:var(--fg-mute);letter-spacing:.18em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10.5px}.about-meta-value{color:var(--fg);font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:500}.about-meta-value .accent{color:var(--accent)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}@media (max-width:860px){.contact-grid{grid-template-columns:1fr;gap:48px}}.contact-info{flex-direction:column;gap:32px;display:flex}.contact-info-item .label{color:var(--fg-mute);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10.5px}.contact-info-item .value{color:var(--fg);font-family:Space Grotesk,sans-serif;font-size:18px;text-decoration:none;transition:color .2s}.contact-info-item .value:hover{color:var(--accent)}.contact-form{flex-direction:column;gap:28px;display:flex}.field{flex-direction:column;gap:8px;display:flex;position:relative}.field label{color:var(--fg-mute);letter-spacing:.18em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10.5px}.field input,.field textarea{border:none;border-bottom:1px solid var(--line-strong);color:var(--fg);resize:none;background:0 0;outline:none;padding:10px 0 12px;font-family:Manrope,sans-serif;font-size:17px;font-weight:300;transition:border-color .2s}.field textarea{min-height:100px}.field input:focus,.field textarea:focus{border-bottom-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:var(--fg-mute);font-weight:300}.field .error-msg{color:#ff6b6b;letter-spacing:.04em;min-height:14px;font-family:JetBrains Mono,monospace;font-size:11px}.field.has-error input,.field.has-error textarea{border-bottom-color:#ff6b6b}.submit-btn{background:var(--fg);color:#000;border:1px solid var(--fg);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:12px;margin-top:12px;padding:16px 30px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.submit-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px #00e5ff1f}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn.sent{color:var(--accent);border-color:var(--accent);background:0 0}footer{border-top:1px solid var(--line);color:var(--fg-mute);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:36px 48px;font-family:JetBrains Mono,monospace;font-size:11.5px;display:flex}footer .left{align-items:center;gap:12px;display:flex}footer svg{width:18px;height:18px}footer a{color:var(--fg-mute);text-decoration:none;transition:color .2s}footer a:hover{color:var(--fg)}footer .socials{gap:24px;display:flex}@media (max-width:640px){footer{text-align:center;flex-direction:column;gap:20px;padding:28px 24px}}