@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#0b0c10;--surface:#0f1116;--surface-2:#141820;--line:#ffffff1a;--line-bright:#00ff9d52;--text:#f1f5f2;--muted:#8b9790;--green:#00ff9d;--green-2:#33ffc0;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--green) #080b09}body{background:var(--bg);min-width:320px;margin:0;overflow-x:hidden}body,button,input,textarea{font-family:var(--font-body)}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh;position:relative;overflow:clip}.noise{z-index:20;opacity:.015;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.scroll-progress{z-index:101;transform-origin:0;background:var(--green);height:2px;box-shadow:0 0 12px var(--green);position:fixed;inset:0 0 auto}.loader{z-index:1000;text-align:center;background:#030504;place-content:center;gap:28px;display:grid;position:fixed;inset:0}.loader__mark{width:92px;height:92px;color:var(--green);place-items:center;margin:auto;display:grid;position:relative}.loader__mark b{font:700 25px var(--font-display);text-shadow:0 0 20px var(--green)}.loader__line{background:var(--green);box-shadow:0 0 14px var(--green);position:absolute}.loader__line--top,.loader__line--bottom{transform-origin:0;width:100%;height:1px}.loader__line--top{top:0}.loader__line--bottom{transform-origin:100%;bottom:0}.loader__line--left,.loader__line--right{transform-origin:top;width:1px;height:100%}.loader__line--left{transform-origin:bottom;left:0}.loader__line--right{right:0}.loader__status{color:var(--muted);font:500 10px var(--font-display);letter-spacing:.28em}.dc-logo{aspect-ratio:1;width:42px;color:var(--green);cursor:pointer;background:radial-gradient(circle,#66ff8c29,#66ff8c05);border:1px solid #66ff8c6b;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #66ff8c1a}.dc-logo:before{content:"";background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:0;width:170%;height:30%;position:absolute;transform:rotate(45deg)translateY(280%)}.dc-logo:hover:before{opacity:.6;animation:1s logo-scan}.dc-logo__corner{width:8px;height:8px;position:absolute}.dc-logo__corner--tl{border-top:1px solid var(--green);border-left:1px solid var(--green);top:4px;left:4px}.dc-logo__corner--br{border-right:1px solid var(--green);border-bottom:1px solid var(--green);bottom:4px;right:4px}.dc-logo__letters{font:700 12px var(--font-display);letter-spacing:.08em;text-shadow:0 0 10px var(--green)}.dc-logo--large{border-radius:15px;width:96px;box-shadow:0 0 50px #66ff8c1f,inset 0 0 28px #66ff8c1f}.dc-logo--large .dc-logo__letters{font-size:28px}.dc-logo--large .dc-logo__corner{width:16px;height:16px;top:8px;left:8px}.dc-logo--large .dc-logo__corner--br{inset:auto 8px 8px auto}@keyframes logo-scan{0%{transform:rotate(45deg)translateY(280%)}to{transform:rotate(45deg)translateY(-280%)}}.navbar{z-index:100;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;width:min(1380px,100% - 48px);height:72px;padding:0 14px 0 18px;transition:all .35s;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.navbar--scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050706e0;height:64px;top:10px;box-shadow:0 10px 40px #00000059}.navbar__brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:flex}.navbar__brand>span{text-align:left;font:600 12px/1.2 var(--font-display);letter-spacing:.16em;flex-direction:column;display:flex}.navbar__brand b{color:var(--green)}.navbar__links{align-items:center;gap:6px;display:flex}.navbar__links button{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:2px solid #0000;border-radius:4px;padding:11px 16px;font-size:12px;transition:all .2s ease-out;position:relative}.navbar__links button small{color:var(--green);opacity:0;font-size:7px;transition:all .2s ease-out;position:absolute;top:2px;right:6px}.navbar__links button:hover{color:#00ff9d;background:#00ff9d1a;border-color:#00ff9d;box-shadow:0 0 12px #00ff9d99}.navbar__links button:hover small{opacity:1}.navbar__menu{border:1px solid var(--line);background:var(--surface);place-items:center;width:42px;height:42px;display:none}.mobile-nav{display:none}main,footer{z-index:2;position:relative}.hero-section{place-items:center;width:min(1380px,100% - 48px);min-height:100svh;margin:auto;padding:140px 40px 48px;display:grid;position:relative}.hero-section__status{color:#68736c;font:500 9px var(--font-display);letter-spacing:.18em;z-index:3;justify-content:space-between;display:flex;position:absolute;top:108px;left:28px;right:28px}.hero-section__status i,.availability i{background:var(--green);width:6px;height:6px;box-shadow:0 0 12px var(--green);border-radius:50%;margin-right:8px;animation:1.7s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}.hero-section__content{text-align:center;flex-direction:column;align-items:center;max-width:1000px;display:flex}.hero-section__logo{margin-bottom:30px}.hero-section__kicker,.eyebrow{color:var(--green);font:600 10px var(--font-display);letter-spacing:.27em}.hero-section h1{font:500 clamp(4.5rem,9.3vw,9rem)/.84 var(--font-display);letter-spacing:-.075em;margin:22px 0 26px}.hero-section h1 span{color:#0000;-webkit-text-stroke:1px var(--green);text-shadow:0 0 50px #66ff8c1f;display:block}.hero-section__lead{max-width:570px;color:var(--muted);font-size:15px;line-height:1.8}.hero-section__actions{gap:12px;margin-top:38px;display:flex}.button{border:1px solid var(--line);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:0 24px;font-size:11px;font-weight:600;transition:all .25s;display:inline-flex}.button--primary{background:var(--green);border-color:var(--green);color:#041007;box-shadow:0 0 30px #66ff8c1a}.button--primary:hover{background:var(--green-2);transform:translateY(-2px);box-shadow:0 0 34px #00ff9d47}.button--ghost:hover{color:var(--green);border-color:var(--line-bright);background:#00ff9d0d}.scroll-cue{color:#6c7770;letter-spacing:.2em;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;font-size:8px;display:flex;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.scroll-cue svg{color:var(--green);animation:1.8s infinite bounce}@keyframes bounce{50%{transform:translateY(5px)}}.hero-section__index{color:#515a54;font:500 8px var(--font-display);letter-spacing:.16em;position:absolute;bottom:31px;right:28px}.section{border-top:1px solid var(--line);width:min(1380px,100% - 48px);margin:auto;padding:140px 40px}.section-heading{grid-template-columns:1fr 3fr;gap:32px;margin-bottom:80px;display:grid}.section-heading__meta{color:var(--green);font:600 9px var(--font-display);letter-spacing:.19em;flex-direction:column;gap:8px;display:flex}.section-heading__meta span:first-child{color:#59645d}.section-heading__copy{justify-content:space-between;align-items:end;gap:50px;display:flex}.section-heading h2,.contact-heading h2{font:500 clamp(2.6rem,5.2vw,5.1rem)/.98 var(--font-display);letter-spacing:-.055em;margin:0}.section-heading h2 em,.contact-heading h2 em{color:#0000;-webkit-text-stroke:1px #66ff8cbf;font-style:normal}.section-heading__copy>p{max-width:340px;color:var(--muted);margin:0 0 4px;font-size:13px;line-height:1.7}.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project{border:1px solid var(--line);background:#0a0e0cb8;min-width:0;transition:all .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.project:hover{border-color:var(--line-bright);transform:translateY(-7px);box-shadow:0 26px 70px #00000059,0 0 40px #66ff8c0d}.project__visual{border-bottom:1px solid var(--line);background:radial-gradient(at 50% 60%,#66ff8c0a,#0b0f0d 70%);place-items:center;height:310px;display:grid;position:relative;overflow:hidden}.project__orb{width:170px;height:170px;box-shadow:0 0 80px color-mix(in srgb,currentColor 25%,transparent),inset 0 0 50px color-mix(in srgb,currentColor 12%,transparent);border:1px solid;border-radius:50%;transition:all .5s;position:absolute}.project__orb:before,.project__orb:after{content:"";opacity:.45;border:1px dashed;border-radius:50%;position:absolute;inset:17px}.project__orb:after{opacity:.12;border-style:solid;inset:-26px}.project:hover .project__orb{transform:scale(1.13)rotate(28deg)}.project__symbol{z-index:1;font:500 84px var(--font-display);color:#0000;-webkit-text-stroke:1px currentColor;text-shadow:0 0 30px}.project--lime{color:#66ff8c}.project--cyan{color:#68e9ff}.project--violet{color:#ae85ff}.project--orange{color:#ffb36a}.project__number{font:500 9px var(--font-display);letter-spacing:.2em;position:absolute;top:20px;right:22px}.project__content{color:var(--text);padding:28px}.project__content>div:first-child{justify-content:space-between;align-items:start;gap:20px;display:flex}.project h3{font:500 27px var(--font-display);letter-spacing:-.04em;margin:7px 0 0}.project__content>p{max-width:470px;color:var(--muted);margin:24px 0;font-size:13px;line-height:1.65}.project__bottom{justify-content:space-between;align-items:end;gap:20px;display:flex}.project__bottom ul{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.project__bottom li{border:1px solid var(--line);color:#88938c;letter-spacing:.05em;padding:7px 10px;font-size:9px}.project__bottom button{border:1px solid var(--line);min-width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;transition:all .25s}.project:hover .project__bottom button{color:#071009;background:currentColor;border-color:currentColor}.about-grid{grid-template-columns:1fr 1.15fr;gap:8vw;display:grid}.about-copy__asterisk{width:38px;height:38px;color:var(--green);margin-bottom:38px;animation:12s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.about-copy>p{color:var(--muted);margin:0 0 25px;font-size:17px;line-height:1.75}.about-copy>p strong{color:var(--text);font-weight:500}.about-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px;padding-top:30px;display:grid}.about-stats div{flex-direction:column;gap:8px;display:flex}.about-stats strong{color:var(--green);font:500 32px var(--font-display)}.about-stats span{color:#6e7972;letter-spacing:.15em;font-size:8px}.process{border-top:1px solid var(--line)}.process__item{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr auto;align-items:center;gap:22px;min-height:112px;transition:all .3s;display:grid}.process__item:hover{background:linear-gradient(90deg,#66ff8c12,#0000);padding-inline:15px}.process__item>span{color:var(--green);font:500 9px var(--font-display)}.process__item h3{font:500 17px var(--font-display);letter-spacing:.05em;margin:0 0 7px}.process__item p{color:var(--muted);margin:0;font-size:12px}.process__item svg{color:var(--green);opacity:0;transition:all .25s}.process__item:hover svg{opacity:1;transform:rotate(20deg)}.tech-stack{border-top:1px solid var(--line);margin-top:110px;padding-top:36px}.tech-stack__label{color:#69746d;font:500 9px var(--font-display);letter-spacing:.18em;margin-bottom:24px;display:block}.tech-stack__list{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tech-stack__list>span{border:1px solid var(--line);color:#bbc3be;min-height:84px;font:500 12px var(--font-display);background:#ffffff03;align-items:center;gap:13px;padding:0 20px;transition:all .25s;display:flex}.tech-stack__list>span:hover{border-color:var(--line-bright);color:var(--text);box-shadow:inset 0 0 25px #66ff8c0d}.tech-stack__list i{width:30px;height:30px;color:var(--green);font:normal 600 8px var(--font-display);border:1px solid #66ff8c4d;border-radius:4px;place-items:center;display:grid}.contact-section{background:linear-gradient(#66ff8c06,#0000)}.contact-heading{text-align:center;margin-bottom:90px}.contact-heading>span{color:var(--green);font:500 9px var(--font-display);letter-spacing:.2em;margin-bottom:30px;display:block}.contact-heading p{color:var(--muted);margin-top:26px;font-size:14px}.contact-grid{grid-template-columns:1.35fr .65fr;gap:60px;max-width:1120px;margin:auto;display:grid}.contact-form{flex-direction:column;display:flex}.contact-form label{border-top:1px solid var(--line);flex-direction:column;padding:25px 0;display:flex}.contact-form label span{color:var(--green);font:500 8px var(--font-display);letter-spacing:.18em;margin-bottom:12px}.contact-form input,.contact-form textarea{resize:none;color:var(--text);font:400 19px var(--font-display);background:0 0;border:0;outline:0;padding:6px 0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#454e48}.contact-form label:focus-within{border-color:var(--green)}.contact-form .button{align-self:start;min-width:225px;margin-top:14px}.contact-aside{border-left:1px solid var(--line);flex-direction:column;gap:42px;padding-left:35px;display:flex}.contact-aside>div:first-child{flex-direction:column;gap:13px;display:flex}.contact-aside>div:first-child a{color:#c1c9c4;font-size:13px}.socials{flex-direction:column;display:flex}.socials a{border-top:1px solid var(--line);height:60px;font:500 10px var(--font-display);letter-spacing:.12em;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;transition:all .25s;display:grid}.socials a:last-child{border-bottom:1px solid var(--line)}.socials svg{color:#778179;width:15px;transition:all .25s}.socials a:hover{color:var(--green);padding-inline:10px}.socials a:hover svg{color:var(--green)}.availability{background:#66ff8c09;border:1px solid #66ff8c2e;align-items:start;padding:18px;display:flex}.availability div{flex-direction:column;gap:7px;display:flex}.availability strong{color:var(--green);letter-spacing:.1em;font-size:8px}.availability span{color:#6f7b73;font-size:10px}footer{border-top:1px solid var(--line);color:#5e6862;width:min(1380px,100% - 48px);min-height:100px;font:500 8px var(--font-display);letter-spacing:.14em;justify-content:space-between;align-items:center;margin:auto;padding:22px 40px;display:flex}.footer-brand{color:#aeb7b1;align-items:center;gap:13px;display:flex}footer button{color:var(--green);letter-spacing:.14em;cursor:pointer;background:0 0;border:0;font-size:8px}@media (width<=950px){.navbar__links{display:none}.navbar__menu{display:grid}.mobile-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050706f5;flex-direction:column;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0}.mobile-nav button{border:0;border-bottom:1px solid var(--line);text-align:left;min-height:54px;font:500 14px var(--font-display);background:0 0;align-items:center;gap:20px;display:flex}.mobile-nav small{color:var(--green)}.section-heading{grid-template-columns:1fr}.section-heading__meta{flex-direction:row}.section-heading__copy{align-items:start}.about-grid{gap:50px}.tech-stack__list{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.navbar,.hero-section,.section,footer{width:calc(100% - 24px)}.navbar{padding:0 10px;top:8px}.navbar__brand>span{display:none}.hero-section{min-height:800px;padding:130px 20px 70px}.hero-section__status{top:100px;left:18px;right:18px}.hero-section__status span:last-child{display:none}.hero-section h1{font-size:clamp(3.25rem,18vw,5.3rem);line-height:.9}.hero-section__lead{font-size:13px}.hero-section__actions{flex-direction:column;width:100%}.hero-section__actions .button{width:100%}.scroll-cue{left:22px;transform:none}.section{padding:95px 20px}.section-heading{margin-bottom:52px}.section-heading__copy{flex-direction:column;gap:22px}.section-heading h2,.contact-heading h2{font-size:2.7rem}.projects-grid{grid-template-columns:1fr}.project__visual{height:250px}.project__content{padding:22px}.about-grid{grid-template-columns:1fr}.about-copy>p{font-size:15px}.about-stats{gap:8px}.about-stats strong{font-size:25px}.process__item{grid-template-columns:30px 1fr}.process__item svg{display:none}.tech-stack{margin-top:75px}.tech-stack__list{grid-template-columns:1fr 1fr}.tech-stack__list>span{min-height:70px;padding:0 12px;font-size:10px}.contact-heading{text-align:left;margin-bottom:60px}.contact-grid{grid-template-columns:1fr;gap:65px}.contact-aside{border-left:0;padding-left:0}.contact-form input,.contact-form textarea{font-size:16px}footer{flex-wrap:wrap;gap:20px;padding:24px 20px}footer>span{order:3;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.living-bg{z-index:0;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.bg-layer{pointer-events:none;position:absolute;inset:0}.bg-base__gradient{position:absolute;inset:0}.bg-base__noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:12s linear infinite bg-noise-drift;position:absolute;inset:-2px}@keyframes bg-noise-drift{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(0)}}.bg-base__vignette{position:absolute;inset:0}.bg-depth__orb{left:var(--orb-x);top:var(--orb-y);width:var(--orb-size);height:var(--orb-size);background:var(--orb-color);opacity:var(--orb-opacity);filter:blur(100px);animation:bg-orb-drift var(--orb-duration) ease-in-out infinite;animation-delay:var(--orb-delay);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@keyframes bg-orb-drift{0%,to{opacity:var(--orb-opacity);transform:translate(-50%,-50%)}33%{opacity:calc(var(--orb-opacity) * 1.4);transform:translate(-50%,-50%)translate(30px,-20px)}66%{opacity:calc(var(--orb-opacity) * .75);transform:translate(-50%,-50%)translate(-25px,15px)}}.bg-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 45%,#000,#0000)}@media (prefers-reduced-motion:reduce){.bg-base__noise,.bg-depth__orb{animation:none!important}}@media (width<=767px){.bg-depth__orb{filter:blur(70px)}}