.service-page{color:#fff;background:#0a0a0a;min-height:100vh}.service-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.service-header .back-button{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .3s;display:flex}.service-header .back-button:hover{opacity:.7}.service-header .logo{align-items:center;text-decoration:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.service-header .logo img{width:120px;height:auto}@media (max-width:900px){.service-header{padding:15px 20px}.service-header .logo img{width:100px}.service-header .back-button{font-size:13px}}@media (max-width:600px){.service-header .logo img{width:80px}.service-header .back-button span{display:none}.service-header .contact-btn{padding:8px 16px;font-size:12px}}.service-header .header-actions{align-items:center;gap:15px;display:flex}.service-header .contact-btn{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;padding:12px 24px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s}.service-header .contact-btn:hover{background:#fff3}.service-hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.service-hero:before{content:"";z-index:1;background:linear-gradient(#0a0a0ab3,#0a0a0ae6);position:absolute;inset:0}.service-hero-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.service-hero-content{z-index:2;max-width:900px;position:relative}.service-hero h1{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(36px,6vw,72px);font-weight:300;line-height:1.1}.service-hero-subtitle{color:#ffffffb3;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(16px,2vw,21px)}.service-hero-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-transform:uppercase;letter-spacing:2px;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:12px;padding:18px 36px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.service-hero-cta:hover{background:#fff3;transform:translateY(-2px)}.service-stats{justify-content:center;gap:60px;margin-top:60px;display:flex}.service-stat{text-align:center}.service-stat-number{letter-spacing:-.02em;font-size:48px;font-weight:300}.service-stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-size:13px}.service-intro{max-width:1200px;margin:0 auto;padding:120px 40px}.service-intro-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.service-intro h2{letter-spacing:-.02em;font-size:clamp(28px,4vw,42px);font-weight:300;line-height:1.3}.service-intro-text{color:#ffffffb3;font-size:17px;line-height:1.8}.service-intro-text p{margin-bottom:24px}.service-projects{background:#111;padding:80px 40px 120px}.service-projects-header{max-width:1200px;margin:0 auto 60px}.service-projects h2{letter-spacing:-.02em;font-size:clamp(24px,3vw,36px);font-weight:300}.service-projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1400px;margin:0 auto;display:grid}.service-project-card{aspect-ratio:4/3;border-radius:8px;position:relative;overflow:hidden}.service-project-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.service-project-card:hover img{transform:scale(1.05)}.service-project-overlay{opacity:0;background:linear-gradient(#0000,#000c);flex-direction:column;justify-content:flex-end;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.service-project-card:hover .service-project-overlay{opacity:1}.service-project-title{margin-bottom:4px;font-size:18px;font-weight:500}.service-project-location{color:#fff9;font-size:13px}.service-faq{max-width:900px;margin:0 auto;padding:120px 40px}.service-faq h2{text-align:center;letter-spacing:-.02em;margin-bottom:60px;font-size:clamp(28px,4vw,42px);font-weight:300}.faq-item{border-bottom:1px solid #ffffff1a;padding:32px 0}.faq-question{color:#fff;margin-bottom:16px;font-size:18px;font-weight:500}.faq-answer{color:#ffffffb3;font-size:16px;line-height:1.7}.service-cta{text-align:center;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);padding:120px 40px}.service-cta h2{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(32px,5vw,56px);font-weight:300}.service-cta-subtitle{color:#ffffffb3;margin-bottom:40px;font-size:18px}@media (max-width:1024px){.service-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.service-header{padding:16px 20px}.service-hero{padding:100px 20px 60px}.service-stats{flex-direction:column;gap:30px}.service-intro{padding:80px 20px}.service-intro-grid{grid-template-columns:1fr;gap:40px}.service-projects{padding:60px 20px 80px}.service-projects-grid{grid-template-columns:1fr}.service-faq,.service-cta{padding:80px 20px}}
