.sgx{padding:70px 0 74px;background:var(--paper)}
.sgx-head{margin-bottom:26px}.sgx-k{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--green-dark)}.sgx-head h2{margin:8px 0 0;font-size:clamp(26px,3.4vw,38px)}
.sgx-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.25fr;grid-template-rows:repeat(3,minmax(150px,1fr));gap:14px;min-height:540px}
.sgx-t{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:26px 24px;border-radius:6px;background:#f2efe9;color:var(--ink);transition:transform .45s cubic-bezier(.23,1,.32,1),box-shadow .45s,background .4s,color .4s}
.sgx-tall1{grid-column:1;grid-row:1/4}.sgx-tall2{grid-column:2;grid-row:1/4}.sgx-tall3{grid-column:4;grid-row:1/4}
.sgx-st{grid-column:3}
.sgx-glow{position:absolute;inset:auto -30% -50% auto;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(21,154,72,.28),transparent 65%);z-index:-1;transform:scale(.6);transition:transform .7s cubic-bezier(.23,1,.32,1)}
.sgx-ico{width:56px;height:56px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--green-dark);transition:background .4s,color .4s,transform .5s cubic-bezier(.23,1,.32,1)}
.sgx-tx{display:flex;flex-direction:column;gap:8px}.sgx-tx strong{font-size:21px;line-height:1.4}.sgx-tx small{font-size:14px;line-height:1.9;color:#4a554f;transition:color .4s}
.sgx-tx em{font-style:normal;align-self:flex-start;font-size:12.5px;font-weight:800;color:#13722f;background:#dff3e5;padding:4px 12px;border-radius:4px}
.sgx-go{position:absolute;top:22px;inset-inline-start:22px;font-style:normal;font-size:22px;color:var(--green-dark);opacity:.55;transform:translateX(6px);transition:transform .4s,opacity .4s}
.sgx-tall1,.sgx-tall3{background:linear-gradient(165deg,#0f4a2c,#0a2a1b);color:#fff}.sgx-tall1 small,.sgx-tall3 small{color:rgba(255,255,255,.82)}.sgx-tall1 .sgx-ico,.sgx-tall3 .sgx-ico{background:rgba(255,255,255,.12);color:#cfeedd}.sgx-tall1 .sgx-go,.sgx-tall3 .sgx-go{color:#F3C87A}
.sgx-tall2{background:linear-gradient(165deg,#f3c87a,#e9a93b);color:#3a2605}.sgx-tall2 small{color:#5a3d0b}.sgx-tall2 .sgx-go{color:#3a2605}
.sgx-tall2 .sgx-tx em{background:rgba(255,255,255,.55);color:#3a2605}
.sgx-tall1 .sgx-tx em,.sgx-tall3 .sgx-tx em{background:rgba(243,200,122,.2);color:#F3C87A}
.sgx-t:focus-visible{outline:3px solid var(--green);outline-offset:2px}
@media(hover:hover) and (pointer:fine){.sgx-t:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(0,50,30,.6)}.sgx-t:hover .sgx-glow{transform:scale(1.25)}.sgx-t:hover .sgx-ico{transform:rotate(-8deg) scale(1.08)}.sgx-t:hover .sgx-go{opacity:1;transform:none}.sgx-st:hover{background:#e3f1e8}}
.sgx-t.reveal-on-scroll{transition-delay:calc(var(--i) * 70ms)}
@media(max-width:1000px){.sgx-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;min-height:0}.sgx-tall1,.sgx-tall2,.sgx-tall3,.sgx-st{grid-column:auto;grid-row:auto;min-height:190px}}
@media(max-width:560px){.sgx{padding:50px 0}.sgx-grid{grid-template-columns:1fr}.sgx-t{padding:22px 20px}}
@media (prefers-reduced-motion: reduce){.sgx-t,.sgx-glow,.sgx-ico,.sgx-go{transition:none}}

/* ===== صف واحد بست خانات ملونة ===== */
.sgx-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;grid-template-rows:none !important;min-height:0 !important;gap:12px !important}
.sgx-t{grid-column:auto !important;grid-row:auto !important;min-height:340px;padding:22px 18px;color:#fff;border-radius:10px;background:var(--c1)}
.sgx-t small{color:rgba(255,255,255,.88) !important;font-size:13px;line-height:1.85}
.sgx-t .sgx-tx strong{font-size:19px;color:#fff}
.sgx-t .sgx-ico{background:rgba(255,255,255,.18) !important;color:#fff !important;width:52px;height:52px}
.sgx-t .sgx-go{color:#fff !important;opacity:.8}
.sgx-t .sgx-tx em{background:rgba(255,255,255,.2) !important;color:#fff !important}
.sgx-t::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(255,255,255,.16),transparent 55%)}
.sgx-t .sgx-glow{background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%) !important}
.sgx-res{--c1:#13522E;background:linear-gradient(165deg,#1a7a45,#0e3f24)}
.sgx-inv{background:linear-gradient(165deg,#e9a93b,#b97a12)}
.sgx-circ{background:linear-gradient(165deg,#1f9aa5,#0f5f6b)}
.sgx-fnd{background:linear-gradient(165deg,#3a63b8,#1d3a7a)}
.sgx-meet{background:linear-gradient(165deg,#8a4fb0,#55287a)}
.sgx-feas{background:linear-gradient(165deg,#d4693a,#9a3f18)}
@media(hover:hover) and (pointer:fine){.sgx-st:hover{background:inherit}.sgx-t:hover{filter:brightness(1.08)}}
@media(max-width:1180px){.sgx-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.sgx-t{min-height:240px}}
@media(max-width:620px){.sgx-grid{grid-template-columns:1fr 1fr !important}.sgx-t{min-height:210px;padding:18px 14px}.sgx-t .sgx-tx strong{font-size:16px}.sgx-t small{font-size:12px}}