body.services-page{background-color:var(--primary-background);letter-spacing:1px;--header-link-color: var(--light-background);--header-link-hover-color: var(--orange-color)}#service-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;color:var(--light-background);background:url(/images/developerscreen.jpg) center/cover no-repeat;overflow:hidden}.service-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000026,#000000a6)}.service-hero__content{position:relative;z-index:1;padding:5rem 0 4rem;display:flex;flex-direction:column;gap:1.5rem}.service-hero__content h1{font-size:clamp(2rem,1.5rem + 2vw,3.5rem);max-width:640px}.service-hero__content h1 span{color:var(--orange-color)}.service-hero__metrics{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:1.25rem}.service-hero__metrics div{background:#ffffff1a;border-radius:14px;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center}.service-hero__metrics div span{display:block;font-size:clamp(2rem,1.7rem + 1vw,3rem);font-weight:700}.service-hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.75rem;border-radius:40px;font-weight:600;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:var(--orange-color);color:var(--light-background);box-shadow:0 15px 35px #ff670159}.btn-outline{border-color:var(--light-background);color:var(--light-background);background:transparent}.btn-primary:hover,.btn-outline:hover{transform:translateY(-2px)}#quote{margin-top:5rem}#quote .quote-heading{max-width:720px}#quote h1{font-size:clamp(1.5rem,calc(3vw + 1rem),3rem)}#quote h1 span{color:var(--orange-color)}.quote-status{min-height:2rem;font-size:.95rem;font-weight:600;margin-bottom:1rem}.quote-status.success{color:#0f8a5f}.quote-status.error{color:#b42318}.step-support{font-size:.95rem;color:#6b6b78;margin-bottom:1rem}.quotes{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.quote-form{min-height:500px;background:#fff;border-radius:16px;padding:2rem;box-shadow:-5px 12px 40.8px -8px #0003;border-top:3px solid var(--orange-color)}.progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.step{width:40px;height:40px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;transition:background .8s ease-in-out}.step.active{background:#ff6701;color:#fff}.line{flex:1;height:3px;background:#ddd}.form-step{display:none;opacity:0;transition:opacity .8s ease-in-out}.form-step.active{display:block;opacity:1}.form-step div{margin-top:1rem}#quote-form textarea,#quote-form input,#quote-form select{display:block;width:100%;background-color:transparent;border:1px solid #ccc;padding:1rem;border-radius:5px}#quote-form{margin-top:2rem}#quote-form section{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}#quote-form .actions{margin-top:1rem;display:flex;justify-content:space-between}#quote-form section button{border:1px solid #ccc;background:transparent;border-radius:5px;padding:1rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center;transition:border .3s ease,transform .3s ease}#quote-form section button.selected{border:2px solid #ff6701;background-color:#fff4eb;transform:translateY(-2px)}#quote-form input.error,#quote-form textarea.error,#quote-form select.error{border:1px solid red;background-color:#ffe6e6}#quote-form .actions button{padding:.5rem 1.5rem;color:var(--light-background);font-weight:700;border:none;cursor:pointer;border-radius:8px}#quote-form .prev{background:#cdcdcd}#quote-form .next{background:var(--orange-color)}.questions{width:100%}.faqs{background:var(--light-background);box-shadow:-5px 12px 40.8px -8px #0003;width:100%;padding:2rem 1rem;border-radius:8px}.faqs h3{font-size:1.25rem;margin-bottom:.5rem}.faq{padding:.5rem;border:1px solid #ccc;margin-top:1rem;border-radius:5px}.faq-header{padding-top:.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:1rem}.faq-content{display:none;max-height:0;transition:max-height .6s ease}.faq-content.active{display:block;max-height:1000px}.faq p{font-size:.9rem}.faq img{width:10px;height:10px;display:flex;align-self:center}.why{margin-top:3rem;background:var(--light-background);box-shadow:-5px 12px 40.8px -8px #0003;width:100%;padding:2rem 1.5rem;border-radius:16px}.why h3{font-size:clamp(1.125rem,1rem + 1vw,1.75rem)}.why-intro{margin-top:.5rem;font-size:clamp(.95rem,.9rem + .5vw,1.1rem);color:#5a5a68}.why-list{list-style:none;margin-top:1.5rem;display:flex;flex-direction:column;gap:1.25rem;padding-left:0}.why-list li{display:flex;gap:1rem;align-items:flex-start}.why-icon{width:clamp(32px,24px + 2vw,42px);height:clamp(32px,24px + 2vw,42px);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0036861a;color:var(--blue-color);flex-shrink:0}.why-list h4{font-size:clamp(.95rem,.85rem + .6vw,1.15rem);text-transform:uppercase;letter-spacing:.08em}.why-list p{font-size:clamp(.85rem,.8rem + .4vw,1rem);color:#454452}@media screen and (min-width:50.625rem){.quote-form{width:70%}.questions{width:40%}.quotes{flex-direction:row;align-items:flex-start;justify-content:space-between}.service-hero__metrics{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media screen and (min-width:64rem){body.services-page .container{width:80%}#service-hero{min-height:600px}.service-hero__content{padding-bottom:6rem}}@media(min-width:1200px){body.services-page .container{width:60%}}
