:root{--bg:#080C12;--surface:#0D1219;--surface2:#131A24;--border:#1C2740;--blue:#3b82f6;--orange:#ff9200;--blue-dim:rgba(59,130,246,0.15);--orange-dim:rgba(255,146,0,0.12);--text:#EDF2FA;--muted:#8FA3BF;--heading-font:'Syne', sans-serif;--body-font:'DM Sans', sans-serif;--mono-font:'DM Mono', monospace;--nav-h:64px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-snap-type:y mandatory;overflow-y:scroll;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body-font);font-weight:400;line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.28}nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:310;padding:0 clamp(20px,4vw,60px);display:flex;justify-content:space-between;align-items:center;background:#fff0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border-bottom:1px solid #fff0;transition:background 0.45s ease,border-color 0.45s ease,backdrop-filter 0.45s ease,-webkit-backdrop-filter 0.45s ease,height 0.35s ease,box-shadow 0.45s ease,transform 0.38s ease}nav.nav-top{height:76px;background:#fff0;border-bottom-color:#fff0;box-shadow:none}nav.nav-scrolled{height:var(--nav-h);background:rgb(8 12 18 / .92);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom-color:var(--border);box-shadow:0 1px 40px rgb(0 0 0 / .35)}nav.nav-hidden{transform:translateY(-100%)}.nav-progress{position:fixed;top:0;left:0;height:2px;z-index:311;background:linear-gradient(90deg,var(--blue) 0%,rgb(59 130 246 / .4) 100%);width:0%;transform-origin:left;transition:width 0.1s linear;pointer-events:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:.8rem;font-family:var(--mono-font);transition:color 0.2s;position:relative;padding-bottom:3px}.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--blue);transition:width 0.3s ease}.nav-links a:hover::after,.nav-links a.nav-active::after{width:100%}.nav-links a.nav-active{color:var(--text)}.nav-logo{font-family:var(--heading-font);font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;flex-shrink:0}.logo{display:flex;align-items:center;flex-shrink:0}.logo-img{height:32px;width:32px;object-fit:contain;border-radius:6px;display:block}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}.hamburger span{display:block;width:22px;height:2px;background:var(--text);transition:all 0.3s;transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu{display:flex;align-items:center;gap:32px}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a:hover{color:var(--text)}.nav-cta{display:inline-block;border:1px solid var(--blue);color:var(--blue);padding:7px 18px;font-family:var(--mono-font);font-size:.76rem;text-decoration:none;transition:all 0.2s;white-space:nowrap;background:#fff0}.nav-cta:hover{background:var(--blue);color:var(--bg)}.mobile-nav{display:none;position:fixed;inset:0;background:rgb(6 9 14 / .97);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:290;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 clamp(32px,8vw,72px);opacity:0;pointer-events:none;transition:opacity 0.32s ease}.mobile-nav.open{display:flex;opacity:1;pointer-events:auto}.mobile-nav-inner{width:100%}.mobile-nav-label{font-family:var(--mono-font);font-size:.65rem;color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin-bottom:36px;display:flex;align-items:center;gap:10px}.mobile-nav-label::before{content:'';width:28px;height:1px;background:var(--blue)}.mobile-nav a{display:block;color:rgb(237 242 250 / .45);text-decoration:none;font-family:var(--heading-font);font-size:clamp(2.2rem,8vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;padding:10px 0;border-bottom:1px solid rgb(28 39 64 / .5);transition:color 0.2s,padding-left 0.25s;position:relative}.mobile-nav a:last-of-type{border-bottom:none}.mobile-nav a:hover{color:var(--text);padding-left:12px}.mobile-nav a.mob-cta{color:var(--blue);font-size:clamp(1rem,4vw,1.3rem);font-family:var(--mono-font);font-weight:500;letter-spacing:.02em;border:1px solid rgb(59 130 246 / .35);display:inline-flex;align-items:center;gap:10px;padding:14px 28px;margin-top:32px;border-bottom:1px solid rgb(59 130 246 / .35)}.mobile-nav a.mob-cta:hover{background:var(--blue);color:var(--bg);padding-left:28px}.mobile-nav-footer{margin-top:48px;font-family:var(--mono-font);font-size:.72rem;color:var(--muted)}.page-indicator{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:center}.page-dot{width:6px;height:6px;border-radius:50%;background:var(--border);border:1px solid var(--muted);transition:all 0.35s;cursor:pointer;position:relative}.page-dot.active{background:var(--blue);border-color:var(--blue);box-shadow:0 0 10px rgb(59 130 246 / .6);transform:scale(1.4)}.page-dot:hover{border-color:var(--blue);background:var(--blue-dim)}.page-dot .dot-label{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:var(--mono-font);font-size:.64rem;color:var(--muted);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s}.page-dot:hover .dot-label{opacity:1}.snap-section{scroll-snap-align:start;min-height:100vh;min-height:100dvh;position:relative;display:flex;align-items:center;overflow:hidden}#hero{padding-top:var(--nav-h)}#heroCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.hero-fade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to right,rgb(8 12 18 / .9) 0%,rgb(8 12 18 / .7) 38%,rgb(8 12 18 / .18) 65%,transparent 100%)}.hero-grid-bg{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgb(28 39 64 / .4) 1px,transparent 1px),linear-gradient(90deg,rgb(28 39 64 / .4) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 90% at 60% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 60% 50%,black 20%,transparent 100%)}.hero-inner{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:clamp(40px,8vh,90px) clamp(20px,4vw,60px)}.hero-label{font-family:var(--mono-font);font-size:clamp(0.6rem,1.4vw,0.76rem);color:var(--orange);letter-spacing:.13em;text-transform:uppercase;margin-bottom:clamp(16px,2.5vh,24px);display:flex;align-items:center;gap:12px;opacity:0;animation:fadeUp 0.6s 0.2s forwards}.hero-label::before{content:'';width:32px;height:1px;background:var(--orange);flex-shrink:0}h1{font-family:var(--heading-font);font-size:clamp(2.4rem,5.8vw,6rem);font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:clamp(16px,2.5vh,28px);max-width:700px;opacity:0;animation:fadeUp 0.7s 0.35s forwards}h1 em{font-style:normal;color:var(--blue)}h1 strong{font-style:normal;color:var(--blue);font-weight:800}.hero-desc{font-size:clamp(0.9rem,1.8vw,1.1rem);color:var(--muted);max-width:480px;line-height:1.85;margin-bottom:clamp(24px,4vh,44px);opacity:0;animation:fadeUp 0.7s 0.5s forwards}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;opacity:0;animation:fadeUp 0.7s 0.65s forwards}.btn-primary{background:var(--blue);color:#fff;padding:clamp(10px,2vh,13px) clamp(22px,2.5vw,32px);font-family:var(--mono-font);font-size:clamp(0.76rem,1.4vw,0.86rem);text-decoration:none;border:none;cursor:pointer;transition:all 0.22s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-primary:hover{background:#60a5fa;transform:translateY(-2px);box-shadow:0 8px 24px rgb(59 130 246 / .35)}.btn-secondary{background:#fff0;color:var(--orange);border:1px solid var(--orange);padding:clamp(10px,2vh,13px) clamp(22px,2.5vw,32px);font-family:var(--mono-font);font-size:clamp(0.76rem,1.4vw,0.86rem);text-decoration:none;transition:all 0.22s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn-secondary:hover{background:var(--orange);color:var(--bg);transform:translateY(-2px)}.hero-stats{display:flex;gap:clamp(24px,4vw,52px);margin-top:clamp(36px,6vh,72px);padding-top:clamp(22px,3.5vh,40px);border-top:1px solid var(--border);flex-wrap:wrap;opacity:0;animation:fadeUp 0.7s 0.8s forwards}.stat-num{font-family:var(--heading-font);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1;letter-spacing:-.04em}.stat-num.blue{color:var(--blue)}.stat-num.orange{color:var(--orange)}.stat-label{font-size:.72rem;color:var(--muted);margin-top:5px;font-family:var(--mono-font)}.section-content{width:100%;max-width:1280px;margin:0 auto;padding:clamp(56px,9vh,100px) clamp(20px,4vw,60px)}.section-label{font-family:var(--mono-font);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}.section-label::before{content:'//';opacity:.45}.section-label.blue{color:var(--blue)}.section-label.orange{color:var(--orange)}h2{font-family:var(--heading-font);font-weight:800;font-size:clamp(1.8rem,3.8vw,3.2rem);letter-spacing:-.04em;line-height:1.08;margin-bottom:14px}.section-sub{color:var(--muted);max-width:520px;margin-bottom:clamp(32px,5vh,60px);font-size:clamp(0.86rem,1.8vw,1rem)}#services{background:var(--surface)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.service-card{background:var(--surface);padding:clamp(22px,3vw,44px) clamp(18px,2.5vw,36px);position:relative;overflow:hidden;transition:background 0.3s}.service-card::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;transition:transform 0.4s;transform-origin:left;transform:scaleX(0)}.service-card.c-blue::after{background:var(--blue)}.service-card.c-orange::after{background:var(--orange)}.service-card:hover{background:var(--surface2)}.service-card:hover::after{transform:scaleX(1)}.svc-num{font-family:var(--mono-font);font-size:.68rem;color:var(--border);margin-bottom:22px;transition:color 0.3s}.service-card.c-blue:hover .svc-num{color:var(--blue)}.service-card.c-orange:hover .svc-num{color:var(--orange)}.svc-icon{width:40px;height:40px;margin-bottom:16px}.svc-icon.blue{color:var(--blue);opacity:.85}.svc-icon.orange{color:var(--orange);opacity:.85}.service-card h3{font-family:var(--heading-font);font-size:clamp(0.96rem,1.8vw,1.2rem);font-weight:700;margin-bottom:10px;letter-spacing:-.02em}.service-card p{color:var(--muted);font-size:clamp(0.76rem,1.4vw,0.86rem);line-height:1.72}.svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tag{font-family:var(--mono-font);font-size:.63rem;border:1px solid var(--border);padding:2px 8px;transition:all 0.2s}.tag.blue{color:var(--muted)}.tag.orange{color:var(--muted)}.service-card.c-blue:hover .tag.blue{border-color:rgb(59 130 246 / .4);color:var(--blue)}.service-card.c-orange:hover .tag.orange{border-color:rgb(255 146 0 / .4);color:var(--orange)}#work{background:var(--bg)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.work-card{background:var(--surface);border:1px solid var(--border);padding:clamp(22px,3vw,40px);transition:border-color 0.3s,transform 0.3s;position:relative;overflow:hidden}.work-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;transition:background 0.3s;background:var(--border)}.work-card.c-blue:hover::before{background:var(--blue)}.work-card.c-orange:hover::before{background:var(--orange)}.work-card:hover{transform:translateY(-3px)}.work-card.c-blue:hover{border-color:rgb(59 130 246 / .4);box-shadow:0 8px 32px rgb(59 130 246 / .08)}.work-card.c-orange:hover{border-color:rgb(255 146 0 / .35);box-shadow:0 8px 32px rgb(255 146 0 / .08)}.wc-label{font-family:var(--mono-font);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.wc-label.blue{color:var(--blue)}.wc-label.orange{color:var(--orange)}.work-card h3{font-family:var(--heading-font);font-size:clamp(1rem,1.8vw,1.3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.work-card p{color:var(--muted);font-size:clamp(0.76rem,1.4vw,0.86rem);line-height:1.72;margin-bottom:16px}.work-result{font-family:var(--mono-font);font-size:.74rem;padding-left:12px;line-height:1.75}.work-result.blue{color:var(--blue);border-left:2px solid var(--blue)}.work-result.orange{color:var(--orange);border-left:2px solid var(--orange)}.work-stack{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.si{font-family:var(--mono-font);font-size:.63rem;background:var(--surface2);color:var(--muted);padding:3px 8px}#about{background:var(--surface)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,80px);align-items:start}.about-text p{color:var(--muted);margin-bottom:14px;font-size:clamp(0.82rem,1.5vw,0.94rem);line-height:1.82}.about-links{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.about-link{font-family:var(--mono-font);font-size:.74rem;color:var(--muted);text-decoration:none;border:1px solid var(--border);padding:7px 14px;transition:all 0.2s;display:flex;align-items:center;gap:7px}.about-link.blue:hover{border-color:var(--blue);color:var(--blue)}.about-link.orange:hover{border-color:var(--orange);color:var(--orange)}.about-values{display:flex;flex-direction:column}.value-item{padding:20px 0;border-bottom:1px solid var(--border);display:flex;gap:18px;align-items:flex-start}.value-item:first-child{border-top:1px solid var(--border)}.vn{font-family:var(--mono-font);font-size:.65rem;min-width:24px;margin-top:3px}.vn.blue{color:var(--blue)}.vn.orange{color:var(--orange)}.value-item h4{font-family:var(--heading-font);font-weight:700;font-size:clamp(0.88rem,1.4vw,1rem);margin-bottom:4px}.value-item p{color:var(--muted);font-size:clamp(0.76rem,1.3vw,0.85rem)}#stack{background:var(--bg)}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:36px}.stack-cell{background:var(--bg);padding:clamp(18px,2.5vw,28px) clamp(14px,2vw,24px);transition:background 0.2s}.stack-cell:hover{background:var(--surface2)}.sc-cat{font-family:var(--mono-font);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.sc-cat.blue{color:var(--blue)}.sc-cat.orange{color:var(--orange)}.stack-items{display:flex;flex-direction:column;gap:7px}.stack-name{font-size:clamp(0.76rem,1.3vw,0.84rem);color:var(--text);display:flex;align-items:center;gap:7px}.stack-name::before{content:'';width:4px;height:4px;background:var(--muted);flex-shrink:0}#contact{background:var(--surface)}.contact-inner{text-align:center;max-width:600px;margin:0 auto}#contact h2{font-size:clamp(2rem,5vw,4rem);margin-bottom:14px}#contact .section-label{justify-content:center}#contact p{color:var(--muted);margin:0 auto clamp(20px,4vh,40px);font-size:clamp(0.86rem,1.7vw,1rem)}.contact-email{font-family:var(--mono-font);font-size:clamp(0.88rem,1.8vw,1.15rem);color:var(--blue);text-decoration:none;display:inline-block;border-bottom:1px solid rgb(59 130 246 / .3);padding-bottom:3px;margin-bottom:clamp(20px,4vh,44px);transition:border-color 0.2s}.contact-email:hover{border-color:var(--blue)}.contact-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}footer{padding:clamp(18px,3vh,28px) clamp(20px,4vw,60px);border-top:1px solid var(--border);background:var(--bg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;scroll-snap-align:none}.footer-logo{font-family:var(--mono-font);font-size:.72rem;color:var(--muted)}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-family:var(--mono-font);font-size:.7rem;color:var(--muted);text-decoration:none;transition:color 0.2s}.footer-links a:hover{color:var(--text)}.sa{opacity:0;transform:translateY(32px);transition:opacity 0.75s ease,transform 0.75s ease}.sa.in{opacity:1;transform:none}.sa-d1{transition-delay:0.1s}.sa-d2{transition-delay:0.2s}.sa-d3{transition-delay:0.3s}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hamburger{display:flex}.nav-menu{display:none}.services-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.about-layout{grid-template-columns:1fr;gap:32px}.stack-grid{grid-template-columns:repeat(2,1fr)}.page-indicator{right:12px}.hero-fade{background:linear-gradient(to bottom,rgb(8 12 18 / .75) 0%,rgb(8 12 18 / .45) 50%,rgb(8 12 18 / .75) 100%)}html{scroll-snap-type:none}}@media (max-width:480px){.stack-grid{grid-template-columns:1fr}h1{font-size:clamp(2rem,9vw,2.8rem)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}