.s360sys{--ink:#151515;--muted:#6E6960;--line:#E3DDD3;--accent:#C8A04A;--accent-h:#B58E3C;--hfont:'Playfair Display',Georgia,serif;--bfont:Inter,system-ui,sans-serif;background:#EEE9E1;padding:clamp(56px,8vw,110px) 0;border-top:1px solid #E3DDD3;border-bottom:1px solid #E3DDD3;color:var(--ink)}
.s360sys .s-wrap{width:min(1160px,100% - 40px);margin-inline:auto}
.s360sys .s-head{text-align:center;max-width:720px;margin:0 auto clamp(32px,4vw,56px)}
.s360sys .s-eb{font:600 11.5px/1 var(--bfont);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-h);margin:0 0 14px}
.s360sys .s-head h2{font-family:var(--hfont);font-weight:600;font-size:clamp(30px,3.6vw,48px);line-height:1.15;margin:0 0 14px;color:var(--ink)}
.s360sys .s-head p{font-size:clamp(16px,1.3vw,18px);line-height:1.7;color:var(--muted);margin:0}
.s360sys .sys-card{background:#F8F5F0;padding:clamp(24px,3.4vw,52px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.s360sys .sys-card>.sys-k,.s360sys .sys-card>h3{grid-column:1/-1;margin:0}
.s360sys .sys-card>h3{font-family:var(--hfont);font-weight:600;font-size:clamp(24px,2.4vw,34px);color:var(--ink);margin-top:-14px}
.s360sys .sys-k{font:600 11.5px/1 var(--bfont);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-h)}
.s360sys .iso-wrap{width:min(100%,460px);margin:0 auto}
.s360sys .iso{width:100%;height:auto;overflow:visible;display:block}
.s360sys .iso .ly{transition:opacity .4s}
.s360sys .iso .ly-n circle{fill:var(--accent)}
.s360sys .iso .ly-n text{font:700 12px/1 Inter,sans-serif;fill:#111}
.s360sys .iso-wrap.hl .iso .ly{opacity:.28}
.s360sys .iso-wrap.hl .iso .ly.on{opacity:1}
.s360sys .lg{list-style:none;padding:0;margin:0;counter-reset:l;border-top:1px solid var(--line)}
.s360sys .lg li{display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding:14px 0;border-bottom:1px solid var(--line);margin:0}
.s360sys .lg li::before{counter-increment:l;content:counter(l);grid-row:span 2;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#111;font:700 11.5px/24px var(--bfont);text-align:center;margin-top:1px}
.s360sys .lg b{font-size:15.5px;color:var(--ink)}
.s360sys .lg span{font-size:14px;color:var(--muted);line-height:1.55}
.s360sys .s-more{text-align:center;margin:28px 0 0}
.s360sys .s-more a{font-weight:600;color:var(--ink);border-bottom:1.5px solid var(--accent);padding-bottom:3px;text-decoration:none}
@media(max-width:860px){.s360sys .sys-card{grid-template-columns:1fr}.s360sys .sys-card>h3{margin-top:-8px}}