/* ═══════════════════════════════════════════════════════
   SPRUCE UP — stratus-series.css  prefix: ss-
   Road Sweepers category hub page
═══════════════════════════════════════════════════════ */
:root{--ss-yellow:#FFCD11;--ss-charcoal:#1C1C1C;--ss-dark:#141414;--ss-white:#fff;--ss-gray:#f5f5f5;--ss-border:rgba(28,28,28,.1);--ss-dim:#666;--ss-amber:#a07800;--ss-font:'Poppins',sans-serif;--ss-radius:10px;--ss-ease:cubic-bezier(.4,0,.2,1);}
.ss-inner{max-width:1200px;margin:0 auto;padding:0 48px;}
.ss-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;}
.ss-reveal.is-visible{opacity:1;transform:none;}
.ss-reveal--d1{transition-delay:.08s;}.ss-reveal--d2{transition-delay:.16s;}.ss-reveal--d3{transition-delay:.24s;}
.ss-eyebrow{display:inline-block;font-family:var(--ss-font);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ss-yellow);margin-bottom:12px;}
.ss-section-title{font-family:var(--ss-font);font-size:34px;font-weight:700;line-height:1.2;color:var(--ss-charcoal);margin:0 0 14px;}
.ss-section-sub{font-family:var(--ss-font);font-size:15px;line-height:1.7;color:var(--ss-dim);margin:0;max-width:580px;}
.ss-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-family:var(--ss-font);font-size:13px;font-weight:700;text-decoration:none;border-radius:8px;border:2px solid transparent;transition:all .2s var(--ss-ease);}
.ss-btn svg{width:13px;height:13px;flex-shrink:0;transition:transform .2s var(--ss-ease);}
.ss-btn:hover svg{transform:translateX(3px);}
.ss-btn--yellow{background:var(--ss-yellow);color:var(--ss-charcoal);border-color:var(--ss-yellow);}
.ss-btn--yellow:hover{background:#EABC00;transform:translateY(-1px);}
.ss-btn--outline{background:transparent;color:var(--ss-charcoal);border-color:var(--ss-border);}
.ss-btn--outline:hover{border-color:var(--ss-charcoal);}

/* BREADCRUMB */
.ss-breadcrumb{background:#fff;border-bottom:1px solid var(--ss-border);font-family:var(--ss-font);font-size:12px;color:var(--ss-dim);}
.ss-breadcrumb__inner{display:flex;align-items:center;gap:8px;padding:14px 0;}
.ss-breadcrumb a{color:var(--ss-dim);text-decoration:none;}.ss-breadcrumb a:hover{color:var(--ss-charcoal);}

/* HERO */
.ss-hero{background:#fff;padding:72px 0 80px;border-bottom:1px solid var(--ss-border);}
.ss-hero .ss-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.ss-hero__title{font-family:var(--ss-font);font-size:52px;font-weight:800;line-height:1.08;color:var(--ss-charcoal);margin:0 0 8px;letter-spacing:-.02em;}
.ss-hero__title em{font-style:normal;color:var(--ss-yellow);}
.ss-hero__accent{width:48px;height:3px;background:var(--ss-yellow);margin:18px 0 20px;}
.ss-hero__desc{font-family:var(--ss-font);font-size:16px;line-height:1.75;color:var(--ss-dim);margin:0 0 32px;max-width:480px;}
.ss-hero__actions{display:flex;gap:14px;flex-wrap:wrap;}
.ss-hero__specs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.ss-hero__spec{background:var(--ss-gray);border:1px solid var(--ss-border);border-radius:8px;padding:20px;transition:border-color .2s;}
.ss-hero__spec:hover{border-color:var(--ss-yellow);}
.ss-hero__spec-val{font-family:var(--ss-font);font-size:18px;font-weight:800;color:var(--ss-yellow);display:block;line-height:1.2;letter-spacing:-.01em;}
.ss-hero__spec-label{font-family:var(--ss-font);font-size:11px;color:var(--ss-dim);margin-top:6px;display:block;}

/* MODELS */
.ss-models{background:var(--ss-gray);padding:80px 0;}
.ss-models__head{margin-bottom:48px;}
.ss-models__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ss-model-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid var(--ss-border);border-radius:var(--ss-radius);overflow:hidden;transition:border-color .22s,box-shadow .22s,transform .22s;}
.ss-model-card:hover{border-color:var(--ss-yellow);box-shadow:0 8px 32px rgba(255,205,17,.12);transform:translateY(-3px);}
.ss-model-card--soon{opacity:.85;}
.ss-model-card__img{height:200px;overflow:hidden;position:relative;background:var(--ss-gray);}
.ss-model-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ss-ease);}
.ss-model-card:hover .ss-model-card__img img{transform:scale(1.04);}
.ss-model-card__img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1C1C1C;gap:12px;}
.ss-model-card__img-placeholder span:first-child{font-family:var(--ss-font);font-size:11px;color:rgba(255,255,255,.3);letter-spacing:.1em;text-transform:uppercase;}
.ss-model-card__coming-soon-badge{font-family:var(--ss-font);font-size:9px;font-weight:700;letter-spacing:.15em;background:var(--ss-yellow);color:var(--ss-charcoal);padding:4px 10px;border-radius:4px;}
.ss-model-card__tag{position:absolute;top:10px;right:10px;font-family:var(--ss-font);font-size:9px;font-weight:700;letter-spacing:.12em;background:rgba(28,28,28,.8);color:#fff;padding:4px 10px;border-radius:4px;}
.ss-model-card__body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1;}
.ss-model-card__series{font-family:var(--ss-font);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ss-yellow);display:block;margin-bottom:6px;}
.ss-model-card__name{font-family:var(--ss-font);font-size:20px;font-weight:700;color:var(--ss-charcoal);margin:0 0 6px;}
.ss-model-card__tagline{font-family:var(--ss-font);font-size:12px;font-weight:600;color:var(--ss-amber);margin:0 0 10px;}
.ss-model-card__desc{font-family:var(--ss-font);font-size:13.5px;line-height:1.65;color:var(--ss-dim);margin:0 0 16px;}
.ss-model-card__spacer{flex:1;}
.ss-model-card__specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;}
.ss-model-card__features{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:7px;}
.ss-model-card__features li{font-family:var(--ss-font);font-size:12px;color:var(--ss-dim);display:flex;align-items:flex-start;gap:8px;line-height:1.5;}
.ss-model-card__features li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--ss-yellow);flex-shrink:0;margin-top:6px;}
.ss-model-card__spec{background:var(--ss-gray);border-radius:6px;padding:10px 12px;}
.ss-model-card__spec-val{font-family:var(--ss-font);font-size:14px;font-weight:700;color:var(--ss-charcoal);display:block;}
.ss-model-card__spec-label{font-family:var(--ss-font);font-size:10px;color:var(--ss-dim);display:block;margin-top:2px;}
.ss-model-card__link{font-family:var(--ss-font);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ss-charcoal);display:flex;align-items:center;gap:6px;transition:gap .2s,color .2s;}
.ss-model-card:hover .ss-model-card__link{gap:10px;color:var(--ss-amber);}
.ss-model-card__link svg{width:12px;height:12px;}

