@media only screen and (min-width: 0rem) {#hero-supergreen {min-height: 100vh;position: relative;display: flex;align-items: center;background-color: #0f1a0f;overflow: hidden;padding: 11rem 1rem 5rem;}#hero-supergreen .cs-diagonal-accent {position: absolute;top: 0;right: -10%;width: 55%;height: 100%;background: linear-gradient(160deg, #1a2e1a 0%, #0d1f0d 100%);clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);z-index: 0;}#hero-supergreen .cs-container {width: 100%;max-width: 1300px;margin: 0 auto;display: grid;grid-template-columns: 1fr;gap: 3rem;align-items: center;position: relative;z-index: 10;}#hero-supergreen .cs-visual-section {position: relative;order: 2;}#hero-supergreen .cs-content {order: 1;text-align: left;padding-top: 0;text-align: center;align-items: center;}#hero-supergreen .cs-hero-image {border-radius: 12px;overflow: hidden;box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);}#hero-supergreen .cs-hero-image img {width: 100%;height: auto;display: block;aspect-ratio: 16/9;max-height: 280px;object-fit: cover;}#hero-supergreen .cs-image-overlay {position: absolute;inset: 0;background: linear-gradient( to bottom, transparent 50%, rgba(10, 20, 10, 0.6) 100% );pointer-events: none;}#hero-supergreen .cs-stat-stack {position: absolute;bottom: -1.5rem;right: -0.5rem;display: flex;flex-direction: column;gap: 0.75rem;}#hero-supergreen .cs-stat-card {background: var(--primary);border-radius: 10px;padding: 1rem 1.5rem;min-width: 140px;text-align: center;box-shadow: 0 8px 30px rgba(93, 186, 65, 0.3);}#hero-supergreen .cs-stat-number {font-size: 2rem;font-weight: 900;color: #fff;line-height: 1;margin-bottom: 0.25rem;}#hero-supergreen .cs-stat-text {font-size: 0.75rem;font-weight: 700;color: rgba(255,255,255,0.85);text-transform: uppercase;letter-spacing: 0.08em;}#hero-supergreen .cs-eyebrow {display: inline-block;font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.15em;color: var(--primary);margin-bottom: 1rem;padding: 0.4rem 1rem;border: 1px solid rgba(93, 186, 65, 0.35);border-radius: 100px;background: rgba(93, 186, 65, 0.08);}#hero-supergreen .cs-title {font-size: clamp(2.75rem, 9vw, 4.5rem);font-weight: 800;line-height: 1.05;color: #fff;margin-bottom: 1.5rem;}#hero-supergreen .cs-title em {font-style: normal;color: var(--primary);}#hero-supergreen .cs-text {font-size: var(--bodyMobileFontSize);line-height: 1.7;color: rgba(255, 255, 255, 0.65);margin-bottom: 2rem;max-width: 520px;}#hero-supergreen .cs-services-pills {display: flex;flex-wrap: wrap;gap: 0.6rem;margin-bottom: 2.5rem;}#hero-supergreen .cs-pill {font-size: 0.8rem;font-weight: 600;color: rgba(255,255,255,0.8);background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.12);border-radius: 100px;padding: 0.4rem 1rem;white-space: nowrap;transition: all 0.25s ease;}#hero-supergreen .cs-pill:hover {background: rgba(93, 186, 65, 0.15);border-color: rgba(93, 186, 65, 0.4);color: #fff;}#hero-supergreen .cs-cta-group {display: flex;flex-wrap: wrap;gap: 1rem;align-items: center;justify-content: center;}#hero-supergreen .cs-button-solid {display: inline-block;padding: 1rem 2rem;background: var(--primary);color: #fff;font-size: 1rem;font-weight: 700;text-decoration: none;border-radius: 8px;transition: background 0.3s ease;box-shadow: 0 4px 20px rgba(93, 186, 65, 0.35);}#hero-supergreen .cs-button-solid:hover {background: #4da535;}#hero-supergreen .cs-button-outline {display: inline-block;padding: 1rem 2rem;background: transparent;color: rgba(255,255,255,0.85);font-size: 1rem;font-weight: 600;text-decoration: none;border-radius: 8px;border: 1px solid rgba(255,255,255,0.2);transition: border-color 0.3s ease, color 0.3s ease;}#hero-supergreen .cs-button-outline:hover {border-color: var(--primary);color: var(--primary);}#hero-supergreen .cs-dot-grid {position: absolute;top: 0;left: 0;width: 40%;height: 100%;background-image: radial-gradient(circle, rgba(93,186,65,0.12) 1px, transparent 1px);background-size: 28px 28px;z-index: 1;pointer-events: none;}}@media only screen and (min-width: 48rem) {#hero-supergreen {padding: 6rem 2rem;}#hero-supergreen .cs-container {grid-template-columns: 1fr 1fr;gap: 5rem;}#hero-supergreen .cs-visual-section {order: 1;}#hero-supergreen .cs-content {order: 2;padding-top: 0;}#hero-supergreen .cs-hero-image img {aspect-ratio: 4/5;max-height: none;}#hero-supergreen .cs-cta-group {justify-content: flex-start;}#hero-supergreen .cs-stat-stack {flex-direction: row;bottom: -1.5rem;right: -1rem;}}@media only screen and (min-width: 64rem) {#hero-supergreen {padding: 10rem 2rem;}#hero-supergreen .cs-container {grid-template-columns: 1fr 1.1fr;gap: 7rem;}}