:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0a0a0a;font-family:Arial,Helvetica,sans-serif}.prototype-app{background:#0a0a0a;min-height:100vh;overflow:hidden}.intro-screen{z-index:1000;perspective:1200px;background:radial-gradient(#17191d 0%,#08090b 48%,#020202 100%);justify-content:center;align-items:center;animation:.6s 2.8s forwards introFadeOut;display:flex;position:fixed;inset:0;overflow:hidden}.space-particles{position:absolute;inset:0;overflow:hidden}.particle{opacity:0;background:#fff;border-radius:50%;width:2px;height:2px;animation:3s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 8px #fff}.particle-1{animation-delay:.2s;top:15%;left:20%}.particle-2{animation-delay:.7s;top:30%;left:75%}.particle-3{animation-delay:1s;top:70%;left:15%}.particle-4{animation-delay:.4s;top:80%;left:80%}.particle-5{animation-delay:1.2s;top:20%;left:55%}.particle-6{animation-delay:.8s;top:60%;left:90%}.particle-7{animation-delay:1.5s;top:45%;left:10%}.particle-8{animation-delay:.5s;top:12%;left:88%}.particle-9{animation-delay:1.1s;top:88%;left:40%}.particle-10{animation-delay:.3s;top:35%;left:35%}.particle-11{animation-delay:1.3s;top:65%;left:65%}.particle-12{animation-delay:.9s;top:90%;left:72%}.particle-13{animation-delay:1.7s;top:25%;left:92%}.particle-14{animation-delay:.6s;top:75%;left:30%}.particle-15{animation-delay:1.4s;top:50%;left:82%}.particle-16{animation-delay:.1s;top:10%;left:40%}.particle-17{animation-delay:1.6s;top:55%;left:22%}.particle-18{animation-delay:.2s;top:85%;left:92%}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(15px)scale(.5)}50%{opacity:.8;transform:translateY(-15px)scale(1.3)}}.planet-system{justify-content:center;align-items:center;width:320px;height:320px;animation:1.4s ease-out both planetReveal;display:flex;position:absolute}.planet{background:radial-gradient(circle at 32% 28%,#777b80 0%,#383b40 22%,#15171b 55%,#030304 80%);border-radius:50%;width:210px;height:210px;animation:3s ease-in-out infinite planetPulse;position:absolute;box-shadow:inset -25px -15px 45px #000,inset 10px 8px 25px #ffffff2e,0 0 55px #ffffff17}@keyframes planetReveal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes planetPulse{50%{box-shadow:inset -25px -15px 45px #000,inset 10px 8px 25px #ffffff40,0 0 75px #ffffff29}}.orbit{border:1px solid #dce1eb80;border-radius:50%;width:360px;height:125px;position:absolute;box-shadow:0 0 12px #ffffff1a}.orbit-one{animation:8s linear infinite orbitRotate;transform:rotate(-28deg)}.orbit-two{border-color:#ffffff38;width:390px;height:145px;transform:rotate(42deg)}.orbit-three{border-color:#ffffff2e;width:310px;height:100px;transform:rotate(75deg)}@keyframes orbitRotate{to{transform:rotate(332deg)}}.hologram{z-index:5;justify-content:center;align-items:center;width:180px;height:180px;animation:.8s ease-out both hologramAppear;display:flex;position:relative;overflow:hidden}.intro-monogram{background:linear-gradient(120deg,#fff 0%,#eee 12%,#fff 25%,#aeb4bb 38%,#fff 50%,#d5d9de 65%,#fff 78%,#9299a1 90%,#fff 100%) 0%/250% 100%;color:#0000;-webkit-text-stroke:1px #ffffffb3;filter:drop-shadow(0 0 8px #ffffff80)drop-shadow(0 0 22px #d2dceb4d);-webkit-background-clip:text;background-clip:text;font-family:Arial,sans-serif;font-size:110px;font-weight:900;line-height:1;animation:2.2s ease-in-out rotateP,2.8s ease-in-out infinite silverShine,3s ease-in-out infinite floatP;position:relative}@keyframes silverShine{0%,to{background-position:0%}50%{background-position:100%}}@keyframes floatP{0%,to{transform:translateY(0)rotateY(0)}50%{transform:translateY(-7px)rotateY(8deg)}}@keyframes rotateP{0%{opacity:0;transform:rotateY(0)scale(.6)}15%{opacity:1}to{opacity:1;transform:rotateY(360deg)scale(1)}}@keyframes hologramAppear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.scan-line{background:#ffffffd9;width:100%;height:3px;animation:1.8s linear infinite scanMove;position:absolute;top:0;left:0;box-shadow:0 0 15px #fff}@keyframes scanMove{0%{opacity:0;top:0}20%{opacity:.9}80%{opacity:.9}to{opacity:0;top:100%}}.intro-wordmark{color:#fff;letter-spacing:9px;opacity:0;font-size:20px;font-weight:700;animation:.8s 2s forwards wordmarkReveal;position:absolute;top:calc(50% + 145px)}.intro-caption{color:#858585;letter-spacing:4px;opacity:0;font-size:9px;animation:.8s 2.3s forwards wordmarkReveal;position:absolute;top:calc(50% + 180px)}@keyframes wordmarkReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes introFadeOut{to{opacity:0;visibility:hidden;pointer-events:none}}.hero-screen{isolation:isolate;background:linear-gradient(#0000001f 0%,#00000014 50%,#00000061 100%),url(/images/prototype-hero.png) 50%/cover no-repeat;flex-direction:column;min-height:100vh;padding:0 1%;display:flex;position:relative;overflow:hidden}.hero-screen:before{content:"";z-index:-1;pointer-events:none;opacity:.65;background-image:radial-gradient(2px 2px at 10% 20%,#fff 70%,#0000),radial-gradient(1px 1px at 25% 65%,#fff 70%,#0000),radial-gradient(2px 2px at 45% 15%,#fff 70%,#0000),radial-gradient(1px 1px at 65% 35%,#fff 70%,#0000),radial-gradient(2px 2px at 80% 18%,#fff 70%,#0000),radial-gradient(1px 1px at 92% 55%,#fff 70%,#0000);animation:4s ease-in-out infinite alternate starTwinkle;position:absolute;inset:0}@keyframes starTwinkle{0%{opacity:.3}to{opacity:.8}}.navbar{z-index:10;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;height:100px;display:flex;position:relative}.brand-name{letter-spacing:2px;font-size:24px;font-weight:800}.brand-name span{vertical-align:top;margin-left:3px;font-size:10px}.nav-links{gap:36px;display:flex}.nav-links a{color:#d0d0d0;letter-spacing:.5px;font-size:13px;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-7px;left:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#fff}.hero-content{flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;max-width:950px;padding:60px 0 40px;animation:1s 2s both contentReveal;display:flex}.eyebrow{color:#999;letter-spacing:4px;margin-bottom:30px;font-size:11px}.hero-content h1{letter-spacing:-4px;max-width:950px;font-size:clamp(48px,7vw,100px);font-weight:800;line-height:.98}.hero-content h1 span{color:#888}.hero-description{color:#d0d0d0;max-width:460px;margin:22px 0;font-size:16px;line-height:1.7}.hero-button{color:#080808;background:#fff;align-items:center;gap:35px;padding:16px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.hero-button:hover{background:#bdbdbd;transform:translateY(-3px)}.hero-footer{color:#777;letter-spacing:2px;border-top:1px solid #292929;justify-content:space-between;padding:25px 0;font-size:10px;display:flex}.hero-side-note{text-align:right;z-index:2;position:absolute;bottom:115px;right:5%}.hero-side-note span{color:#b0b0b0;letter-spacing:4px;margin-bottom:14px;font-size:10px;display:block}.hero-side-note h2{color:#fff;letter-spacing:1px;font-size:clamp(22px,3vw,38px);font-style:italic;font-weight:400;line-height:1.25}@keyframes contentReveal{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (width<=768px){.hero-screen{padding:0 6%}.navbar{height:80px}.brand-name{font-size:19px}.nav-links{gap:14px}.nav-links a{font-size:11px}.hero-content h1{letter-spacing:-3px}.hero-description{font-size:14px}.hero-footer{gap:15px;font-size:8px}}@media (width<=480px){.hero-screen{background-position:50%;min-height:100svh;padding:0 6%}.navbar{height:75px}.brand-name{letter-spacing:1px;font-size:17px}.nav-links{display:none}.hero-content{justify-content:center;max-width:100%;padding:65px 0 35px}.eyebrow{letter-spacing:2px;margin-bottom:22px;font-size:9px}.hero-content h1{letter-spacing:-2px;font-size:clamp(38px,11vw,48px);line-height:1.05}.hero-description{max-width:100%;margin:20px 0;font-size:13px;line-height:1.7}.hero-button{padding:14px 19px;font-size:12px}.hero-side-note{text-align:right;z-index:5;margin:0;position:absolute;bottom:85px;right:6%}.hero-side-note span{letter-spacing:2px;font-size:8px}.hero-side-note h2{font-size:21px}.hero-footer{letter-spacing:1px;gap:10px;padding:18px 0;font-size:7px}}.services-section{color:#fff;background:#080808;padding:140px 5%;position:relative;overflow:hidden}.services-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000 65%);width:700px;height:700px;position:absolute;top:-400px;right:-300px}.services-heading{z-index:1;max-width:900px;margin-bottom:80px;position:relative}.section-label{color:#9c9c9c;letter-spacing:4px;margin-bottom:25px;font-size:11px}.services-heading h2{letter-spacing:-3px;margin:0;font-size:clamp(42px,7vw,100px);font-weight:700;line-height:.95}.services-heading h2 span{color:#8f8f8f;font-style:italic;font-weight:400}.services-intro{color:#a8a8a8;max-width:500px;margin-top:30px;font-size:16px;line-height:1.7}.services-grid{z-index:1;border-top:1px solid #ffffff26;border-left:1px solid #ffffff26;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.service-card{cursor:pointer;min-height:380px;color:inherit;padding:35px;text-decoration:none;position:relative}.service-card h3,.service-card p,.service-number{text-decoration:none}.service-card:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff14,#0000 70%);width:300px;height:300px;transition:opacity .4s;position:absolute;top:-180px;right:-180px}.service-card:hover{background:linear-gradient(145deg,#191919 0%,#0c0c0c 100%);border-color:#ffffff59;transform:translateY(-8px)}.service-card:hover:before{opacity:1}.service-number{z-index:1;color:#777;letter-spacing:2px;font-size:11px;position:relative}.service-card h3{z-index:1;color:#fff;letter-spacing:-1px;margin:auto 0 18px;font-size:clamp(26px,2.2vw,38px);font-weight:500;position:relative}.service-card p{z-index:1;color:#a0a0a0;max-width:280px;font-size:14px;line-height:1.7;position:relative}.service-arrow{color:#fff;z-index:1;font-size:28px;transition:transform .3s;position:absolute;bottom:25px;right:30px}.service-card:hover .service-arrow{transform:translate(6px,-6px)}.service-page{color:#fff;background:#080808;min-height:100vh}.service-navbar{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;height:100px;padding:0 5%;display:flex}.service-brand{color:#fff;letter-spacing:2px;font-size:24px;font-weight:800;text-decoration:none}.service-brand span{vertical-align:top;margin-left:3px;font-size:10px}.back-home{color:#9c9c9c;letter-spacing:1px;font-size:12px;text-decoration:none;transition:color .3s}.back-home:hover{color:#fff}.service-hero{flex-direction:column;justify-content:center;min-height:75vh;padding:100px 5%;display:flex;position:relative;overflow:hidden}.service-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000 65%);width:700px;height:700px;position:absolute;top:-250px;right:-300px}.service-eyebrow{z-index:1;color:#888;letter-spacing:4px;margin-bottom:30px;font-size:11px;position:relative}.service-hero h1{z-index:1;letter-spacing:-5px;max-width:1100px;font-size:clamp(55px,9vw,140px);font-weight:800;line-height:.9;position:relative}.service-hero h1 span{color:#8f8f8f;font-style:italic;font-weight:400}.service-page-description{z-index:1;color:#a8a8a8;max-width:550px;margin-top:35px;font-size:17px;line-height:1.7;position:relative}.service-cta{z-index:1;color:#080808;background:#fff;align-items:center;gap:35px;width:fit-content;margin-top:35px;padding:17px 25px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.service-cta:hover{background:#cfcfcf;transform:translateY(-3px)}.service-details{border-top:1px solid #ffffff26;grid-template-columns:1fr 2fr;gap:80px;padding:120px 5%;display:grid}.details-label{color:#777;letter-spacing:3px;font-size:11px}.details-content h2{letter-spacing:-3px;margin-bottom:60px;font-size:clamp(40px,5vw,75px);font-weight:700;line-height:.95}.details-list{border-top:1px solid #ffffff26}.details-list span{color:#cfcfcf;border-bottom:1px solid #ffffff26;padding:22px 0;font-size:17px;display:block}@media (width<=768px){.service-navbar{height:80px;padding:0 6%}.service-brand{font-size:19px}.service-hero{min-height:70vh;padding:80px 6%}.service-hero h1{letter-spacing:-3px;font-size:clamp(50px,14vw,80px)}.service-page-description{font-size:15px}.service-details{grid-template-columns:1fr;gap:40px;padding:80px 6%}.details-content h2{letter-spacing:-2px}.details-list span{font-size:15px}}.service-project-cta{border-top:1px solid #ffffff26;padding:150px 5%;position:relative;overflow:hidden}.service-project-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000 65%);width:800px;height:800px;position:absolute;bottom:-450px;left:-400px}.service-project-cta h2{z-index:1;letter-spacing:-5px;margin-top:25px;font-size:clamp(55px,9vw,140px);font-weight:800;line-height:.9;position:relative}.service-project-cta h2 span{color:#8f8f8f;font-style:italic;font-weight:400}.service-project-cta>p:not(.service-eyebrow){z-index:1;color:#a8a8a8;max-width:520px;margin-top:40px;font-size:17px;line-height:1.7;position:relative}.whatsapp-button{z-index:1;color:#080808;background:#fff;align-items:center;gap:16px;margin-top:40px;padding:18px 26px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.whatsapp-button:hover{background:#d0d0d0;transform:translateY(-4px)}.whatsapp-icon{font-size:20px}@media (width<=768px){.service-project-cta{padding:100px 6%}.service-project-cta h2{letter-spacing:-3px}.service-project-cta>p:not(.service-eyebrow){font-size:15px}}.contact-actions{z-index:1;align-items:center;gap:28px;margin-top:40px;display:flex;position:relative}.email-button{color:#080808;background:#fff;align-items:center;gap:16px;padding:18px 26px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.email-button:hover{background:#d0d0d0;transform:translateY(-4px)}.phone-link{color:#a8a8a8;letter-spacing:1px;font-size:14px;text-decoration:none;transition:color .3s}.phone-link:hover{color:#fff}@media (width<=768px){.contact-actions{flex-direction:column;align-items:flex-start;gap:20px}}.contact-section{color:#fff;background:#0a0a0a;border-top:1px solid #ffffff26;grid-template-columns:1fr 1fr;gap:120px;min-height:100vh;padding:140px 5%;display:grid}.contact-heading{max-width:650px}.contact-heading h2{letter-spacing:-4px;margin-bottom:30px;font-size:clamp(48px,6vw,90px);font-weight:800;line-height:.95}.contact-heading h2 span{color:#888;font-style:italic;font-weight:400}.contact-intro{color:#a0a0a0;max-width:480px;margin-bottom:50px;font-size:16px;line-height:1.7}.contact-direct{flex-direction:column;gap:16px;display:flex}.contact-direct a{color:#fff;width:fit-content;font-size:15px;text-decoration:none;transition:color .3s}.contact-direct a:hover{color:#888}.contact-form{flex-direction:column;gap:28px;width:100%;max-width:600px;display:flex}.form-group{flex-direction:column;gap:12px;display:flex}.form-group label{color:#777;letter-spacing:2px;font-size:10px}.form-group input,.form-group textarea{color:#fff;background:0 0;border:none;border-bottom:1px solid #fff3;outline:none;width:100%;padding:18px 0;font-family:inherit;font-size:15px;transition:border-color .3s}.form-group textarea{resize:vertical;min-height:130px}.form-group input::placeholder,.form-group textarea::placeholder{color:#555}.form-group input:focus,.form-group textarea:focus{border-color:#fff}.contact-button{color:#080808;letter-spacing:.5px;cursor:pointer;background:#fff;border:none;width:fit-content;margin-top:15px;padding:17px 28px;font-size:12px;font-weight:700;transition:all .3s}.contact-button span{margin-left:35px;font-size:17px}.contact-button:hover{background:#bdbdbd;transform:translateY(-3px)}.form-status{color:#a8a8a8;font-size:13px;line-height:1.5}@media (width<=768px){.contact-section{grid-template-columns:1fr;gap:70px;padding:90px 6%}.contact-heading h2{letter-spacing:-2px}}.work-section{background:#0a0a0a;padding:140px 5%}.work-heading{max-width:900px;margin-bottom:80px}.work-heading h2{letter-spacing:-3px;font-size:clamp(48px,7vw,100px);font-weight:700;line-height:.95}.work-heading h2 span{color:#8f8f8f;font-style:italic;font-weight:400}.work-intro{color:#a0a0a0;max-width:520px;margin-top:30px;font-size:16px;line-height:1.7}.featured-project{border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;grid-template-columns:1.4fr 1fr;gap:60px;padding:35px 0;display:grid}.project-image{background:#151515;min-height:480px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.project-image:hover img{transform:scale(1.04)}.project-image-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:2px;background:#000000bf;padding:10px 14px;font-size:9px;position:absolute;top:20px;left:20px}.project-info{flex-direction:column;justify-content:space-between;padding:20px 0;display:flex}.project-number{color:#777;letter-spacing:2px;margin-bottom:35px;font-size:10px}.project-info h3{letter-spacing:-3px;font-size:clamp(50px,5vw,85px);font-weight:700;line-height:.9}.project-info h3 span{color:#888;font-style:italic;font-weight:400}.project-details{max-width:420px}.project-category{color:#d0d0d0;letter-spacing:2px;margin-bottom:22px;font-size:10px}.project-description{color:#9c9c9c;margin-bottom:30px;font-size:15px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:10px;display:flex}.project-tags span{color:#bdbdbd;letter-spacing:1px;border:1px solid #fff3;padding:9px 12px;font-size:9px}.project-gallery{grid-template-columns:repeat(2,1fr);gap:25px;margin-top:25px;display:grid}.project-gallery img{object-fit:cover;filter:grayscale(15%);width:100%;height:380px;transition:transform .4s,filter .4s;display:block}.project-gallery img:hover{filter:grayscale(0%);transform:translateY(-6px)}@media (width<=768px){.work-section{padding:100px 6%}.featured-project{grid-template-columns:1fr;gap:35px}.project-image{min-height:350px}.project-info{gap:60px}.project-gallery{grid-template-columns:1fr}.project-gallery img{height:auto;min-height:250px}}.project-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.live-project-btn,.project-details-btn{letter-spacing:1px;cursor:pointer;align-items:center;gap:10px;padding:13px 20px;font-size:11px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.live-project-btn{color:#000;background:#fff;border:1px solid #fff}.live-project-btn:hover{color:#fff;background:0 0}.project-details-btn{color:#fff;background:0 0;border:1px solid #ffffff4d}.project-details-btn:hover{background:#ffffff14;border-color:#fff}.project-actions span{font-size:15px;transition:transform .3s}.live-project-btn:hover span,.project-details-btn:hover span{transform:translate(4px)}.project-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.project-details-btn{color:#fff;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #ffffff4d;align-items:center;gap:12px;padding:14px 22px;font-family:inherit;font-size:11px;font-weight:600;transition:background .3s,border-color .3s,transform .3s;display:inline-flex}.project-details-btn:hover{background:#ffffff14;border-color:#fff;transform:translateY(-3px)}.featured-project{align-items:stretch}.project-image{border:1px solid #ffffff14}.project-info{min-width:0}.project-details{padding-bottom:5px}.project-gallery{border-bottom:1px solid #ffffff26;padding-bottom:35px}.project-gallery img{background:#151515;border:1px solid #ffffff14}.service-details{align-items:start}.details-label{padding-top:12px}.details-content,.details-list{width:100%}.details-list span{width:100%;display:block}@media (width<=768px){.project-actions{width:100%}.project-details-btn{justify-content:space-between;width:100%}.project-gallery{gap:18px}.project-image-overlay{top:15px;left:15px}.details-label{padding-top:0}}.project-actions{margin-top:32px}.project-details-btn{color:#fff;letter-spacing:1px;text-transform:uppercase;border:1px solid #ffffff59;align-items:center;gap:12px;padding:15px 22px;font-size:11px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.project-details-btn:hover{color:#000;background:#fff}.project-details-btn span{font-size:16px;transition:transform .3s}.project-details-btn:hover span{transform:translate(5px)}.project-page{min-height:100vh}.project-page .service-hero{padding-bottom:140px}.project-showcase{border-top:1px solid #ffffff1a;padding:140px 8vw}.project-showcase .work-heading{margin-bottom:70px}.project-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.project-showcase-grid img{object-fit:cover;border:1px solid #ffffff1a;width:100%;height:100%;transition:transform .4s,opacity .4s;display:block}.project-showcase-grid img:first-child{grid-column:1/-1}.project-showcase-grid img:hover{opacity:.9;transform:translateY(-6px)}.project-page .service-details{border-top:1px solid #ffffff1a}@media (width<=768px){.project-actions{margin-top:25px}.project-details-btn{justify-content:space-between;width:100%}.project-showcase{padding:90px 6vw}.project-showcase .work-heading{margin-bottom:45px}.project-showcase-grid{grid-template-columns:1fr;gap:16px}html,body,.prototype-app{width:100%;max-width:100%;overflow-x:hidden}.hero-screen{min-height:100svh;padding:0 20px;overflow:hidden}.hero-content{padding:60px 0 35px}.navbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;height:auto;min-height:70px;padding:15px 0;display:flex}.brand-name{letter-spacing:1px;white-space:nowrap;font-size:19px}.nav-links{border-top:1px solid #ffffff1f;justify-content:space-between;gap:5px;width:100%;padding-top:10px;display:flex}.nav-links a{letter-spacing:0;white-space:nowrap;font-size:10px}.hero-content h1{letter-spacing:-2px;font-size:clamp(48px,14vw,68px);line-height:.92}.eyebrow{letter-spacing:2px;margin-bottom:20px;font-size:8px}.hero-description{max-width:320px;margin:20px 0;font-size:14px;line-height:1.6}.hero-button{gap:25px;padding:14px 20px}.hero-footer{letter-spacing:1px;padding:18px 0;font-size:7px}.hero-side-note{text-align:left;box-sizing:border-box;background:#0a0a0a;width:100%;padding:70px 20px;position:static}.hero-side-note span{letter-spacing:3px;margin-bottom:15px;font-size:9px}.hero-side-note h2{font-size:clamp(34px,11vw,52px);line-height:1.15}.services-section{box-sizing:border-box;width:100%;padding:80px 20px;overflow:visible}.services-heading h2{font-size:clamp(38px,11vw,55px);line-height:.95}.services-grid{border-right:1px solid #ffffff26;width:100%;grid-template-columns:1fr!important;display:grid!important;overflow:visible!important}.service-card{min-height:280px;padding:28px;overflow:hidden;width:100%!important;min-width:0!important}.work-section{box-sizing:border-box;width:100%;padding:80px 20px;overflow:hidden}.work-heading h2{font-size:clamp(40px,12vw,60px);line-height:.95}.featured-project{gap:35px;width:100%;display:grid;grid-template-columns:1fr!important}.project-image{aspect-ratio:auto;background:0 0;width:100%;overflow:hidden;height:auto!important;min-height:0!important}.project-image img{object-fit:contain;width:100%;display:block;height:auto!important}.project-info{gap:30px;width:100%;padding:0}.project-number{margin-bottom:20px}.project-info h3{font-size:clamp(52px,17vw,78px)}.project-details{max-width:100%}.project-gallery{gap:16px;width:100%;padding-bottom:20px;display:grid;grid-template-columns:1fr!important}.project-gallery img{width:100%;height:auto;display:block}.project-actions{width:100%;margin-top:25px}.project-details-btn{justify-content:space-between;align-items:center;width:100%;display:flex}.contact-section{box-sizing:border-box;flex-direction:column;gap:50px;width:100%;padding:80px 20px;display:flex}.contact-heading,.contact-form{width:100%}.contact-heading h2{font-size:clamp(40px,12vw,60px);line-height:.95}.contact-direct{flex-direction:column;gap:12px}.service-navbar{box-sizing:border-box;width:100%;padding:20px}.service-hero{padding:90px 20px 70px}.service-hero h1{font-size:clamp(48px,15vw,70px);line-height:.9}.service-details{flex-direction:column;gap:30px;padding:70px 20px;display:flex}.project-page .service-hero{padding-bottom:70px}.project-showcase{box-sizing:border-box;width:100%;padding:80px 20px}.project-showcase-grid{gap:16px;width:100%;grid-template-columns:1fr!important;display:grid!important}.project-showcase-grid img{object-fit:contain;width:100%;display:block;height:auto!important}.project-showcase-grid img:first-child{grid-column:auto}}@media (width<=768px){.detail-item{padding:22px 0}.detail-item h3{font-size:1.05rem}.detail-item p{font-size:.9rem;line-height:1.6}}.details-list{border-top:1px solid #252525;width:100%;margin-top:50px}.details-list .detail-item{border-bottom:1px solid #252525;padding:28px 0;display:block}.details-list .detail-item h3{color:#fff;margin:0 0 10px;font-size:22px;font-weight:500}.details-list .detail-item p{color:#9a9a9a;max-width:650px;margin:0;font-size:15px;line-height:1.7}@media (width<=768px){.details-list{margin-top:35px}.details-list .detail-item{padding:22px 0}.details-list .detail-item h3{font-size:18px}.details-list .detail-item p{font-size:14px;line-height:1.6}}.site-footer{color:#f5f5f5;background:#090909;border-top:1px solid #252525;width:100%;padding:90px clamp(24px,7vw,110px) 28px}.footer-main{grid-template-columns:1fr 1fr;align-items:end;gap:100px;display:grid}.footer-kicker{color:#777;letter-spacing:3px;margin:0 0 22px;font-size:10px}.footer-logo{letter-spacing:-3px;font-size:clamp(32px,4vw,58px);font-weight:800;line-height:.9}.footer-logo span{vertical-align:top;margin-left:4px;font-size:.3em}.footer-tagline{color:#9a9a9a;max-width:390px;margin:28px 0 0;font-size:15px;line-height:1.7}.footer-connect{text-align:right;justify-self:end}.footer-connect h3{letter-spacing:-3px;margin:0;font-size:clamp(38px,4vw,70px);font-weight:800;line-height:.9}.footer-connect h3 span{color:#8a8a8a;font-style:italic;font-weight:400}.footer-contact-links{flex-direction:column;align-items:flex-end;gap:12px;margin-top:32px;display:flex}.footer-contact-links a{color:#9a9a9a;font-size:14px;text-decoration:none;transition:all .25s}.footer-contact-links a:hover{color:#fff;transform:translate(-5px)}.footer-divider{background:#282828;width:100%;height:1px;margin:70px 0 25px}.footer-bottom{color:#666;letter-spacing:2px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;font-size:10px;display:grid}.footer-bottom p{margin:0}.footer-credit{text-align:center}.footer-credit span{color:#d8d8d8}.footer-signature{text-align:right}@media (width<=768px){.site-footer{padding:65px 24px 25px}.footer-main{grid-template-columns:1fr;gap:65px}.footer-connect{text-align:left;justify-self:start}.footer-connect h3{font-size:clamp(45px,14vw,70px)}.footer-contact-links{align-items:flex-start}.footer-divider{margin:55px 0 22px}.footer-bottom{grid-template-columns:1fr;gap:14px;font-size:9px}.footer-credit,.footer-signature{text-align:left}}.detail-item{border-top:1px solid #ffffff26;padding:30px 0}.detail-item:last-child{border-bottom:1px solid #ffffff26}.details-list{border-top:1px solid #ffffff26;margin-top:70px}.detail-item{border-bottom:1px solid #ffffff26;padding:28px 0}.detail-item h3{color:#fff;margin:0 0 10px;font-size:1.25rem;font-weight:500}.detail-item p{color:#fff9;max-width:650px;margin:0;font-size:.95rem;line-height:1.7}[data-reveal]{opacity:0}[data-reveal].is-visible{opacity:1;animation:.8s cubic-bezier(.2,.7,.2,1) backwards revealUp;animation-delay:var(--reveal-delay,0s)}[data-reveal="1"]{--reveal-delay:.1s}[data-reveal="2"]{--reveal-delay:.2s}[data-reveal="3"]{--reveal-delay:.3s}[data-reveal="4"]{--reveal-delay:.4s}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){[data-reveal],[data-reveal].is-visible{opacity:1;animation:none}}.project-img{transition:transform .5s,filter .7s,opacity .4s}.project-img.is-loading{color:#0000;filter:blur(10px);background:#151515;min-height:220px}.project-gallery img.is-loading{filter:grayscale(15%)blur(10px)}.project-image:has(.is-loading):before{content:"";z-index:1;pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff0f 50%,#0000 70%) 0 0/200% 100%;animation:1.4s linear infinite imageShimmer;position:absolute;inset:0}@keyframes imageShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-image:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000 55%,#0000008c 100%);transition:opacity .5s;position:absolute;inset:0}.project-image:hover:after{opacity:1}.project-image-overlay{z-index:2;transition:transform .4s,background .4s}.project-image:hover .project-image-overlay{background:#000000e6;transform:translateY(3px)}.project-image:has(.is-loading){min-height:220px}.project-gallery+.featured-project{margin-top:110px}.featured-project+.featured-project{margin-top:60px}.service-card{transition:transform .4s,background .4s,border-color .4s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:2px solid #fff}.form-group input:focus-visible,.form-group textarea:focus-visible{outline:none}.menu-toggle,.menu-footer{display:none}@media (width<=768px){.navbar{flex-wrap:nowrap;height:76px;min-height:0;padding:0}.navbar .brand-name{z-index:3;position:relative}.menu-toggle{z-index:3;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:44px;height:44px;margin-right:-8px;padding:0 8px;display:flex;position:relative}.menu-toggle span{background:#fff;width:26px;height:1.5px;transition:transform .35s,opacity .25s,width .3s;display:block}.menu-toggle span:nth-child(2){width:18px}.menu-toggle.is-open span:first-child{transform:translateY(7.5px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.navbar .nav-links{z-index:1;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 90% 0,#ffffff17,#0000 55%),#080808;border-top:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:100%;height:100dvh;padding:110px 20px 32px;transition:opacity .35s,transform .35s,visibility 0s linear .35s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-10px)}.navbar .nav-links.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s,transform .35s,visibility;transform:translateY(0)}.navbar .nav-links>a{color:#fff;letter-spacing:-1.5px;text-transform:uppercase;white-space:normal;opacity:0;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:24px 0;font-size:clamp(30px,9.5vw,46px);font-weight:800;line-height:1;transition:opacity .4s,transform .4s,color .3s;display:flex;transform:translateY(14px)}.navbar .nav-links>a:first-child{border-top:1px solid #ffffff26}.navbar .nav-links.is-open>a{opacity:1;transition-delay:calc(70ms * var(--i,0) + .1s);transform:translateY(0)}.navbar .nav-links>a:after{content:"↗";color:#777;letter-spacing:0;background:0 0;width:auto;height:auto;font-size:.5em;font-weight:400;transition:transform .3s,color .3s;position:static}.navbar .nav-links>a:active{color:#9c9c9c}.navbar .nav-links>a:active:after{color:#fff;transform:translate(4px,-4px)}.menu-footer{opacity:0;flex-direction:column;gap:10px;margin-top:auto;padding-top:40px;transition:opacity .5s .5s;display:flex}.navbar .nav-links.is-open .menu-footer{opacity:1}.menu-footer p{color:#777;letter-spacing:3px;margin:0 0 6px;font-size:10px}.navbar .menu-footer a{color:#a8a8a8;overflow-wrap:anywhere;font-size:15px}.navbar .menu-footer a:after{display:none}body.menu-open{overflow:hidden}body.menu-open .hero-screen{z-index:60}}@media (width<=1024px){.nav-links{gap:28px}.featured-project{gap:40px}.service-details{gap:50px}.contact-section,.footer-main{gap:60px}}@media (width<=768px){.service-hero h1{letter-spacing:-2px;font-size:clamp(34px,10.5vw,70px)}.service-project-cta h2{letter-spacing:-2px;font-size:clamp(34px,10.5vw,64px);line-height:.95}.details-content h2{margin-bottom:36px;font-size:clamp(30px,8.5vw,44px)}.service-hero{min-height:0;padding:70px 20px}.service-navbar{height:76px;padding:0 20px}.back-home{font-size:11px}.service-cta,.hero-button{justify-content:space-between;width:100%}.hero-footer{letter-spacing:1.5px;flex-wrap:wrap;gap:8px 16px;font-size:9px}.form-group input,.form-group textarea{font-size:16px}.contact-button{justify-content:space-between;align-items:center;width:100%;padding:18px 22px;display:flex}.contact-direct a,.footer-contact-links a{overflow-wrap:anywhere}.project-info h3{letter-spacing:-2px}.project-actions{flex-direction:column;align-items:stretch}.live-project-btn{justify-content:space-between;width:100%}.project-gallery+.featured-project{margin-top:70px}.project-showcase-grid img,.project-gallery img{height:auto}.details-list span{padding:18px 0}}@media (width<=480px){.planet-system{scale:.78}.hologram{scale:.85}.intro-wordmark{letter-spacing:7px;font-size:17px}.intro-caption{letter-spacing:3px}.project-info h3{font-size:clamp(46px,16vw,68px)}}@media (hover:none){.service-card:hover,.project-gallery img:hover,.project-showcase-grid img:hover,.project-image:hover img,.hero-button:hover,.service-cta:hover,.contact-button:hover,.project-details-btn:hover{transform:none}}.service-card:before{background:radial-gradient(280px circle at var(--mx,85%) var(--my,10%), #ffffff1a, transparent 70%);pointer-events:none;width:auto;height:auto;inset:0}.availability{color:#d0d0d0;letter-spacing:2px;background:#0000004d;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:8px 14px;font-size:10px;display:inline-flex}.availability-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite availabilityPulse}@keyframes availabilityPulse{0%{box-shadow:0 0 #4ade8099}70%{box-shadow:0 0 0 9px #4ade8000}to{box-shadow:0 0 #4ade8000}}.scroll-progress{z-index:900;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress span{transform-origin:0;background:#fff;width:100%;height:100%;display:block;transform:scaleX(0)}.marquee{background:#080808;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;padding:22px 0;overflow:hidden}.marquee-track{width:max-content;animation:30s linear infinite marqueeScroll;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{flex-shrink:0;display:flex}.marquee-group span{color:#8f8f8f;letter-spacing:4px;white-space:nowrap;align-items:center;gap:36px;padding-right:36px;font-size:13px;font-weight:700;display:inline-flex}.marquee-group span:after{content:"•";color:#444}@keyframes marqueeScroll{to{transform:translate(-50%)}}.page-fade{animation:.45s backwards pageFade}@keyframes pageFade{0%{opacity:0}to{opacity:1}}.hero-button,.service-cta,.contact-button,.project-details-btn,.live-project-btn{will-change:translate}.navbar .brand-name{cursor:pointer}@media (prefers-reduced-motion:reduce){.marquee-track,.availability-dot,.page-fade{animation:none!important}}@media (width<=768px){html{scroll-padding-top:76px}.hero-screen{z-index:50;padding-top:76px}.navbar{z-index:50;padding:0 20px;transition:background .3s;position:fixed;top:0;left:0;right:0}.navbar.is-scrolled{background:#080808f0}.service-navbar{z-index:40;background:#080808f0;position:fixed;top:0;left:0;right:0}.service-page{padding-top:76px}.availability{letter-spacing:1.5px;font-size:9px}.marquee{padding:16px 0}.marquee-group span{letter-spacing:3px;font-size:11px}}@media (width<=1024px){.contact-section{grid-template-columns:1fr;gap:60px;min-height:auto;padding:100px 5%}.services-section,.work-section{padding:100px 5%}.hero-screen:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#00000040 0%,#0000 35%,#000c 100%);position:absolute;inset:0}}@media (width<=768px){.hero-content{justify-content:flex-end;padding:24px 0 28px}.hero-content h1 span{color:#c4c4c4}.availability{margin-bottom:16px}.eyebrow{margin-bottom:14px}.services-section,.work-section{padding:64px 20px}.services-heading,.work-heading{margin-bottom:40px}.services-intro,.work-intro{margin-top:20px}.service-card{min-height:230px;padding:24px}.hero-side-note{padding:50px 20px}.featured-project{gap:28px;padding:24px 0}.project-gallery{margin-top:16px;padding-bottom:8px}.contact-section{gap:40px;min-height:auto;padding:64px 20px}.contact-heading h2{margin-bottom:20px}.contact-intro{margin-bottom:30px}.contact-form{gap:22px}.form-group input,.form-group textarea{padding:14px 0}.site-footer{padding:48px 20px 22px}.footer-main{gap:40px}.footer-divider{margin:36px 0 20px}.service-hero{padding:44px 20px 56px}.service-details{gap:20px;padding:50px 20px}.service-project-cta{padding:70px 20px}.project-showcase{padding:60px 20px}.project-showcase .work-heading{margin-bottom:30px}.detail-item,.details-list .detail-item{padding:20px 0}}