:root{--green:#5f8c2d;--green-dark:#17441e;--green-light:#91b85a;--brown:#3c271b;--text:#404040;--cream:#fcfaf3;--card:rgba(255,254,248,.94);--border:rgba(89,122,45,.12);--shadow:0 14px 34px rgba(57,76,32,.09)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden;background:#fff;color:var(--text);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}
.plant-care-section{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding:64px 0 118px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.96),transparent 35%),linear-gradient(180deg,#fffefa 0%,var(--cream) 100%)}
.care-container{width:min(1400px,calc(100% - 70px));margin:0 auto;position:relative;z-index:3}.care-heading{max-width:920px;margin:0 auto 40px;text-align:center}.care-tag{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:var(--green-dark);font-size:clamp(18px,1.5vw,24px);line-height:1;font-weight:700}.care-tag span{width:44px;height:2px;background:var(--green)}.care-tag i{color:var(--green);font-size:18px;transform:rotate(-18deg)}
.care-heading h2{margin-top:17px;color:var(--brown);font-family:"Playfair Display",serif;font-size:clamp(38px,3vw,66px);line-height:1.08;letter-spacing:-2.7px;font-weight:800}.care-heading h2 strong{color:var(--green)}.heading-divider{margin:15px auto 18px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--green)}.heading-divider span{width:90px;height:1px;background:var(--green)}.heading-divider i{transform:rotate(-20deg)}.care-description{color:#4e4e4e;font-size:clamp(16px,1.35vw,21px);line-height:1.55}
.care-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.care-card{min-height:500px;padding:32px 30px 24px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at 50% 8%,rgba(238,246,218,.5),transparent 40%),var(--card);box-shadow:var(--shadow);text-align:center;transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease}.care-card::before{content:"";position:absolute;top:-85%;left:-55%;width:65%;height:240%;transform:rotate(25deg);background:rgba(255,255,255,.42);transition:left .8s ease}.care-card:hover::before{left:130%}.care-card:hover{transform:translateY(-12px);border-color:rgba(95,140,45,.32);box-shadow:0 25px 50px rgba(57,76,32,.15)}
.care-icon{width:150px;height:150px;margin-bottom:26px;position:relative;display:grid;place-items:center;border:2px solid rgba(95,140,45,.12);border-radius:50%;color:var(--green);background:radial-gradient(circle,#f7faeb 0%,#eef4dc 100%);font-size:70px;transition:transform .4s ease,background .4s ease,box-shadow .4s ease}.care-card:hover .care-icon{transform:scale(1.05) rotate(-4deg);background:linear-gradient(135deg,#f9fce9,#e9f2d5);box-shadow:0 16px 28px rgba(65,97,28,.12)}
.icon-plant,.icon-sun,.icon-jar,.icon-search{position:absolute}.icon-plant{right:32px;bottom:29px;font-size:45px}.icon-sun{top:29px;right:25px;font-size:48px}.icon-jar{right:30px;bottom:39px;font-size:48px}.icon-search{right:20px;bottom:40px;font-size:47px}
.care-card h3{color:var(--green-dark);font-size:clamp(22px,1.9vw,30px);line-height:1.2;font-weight:700}.care-card p{max-width:285px;margin-top:20px;color:#444;font-size:clamp(15px,1.2vw,19px);line-height:1.72}.small-divider{width:52px;height:2px;margin-top:auto;background:var(--green)}.card-leaf{margin-top:26px;color:var(--green);font-size:30px;transform:rotate(-18deg);transition:transform .35s ease}.care-card:hover .card-leaf{transform:rotate(10deg) scale(1.12)}
.care-button-wrap{margin-top:42px;text-align:center}.care-button{min-width:315px;min-height:60px;padding:14px 32px;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1.5px solid var(--green);border-radius:12px;color:var(--green);background:rgba(255,255,255,.55);font-size:20px;font-weight:700;transition:color .3s ease,background .3s ease,transform .3s ease,box-shadow .3s ease}.care-button::before{content:"";position:absolute;top:0;left:-120%;width:75%;height:100%;transform:skewX(-20deg);background:rgba(255,255,255,.28);transition:left .65s ease}.care-button:hover{color:#fff;background:var(--green);transform:translateY(-5px);box-shadow:0 15px 28px rgba(60,100,27,.2)}.care-button:hover::before{left:145%}
.corner-branch,.blur-leaf{position:absolute;z-index:1;color:#739c42;pointer-events:none}.corner-branch-left{top:-14px;left:-8px;font-size:130px;opacity:.75;transform:rotate(-35deg)}.corner-branch-right{top:-5px;right:-18px;font-size:145px;opacity:.72;transform:rotate(145deg)}.blur-leaf-left{left:-30px;bottom:50px;font-size:190px;opacity:.13;filter:blur(7px);transform:rotate(-25deg)}
.bottom-waves{position:absolute;z-index:0;right:0;bottom:-1px;left:0;height:105px;pointer-events:none}.bottom-waves svg{width:100%;height:100%;display:block}.wave-light{fill:#edf3df}.wave-soft{fill:#f4f7e9}
.reveal,.reveal-card{opacity:0;transform:translateY(28px)}.reveal.is-visible,.reveal-card.is-visible{opacity:1;transform:translateY(0)}.reveal{transition:opacity .85s ease,transform .85s ease}.reveal-card{transition:opacity .7s ease,transform .7s ease,box-shadow .38s ease,border-color .38s ease}
@media(max-width:1150px){.care-container{width:min(1000px,calc(100% - 44px))}.care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-card{min-height:470px}}
@media(max-width:760px){.plant-care-section{padding:52px 0 100px}.care-container{width:calc(100% - 30px)}.care-heading{margin-bottom:30px}.care-heading h2{font-size:clamp(43px,10vw,60px);letter-spacing:-1.8px}.care-description br{display:none}.care-grid{gap:20px}.care-card{min-height:430px;padding:26px 22px 22px}.care-icon{width:145px;height:145px;font-size:55px}.icon-plant,.icon-jar,.icon-search{font-size:37px}.icon-sun{font-size:40px}}
@media(max-width:560px){.plant-care-section{padding-top:44px}.care-tag{gap:8px;font-size:16px}.care-tag span{width:28px}.care-heading h2{font-size:clamp(40px,12vw,52px)}.care-description{font-size:16px}.care-grid{grid-template-columns:1fr}.care-card{min-height:405px}.care-card h3{font-size:25px}.care-card p{font-size:16px}.care-button{min-width:0;width:min(100%,330px);font-size:18px}.corner-branch-left,.corner-branch-right{font-size:85px;opacity:.35}}
@media(max-width:390px){.care-container{width:calc(100% - 22px)}.care-heading h2{font-size:38px}.care-icon{width:130px;height:130px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}