.page-nav{position:fixed;top:0;left:0;right:0;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(to bottom,rgba(10,10,10,.85) 0%,transparent 100%);transition:background .4s ease}.page-nav.scrolled{background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-logo{font-family:DM Sans,sans-serif;font-size:20px;font-weight:900;color:var(--white);letter-spacing:4px;text-transform:uppercase;text-decoration:none;cursor:none}.nav-back{display:flex;align-items:center;gap:8px;color:#fff9;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease;cursor:none}.nav-back:hover{color:var(--white)}.nav-back svg{width:18px;height:18px}@media(max-width:480px){.page-nav{padding:20px 24px}.nav-back span{display:none}}.services-hero{padding:180px 48px 100px;text-align:center;position:relative}.section-tag{display:inline-block;font-family:Satoshi,sans-serif;font-size:13px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--blue);background:#a7c7e714;border:1px solid rgba(167,199,231,.15);padding:10px 24px;border-radius:100px;margin-bottom:32px}.services-hero h1{font-family:DM Sans,sans-serif;font-size:clamp(44px,6vw,84px);font-weight:900;letter-spacing:-3px;line-height:1.05;margin-bottom:28px}.services-hero h1 span{color:var(--blue)}.services-hero .hero-sub{font-size:clamp(16px,1.4vw,19px);color:#ffffff73;max-width:600px;margin:0 auto 48px;line-height:1.7}.hero-stats{display:flex;justify-content:center;gap:clamp(40px,6vw,80px);margin-top:20px}.hero-stat{text-align:center}.hero-stat-num{font-family:DM Sans,sans-serif;font-size:clamp(56px,8vw,100px);font-weight:900;color:var(--white);line-height:1;margin-bottom:12px;opacity:0;transform:translateY(30px) scale(.8);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.hero-stat-num.counting{opacity:1;transform:translateY(0) scale(1)}.hero-stat-num.done{animation:statBounce .5s cubic-bezier(.16,1,.3,1);text-shadow:0 0 40px rgba(167,199,231,.4),0 0 80px rgba(167,199,231,.15)}@keyframes statBounce{0%{transform:scale(1)}40%{transform:scale(1.12)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes glowPulse{0%,to{text-shadow:0 0 30px rgba(167,199,231,.3),0 0 60px rgba(167,199,231,.1)}50%{text-shadow:0 0 50px rgba(167,199,231,.5),0 0 100px rgba(167,199,231,.2)}}.hero-stat-num.done{animation:statBounce .5s cubic-bezier(.16,1,.3,1),glowPulse 3s ease-in-out infinite .5s;color:var(--blue)}.hero-stat-label{font-size:14px;color:#ffffff59;letter-spacing:2px;text-transform:uppercase;font-weight:500}.services-main{padding:clamp(40px,6vw,80px) clamp(24px,6vw,120px);max-width:1000px;margin:0 auto}.services-main>h2{font-family:DM Sans,sans-serif;font-size:clamp(28px,3vw,44px);font-weight:800;text-align:center;letter-spacing:-1px;margin-bottom:clamp(48px,6vw,72px)}.services-list{display:flex;flex-direction:column}.service-row{display:flex;align-items:flex-start;gap:clamp(24px,3vw,48px);padding:clamp(28px,3vw,40px) 0;border-bottom:1px solid rgba(255,255,255,.06);cursor:none;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1)}.service-row:first-child{border-top:1px solid rgba(255,255,255,.06)}.service-row:hover{background:#a7c7e705;padding-left:16px;padding-right:16px}.service-row-num{font-family:DM Sans,sans-serif;font-size:clamp(14px,1.2vw,16px);font-weight:700;color:var(--blue);opacity:.5;min-width:40px;padding-top:6px;transition:opacity .4s ease}.service-row:hover .service-row-num{opacity:1}.service-row-content{flex:1}.service-row-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.service-row h3{font-family:DM Sans,sans-serif;font-size:clamp(20px,2vw,30px);font-weight:700;transition:color .3s ease}.service-row:hover h3{color:var(--blue)}.service-row-arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.service-row-arrow svg{width:18px;height:18px;stroke:#ffffff4d;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .4s ease}.service-row:hover .service-row-arrow{background:#a7c7e71a;border-color:#a7c7e740}.service-row:hover .service-row-arrow svg{stroke:var(--blue);transform:rotate(-45deg)}.service-row-desc{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s ease,margin .4s ease;opacity:0;margin-top:0}.service-row.open .service-row-desc{max-height:150px;opacity:1;margin-top:16px}.service-row.open .service-row-arrow svg{transform:rotate(90deg)}.service-row-desc p{font-size:15px;color:#fff6;line-height:1.75;max-width:550px}.service-row-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.service-tag{padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#a7c7e7b3;background:#a7c7e70f;border:1px solid rgba(167,199,231,.08)}.services-process{padding:clamp(80px,10vw,140px) clamp(24px,6vw,120px);max-width:1100px;margin:0 auto}.services-process>h2{font-family:DM Sans,sans-serif;font-size:clamp(28px,3vw,44px);font-weight:800;text-align:center;letter-spacing:-1px;margin-bottom:clamp(48px,6vw,72px)}.proc-timeline{display:flex;align-items:center;justify-content:center;position:relative;padding:0 20px}.proc-hline{position:absolute;top:26px;left:calc(12.5% + 26px);right:calc(12.5% + 26px);height:2px;background:#ffffff0f;z-index:0}.proc-hline-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,var(--blue),var(--blue-dark));border-radius:2px;transition:width .6s cubic-bezier(.16,1,.3,1)}.proc-hline-dot{position:absolute;top:-4px;right:-5px;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px #a7c7e799,0 0 40px #a7c7e733}.proc-node{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;cursor:none;padding:0 4px}.proc-node-dot{width:52px;height:52px;border-radius:50%;background:var(--black);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;color:#ffffff40;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative}.proc-node-dot:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid var(--blue);opacity:0;transform:scale(.8);transition:all .5s ease}.proc-node.active .proc-node-dot{border-color:var(--blue);color:#fff;background:#a7c7e726;box-shadow:0 0 30px #a7c7e733;transform:scale(1.15)}.proc-node.active .proc-node-dot:after{opacity:.3;transform:scale(1);animation:procPulse 2.5s ease-in-out infinite}.proc-node.visited .proc-node-dot{border-color:var(--blue-dark);color:var(--blue);background:#a7c7e714}@keyframes procPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.6)}}.proc-node-label{font-family:Satoshi,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffffff40;margin-top:14px;text-align:center;transition:color .4s ease;white-space:nowrap}.proc-node.active .proc-node-label{color:var(--blue)}.proc-node.visited .proc-node-label{color:#fff6}.proc-content{max-width:700px;margin:56px auto 0;min-height:180px;position:relative}.proc-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.16,1,.3,1);pointer-events:none;text-align:center}.proc-slide.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}.proc-slide h3{font-family:DM Sans,sans-serif;font-size:clamp(22px,2.5vw,32px);font-weight:700;color:var(--white);line-height:1.2;letter-spacing:-.5px;margin-bottom:16px}.proc-slide p{font-family:Satoshi,sans-serif;font-size:clamp(15px,1.4vw,18px);color:#ffffff73;line-height:1.7;max-width:550px;margin:0 auto}.proc-nav{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px}.proc-nav-btn{width:52px;height:52px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:none;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.proc-nav-btn:hover{background:#ffffff1a;border-color:#a7c7e74d;transform:scale(1.1)}.proc-nav-btn:disabled{opacity:.2;pointer-events:none}.proc-nav-btn svg{width:20px;height:20px;stroke:var(--white);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.proc-counter{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#fff6;min-width:60px;text-align:center}.proc-counter .proc-counter-current{color:var(--blue);font-size:20px}.project-test{padding:clamp(80px,10vw,140px) clamp(24px,6vw,120px);background:#a7c7e705;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.project-test-inner{max-width:700px;margin:0 auto;text-align:center}.project-test-inner>h2{font-family:DM Sans,sans-serif;font-size:clamp(28px,3.5vw,48px);font-weight:800;letter-spacing:-1px;margin-bottom:12px}.project-test-inner>p{font-size:clamp(15px,1.3vw,17px);color:#fff6;margin-bottom:48px;line-height:1.7}.test-progress{display:flex;align-items:center;gap:8px;margin-bottom:48px;justify-content:center}.test-progress-step{width:48px;height:4px;border-radius:4px;background:#ffffff14;transition:all .4s ease}.test-progress-step.active{background:var(--blue);box-shadow:0 0 8px #a7c7e74d}.test-progress-step.done{background:var(--blue-dark)}.test-steps-container{position:relative;overflow:hidden;min-height:280px}.test-step{position:absolute;top:0;left:0;right:0;opacity:0;transform:translate(80px);transition:all .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.test-step.active{position:relative;opacity:1;transform:translate(0);pointer-events:auto}.test-step.slide-out-left{transform:translate(-80px);opacity:0}.test-step.slide-out-right{transform:translate(80px);opacity:0}.test-step-label{font-family:Satoshi,sans-serif;font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.test-step h3{font-family:DM Sans,sans-serif;font-size:clamp(20px,2.5vw,28px);font-weight:700;margin-bottom:32px}.test-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.test-chip{padding:14px 28px;border:1px solid rgba(255,255,255,.1);border-radius:100px;background:#ffffff08;font-family:Satoshi,sans-serif;font-size:15px;font-weight:500;color:#fff9;cursor:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.test-chip:hover{border-color:#a7c7e74d;color:var(--white)}.test-chip.selected{background:#a7c7e71f;border-color:var(--blue);color:var(--white);box-shadow:0 0 16px #a7c7e71a}.test-options{display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto}.test-option{padding:18px 28px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff05;font-family:Satoshi,sans-serif;font-size:15px;color:#fff9;cursor:none;transition:all .3s ease;text-align:left}.test-option:hover{border-color:#a7c7e740;color:var(--white)}.test-option.selected{background:#a7c7e71a;border-color:var(--blue);color:var(--white)}.test-input{width:100%;max-width:480px;padding:18px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;font-family:Satoshi,sans-serif;font-size:16px;color:var(--white);outline:none;transition:border-color .3s ease;cursor:none}.test-input:focus{border-color:var(--blue)}.test-input::placeholder{color:#ffffff40}.test-textarea{width:100%;max-width:480px;padding:18px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;font-family:Satoshi,sans-serif;font-size:16px;color:var(--white);outline:none;transition:border-color .3s ease;resize:vertical;min-height:120px;cursor:none}.test-textarea:focus{border-color:var(--blue)}.test-textarea::placeholder{color:#ffffff40}.test-otro-input{display:none;margin-top:16px;transition:all .4s cubic-bezier(.16,1,.3,1)}.test-otro-input.visible{display:block}.test-chip.test-chip-otro,.test-option.test-option-otro{border-style:dashed}.budget-display{margin-bottom:40px}.budget-value{font-family:DM Sans,sans-serif;font-size:clamp(48px,5vw,72px);font-weight:900;color:var(--white);line-height:1;margin-bottom:4px}.budget-value span{color:var(--blue)}.budget-label{font-size:14px;color:#ffffff4d}.budget-slider-wrap{max-width:480px;margin:0 auto;padding:0 12px}.budget-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:#ffffff14;outline:none;cursor:none}.budget-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--white);cursor:none;box-shadow:0 0 16px #a7c7e74d;transition:transform .2s ease}.budget-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.budget-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--white);cursor:none;border:none;box-shadow:0 0 16px #a7c7e74d}.budget-marks{display:flex;justify-content:space-between;margin-top:12px;max-width:480px;margin-left:auto;margin-right:auto}.budget-mark{font-size:12px;color:#ffffff40}.test-fields{display:flex;flex-direction:column;gap:16px;align-items:center}.test-nav{display:flex;justify-content:center;gap:16px;margin-top:48px}.test-btn{padding:16px 36px;border-radius:100px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;cursor:none;transition:all .4s cubic-bezier(.16,1,.3,1);border:none;outline:none}.test-btn-back{background:transparent;border:1px solid rgba(255,255,255,.12);color:#fff9}.test-btn-back:hover{border-color:#ffffff4d;color:var(--white)}.test-btn-next{background:var(--white);color:var(--black)}.test-btn-next:hover{transform:scale(1.05);box-shadow:0 0 30px #a7c7e733}.test-btn-next:disabled{opacity:.3;pointer-events:none}.test-btn-submit{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:var(--black);padding:18px 48px;font-size:16px}.test-btn-submit:hover{transform:scale(1.05);box-shadow:0 0 40px #a7c7e74d}.test-success{display:none;text-align:center;animation:testFadeIn .6s ease}.test-success.active{display:block}.test-success-icon{width:80px;height:80px;border-radius:50%;background:#a7c7e71a;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:36px}.test-success h3{font-family:DM Sans,sans-serif;font-size:28px;font-weight:800;margin-bottom:12px}.test-success p{color:#ffffff73;font-size:16px;line-height:1.7}.services-cta{padding:clamp(80px,10vw,140px) clamp(24px,6vw,120px);text-align:center;border-top:1px solid rgba(255,255,255,.06)}.services-cta h2{font-family:DM Sans,sans-serif;font-size:clamp(28px,3.5vw,48px);font-weight:800;letter-spacing:-1px;margin-bottom:20px}.services-cta p{font-size:clamp(15px,1.3vw,17px);color:#ffffff73;max-width:500px;margin:0 auto 36px;line-height:1.7}.cta-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:var(--white);color:var(--black);text-decoration:none;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;border-radius:100px;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:none}.cta-btn:hover{transform:scale(1.05);box-shadow:0 0 40px #a7c7e733}.cta-btn svg{width:18px;height:18px}.page-footer{padding:40px 48px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:DM Sans,sans-serif;font-size:16px;font-weight:900;color:var(--white);letter-spacing:4px;text-transform:uppercase;text-decoration:none}.footer-copy{font-size:13px;color:#ffffff4d}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media(max-width:900px){.hero-stats{gap:32px}.proc-node-dot{width:42px;height:42px;font-size:14px}.proc-node-label{font-size:9px;letter-spacing:1px}.proc-content{margin-top:40px;min-height:160px}}@media(max-width:600px){.hero-stats{flex-direction:column;gap:24px}.test-chips{flex-direction:column;align-items:center}.test-chip{width:100%;max-width:300px;text-align:center}.service-row{flex-direction:column;gap:8px}.service-row-num{min-width:auto}.proc-timeline{padding:0 8px}.proc-hline{left:30px;right:30px}.proc-node-label{font-size:8px;letter-spacing:1px}}@media(max-width:768px){.page-footer{flex-direction:column;gap:16px;text-align:center;padding:32px 24px}}@media(max-width:480px){.services-hero{padding:140px 24px 60px}}
