@media only screen and (min-width: 0rem) {#hero-landscaping {min-height: 100vh;position: relative;display: flex;align-items: center;background: linear-gradient(135deg, #2a5f31 0%, var(--primary) 50%, #4a8f52 100%);overflow: hidden;padding: 8rem 1rem 4rem 1rem;}#hero-landscaping .cs-container {width: 100%;max-width: 1300px;margin: 0 auto;margin-top: 2rem;display: grid;grid-template-columns: 1fr;gap: 4rem;align-items: center;position: relative;z-index: 10;}#hero-landscaping .cs-content {text-align: center;order: 2;}#hero-landscaping .cs-title {font-size: clamp(2.5rem, 8vw, 4rem);font-weight: 700;line-height: 1.1;color: var(--bodyTextColorWhite);margin-bottom: 1.5rem;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}#hero-landscaping .cs-text {font-size: clamp(1.125rem, 2.5vw, 1.375rem);line-height: 1.6;color: rgba(255, 255, 255, 0.9);margin-bottom: 3rem;max-width: 600px;margin-left: auto;margin-right: auto;}#hero-landscaping .cs-features-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5rem;margin-bottom: 3rem;max-width: 500px;margin-left: auto;margin-right: auto;}#hero-landscaping .cs-feature {display: flex;flex-direction: column;align-items: center;text-align: center;padding: 1.5rem 1rem;background: rgba(255, 255, 255, 0.08);border-radius: 16px;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.1);transition: all 0.3s ease;}#hero-landscaping .cs-feature:hover {transform: translateY(-4px);background: rgba(255, 255, 255, 0.12);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}#hero-landscaping .cs-feature-icon {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;}#hero-landscaping .cs-feature-icon img {width: 48px;height: 48px;}#hero-landscaping .cs-feature-text {font-size: 0.875rem;font-weight: 600;color: var(--bodyTextColorWhite);text-transform: uppercase;letter-spacing: 0.05em;}#hero-landscaping .cs-visual-section {position: relative;order: 2;}#hero-landscaping .cs-hero-image {position: relative;border-radius: 24px;overflow: hidden;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);transform: perspective(1000px) rotateY(-5deg) rotateX(2deg);}#hero-landscaping .cs-hero-image img {width: 100%;height: auto;display: block;aspect-ratio: 4/3;object-fit: cover;}#hero-landscaping .cs-image-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(53, 126, 61, 0.2) 0%, rgba(42, 95, 49, 0.1) 100%);pointer-events: none;}#hero-landscaping .cs-stats-cards {display: flex;justify-content: center;gap: 1rem;margin-top: 2rem;flex-wrap: nowrap;}#hero-landscaping .cs-stat-card {background: rgba(255, 255, 255, 0.95);border-radius: 20px;padding: 1.5rem 2rem;display: flex;flex-direction: column;align-items: center;text-align: center;min-width: 160px;flex: 1;max-width: 200px;backdrop-filter: blur(10px);border: 2px solid rgba(168, 213, 171, 0.2);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);transform: translateY(-30px);transition: all 0.3s ease;position: relative;overflow: hidden;}#hero-landscaping .cs-stat-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(135deg, var(--primary) 0%, #a8d5ab 100%);}#hero-landscaping .cs-stat-card:hover {transform: translateY(-35px);box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);border-color: rgba(168, 213, 171, 0.4);}#hero-landscaping .cs-stat-number {font-size: 2.5rem;font-weight: 900;color: var(--primary);line-height: 1;margin-bottom: 0.5rem;}#hero-landscaping .cs-stat-highlight {font-size: 1.5rem;font-weight: 800;color: var(--primary);line-height: 1;margin-bottom: 0.5rem;}#hero-landscaping .cs-stat-text {font-size: 0.875rem;font-weight: 600;color: var(--bodyTextColor);text-transform: uppercase;letter-spacing: 0.1em;opacity: 0.8;}#hero-landscaping .cs-background-elements {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 1;}#hero-landscaping .cs-gradient-orb {position: absolute;border-radius: 50%;filter: blur(60px);opacity: 0.6;animation: orbFloat 8s ease-in-out infinite;}#hero-landscaping .cs-orb-1 {width: 300px;height: 300px;background: radial-gradient(circle, rgba(168, 213, 171, 0.3) 0%, transparent 70%);top: 10%;right: -10%;animation-delay: 0s;}#hero-landscaping .cs-orb-2 {width: 200px;height: 200px;background: radial-gradient(circle, rgba(123, 196, 127, 0.2) 0%, transparent 70%);bottom: 20%;left: -5%;animation-delay: 4s;}#hero-landscaping .cs-floating-leaves {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}#hero-landscaping .cs-leaf {position: absolute;width: 12px;height: 12px;background: #a8d5ab;border-radius: 0 100% 0 100%;animation: leafDrift 12s linear infinite;opacity: 0.4;}#hero-landscaping .cs-leaf-1 {left: 10%;animation-delay: 0s;transform: rotate(45deg);}#hero-landscaping .cs-leaf-2 {left: 30%;animation-delay: 3s;transform: rotate(-30deg);}#hero-landscaping .cs-leaf-3 {left: 60%;animation-delay: 6s;transform: rotate(15deg);}#hero-landscaping .cs-leaf-4 {left: 80%;animation-delay: 9s;transform: rotate(-45deg);}@keyframes orbFloat {0%, 100% {transform: translateY(0) scale(1);}50% {transform: translateY(-20px) scale(1.1);}}@keyframes leafDrift {0% {top: -20px;opacity: 0;transform: translateX(0) rotate(0deg);}10% {opacity: 0.4;}50% {transform: translateX(30px) rotate(180deg);}90% {opacity: 0.4;}100% {top: 100vh;opacity: 0;transform: translateX(-30px) rotate(360deg);}}@keyframes photoFloat {0%, 100% {transform: translateY(0) rotate(0deg);}33% {transform: translateY(-10px) rotate(2deg);}66% {transform: translateY(5px) rotate(-1deg);}}}@media only screen and (min-width: 48rem) {#hero-landscaping {padding: 6rem 2rem;}#hero-landscaping .cs-container {grid-template-columns: 1fr 1.2fr;gap: 6rem;align-items: center;}#hero-landscaping .cs-content {text-align: center;order: 1;}#hero-landscaping .cs-visual-section {order: 2;}#hero-landscaping .cs-features-grid {grid-template-columns: repeat(4, 1fr);max-width: none;margin-left: 0;margin-right: 0;}#hero-landscaping .cs-stats-cards {justify-content: flex-start;gap: 1.5rem;}}@media only screen and (min-width: 64rem) {#hero-landscaping {padding: 10rem 2rem;}#hero-landscaping .cs-container {gap: 8rem;}#hero-landscaping .cs-features-grid {gap: 2rem;}#hero-landscaping .cs-feature {padding: 2rem 1.5rem;}#hero-landscaping .cs-hero-image {transform: perspective(1000px) rotateY(-8deg) rotateX(3deg);}}