:root{--bg-color: #050505;--text-primary: #ffffff;--text-secondary: #888888;--accent-color: #ff331f;--accent-button: #e02a17;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--font-heading: "Manrope", sans-serif;--font-mono: "Space Mono", monospace}.light-mode{--bg-color: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #555555;--glass-border: rgba(0, 0, 0, .1);--glass-bg: rgba(0, 0, 0, .05);--accent-color: #ff331f}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}a,button,input[type=submit],.clickable{cursor:pointer}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-heading);overflow-x:hidden;line-height:1.6;background:radial-gradient(circle at 50% 0%,#1a1a1a 0%,var(--bg-color) 70%);background-attachment:fixed;cursor:default}.aurora-bg{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1;opacity:.5;pointer-events:none}.aurora-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;will-change:transform;transform:translateZ(0)}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,var(--accent-color),transparent 70%)}.blob-2{top:20%;right:-10%;width:40vw;height:40vw;background:radial-gradient(circle,#3355ff,transparent 70%)}.blob-3{bottom:-10%;left:20%;width:60vw;height:60vw;background:radial-gradient(circle,#ff33aa,transparent 70%)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.mono{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}section{padding:8rem 0;scroll-margin-top:120px}section h2,.section-title{font-size:clamp(2.4rem,5vw,3.4rem)!important;font-weight:800;margin-bottom:3rem;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}h3{line-height:1.3}.project-info h3{margin-top:.5rem;margin-bottom:.5rem!important}.project-info p{margin-bottom:1.5rem}.project-info .mono{display:block;margin-bottom:.5rem;color:var(--accent-color)}.project-link{font-family:var(--font-heading)!important;font-weight:700!important;text-decoration:none!important;color:#fff!important;border-bottom:2px solid #fff!important;transition:all .3s ease;display:inline-block;padding-bottom:2px}.project-link:hover{color:var(--accent-color)!important;border-bottom-color:var(--accent-color)!important}.read-more{display:inline-block;color:#fff;font-weight:700;margin-top:1rem;font-size:.9rem;transition:transform .3s ease}.trust-item:hover .read-more{transform:translate(5px)}.project-square{position:absolute;top:2rem;right:2rem;width:60px;height:60px;border:1px solid rgba(255,255,255,.3);background:#ffffff0d;z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.case-study-box{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;position:relative;overflow:visible;margin-bottom:2rem}.case-study-box:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-color) 10%,var(--accent-color) 90%,transparent 100%);opacity:.6;z-index:2}.case-study-box h3,.case-study-box h2{line-height:1.3;margin-top:0;margin-bottom:1rem;font-size:1.5rem}.btn{display:inline-block;padding:1rem 2rem;border-radius:4px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;cursor:pointer;font-family:var(--font-heading);letter-spacing:.5px;border:2px solid transparent}.btn-primary{background:var(--accent-button);color:#fff;box-shadow:0 4px 20px #ff331f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff331f66}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--glass-border)}.btn-outline:hover{border-color:var(--text-primary);background:#ffffff0d}.navbar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;height:80px;padding:0 3rem;background:transparent;transition:background .3s ease,padding .3s ease,height .3s ease;z-index:1000}.mobile-toggle{display:none}.navbar.scrolled{background:#050505d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);height:70px}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:100px;padding-bottom:4rem}@media(max-width:768px){.navbar{padding:0 1.5rem;height:70px}.logo{font-size:1.1rem;line-height:1;margin:0;display:flex;align-items:center}}.logo{font-weight:800;font-size:1.1rem;letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:2rem}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:1rem;background:#050505f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;padding:4px;min-width:220px;z-index:1000}.dropdown-item{display:block;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .2s;border-radius:6px;margin:0}.dropdown-item:hover{background:#ffffff1a;color:var(--text-primary)}.nav-link{text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .3s}.nav-link:hover{color:var(--text-primary)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:0}.hero-content{max-width:900px;position:relative}.hero-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,#ff331f26,#0000 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}h1{font-size:5rem;line-height:1.1;font-weight:800;letter-spacing:-2px;margin-bottom:2rem;color:#fff}.hero-sub{font-size:1.3rem;color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-weight:300}.status-badge{display:inline-flex;align-items:center;border:1px solid var(--glass-border);padding:.5rem 1rem;border-radius:50px;margin-bottom:2rem;font-family:var(--font-mono);font-size:.75rem}.status-dot{width:8px;height:8px;background-color:#00ff41;border-radius:50%;margin-right:10px;box-shadow:0 0 10px #00ff4166}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;border-top:1px solid var(--glass-border);padding-top:4rem}.expertise-card-link{text-decoration:none;color:var(--text-primary);display:block}.expertise-card-link:visited{color:var(--text-primary)}.projects-grid{border-top:1px solid var(--glass-border);padding-top:4rem;display:flex;flex-direction:column;gap:4rem}.trust-item h3{font-size:1.2rem;margin-bottom:1rem;font-weight:500}.trust-item p{color:var(--text-secondary);font-size:.95rem}.service-image-container{width:100%;height:200px;background:var(--glass-bg);border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.service-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.trust-item:hover .service-img{transform:scale(1.05)}.work{padding-top:16rem}.section-title{font-size:3rem;margin-bottom:4rem;letter-spacing:-1px}.project-card{margin-bottom:6rem;position:relative;display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:center}.project-card:nth-child(2n){direction:rtl}.project-card:nth-child(2n) .project-info{direction:ltr}.project-image-container{height:500px;background:var(--glass-bg);border-radius:4px;overflow:hidden;position:relative}.project-img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .5s,transform .8s}.project-card:hover .project-img{opacity:1;transform:scale(1.03)}.project-info{padding:2rem 0}.project-title{font-size:2.5rem;margin-bottom:1rem;font-weight:500}.project-desc{color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.project-desc .project-image-container{height:300px}.project-desc .project-hero h1{font-size:2.5rem!important}.project-hero{padding-top:180px;padding-bottom:4rem}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.content-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.content-section p{color:var(--text-secondary);line-height:1.8;font-size:1.1rem}.tech-list{list-style:none;display:flex;flex-wrap:wrap;gap:1rem}.tech-list li{border:1px solid var(--glass-border);padding:.5rem 1rem;border-radius:4px;font-size:.8rem}.back-link{color:var(--text-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s;font-size:1.2rem}.back-link:hover{border-bottom-color:var(--accent-color)}@media(max-width:768px){.content-grid{grid-template-columns:1fr;gap:3rem}.project-hero{padding-top:120px}}.footer-cta{text-align:center;border-top:1px solid var(--glass-border);padding-top:8rem}.big-mail{font-size:6vw;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-2px;display:block;transition:color .3s}.big-mail:hover{color:var(--accent-color)}@media(max-width:768px){h1{font-size:3rem}.project-card{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.project-card:nth-child(2n){direction:ltr}.trust-grid{grid-template-columns:1fr}.navbar{width:100%;border-radius:0;top:0;background:#050505e6}.project-image-container{height:300px}.desktop-only{display:none}.mobile-toggle{display:block;cursor:pointer;z-index:2000}.hamburger{width:30px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:2px;width:100%;background-color:var(--text-primary);transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:0;right:0;width:100%;height:100vh;background-color:var(--bg-color);z-index:1500;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--glass-border)}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:2rem}.mobile-nav-links a{font-size:2rem;color:var(--text-primary);text-decoration:none;font-weight:800}}.preloader{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:9999;background-color:#050505;overflow:hidden}.preloader-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;z-index:1;text-align:center}.preloader-label{font-size:1.5rem;color:var(--text-secondary);margin-bottom:.5rem}.preloader-word{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff}.contact-section{min-height:60vh;padding-bottom:0;display:flex;flex-direction:column;justify-content:center}.contact-wrapper{position:relative;width:100%}.contact-heading-wrapper{position:relative;border-bottom:1px solid var(--glass-border);padding-bottom:2rem;margin-bottom:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.big-contact-title{font-size:clamp(2.5rem,4vw,5rem);font-weight:500;line-height:1.1;color:#fff;letter-spacing:-1px;margin:0}.contact-heading-cta{font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;display:block}.contact-bottom-row{display:flex;flex-direction:column;align-items:flex-start}.contact-info{text-align:left;display:flex;flex-direction:column;align-items:flex-start;padding-top:1rem}.minimal-mail{font-size:1.5rem;color:var(--text-primary);text-decoration:none;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem;transition:border-color .3s;width:100%}.minimal-mail:hover{border-bottom-color:var(--text-primary)}.pulsing-dot{width:8px;height:8px;background-color:#00ff41;border-radius:50%;box-shadow:0 0 #00ff41b3;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #00ff41b3}70%{transform:scale(1);box-shadow:0 0 0 10px #00ff4100}to{transform:scale(.95);box-shadow:0 0 #00ff4100}}.email-interaction-wrapper{height:3rem;display:flex;align-items:center}.minimal-mail{font-size:2rem;color:var(--text-primary);text-decoration:none;font-weight:500;width:100%}.minimal-mail.success{color:#22c55e;font-size:1.5rem;letter-spacing:1px;font-weight:700}.contact-sub{color:var(--text-secondary);max-width:100%;line-height:1.7;font-size:1rem;margin-bottom:2rem}@media(max-width:768px){.contact-heading-wrapper{flex-direction:column;align-items:flex-start;gap:1rem}.contact-bottom-row{gap:3rem}.big-contact-title{font-size:2.5rem}.minimal-mail{font-size:1.5rem}}.contact-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-input{width:100%;padding:1rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:var(--font-heading);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;background:#ffffff0f;border-color:var(--accent-color);transform:translateY(-2px)}.submit-btn{align-self:flex-start;padding:1rem 2.5rem;background:var(--accent-button);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .3s ease;box-shadow:0 4px 20px #ff331f4d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff331f66}@media(max-width:768px){.contact-grid-layout{grid-template-columns:1fr;gap:3rem}}.music-content{padding-top:180px;min-height:100vh;padding-bottom:4rem}.music-title{font-size:clamp(3rem,6vw,5rem);margin-bottom:2rem;text-align:center}.music-sub{text-align:center;margin-bottom:4rem;max-width:600px;margin:0 auto 4rem}.soundcloud-container{width:100%;max-width:800px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d;border:1px solid var(--glass-border)}.service-icon-wrapper{margin-top:2rem}.service-title{margin-top:1rem}.service-container{padding-top:4rem;padding-bottom:4rem}.service-image-banner-wrapper{grid-column:1 / -1;margin-bottom:2rem}.service-image-banner{width:100%;height:400px;object-fit:cover;border-radius:8px;border:1px solid var(--glass-border)}.service-benefits-box{margin-top:4rem;padding:3rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px}.service-cta-box{margin-top:4rem;text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#ff331f1a,#ff331f0d);border-radius:12px;border:1px solid rgba(255,51,31,.2)}.cta-subtext{margin-bottom:1.5rem;color:var(--text-secondary)}.primary-btn{display:inline-block;font-size:1.2rem;text-decoration:none;color:#fff;background:var(--accent-color);padding:1rem 2.5rem;border-radius:4px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #ff331f4d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff331f66}.tech-list-vertical{flex-direction:column;gap:.5rem}.tech-item-row{padding:.75rem 1rem}.check-icon{color:var(--accent-color)}.service-content-wrapper{display:grid;grid-template-columns:1fr;gap:4rem;position:relative;margin-top:4rem}@media(min-width:992px){.service-content-wrapper{grid-template-columns:1fr 350px;align-items:start}.service-sidebar{position:sticky;top:100px;order:2}.service-main-content{order:1;min-width:0}}.sidebar-box{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-box h4{margin-top:0;color:var(--text-primary)}.feature-card-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}@media(min-width:768px){.feature-card-grid{grid-template-columns:1fr 1fr}}.feature-card{background:#ffffff08;border:1px solid var(--glass-border);padding:1.5rem;border-radius:8px;transition:all .3s ease}.feature-card:hover{background:#ffffff0d;border-color:var(--accent-color);transform:translateY(-2px)}.feature-card h4{margin-top:0;margin-bottom:.5rem;color:var(--text-primary);font-family:var(--font-heading)}.pain-solution-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:4rem 0;background:#ffffff05;border-radius:12px;padding:2rem;border:1px solid var(--glass-border)}@media(min-width:768px){.pain-solution-grid{grid-template-columns:1fr 1fr}}.pain-column h4,.solution-column h4{margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:.5rem}.pain-column h4{color:#ff6b6b}.solution-column h4{color:#51cf66}.comparison-list{list-style:none;padding:0;margin:0}.comparison-list li{margin-bottom:1rem;padding-left:1.5rem;position:relative;color:var(--text-secondary)}.comparison-list li:before{position:absolute;left:0;font-weight:700}.pain-column li:before{content:"✕";color:#ff6b6b}.solution-column li:before{content:"✓";color:#51cf66}.approach-section{margin:6rem 0}.approach-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}@media(min-width:768px){.approach-grid{grid-template-columns:repeat(4,1fr)}}.approach-step{position:relative;padding-top:2rem}.approach-step:before{content:"";position:absolute;top:0;left:0;width:40px;height:2px;background:var(--accent-color)}.step-number{font-family:var(--font-mono);font-size:3rem;opacity:.1;position:absolute;top:-1.5rem;right:0;pointer-events:none}.approach-step h4{color:var(--text-primary);margin-bottom:1rem}.approach-step p{font-size:.95rem;color:var(--text-secondary)}.service-tools-section{margin-bottom:4rem;overflow:hidden}.tool-tags-wrapper{display:flex;flex-wrap:wrap;gap:1rem}.tool-tag{background:#ffffff0d;padding:.5rem 1rem;border-radius:4px;font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);border:1px solid transparent}.faq-section{margin:6rem 0}.faq-item{border-bottom:1px solid var(--glass-border);margin-bottom:1rem}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;cursor:pointer;background:none;border:none;width:100%;text-align:left;color:var(--text-primary);font-family:var(--font-heading);font-size:1.1rem;font-weight:500}.faq-answer{padding-bottom:1.5rem;color:var(--text-secondary);line-height:1.7}.related-projects-section{margin:6rem 0}.related-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.related-grid{grid-template-columns:1fr 1fr}}.mini-project-card{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/9;display:block;text-decoration:none}.mini-project-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mini-project-card:hover img{transform:scale(1.05)}.mini-project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:0;transition:opacity .3s ease}.mini-project-card:hover .mini-project-overlay{opacity:1}.mini-project-title{color:#fff;margin:0;font-size:1.2rem}.use-case-grid{display:flex;flex-direction:column;gap:1.5rem;margin:3rem 0}.use-case-card{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;background:#ffffff05;border:1px solid var(--glass-border);padding:2rem;border-radius:8px;position:relative;overflow:hidden}.use-case-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-color);opacity:.5}.uc-column h5{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;font-family:var(--font-mono)}.uc-column p{margin:0;font-size:1rem;color:var(--text-primary);font-weight:500}.uc-arrow{color:var(--accent-color);font-size:1.5rem;opacity:.8}.uc-result{color:#00ff41}.minimal-mail{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);margin:1rem 0;width:100%}.minimal-mail.success{color:#059669;text-align:center}.tech-border-box{position:relative;border:1px solid rgba(255,51,31,.2);box-shadow:0 0 15px #ff331f0d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.tech-border-box:hover{border-color:var(--accent-color);box-shadow:0 0 60px #ff331f99;transform:translateY(-5px) scale(1.02);z-index:10}@media(max-width:768px){.use-case-card{grid-template-columns:1fr;gap:1rem;text-align:left}.uc-arrow{transform:rotate(90deg);width:fit-content}}.target-audience-tags{display:flex;gap:.5rem;justify-content:flex-start;flex-wrap:wrap;margin-top:1rem}.audience-tag{background:#ffffff1a;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary)}.guarantee-box{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.guarantee-title{font-size:.85rem;text-transform:uppercase;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.guarantee-text{font-size:.9rem;color:var(--text-primary);font-style:italic}.service-content-wrapper{display:flex;justify-content:center;width:100%}.service-main-content{width:100%;max-width:800px;margin:0 auto}.content-section{margin-bottom:6rem}.content-section h3{font-size:2rem;margin-bottom:2rem;font-weight:500;letter-spacing:-.5px;color:var(--text-primary)}.feature-card-grid,.approach-grid{margin-top:3rem}.approach-step{padding:2rem 0;border-bottom:1px solid var(--glass-border)}.approach-step:last-child{border-bottom:none}.feature-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:3rem;border-top:none}.feature-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:visible;display:flex;flex-direction:column;gap:1rem;height:100%}.feature-card:hover{transform:translateY(-5px);border-color:#fff3;box-shadow:0 10px 40px -10px #00000080;background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.feature-card:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-color) 20%,var(--accent-color) 80%,transparent 100%);opacity:0;transition:opacity .4s ease;z-index:2}.feature-card:hover:before{opacity:1}.feature-card h4{font-size:1.25rem;color:#fff;margin:0;font-weight:600}.feature-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.project-hero h1{background:linear-gradient(to bottom right,#fff 30%,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.5rem}.hero-sub{font-size:clamp(1.1rem,2vw,1.35rem);color:#a1a1a1;font-weight:400;max-width:650px;line-height:1.7}.content-section p:first-of-type{font-size:1.15rem;color:#e0e0e0;line-height:1.8}.approach-section{width:100vw;margin-left:calc(-50vw + 50%);padding:0 max(2rem,calc(50vw - 400px));overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.approach-grid{display:flex;gap:4rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:2rem 2rem 4rem;-ms-overflow-style:none;scrollbar-width:none;margin-top:0;margin-left:0;padding-left:0;border-left:none}.approach-grid::-webkit-scrollbar{display:none}.approach-step{flex:0 0 280px;scroll-snap-align:start;background:transparent;border:none;padding:0;padding-top:2rem;position:relative;border-top:2px solid rgba(255,255,255,.1);transition:border-color .3s ease}.approach-step:hover{border-top-color:var(--accent-color)}.approach-step:before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;background:var(--bg-color);border:2px solid rgba(255,255,255,.3);border-radius:50%;z-index:2;transition:all .3s ease}.approach-step:hover:before{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-color);transform:scale(1.3)}.step-number{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:1rem;display:block}.approach-step:hover .step-number{color:var(--accent-color)}#google_translate_element,.skiptranslate,.goog-te-banner-frame,.goog-te-menu-frame,.goog-te-menu2{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;pointer-events:none!important}.language-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-family:var(--font-heading);font-size:.875rem;transition:all .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#e5e5e5;box-shadow:0 0 0 transparent}.language-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;box-shadow:0 0 15px #ffffff1a}.language-btn:active{transform:scale(.95)}.language-btn.active-state{background:#ffffff26;border-color:#ffffff80;color:#fff;box-shadow:0 0 20px #fff3}.language-btn span{letter-spacing:.025em}body{top:0!important;position:static!important}.custom-language-dropdown{position:absolute;top:100%;right:0;width:300px;max-height:400px;overflow-y:auto;background:#050505f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #00000080;margin-top:10px;padding:8px 0;z-index:1000;animation:fadeInDown .3s ease-out}.custom-language-dropdown:before{display:none}.custom-language-item{display:flex;align-items:center;width:100%;padding:12px 20px;color:var(--text-secondary);font-family:var(--font-heading);font-size:.95rem;font-weight:500;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.03)}.custom-language-item:last-child{border-bottom:none}.custom-language-item:hover,.custom-language-item.active{background:var(--accent-color);color:#fff;padding-left:28px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-language-dropdown::-webkit-scrollbar{width:6px}.custom-language-dropdown::-webkit-scrollbar-track{background:#111}.custom-language-dropdown::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.footer{width:100%;padding:2rem 0;margin-top:4rem;border-top:1px solid rgba(255,255,255,.1);background:#05050580;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.footer span{font-family:var(--font-heading);color:var(--text-secondary);font-size:.9rem;letter-spacing:.05em}.footer-links{display:flex;gap:2rem;align-items:center;justify-content:center;flex-wrap:wrap}.footer-links \a {font-family:var(--font-heading);font-size:.8rem;color:var(--text-secondary)!important;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;opacity:.7}.footer-links a:hover{color:var(--accent-color)!important;opacity:1;transform:translateY(-2px)}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;padding:0 2rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}