:root{--bg-primary: #050505;--bg-secondary: #0d0d0d;--bg-tertiary: #141414;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #525252;--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .22);--glow-light: rgba(255, 255, 255, .03);--glow-strong: rgba(255, 255, 255, .15);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-smooth: all .5s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .25s cubic-bezier(.16, 1, .3, 1);--transition-elastic: all .6s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;width:100%;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overflow:clip}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#262626;border-radius:3px;transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#404040}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}input:focus,textarea:focus,button:focus{outline:none}::selection{background:#fff;color:#000}.noise-overlay{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200%;background:transparent url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.04"/%3E%3C/svg%3E') repeat;z-index:9999;pointer-events:none;animation:noiseAnimation 8s steps(10) infinite}@keyframes noiseAnimation{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.circuit-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.page-transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0c0c0c;z-index:10005;transform:translateY(-100%);pointer-events:none;border-bottom:2.5px solid white}.page-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;display:flex;align-items:center;justify-content:center}.loader-content{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.loader-svg-logo{width:80px;height:80px}.loader-title{font-family:var(--font-display);font-weight:800;font-size:32px;letter-spacing:4px}.loader-subtitle{font-family:var(--font-mono);font-size:10px;letter-spacing:6px;color:var(--text-secondary);margin-top:-5px}.loader-bar-container{width:160px;height:1px;background-color:#ffffff1a;overflow:hidden;margin-top:15px}.loader-bar{width:0%;height:100%;background-color:#fff;transition:width .2s cubic-bezier(.16,1,.3,1)}.loader-panels{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:1}.panel-left,.panel-right{flex:1;background-color:#000;transition:transform 1.2s cubic-bezier(.85,0,.15,1)}.page-loader.loaded .panel-left{transform:translate(-100%)}.page-loader.loaded .panel-right{transform:translate(100%)}.page-loader.loaded{pointer-events:none;visibility:hidden;transition:visibility 1.2s}.site-header{position:fixed;top:0;left:0;width:100%;height:88px;z-index:1000;border-bottom:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#050505a6;display:flex;align-items:center;transition:transform .4s var(--transition-smooth)}.header-container{width:100%;max-width:1440px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;gap:15px}.logo-icon-container{width:38px;height:38px;color:var(--text-primary)}.site-logo{width:100%;height:100%;transition:transform .5s var(--transition-elastic)}.logo-link:hover .site-logo{transform:rotate(5deg) scale(1.05)}.logo-text{display:flex;flex-direction:column}.logo-title{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:2px;line-height:1}.logo-tag{font-family:var(--font-mono);font-size:8px;letter-spacing:1.5px;color:var(--text-secondary);margin-top:2px}.main-nav{display:flex}.nav-list{display:flex;list-style:none;gap:35px}.nav-item{font-size:14px;font-weight:500;color:var(--text-secondary);transition:var(--transition-fast);position:relative;padding:8px 0}.nav-item:hover,.nav-item.active{color:var(--text-primary)}.nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1.5px;background-color:var(--text-primary);transition:var(--transition-fast)}.nav-item.active:after,.nav-item:hover:after{width:100%}.magnetic-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid var(--border-color);background-color:transparent;color:var(--text-primary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:var(--transition-smooth),transform .1s linear}.btn-icon{display:inline-flex;transition:transform .3s var(--transition-elastic)}.magnetic-button:hover{border-color:#fff;background-color:#fff;color:#000}.magnetic-button:hover .btn-icon{transform:rotate(45deg)}.mobile-nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:12px;background:transparent;border:none;outline:none}.hamburger-line{width:100%;height:1.5px;background-color:var(--text-primary);transition:var(--transition-fast)}.mobile-toggle-active .hamburger-line:first-child{transform:translateY(5px) rotate(45deg)}.mobile-toggle-active .hamburger-line:last-child{transform:translateY(-5px) rotate(-45deg)}.mobile-menu-drawer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;visibility:hidden;transition:visibility .6s}.drawer-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transition:opacity .6s var(--transition-smooth)}.drawer-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:100px 40px 40px;transform:translateY(30px);opacity:0;transition:transform .6s var(--transition-smooth),opacity .6s var(--transition-smooth)}.mobile-nav-list{list-style:none;display:flex;flex-direction:column;gap:25px}.mobile-nav-item{font-family:var(--font-display);font-weight:700;font-size:38px;letter-spacing:-1px;color:var(--text-secondary);transition:var(--transition-fast)}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--text-primary);padding-left:10px}.drawer-footer{margin-top:auto;border-top:1px solid var(--border-color);padding-top:25px}.drawer-desc{font-size:13px;color:var(--text-muted)}.drawer-email{display:inline-block;margin-top:10px;font-size:16px;font-weight:600;color:var(--text-primary)}.mobile-menu-active .mobile-menu-drawer{visibility:visible}.mobile-menu-active .drawer-bg{opacity:1}.mobile-menu-active .drawer-content{transform:translateY(0);opacity:1}@media (max-width: 992px){.main-nav,.nav-cta-wrapper{display:none}.mobile-nav-toggle{display:flex}}.page-container{width:100%;position:relative;z-index:2}.section-panel{width:100%;min-height:100vh;position:relative;padding:140px 40px 80px;display:flex;flex-direction:column}@media (max-width: 768px){.section-panel{padding:120px 20px 60px}}.app-section{display:block;opacity:0;transform:translateY(15px);animation:pageFadeIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes pageFadeIn{to{opacity:1;transform:translateY(0)}}.heading-huge{font-family:var(--font-display);font-size:clamp(40px,9vw,130px);font-weight:800;line-height:.9;letter-spacing:-3px;text-transform:uppercase}.heading-medium{font-family:var(--font-display);font-size:clamp(28px,4vw,56px);font-weight:700;line-height:1.1;letter-spacing:-1.5px;text-transform:uppercase}.heading-small{font-family:var(--font-display);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.body-large{font-size:clamp(16px,1.8vw,22px);font-weight:400;line-height:1.5;color:var(--text-secondary)}.body-regular{font-size:15px;font-weight:400;line-height:1.6;color:var(--text-secondary)}.body-mono{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted)}.char-wrapper{overflow:hidden;display:inline-block}.char-elem{display:inline-block;transform:translateY(100%);transition:transform .8s cubic-bezier(.16,1,.3,1)}.revealed .char-elem{transform:translateY(0)}.home-hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:1300px;margin:0 auto;width:100%}.hero-subtitle-wrapper{margin-bottom:25px;display:flex;align-items:center;gap:15px}.hero-dot{width:8px;height:8px;background-color:var(--text-primary);border-radius:50%;animation:pulseDot 2s infinite}@keyframes pulseDot{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.5}}.hero-headline-row{display:block}.hero-headline-row.outline-text{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.8)}.hero-footer{margin-top:60px;display:grid;grid-template-columns:2fr 1fr 1fr;border-top:1px solid var(--border-color);padding-top:30px;gap:40px}.hero-footer-col{display:flex;flex-direction:column;gap:8px}.hero-footer-col .body-large{font-weight:500;color:var(--text-primary)}@media (max-width: 992px){.hero-footer{grid-template-columns:1fr;gap:20px}}.home-services{max-width:1200px;margin:120px auto 0;width:100%;display:flex;flex-direction:column;gap:60px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--border-color)}.service-card{padding:60px;border:.5px solid var(--border-color);display:flex;flex-direction:column;gap:25px;position:relative;overflow:hidden;transition:var(--transition-smooth)}.service-card:hover{background-color:var(--bg-secondary)}.service-num{font-family:var(--font-mono);color:var(--text-muted)}.service-icon{color:var(--text-primary);width:32px;height:32px}.service-card .heading-small{margin-top:10px}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 250px at var(--mouse-x, 0) var(--mouse-y, 0),rgba(255,255,255,.02) 0%,transparent 80%);opacity:0;transition:opacity .5s;pointer-events:none}.service-card:hover:before{opacity:1}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}.service-card{padding:40px 20px}}.home-ticker{margin-top:100px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:30px 0;overflow:hidden;white-space:nowrap}.ticker-wrap{display:inline-block;animation:tickerSlide 25s linear infinite}.ticker-content{display:inline-flex;align-items:center;gap:50px;padding-right:50px}.ticker-item{font-family:var(--font-display);font-size:clamp(20px,4vw,40px);font-weight:800;text-transform:uppercase;color:var(--text-secondary);display:inline-flex;align-items:center;gap:15px}.ticker-item:after{content:"";width:10px;height:10px;border-radius:50%;background-color:var(--text-muted)}@keyframes tickerSlide{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.projects-header{max-width:1200px;width:100%;margin:0 auto 50px}.projects-viewport{width:100vw;margin-left:-40px;overflow-x:hidden;position:relative;flex:1}@media (max-width: 768px){.projects-viewport{margin-left:-20px}}.projects-horizontal-track{display:flex;height:100%;padding:0 40px;gap:60px;width:fit-content}.project-slide{width:60vw;max-width:800px;min-width:320px;display:flex;flex-direction:column;gap:20px;position:relative;justify-content:center}.project-img-wrapper{aspect-ratio:16/10;overflow:hidden;border:1px solid var(--border-color);position:relative;background-color:var(--bg-secondary)}.project-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s}.project-slide:hover .project-img{transform:scale(1.04);filter:grayscale(0%) contrast(1)}.project-details{display:flex;justify-content:space-between;align-items:flex-start}.project-title{font-family:var(--font-display);font-size:clamp(20px,3vw,36px);font-weight:700;text-transform:uppercase}.project-tags{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-top:5px}.project-view-arrow{width:48px;height:48px;border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.project-slide:hover .project-view-arrow{background-color:#fff;color:#000;border-color:#fff;transform:rotate(45deg)}.about-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;width:100%;margin:0 auto;gap:80px;flex:1;align-items:center}.about-graphics{aspect-ratio:1/1;border:1px solid var(--border-color);position:relative;overflow:hidden;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.about-logo-reveal{width:60%;height:60%;color:#ffffff0d}.about-content{display:flex;flex-direction:column;gap:30px}@media (max-width: 992px){.about-grid{grid-template-columns:1fr;gap:40px}}.accordion-wrapper{margin-top:40px;border-top:1px solid var(--border-color)}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-header{padding:24px 0;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;width:100%;text-align:left;color:#fff}.accordion-icon{width:18px;height:18px;color:var(--text-secondary);transition:transform .4s var(--transition-smooth)}.accordion-item.active .accordion-icon{transform:rotate(45deg);color:#fff}.accordion-body{height:0;overflow:hidden;transition:height .4s var(--transition-smooth)}.accordion-text{padding-bottom:24px;color:var(--text-secondary);line-height:1.6}.team-section-wrap{max-width:1200px;width:100%;margin:120px auto 0}.team-grid{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.team-card{display:flex;flex-direction:column;gap:15px}.team-pic-box{aspect-ratio:1/1;background-color:var(--bg-secondary);border:1px solid var(--border-color);overflow:hidden}.team-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s}.team-card:hover .team-img{filter:grayscale(0%);transform:scale(1.05)}.team-meta{display:flex;justify-content:space-between;align-items:flex-end}.team-member-title{font-family:var(--font-display);font-weight:700;font-size:18px;text-transform:uppercase}.team-role{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}@media (max-width: 768px){.team-grid{grid-template-columns:1fr}}.pricing-header{max-width:1200px;width:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.pricing-toggle-wrap{display:inline-flex;align-items:center;gap:15px;border:1px solid var(--border-color);padding:4px;margin-top:30px;background-color:var(--bg-secondary)}.toggle-pill{padding:10px 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;background-color:transparent;color:var(--text-secondary);border:none;transition:var(--transition-fast)}.toggle-pill.active{background-color:#fff;color:#000}.pricing-grid{max-width:1200px;width:100%;margin:60px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.price-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:50px 40px;display:flex;flex-direction:column;gap:30px;transition:var(--transition-smooth)}.price-card.featured{border-color:#fff;position:relative}.featured-tag{position:absolute;top:20px;right:20px;font-family:var(--font-mono);font-size:9px;padding:4px 8px;background-color:#fff;color:#000;font-weight:700}.price-card:hover{border-color:var(--border-hover);transform:translateY(-5px)}.price-card.featured:hover{border-color:#fff}.price-box{display:flex;align-items:flex-end;gap:8px}.price-num{font-family:var(--font-display);font-size:56px;font-weight:800;line-height:1}.price-period{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:8px}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:15px;border-top:1px solid var(--border-color);padding-top:25px;margin-top:10px}.pricing-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.pricing-features li svg{width:16px;height:16px;color:var(--text-primary)}.price-btn{margin-top:auto;text-align:center;display:block}@media (max-width: 992px){.pricing-grid{grid-template-columns:1fr}.price-card{padding:40px 20px}}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;max-width:1200px;width:100%;margin:0 auto;gap:80px;flex:1}.contact-form-wrap{display:flex;flex-direction:column;gap:40px}.contact-form{display:flex;flex-direction:column;gap:35px}.form-group{position:relative;display:flex;flex-direction:column}.form-input{background:transparent;border:none;border-bottom:1.5px solid var(--border-color);padding:12px 0;color:#fff;font-size:16px;transition:var(--transition-fast)}.form-label{position:absolute;top:12px;left:0;font-size:16px;color:var(--text-secondary);pointer-events:none;transition:var(--transition-fast)}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label{top:-12px;font-size:11px;font-family:var(--font-mono);color:#fff;letter-spacing:1px}.form-input:focus{border-bottom-color:#fff}.form-submit-btn{align-self:flex-start;padding:15px 35px;border:1px solid #ffffff;background-color:#fff;color:#000;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;transition:var(--transition-smooth)}.form-submit-btn:hover{background-color:transparent;color:#fff}.contact-details-wrap{display:flex;flex-direction:column;gap:50px;border-left:1px solid var(--border-color);padding-left:80px}.contact-info-block{display:flex;flex-direction:column;gap:15px}.info-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.info-text{font-size:20px;font-weight:500;transition:var(--transition-fast)}.info-text:hover{color:var(--text-secondary)}.social-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.social-pill{border:1px solid var(--border-color);padding:12px;text-align:center;font-size:13px;font-weight:600;transition:var(--transition-fast)}.social-pill:hover{border-color:#fff;background-color:#fff;color:#000}@media (max-width: 992px){.contact-grid{grid-template-columns:1fr;gap:60px}.contact-details-wrap{border-left:none;padding-left:0;border-top:1px solid var(--border-color);padding-top:40px}.project-card-split{grid-template-columns:1fr!important;gap:30px!important}.project-card-split:nth-child(2n) .project-info-split{grid-column:auto!important}.project-card-split:nth-child(2n) .project-img-wrapper{grid-column:auto!important}.about-grid{grid-template-columns:1fr!important;gap:40px!important}}.timeline-container{position:relative}.timeline-step:hover .timeline-dot{background-color:#fff!important;box-shadow:0 0 15px #fffc!important;transform:scale(1.4)!important}.info-glass-card{transition:var(--transition-smooth)}.info-glass-card:hover{border-color:#fff3!important;box-shadow:0 15px 45px #0009!important}.stat-card{transition:var(--transition-fast)}.stat-card:hover{background-color:var(--bg-tertiary)!important;border-color:var(--border-hover)!important}