.sn-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.sn-pic{border-radius:34px;aspect-ratio:1/1;background:radial-gradient(circle at 50% 45%,#FFFFFF,#E6EEDF 78%);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;box-shadow:0 40px 80px -40px rgba(31,107,48,.55)}
.sn-pic img{width:100%;height:100%;object-fit:contain;animation:snFloat 6s ease-in-out infinite}
@keyframes snFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.sn-logo{display:inline-flex;padding:14px 22px;margin-bottom:20px;border-radius:18px;background:#2B2A2A}
.sn-logo img{height:34px;width:auto}
.sn-uses{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sn-uses span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:#FFFFFF;box-shadow:0 10px 22px -16px rgba(31,107,48,.6);font-size:14.5px;font-weight:700;color:#1F6B30}
.sn-uses i,.sn-oxlist .pt-ok{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#328741,#8CC63F)}
.sn-how{border-radius:32px;overflow:hidden;background:#FFFFFF;padding:20px;box-shadow:0 40px 80px -36px rgba(0,0,0,.6)}
.sn-how img{display:block;width:100%;height:auto}
.sn-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.sn-steps>div{padding:24px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.sn-steps b{display:inline-flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:linear-gradient(135deg,#328741,#8CC63F);font-family:'Paytone One',sans-serif;font-weight:400;font-size:17px;margin-bottom:14px}
.sn-steps strong{display:block;font-family:'Paytone One',sans-serif;font-weight:400;font-size:21px;margin-bottom:8px;color:#FFFFFF}
.sn-steps p{margin:0;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.sn-ben{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sn-ben>div,.sn-gc>div,.sn-card,.sn-steps>div{opacity:0;transform:translateY(24px)}
.on.sn-ben>div,.on.sn-gc>div,.on.sn-hw .sn-card,.on.sn-steps>div{opacity:1;transform:none;transition:opacity .6s ease calc(var(--i)*.07s),transform .7s cubic-bezier(.22,1,.36,1) calc(var(--i)*.07s)}
.sn-ben>div{padding:26px 22px;border-radius:24px;background:#FFFFFF;box-shadow:0 20px 44px -32px rgba(31,107,48,.6)}
.sn-ben b{display:block;margin:16px 0 8px;font-family:'Paytone One',sans-serif;font-weight:400;font-size:19px;line-height:1.25;color:#2B2A2A}
.sn-ben p{margin:0;font-size:15px;line-height:1.55;color:#4A4848}
.sn-hw{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.sn-card{display:flex;flex-direction:column;padding:20px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.sn-card-pic{height:170px;border-radius:18px;background:radial-gradient(circle,#FFFFFF,#E6EEDF);display:flex;align-items:center;justify-content:center;padding:14px;margin-bottom:16px}
.sn-card-pic img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.sn-card:hover .sn-card-pic img{transform:scale(1.08)}
.sn-card b{font-family:'Paytone One',sans-serif;font-weight:400;font-size:20px;color:#FFFFFF;margin-bottom:8px}
.sn-card p{margin:0 0 12px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.sn-nums{display:flex;gap:8px;margin-bottom:12px}
.sn-nums span{flex:1;padding:10px;border-radius:14px;background:rgba(140,198,63,.14);font-size:12px;color:rgba(255,255,255,.8);text-align:center}
.sn-nums strong{display:block;font-family:'Paytone One',sans-serif;font-weight:400;font-size:20px;color:#B5E07A}
.sn-card ul{margin:auto 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.sn-card li{padding:5px 10px;border-radius:999px;border:1px solid rgba(140,198,63,.45);font-size:12.5px;font-weight:600;color:#FFFFFF}
.sn-ox{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.sn-ox-pics{position:relative}
.sn-ox-map{display:block;width:100%;height:auto;border-radius:30px;background:#FFFFFF;box-shadow:0 40px 80px -40px rgba(31,107,48,.55)}
.sn-ox-happi{position:absolute;right:-18px;bottom:-30px;width:38%;height:auto;padding:12px;border-radius:24px;background:#FFFFFF;box-shadow:0 24px 50px -26px rgba(31,107,48,.7);animation:snFloat 5s ease-in-out infinite}
.sn-ox .ev-tag{display:flex;width:fit-content}
.sn-rec{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.sn-rec>div{padding:20px;border-radius:20px;background:#FFFFFF;box-shadow:0 16px 34px -26px rgba(31,107,48,.6)}
.sn-rec b{display:block;font-family:'Paytone One',sans-serif;font-weight:400;font-size:36px;line-height:1;margin-bottom:6px}
.sn-rec span{font-size:14px;color:#4A4848}
.sn-h3{font-family:'Paytone One',sans-serif;font-weight:400;font-size:clamp(22px,2.2vw,30px);color:#2B2A2A;margin:64px 0 22px}
.sn-oxlist{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.sn-oxlist li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:#FFFFFF;box-shadow:0 12px 26px -20px rgba(31,107,48,.6);font-size:15.5px;line-height:1.55;color:#4A4848}
.sn-oxlist b{color:#1F6B30}
.sn-gc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sn-gc>div{padding:30px 26px;border-radius:26px;background:linear-gradient(160deg,rgba(46,139,62,.28),rgba(255,255,255,.04));border:1px solid rgba(140,198,63,.3)}
.sn-gc b{display:block;margin:18px 0 8px;font-family:'Paytone One',sans-serif;font-weight:400;font-size:23px;color:#FFFFFF}
.sn-gc p{margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.85)}
.mc-claim{font-family:'Paytone One',sans-serif;font-size:22px;margin:0 0 14px;background:linear-gradient(90deg,#328741,#8CC63F);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:1150px){.sn-hw{grid-template-columns:repeat(3,minmax(0,1fr))}.sn-ben{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.sn-intro,.sn-ox{grid-template-columns:1fr;gap:40px}.sn-steps,.sn-gc{grid-template-columns:1fr}.sn-oxlist{grid-template-columns:1fr}.sn-hw{grid-template-columns:repeat(2,minmax(0,1fr))}.sn-ox-happi{right:8px}}
@media (max-width:560px){.sn-hw,.sn-ben{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sn-ben>div,.sn-gc>div,.sn-card,.sn-steps>div{opacity:1;transform:none}.sn-pic img,.sn-ox-happi{animation:none}}
.sn-ox-pics{display:flex;flex-direction:column;gap:18px}
.sn-ox-happi{position:relative;right:auto;bottom:auto;align-self:flex-end;width:34%;margin-top:0}
@media (max-width:900px){.sn-ox-happi{width:46%;align-self:center}}

.sn-ox-map{padding:28px 30px;box-sizing:border-box;object-fit:contain}
@media (max-width:560px){.sn-ox-map{padding:16px 14px}}