*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--olive:#5B6C2C;--olive-light:#8A9A54;--olive-dark:#3D4A1A;--cream:#FAF7EF;--cream-dark:#F2EBD9;--gold:#C9A84C;--text:#1C1C1C;--text-mid:#4A4A4A;--text-soft:#6E6E6E;--white:#fff;--border:rgba(91,108,44,.15);--shadow:0 4px 24px rgba(91,108,44,.12);--shadow-lg:0 12px 48px rgba(91,108,44,.18);--transition:.3s cubic-bezier(.4,0,.2,1)}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:#fff;color:var(--text);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:inherit;border:0;background:none;cursor:pointer}
.container{max-width:1160px;margin:0 auto;padding:0 24px}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--olive);color:#fff;padding:14px 28px;border-radius:999px;font-size:16px;font-weight:800;letter-spacing:-.2px;transition:var(--transition);white-space:nowrap}
.btn-primary:hover{background:var(--olive-dark);transform:translateY(-1px);box-shadow:var(--shadow)}
nav{position:fixed;top:0;left:0;right:0;z-index:900;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px}
.nav-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:-.5px;color:var(--olive)}
.logo-icon{width:36px;height:36px;border-radius:10px;background:var(--olive);display:flex;align-items:center;justify-content:center}
.logo-icon svg{fill:#fff}
.brand-logo-icon{background:#fff;border:1px solid rgba(91,108,44,.18);overflow:hidden;padding:3px}
.brand-logo-icon img{width:100%;height:100%;display:block;object-fit:contain}
.brand-logo-text{font:inherit;color:inherit}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none}
.nav-links>li>a,.solutions-trigger{font-size:15px;font-weight:700;color:var(--text-mid);transition:var(--transition)}
.nav-links>li>a:hover,.solutions-trigger:hover{color:var(--olive)}
.nav-cta .btn-primary{padding:10px 20px;font-size:14px}
@media(max-width:980px){.nav-links{display:none}}

.service-page{background:#fff}
.service-hero{padding:148px 0 86px;background:linear-gradient(180deg,var(--cream) 0%,#fff 100%);overflow:hidden}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:58px;align-items:center}
.service-eyebrow,.service-section-label{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 14px;color:var(--olive);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.9px;margin-bottom:20px}
.service-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-2.5px;font-weight:950;margin-bottom:22px}
.service-hero-copy>p{font-size:20px;line-height:1.7;color:var(--text-mid);max-width:680px;margin-bottom:30px}
.service-hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.service-secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--olive);color:var(--olive);padding:12px 24px;border-radius:999px;font-weight:800;transition:var(--transition)}
.service-secondary-btn:hover{background:var(--olive);color:#fff}
.service-visual{position:relative;min-height:430px;border-radius:28px;background:linear-gradient(145deg,#fff,#F4EBD8);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;padding:30px;display:flex;align-items:center;justify-content:center}
.service-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.service-mockup{position:relative;z-index:1;width:min(100%,390px);background:rgba(255,255,255,.96);border:1px solid rgba(91,108,44,.14);border-radius:24px;padding:22px;box-shadow:0 24px 70px rgba(28,28,28,.14)}
.service-mockup-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px;font-size:12px;font-weight:900;color:var(--text-soft);text-transform:uppercase;letter-spacing:.7px}
.service-mockup-top strong{background:var(--olive);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px}
.service-metric-card{background:var(--cream);border:1px solid var(--border);border-radius:18px;padding:18px;margin-bottom:16px}
.service-metric-card span{display:block;font-size:12px;font-weight:800;color:var(--olive);text-transform:uppercase;letter-spacing:.7px}
.service-metric-card strong{display:block;font-size:22px;line-height:1.15;margin-top:6px}
.service-mock-bars{display:flex;align-items:flex-end;gap:9px;height:86px;margin:18px 0}
.service-mock-bars i{flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--olive-light),var(--olive))}
.service-mock-bars i:nth-child(1){height:42%}.service-mock-bars i:nth-child(2){height:66%}.service-mock-bars i:nth-child(3){height:78%}.service-mock-bars i:nth-child(4){height:96%}
.service-signal-list{display:grid;gap:10px}
.service-signal-list div{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:var(--text-mid)}
.service-signal-list b{width:9px;height:9px;border-radius:50%;background:var(--gold)}
.service-problem,.service-install,.service-why,.service-steps,.service-included,.service-related,.service-final-cta{padding:78px 0}
.service-narrow{max-width:860px}
.service-narrow h2,.service-why-card h2,.service-section-head h2,.service-final-card h2{font-size:clamp(30px,4.5vw,50px);line-height:1.08;letter-spacing:-1.5px;font-weight:950}
.service-narrow p,.service-why-card p,.service-final-card p{font-size:18px;line-height:1.8;color:var(--text-mid);margin-top:18px}
.service-install,.service-steps,.service-final-cta{background:#FBF8F0}
.service-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.service-section-head span{font-size:12px;font-weight:900;color:var(--olive);text-transform:uppercase;letter-spacing:1px}
.service-deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-deliverable-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 12px 36px rgba(91,108,44,.08);min-height:142px}
.service-card-icon{width:34px;height:34px;border-radius:50%;background:rgba(91,108,44,.12);color:var(--olive);display:flex;align-items:center;justify-content:center;font-weight:950;margin-bottom:16px}
.service-deliverable-card h3{font-size:17px;line-height:1.3;letter-spacing:-.3px}
.service-why-card{display:grid;grid-template-columns:.82fr 1fr;gap:52px;align-items:center;background:var(--olive-dark);color:#fff;border-radius:28px;padding:44px;box-shadow:var(--shadow-lg)}
.service-why-card .service-section-label{background:rgba(255,255,255,.1);color:var(--gold-light);border-color:rgba(255,255,255,.12)}
.service-why-card p{color:rgba(255,255,255,.78);margin-top:0}
.service-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-step-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(91,108,44,.08)}
.service-step-num{width:38px;height:38px;border-radius:12px;background:var(--olive);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;margin-bottom:16px}
.service-step-card h3{font-size:20px;letter-spacing:-.4px;margin-bottom:8px}
.service-step-card p{font-size:14px;line-height:1.65;color:var(--text-mid)}
.service-included-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-top:28px;padding-bottom:28px}
.service-included-inner>span{font-size:13px;text-transform:uppercase;letter-spacing:1px;font-weight:900;color:var(--text-soft)}
.service-included-inner div{display:flex;gap:12px;flex-wrap:wrap}
.service-included-inner strong{background:var(--cream);border:1px solid var(--border);border-radius:999px;padding:10px 16px;color:var(--olive)}
.service-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-related-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(91,108,44,.08);transition:var(--transition)}
.service-related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.service-related-card span{display:block;font-size:11px;font-weight:900;color:var(--olive);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.service-related-card strong{display:block;font-size:21px;line-height:1.15;margin-bottom:10px}
.service-related-card p{font-size:14px;line-height:1.6;color:var(--text-soft)}
.service-final-card{text-align:center;background:var(--olive-dark);color:#fff;border-radius:30px;padding:58px 32px;box-shadow:var(--shadow-lg)}
.service-final-card p{max-width:760px;margin:16px auto 28px;color:rgba(255,255,255,.78)}
.service-final-card .btn-primary{background:var(--gold)}
.service-final-card .btn-primary:hover{background:#b8960c}
@media(max-width:980px){.service-hero-grid,.service-why-card{grid-template-columns:1fr}.service-deliverables,.service-related-grid{grid-template-columns:1fr 1fr}.service-step-grid{grid-template-columns:1fr 1fr}.service-section-head{display:block}.service-section-head h2{margin-top:8px}}
@media(max-width:640px){.service-hero{padding-top:120px}.service-hero h1{font-size:40px}.service-hero-copy>p{font-size:18px}.service-visual{min-height:340px;padding:18px}.service-deliverables,.service-related-grid,.service-step-grid{grid-template-columns:1fr}.service-why-card,.service-final-card{padding:30px 22px;border-radius:22px}.service-included-inner{align-items:flex-start;flex-direction:column}}