/* home.css */
.ss-hero{background:linear-gradient(170deg,#0a4a42 0%,#052e2a 100%);color:#fff;padding:54px 0 88px;position:relative;overflow:hidden}
.ss-hero::after{content:"";position:absolute;right:-8%;top:-18%;width:480px;height:480px;border-radius:50%;border:2px solid rgba(197,255,74,.18)}
.ss-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative;z-index:1}
.ss-hero h1{color:#fff}.ss-hero .ss-lede{color:rgba(255,255,255,.84);margin:0 0 1.6rem}
.ss-hero-stats{display:flex;gap:24px;margin-top:28px;flex-wrap:wrap}
.ss-hero-stat b{display:block;font-family:var(--ss-font-head);font-size:1.4rem;color:var(--ss-lime-400)}
.ss-hero-stat span{font-size:.78rem;color:rgba(255,255,255,.68)}
.ss-hero-media{text-align:center;position:relative}
.ss-hero-media img{max-height:400px;margin:0 auto;filter:drop-shadow(0 22px 30px rgba(0,0,0,.4))}
.ss-hero-badge{position:absolute;bottom:4%;left:0;background:#fff;color:var(--ss-teal-900);padding:11px 16px;border-radius:14px;box-shadow:var(--ss-shadow-md);font-weight:800;font-size:.82rem;display:flex;align-items:center;gap:10px}
.ss-usage-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px dashed var(--ss-line)}.ss-usage-item:last-child{border-bottom:0}
.ss-usage-time{flex:none;width:90px;font-family:var(--ss-font-head);font-weight:700;color:var(--ss-teal-700);font-size:1.02rem}
.ss-usage-item h3{font-size:1.02rem;margin-bottom:4px}.ss-usage-item p{margin-bottom:0}
@media(max-width:991px){.ss-hero-grid{grid-template-columns:1fr;text-align:center;gap:32px}.ss-hero .ss-lede{margin-left:auto;margin-right:auto}.ss-hero-stats{justify-content:center}.ss-hero-media img{max-height:300px}.ss-usage-item{flex-direction:column;gap:4px;text-align:center}.ss-usage-time{width:auto}}