/* Sliding gate sales only. Shared brand, FAQ and select components stay canonical. */
.sg-hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;background:var(--region-c-143a29,#143a29)}
.sg-hero .landing-hero__bg{position:absolute;inset:0;z-index:0}
.sg-hero .landing-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.sg-hero .landing-hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(var(--region-rgb-081e16,8,30,22),.84) 0%,rgba(var(--region-rgb-081e16,8,30,22),.64) 55%,rgba(var(--region-rgb-081e16,8,30,22),.28) 100%)}
.sg-hero .landing-hero__content{position:relative;z-index:2;width:100%;padding:4rem 0 7rem!important}
.sg-hero .breadcrumb-item,.sg-hero .breadcrumb-item a{color:rgba(255,255,255,.8);font-size:.82rem}
.sg-hero .breadcrumb-item a:hover{color:#fff}
.sg-hero .breadcrumb-item.active{color:#fff}
.sg-hero .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.6)}
.sg-hero h1{max-width:950px;color:#fff;font-size:clamp(2rem,4.4vw,3.35rem);font-weight:800;line-height:1.12;margin-bottom:1.3rem;overflow-wrap:anywhere}
.sg-hero .landing-hero__subtitle{color:rgba(255,255,255,.92);font-size:1.06rem;line-height:1.7;max-width:740px;margin-bottom:1.65rem}
.sg-hero .landing-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:var(--g);color:var(--region-on-primary,#fff);font-size:1rem;font-weight:700;border-radius:14px;text-decoration:none;transition:background .2s;min-height:52px}
.sg-hero .landing-hero__cta:hover{background:var(--g-deep)}
.sg-hero .landing-hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;margin-top:2rem;border:1px solid rgba(255,255,255,.17);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}
.sg-hero .landing-hero__stat{padding:1.1rem 1.4rem!important;background:transparent!important;border-right:1px solid rgba(255,255,255,.17)}
.sg-hero .landing-hero__stat:last-child{border-right:0}
.sg-hero .landing-hero__stat-num{color:#fff!important;font-size:2.1rem!important;font-weight:800;line-height:1.1}
.sg-hero .landing-hero__stat-label{font-size:.77rem;color:rgba(255,255,255,.8);margin-top:.35rem}
.sg-hero .landing-hero__wave{position:absolute;bottom:-1px;left:0;right:0;z-index:3;line-height:0;pointer-events:none}
.sg-hero .landing-hero__wave svg{display:block;width:100%;height:72px}
.sg{color:var(--text)}
.sg section{scroll-margin-top:100px}
.sg p{line-height:1.75;color:var(--text-light)}
.sg h2{color:var(--text);font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.25;font-weight:800;margin:0}
.sg h3{font-size:1.07rem;line-height:1.45;font-weight:700;color:var(--text);margin:0 0 .7rem}
.sg-section{padding:4.3rem 0}
.sg-soft{background:var(--region-c-f4f8f5,#f4f8f5)}
.sg-nav{border-bottom:1px solid var(--border);background:#fff}
.sg-nav .container{display:flex;gap:1rem 1.65rem;flex-wrap:wrap;padding-top:1.2rem;padding-bottom:1.2rem}
.sg-nav a{font-size:.83rem;font-weight:600;color:var(--g-deep);text-decoration:none}
.sg-nav a:hover,.sg-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.sg-heading{max-width:850px;margin-bottom:2.4rem}
.sg-heading-center{text-align:center;margin-left:auto;margin-right:auto}
.sg-heading p{margin:1rem 0 0}
.sg-label{display:block;color:var(--g-deep);font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;margin-bottom:.9rem}
.sg-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.sg-card{height:100%;padding:1.8rem;background:#fff;border:1px solid var(--border);border-radius:18px}
.sg-card p,.sg-cost p{font-size:.9rem;margin:0}
.sg-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--g-glow);color:var(--region-accent-ink,var(--g));border-radius:13px;font-size:1.3rem;margin-bottom:1.2rem}
.sg-kit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:3.5rem;align-items:start}
.sg-photo{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff}
.sg-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.sg-photo figcaption{padding:1.3rem 1.5rem;font-size:.79rem;line-height:1.6;color:var(--text-light)}
.sg-photo a{display:block;margin-top:.6rem;font-weight:700;color:var(--g-deep);text-decoration:none}
.sg-kit-list{display:grid;gap:1.45rem}
.sg-kit-list article{display:flex;gap:1rem}
.sg-kit-list p{margin:0;font-size:.88rem}
.sg-small-number{font-size:.8rem;font-weight:800;color:var(--g-deep);padding-top:.3rem;flex:0 0 26px}
.sg-cost{padding:1.7rem;border:1px solid var(--border);border-radius:16px;height:100%;background:linear-gradient(155deg,var(--region-c-f6faf7,#f6faf7),#fff 70%)}
.sg-number{font-size:1.8rem;font-weight:800;color:var(--region-accent-ink,var(--g));display:block;margin-bottom:.8rem}
.sg-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}
.sg-inline-cta p{font-size:.9rem;max-width:760px;margin:0}
.sg-button{display:inline-flex;justify-content:center;align-items:center;gap:.8rem;padding:.95rem 1.6rem;background:var(--g-deep);border-radius:50px;color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;flex-shrink:0;min-height:48px}
.sg-button:hover{background:var(--g-dark);color:#fff}
.sg-steps{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem;list-style:none;padding:0;margin:0}
.sg-steps li{display:flex;gap:1.2rem}
.sg-step{display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;border-radius:50%;background:var(--g-glow);color:var(--g-deep);font-weight:800}
.sg-steps p{font-size:.9rem;margin:0}
.sg-area{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:4rem;align-items:start}
.sg-local p{font-size:.94rem;margin-top:1.2rem}
.sg-text-link{display:inline-flex;align-items:center;gap:.7rem;color:var(--g-deep);font-size:.87rem;font-weight:600;text-decoration:none;margin-top:.5rem}
.sg-area-picker{border:1px solid var(--border);border-radius:18px;padding:1.6rem;background:var(--off-white);min-width:0}
.sg-location-form label{display:block;font-size:.9rem;font-weight:700;margin-bottom:.85rem}
.sg-location-form select{width:100%;min-width:0;border:1px solid var(--border);border-radius:10px;padding:.75rem;color:var(--text);background:#fff;font:inherit}
.sg-location-form>button[type=submit]{display:flex;align-items:center;gap:.65rem;min-height:44px;margin-top:.6rem;background:none;border:0;padding:.5rem 0;font:inherit;font-size:.85rem;color:var(--g-deep);font-weight:700}
.sg-area-picker>p{font-size:.82rem;margin:1rem 0 0}
.sg-nearby{display:flex;flex-wrap:wrap;gap:.5rem .9rem;margin-top:1rem;font-size:.8rem}
.sg-nearby span{width:100%;color:var(--text-light)}
.sg-nearby a{color:var(--g-deep);overflow-wrap:anywhere}
.sg :focus-visible,.sg-hero :focus-visible{outline:3px solid var(--g-bright);outline-offset:4px}
@media(max-width:991px){.sg-area{gap:2rem;grid-template-columns:1.15fr 1fr}.sg-three{gap:1rem}.sg-card,.sg-cost{padding:1.3rem}.sg-kit-layout{gap:2rem;grid-template-columns:1fr 1fr}.sg-hero{min-height:auto}.sg-hero .landing-hero__content{padding:3.5rem 0 6rem!important}}
@media(max-width:767px){.sg-section{padding:2.8rem 0}.sg-nav .container{gap:.8rem 1.2rem}.sg-nav a{font-size:.77rem}.sg-heading{margin-bottom:1.7rem}.sg-three,.sg-kit-layout,.sg-area{grid-template-columns:1fr;gap:1.25rem}.sg-kit-layout{gap:1.8rem}.sg-card,.sg-cost{padding:1.4rem}.sg-inline-cta{display:block;padding-top:1.4rem;margin-top:1.4rem}.sg-inline-cta .sg-button{margin-top:1rem;width:100%}.sg-steps{grid-template-columns:1fr;gap:1.6rem}.sg-area-picker{padding:1.2rem}.sg-label{font-size:.69rem}.sg-heading p{font-size:.93rem}.sg-hero .landing-hero__content{padding:2.5rem 0 5rem!important}.sg-hero h1{font-size:clamp(1.8rem,6.6vw,2.45rem);line-height:1.16}.sg-hero .landing-hero__subtitle{font-size:.95rem;line-height:1.65}.sg-hero .landing-hero__cta{display:flex;width:100%}.sg-hero .landing-hero__stats{margin-top:1.5rem;max-width:none}.sg-hero .landing-hero__stat{padding:1rem .85rem!important}.sg-hero .landing-hero__stat-num{font-size:1.8rem!important}.sg-hero .landing-hero__stat-label{font-size:.73rem}.sg-hero .landing-hero__wave svg{height:46px}.sg-hero .landing-hero__overlay{background:linear-gradient(180deg,rgba(var(--region-rgb-081e16,8,30,22),.72),rgba(var(--region-rgb-081e16,8,30,22),.84))}}
@media(prefers-reduced-motion:reduce){.sg-hero .landing-hero__cta{transition:none}}