.syx-essentials{--syx-ink:#11192d;--syx-green:#124d43;--syx-pale:#eeeee2;--syx-soft:#e8f0ef;--syx-line:#dce6e4;padding:112px 0;background:#fff;color:var(--syx-ink)}
.syx-essentials-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:86px;align-items:center}
.syx-essentials-copy{padding:28px 0}.syx-essentials-copy h2{max-width:650px;margin:0 0 28px;font-size:clamp(48px,5.2vw,72px);font-weight:520;letter-spacing:-.055em;line-height:.98}.syx-essentials-copy h2 em{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:500}.syx-essentials-copy>p{max-width:580px;margin:0;color:#626d79;font-size:15px;line-height:1.75}
.syx-essentials-actions{margin-top:36px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.syx-essentials-actions>span strong,.syx-essentials-actions>span small{display:block}.syx-essentials-actions>span strong{font-size:12px}.syx-essentials-actions>span small{margin-top:4px;color:#778086;font-size:10px}
.syx-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--syx-line);background:#fff;box-shadow:0 28px 80px rgba(18,77,67,.1)}
.syx-tile{position:relative;min-width:0;overflow:hidden;padding:28px}.syx-tile:nth-child(1),.syx-tile:nth-child(2){border-bottom:1px solid #fff}.syx-tile:nth-child(1),.syx-tile:nth-child(3){border-right:1px solid #fff}.syx-tile-label{position:absolute;left:28px;bottom:24px;font-size:11px;font-weight:720}
.syx-tile-activity{display:flex;align-items:center;justify-content:center;background:#dfe9e7}.syx-mini-app{width:65%;max-width:190px;padding:12px;border:7px solid #1b2729;border-radius:20px;background:#fff;box-shadow:0 18px 38px rgba(15,43,44,.18);transform:rotate(-5deg)}.syx-mini-top{display:flex;align-items:center;gap:6px}.syx-mini-top i{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#074e67;color:#fff;font-size:8px;font-style:normal;font-weight:900}.syx-mini-top span{width:40%;height:4px;border-radius:9px;background:#c8d8d6}.syx-mini-top b{width:10px;height:10px;margin-left:auto;border-radius:50%;background:#d8e7e5}.syx-mini-balance{padding:13px 0 9px}.syx-mini-balance small,.syx-mini-balance strong{display:block}.syx-mini-balance small{color:#71807f;font-size:6px}.syx-mini-balance strong{margin-top:3px;font-size:13px}.syx-mini-bars{height:48px;padding:8px 7px;display:flex;gap:5px;align-items:flex-end;border-radius:8px;background:#edf5f4}.syx-mini-bars i{width:16%;border-radius:3px 3px 0 0;background:#0c8179}.syx-mini-bars i:nth-child(1){height:38%}.syx-mini-bars i:nth-child(2){height:65%}.syx-mini-bars i:nth-child(3){height:50%}.syx-mini-bars i:nth-child(4){height:82%}.syx-mini-bars i:nth-child(5){height:100%}.syx-mini-row{margin-top:7px;display:flex;justify-content:space-between}.syx-mini-row span{width:55%;height:4px;border-radius:5px;background:#dbe6e5}.syx-mini-row b{width:22%;height:4px;border-radius:5px;background:#9bc8c3}
.syx-tile-layers{display:flex;flex-direction:column;background:var(--syx-pale);border-radius:0 52% 0 0}.syx-tile-layers strong{font-size:clamp(52px,5vw,78px);font-weight:500;letter-spacing:-.06em;line-height:.9}.syx-tile-layers>span{margin-top:12px;font-size:15px}.syx-tile-layers svg{width:72px;margin:auto 0 0 auto;fill:none;stroke:#164f45;stroke-width:1.3}
.syx-tile-team{display:flex;flex-direction:column;justify-content:space-between;background:#eff5f4}.syx-spark{font-size:44px;color:#155549;line-height:1}.syx-tile-team>div>strong,.syx-tile-team>div>small{display:block}.syx-tile-team>div>strong{font-size:22px}.syx-tile-team>div>small{max-width:230px;margin-top:7px;color:#667773;font-size:10px;line-height:1.5}.syx-avatars{display:flex;align-items:center}.syx-avatars i,.syx-avatars b{width:32px;height:32px;margin-right:-6px;display:grid;place-items:center;border:2px solid #eff5f4;border-radius:50%;background:#c3d9d6;color:#124d43;font-size:8px;font-style:normal;font-weight:850}.syx-avatars i:nth-child(2){background:#f4d4a3}.syx-avatars i:nth-child(3){background:#bed0e4}.syx-avatars b{margin-left:12px;background:#124d43;color:#fff;font-size:12px}
.syx-tile-insight{display:flex;flex-direction:column;background:var(--syx-green);color:#fff}.syx-tile-insight>div{display:flex;justify-content:space-between;align-items:center}.syx-tile-insight>div span{color:rgba(255,255,255,.7);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.syx-tile-insight>div strong{font-size:18px}.syx-tile-insight svg{width:100%;margin:auto 0}.syx-chart-grid{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1}.syx-chart-line{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.syx-tile-insight .syx-tile-label{color:rgba(255,255,255,.8)}
@media(max-width:1050px){.syx-essentials-grid{grid-template-columns:minmax(0,.8fr) minmax(430px,1.2fr);gap:48px}.syx-essentials-copy h2{font-size:52px}.syx-tile{padding:22px}.syx-tile-label{left:22px;bottom:19px}}
@media(max-width:820px){.syx-essentials{padding:82px 0}.syx-essentials-grid{grid-template-columns:1fr;gap:48px}.syx-essentials-copy{padding:0}.syx-essentials-copy h2{max-width:700px;font-size:clamp(42px,8vw,58px)}.syx-mosaic{width:min(100%,650px);margin:0 auto}}
@media(max-width:520px){.syx-essentials{padding:72px 0}.syx-essentials-copy h2{font-size:clamp(39px,12vw,52px)}.syx-essentials-actions{align-items:flex-start;flex-direction:column;gap:18px}.syx-essentials-actions .shv-button{width:100%}.syx-mosaic{aspect-ratio:auto;grid-template-rows:repeat(2,minmax(185px,1fr))}.syx-tile{min-height:185px;padding:18px}.syx-tile-label{left:18px;bottom:15px}.syx-mini-app{width:76%;padding:8px;border-width:5px}.syx-tile-layers{border-radius:0 45% 0 0}.syx-tile-layers strong{font-size:48px}.syx-tile-layers>span{font-size:12px}.syx-tile-layers svg{width:50px}.syx-spark{font-size:30px}.syx-tile-team>div>strong{font-size:17px}.syx-tile-team>div>small{display:none}.syx-avatars i,.syx-avatars b{width:27px;height:27px}.syx-tile-insight svg{margin:14px 0 20px}}