.service-guide-page{background:#f5f3ed;color:#171719}
.service-guide-page main{padding-top:100px}
.service-guide-page :focus-visible{outline:3px solid #a5be25;outline-offset:4px}
.guide-skip{position:fixed;left:1rem;top:-100px;z-index:3000;background:#c5df39;color:#171719;padding:.8rem 1rem;font-weight:700}
.guide-skip:focus{top:1rem}
.guide-hero{padding:clamp(4rem,7vw,7rem) 6vw;border-bottom:1px solid #b8bbb0}
.guide-eyebrow,.guide-number{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#63751d}
.guide-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.36fr);gap:5vw;align-items:end}
.guide-hero h1{font:600 clamp(4.5rem,8vw,8.5rem)/.88 "Space Grotesk",sans-serif;letter-spacing:-.075em;margin:1.5rem 0 0}
.guide-hero h1 span{color:#91aa17}
.guide-hero-grid p{font-size:1.15rem;line-height:1.65;color:#555;margin:0 0 2rem}
.guide-hero-grid a{display:block;border-bottom:1px solid #171719;padding:.8rem 0;font-weight:700}
.guide-jumps{display:flex;gap:.6rem;overflow-x:auto;padding:1rem 6vw;background:#171719;scrollbar-width:thin;position:sticky;top:100px;z-index:15}
.guide-jumps a{color:#f5f3ed;border:1px solid #62665d;padding:.55rem .85rem;white-space:nowrap;font-size:.8rem;font-weight:700}
.guide-jumps a:hover{border-color:#c5df39;color:#c5df39}
.guide-service{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);align-items:center;padding:clamp(3rem,7vw,7rem) 6vw;border-bottom:1px solid #b8bbb0;scroll-margin-top:170px}
.guide-service:nth-child(even){background:#eaede2}
.guide-service-copy{max-width:680px}
.guide-service h2,.guide-close h2{font:600 clamp(3rem,5vw,5.8rem)/.98 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:1.2rem 0 1.5rem}
.guide-service-copy>p{font-size:1.08rem;line-height:1.7;color:#555;max-width:590px}
.guide-service ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.8rem 0}
.guide-service li{font-size:.78rem;padding:.55rem .7rem;background:#dfe5d2;border:1px solid #bec7ac}
.guide-service:nth-child(even) li{background:#f5f3ed}
.guide-actions{display:flex;gap:1rem 1.5rem;align-items:center;flex-wrap:wrap;margin-top:2rem}
.guide-actions>a:not(.guide-primary){font-weight:700;border-bottom:1px solid #171719;padding:.6rem 0}
.guide-primary{display:inline-block;background:#171719;color:#f5f3ed;padding:1rem 1.2rem;font-weight:700}
.guide-primary:hover{background:#3a4320}
.guide-example{display:block;min-width:0;background:#dce3d5;border:1px solid #c1cbbb}
.guide-example img{display:block;width:100%;aspect-ratio:1.3;object-fit:contain;padding:1rem}
.guide-example-app img{aspect-ratio:1.3;max-height:500px}
.guide-example span{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#171719;color:#f5f3ed;padding:1rem 1.2rem;font-size:.85rem;font-weight:600}
.guide-example b{color:#c5df39;white-space:nowrap}
.guide-close{background:#b9d52b;padding:clamp(4rem,7vw,7rem) 6vw}
.guide-close .guide-eyebrow{color:#3c481c}
.guide-close h2{max-width:900px}
.guide-close>p:not(.guide-eyebrow){font-size:1.1rem;margin-bottom:2rem}
.service-guide-page footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding:2rem 6%;background:#171719;color:#d6d9cf}
.service-guide-page footer img{display:block;height:60px;width:auto}
.service-guide-page footer a{color:#fff}
@media(max-width:900px){.guide-hero-grid{grid-template-columns:1fr}.guide-hero-grid>div{max-width:620px}.guide-service{grid-template-columns:1fr}.guide-example{max-width:760px}}
@media(max-width:800px){.service-guide-page main{padding-top:82px}.guide-jumps{top:80px}}
@media(max-width:600px){.guide-hero{padding-block:3rem}.guide-hero h1{font-size:clamp(3.35rem,11.5vw,5rem)}.guide-service{padding-block:3.5rem;scroll-margin-top:145px}.guide-service h2,.guide-close h2{font-size:clamp(2.8rem,11vw,4rem)}.guide-service li{font-size:.75rem}.guide-example span{display:block}.guide-example b{display:block;margin-top:.35rem}.service-guide-page footer{align-items:start;flex-direction:column}}