.segments{padding:60px 0 88px;position:relative}
.segments-heading{text-align:center;margin:0 auto 42px;max-width:860px}
.segments-heading h2{font-size:clamp(25px,2.7vw,36px);line-height:1.24;text-transform:uppercase;letter-spacing:-.035em}
.segments-heading h2 span{color:#D79044}
.segments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.segment-item{position:relative;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 12px;border:1px solid #293442;border-radius:10px;background:linear-gradient(180deg,rgba(27,38,52,.64),rgba(16,25,37,.44));color:#B7C0CD;text-align:center;isolation:isolate;transition:color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;cursor:default}
.segment-item::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:linear-gradient(180deg,rgba(215,144,68,.14),rgba(215,144,68,.025));opacity:0;transition:opacity .22s ease}
.segment-item svg{width:28px;height:28px;color:#8e9aa9;transition:color .22s ease;flex-shrink:0}
.segment-item span{font-size:14px;font-weight:600;line-height:1.4}
.segment-item:focus-visible{outline:2px solid #D79044;outline-offset:4px;color:#D79044;border-color:#D79044;box-shadow:0 12px 28px #0003}
.segment-item:focus-visible::before{opacity:1}
.segment-item:focus-visible svg{color:#D79044}
.segments-note{margin:26px 0 0;text-align:center;color:#9ca8b8;font-size:13px}
@media(hover:hover){.segment-item:hover{color:#D79044;border-color:#b47b40;transform:translateY(-3px);box-shadow:0 12px 28px #0003}.segment-item:hover::before{opacity:1}.segment-item:hover svg{color:#D79044}}
@media(max-width:1000px) and (min-width:641px){.segments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.segments{padding:40px 0 64px}.segments-heading{margin-bottom:28px}.segments-heading h2 br{display:none}.segments-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.segment-item{min-height:120px;padding:20px 10px;gap:14px}.segment-item span{font-size:13px}.segments-note{line-height:1.6;max-width:270px;margin:24px auto 0}}
@media(prefers-reduced-motion:reduce){html:not(.motion-preview) .segment-item,html:not(.motion-preview) .segment-item::before,html:not(.motion-preview) .segment-item svg{transition:none}html:not(.motion-preview) .segment-item:hover{transform:none}}