.sh{background:#07100f;color:#fff;padding:100px 0 80px;position:relative;overflow:hidden;}
.sh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(5,150,105,.14) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 15% 50%,rgba(5,150,105,.07) 0%,transparent 60%);pointer-events:none;}
.sh-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.sh-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,.1);color:#6ee7b7;padding:6px 16px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;border:1px solid rgba(16,185,129,.18);}
.sh-badge svg{width:13px;height:13px;}
.sh h1{font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-0.025em;margin-bottom:20px;color:#fff;}
.sh h1 span{color:#6ee7b7;}
.sh-desc{font-size:16px;color:rgba(255,255,255,.62);line-height:1.75;margin-bottom:32px;max-width:500px;}
.sh-btns{display:flex;gap:14px;flex-wrap:wrap;}
.sh-img img{border-radius:12px;box-shadow:0 20px 48px rgba(0,0,0,.35);}
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.cc{position:relative;border-radius:12px;overflow:hidden;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s ease,box-shadow .3s ease;}
.cc:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.15);}
.cc-bg{position:absolute;inset:0;z-index:1;}
.cc-bg img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.cc:hover .cc-bg img{transform:scale(1.04);}
.cc-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.06) 100%);}
.cc-body{position:relative;z-index:2;padding:24px 20px;}
.cc-body h3{font-size:16px;font-weight:600;margin-bottom:10px;color:#fff;line-height:1.3;}
.cc-tags{display:flex;flex-wrap:wrap;gap:5px;}
.cc-tags span{background:rgba(255,255,255,.1);padding:3px 9px;border-radius:12px;font-size:11px;font-weight:500;color:rgba(255,255,255,.72);}
.ug{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:64px;}
.ug:last-child{margin-bottom:0;}
.ug.rev{direction:rtl;}.ug.rev>*{direction:ltr;}
.ub{display:inline-block;background:rgba(16,185,129,.08);color:#059669;border:1px solid rgba(16,185,129,.2);padding:5px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;}
.uc h3{font-size:24px;font-weight:700;letter-spacing:-0.02em;color:var(--dark);margin-bottom:12px;line-height:1.3;}
.uc p{font-size:15px;color:var(--gray-500);line-height:1.7;margin-bottom:14px;}
.uf{display:flex;flex-direction:column;gap:8px;margin-top:18px;}
.uf-i{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--gray-600);font-weight:500;}
.uf-c{width:20px;height:20px;background:rgba(16,185,129,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#059669;}
.uf-c svg{width:11px;height:11px;}
.ui img{border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.08);}
.scta{background:#060e0c;color:#fff;padding:80px 0;text-align:center;position:relative;overflow:hidden;}
.scta::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 50% 100%,rgba(16,185,129,.08) 0%,transparent 60%);pointer-events:none;}
.scta h2{font-size:30px;font-weight:700;letter-spacing:-0.025em;margin-bottom:14px;color:#fff;max-width:520px;margin-left:auto;margin-right:auto;}
.scta p{font-size:15px;color:rgba(255,255,255,.6);margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7;}
.btn-w{display:inline-block;background:#fff;color:#059669;font-weight:600;padding:14px 32px;font-size:14px;border-radius:8px;transition:all .3s;}
.btn-w:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18);}
@media(max-width:1024px){.sh-inner{grid-template-columns:1fr;text-align:center;}.sh-desc{margin:0 auto 32px;}.sh-btns{justify-content:center;}.cg{grid-template-columns:1fr 1fr;}.ug,.ug.rev{grid-template-columns:1fr;direction:ltr;gap:32px;}}
@media(max-width:640px){.cg{grid-template-columns:1fr;}.sh h1{font-size:28px;}}