/* TECH */
.ss-tech{background:#fff;padding:80px 0;border-top:3px solid var(--ss-yellow);}
.ss-tech__head{margin-bottom:48px;}
.ss-tech__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.ss-tech-card{background:var(--ss-gray);border:1px solid var(--ss-border);border-radius:var(--ss-radius);padding:28px;transition:border-color .2s;}
.ss-tech-card:hover{border-color:var(--ss-yellow);}
.ss-tech-card__num{font-family:var(--ss-font);font-size:28px;font-weight:800;color:var(--ss-yellow);display:block;margin-bottom:12px;line-height:1;}
.ss-tech-card__title{font-family:var(--ss-font);font-size:16px;font-weight:700;color:var(--ss-charcoal);margin:0 0 8px;}
.ss-tech-card__desc{font-family:var(--ss-font);font-size:13.5px;line-height:1.65;color:var(--ss-dim);margin:0;}

/* CTA */
/* WHERE STRATUS MACHINES WORK */
.ss-where{background:#f4f4f4;padding:80px 0;}
.ss-where__head{margin-bottom:48px;}
.ss-where__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(28,28,28,0.09);border:1px solid rgba(28,28,28,0.09);border-radius:8px;overflow:hidden;}
.ss-where-card{background:#ffffff;padding:28px 24px;transition:background .2s;}
.ss-where-card:hover{background:#fafafa;}
.ss-where-card__title{font-family:var(--ss-font);font-size:14px;font-weight:700;color:#1C1C1C;margin:0 0 8px;}
.ss-where-card__desc{font-family:var(--ss-font);font-size:13px;line-height:1.65;color:#666666;margin:0;}

.ss-cta{background:var(--ss-yellow);padding:80px 0;}
.ss-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:48px;}
.ss-cta__title{font-family:var(--ss-font);font-size:34px;font-weight:800;color:var(--ss-charcoal);margin:0 0 10px;line-height:1.2;}
.ss-cta__title em{font-style:normal;color:rgba(28,28,28,.5);}
.ss-cta__desc{font-family:var(--ss-font);font-size:15px;line-height:1.7;color:rgba(28,28,28,.65);margin:0;max-width:480px;}
.ss-cta__actions{display:flex;gap:12px;flex-shrink:0;}

@media(max-width:1024px){.ss-inner{padding:0 32px;}.ss-models__grid{grid-template-columns:1fr 1fr;}.ss-cta__inner{flex-direction:column;text-align:center;}.ss-cta__desc{margin:0 auto;}.ss-where__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.ss-hero .ss-inner{grid-template-columns:1fr;}.ss-hero__specs{display:none;}.ss-hero__title{font-size:36px;}.ss-models__grid{grid-template-columns:1fr;}.ss-tech__grid{grid-template-columns:1fr;}.ss-where__grid{grid-template-columns:1fr;}}
@media(max-width:600px){.ss-inner{padding:0 20px;}}