.sx-container{width:min(1210px,calc(100% - 56px));margin:0 auto}.sx-blog-hero{background:#06162a;padding:60px 0 50px;text-align:center;position:relative;overflow:hidden}.sx-blog-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(231,191,95,.1),transparent 32%),radial-gradient(circle at 80% 15%,rgba(55,113,168,.14),transparent 32%)}.sx-blog-hero .sx-container{position:relative}.sx-blog-hero__kicker{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#e7bf5f;margin-bottom:14px}.sx-blog-hero__title{font-size:clamp(34px,4.5vw,56px);font-weight:950;color:#fff;margin:0 0 16px;letter-spacing:-.05em;line-height:1.04}.sx-blog-hero__sub{font-size:16px;color:#8faec8;margin:0 auto;max-width:560px;display:block;text-align:center;line-height:1.65}.sx-blog-count{display:inline-flex;align-items:center;gap:6px;margin-top:20px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 16px;font-size:13px;color:#ffffff8c}.sx-blog-count strong{color:#e7bf5f}.sx-blog-grid-section{background:#f3f6fa;padding:64px 0 88px}.sx-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sx-article-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgba(6,22,42,.06);box-shadow:0 4px 24px #06162a0f;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.sx-article-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px #06162a1f}.sx-article-card__img{display:block;aspect-ratio:16/9;overflow:hidden;background:#e9eef5}.sx-article-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.sx-article-card:hover .sx-article-card__img img{transform:scale(1.04)}.sx-article-card__body{padding:24px;display:flex;flex-direction:column;flex:1;gap:0}.sx-article-card__meta{display:flex;align-items:center;gap:14px;margin-bottom:12px}.sx-article-card__date{font-size:12px;color:#aab0bc;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.sx-article-card__read{font-size:12px;color:#c8d4e0;display:flex;align-items:center;gap:5px}.sx-article-card__read:before{content:"";width:3px;height:3px;background:#c8d4e0;border-radius:50%;display:inline-block}.sx-article-card h2{font-size:17px;font-weight:750;color:#06162a;margin:0 0 12px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.015em}.sx-article-card h2 a{color:inherit;text-decoration:none}.sx-article-card h2 a:hover{color:#184c87}.sx-article-card__excerpt{font-size:14px;color:#63728a;line-height:1.6;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.sx-article-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#e7bf5f;text-decoration:none;margin-top:auto;transition:gap .2s}.sx-article-card__cta:hover{gap:10px}.sx-blog-pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:56px 0 0;flex-wrap:wrap}.sx-pag-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;color:#06162a;background:#fff;border:1.5px solid rgba(6,22,42,.1);transition:all .18s ease;letter-spacing:-.01em;box-shadow:0 1px 4px #06162a0d}a.sx-pag-btn:hover{border-color:#e7bf5f;color:#06162a;background:#fffbf0;box-shadow:0 4px 12px #e7bf5f2e;transform:translateY(-1px)}.sx-pag-btn--current{background:#06162a;color:#e7bf5f;border-color:#06162a;box-shadow:0 4px 14px #06162a40;pointer-events:none}.sx-pag-btn--gap{background:transparent;border-color:transparent;box-shadow:none;color:#aab0bc;pointer-events:none;min-width:28px}.sx-pag-btn--nav{padding:0 20px;gap:6px;font-size:13px;color:#184c87;border-color:#184c8733}a.sx-pag-btn--nav:hover{background:#184c87;border-color:#184c87;color:#fff;box-shadow:0 4px 14px #184c8740}.sx-read-bar{position:fixed;top:68px;left:0;right:0;background:#06162af7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:35;transform:translateY(-110%);transition:transform .28s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #0000004d}.sx-read-bar.is-visible{transform:translateY(0)}.sx-read-bar__inner{display:flex;align-items:center;gap:16px;padding:13px 0}.sx-read-bar__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#e7bf5f;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.sx-read-bar__back:hover{opacity:.75}.sx-read-bar__title{font-size:13px;font-weight:600;color:#ffffffa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.sx-read-bar__time{font-size:12px;color:#ffffff4d;white-space:nowrap;flex-shrink:0}.sx-read-bar__progress{height:2px;background:linear-gradient(90deg,#e7bf5f,#f5d87a);transition:width .12s linear;border-radius:0 2px 2px 0}.sx-article-page{background:#f3f6fa;min-height:100vh}.sx-article-hero{position:relative;height:480px;overflow:hidden;background:#06162a}.sx-article-hero img{width:100%;height:100%;object-fit:cover;opacity:.55}.sx-article-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06162a1a,#06162ad9);display:flex;align-items:flex-end}.sx-article-hero__inner{padding:0 0 44px;width:100%}.sx-article-hero .sx-container{position:relative}.sx-article-hero--plain{height:auto;background:#06162a;padding:60px 0 50px}.sx-article-hero--plain .sx-article-hero__overlay{position:static;background:none;display:block}.sx-article-hero--plain .sx-article-hero__inner{padding:0}.sx-article-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.sx-article-meta__date{font-size:13px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em}.sx-article-meta__read{font-size:13px;color:#fff6;display:flex;align-items:center;gap:6px}.sx-article-meta__read:before{content:"";width:3px;height:3px;background:#ffffff4d;border-radius:50%}.sx-article-meta__back{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#ffffff73;text-decoration:none;margin-bottom:20px;transition:color .2s}.sx-article-meta__back:hover{color:#e7bf5f}.sx-article-hero h1{font-size:clamp(26px,4vw,46px);font-weight:900;color:#fff;margin:0;letter-spacing:-.04em;line-height:1.1;max-width:800px}.sx-article-body{background:#f3f6fa;padding:64px 0 80px}.sx-article-content{max-width:760px;margin:0 auto;background:#fff;border-radius:24px;padding:52px 60px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px #0000000d}.sx-article-content h1,.sx-article-content h2,.sx-article-content h3,.sx-article-content h4{color:#06162a;letter-spacing:-.03em;line-height:1.25;margin:1.6em 0 .6em}.sx-article-content h2{font-size:clamp(20px,2.4vw,26px);font-weight:800;border-bottom:2px solid rgba(231,191,95,.25);padding-bottom:.5em}.sx-article-content h3{font-size:clamp(17px,2vw,21px);font-weight:750}.sx-article-content p{font-size:16px;line-height:1.8;color:#2d3f52;margin:0 0 1.4em}.sx-article-content ul,.sx-article-content ol{padding-left:1.6em;margin:0 0 1.4em}.sx-article-content li{font-size:16px;line-height:1.75;color:#2d3f52;margin-bottom:.4em}.sx-article-content a{color:#184c87;font-weight:600}.sx-article-content a:hover{color:#e7bf5f}.sx-article-content img{width:100%;border-radius:16px;margin:1.6em 0}.sx-article-content blockquote{border-left:3px solid #e7bf5f;padding:16px 24px;background:#e7bf5f0f;border-radius:0 12px 12px 0;margin:1.6em 0;font-style:italic;color:#3d4f62}.sx-article-content strong{color:#06162a}.sx-article-footer{max-width:760px;margin:0 auto;padding:36px 0 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.sx-article-back{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:#06162a;color:#fff;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s}.sx-article-back:hover{background:#0d2240}.sx-article-share{display:flex;align-items:center;gap:10px;font-size:13px;color:#8a9ab0}.sx-article-share a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);color:#06162a;text-decoration:none;transition:all .2s}.sx-article-share a:hover{border-color:#e7bf5f;color:#e7bf5f}.sx-article-related{background:#f3f6fa;padding:0 0 80px}.sx-article-related__head{text-align:center;padding:64px 0 40px}.sx-article-related__kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e7bf5f;margin-bottom:10px}.sx-article-related__title{font-size:clamp(22px,3vw,32px);font-weight:800;color:#06162a;margin:0;letter-spacing:-.03em}.sx-related-carousel{position:relative;display:flex;align-items:center;gap:0}.sx-related-track{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;min-width:0}.sx-related-arrow{flex-shrink:0;width:44px;height:44px;border-radius:12px;border:1.5px solid rgba(6,22,42,.15);background:#fff;color:#06162a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #06162a14;margin:0 12px}.sx-related-arrow:hover:not(:disabled){background:#06162a;border-color:#06162a;color:#e7bf5f;box-shadow:0 4px 16px #06162a38;transform:scale(1.06)}.sx-related-arrow:disabled{opacity:.3;cursor:default}.sx-related-dots{display:flex;justify-content:center;gap:8px;margin-top:32px}.sx-rel-dot{width:8px;height:8px;border-radius:50%;background:#06162a26;border:none;cursor:pointer;padding:0;transition:all .2s}.sx-rel-dot--active{background:#06162a;width:24px;border-radius:4px}@media(max-width:960px){.sx-blog-grid,.sx-related-track{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.sx-blog-grid-section{padding:44px 0 60px}.sx-blog-grid{grid-template-columns:1fr;gap:18px}.sx-article-hero{height:320px}.sx-article-hero h1{font-size:24px}.sx-article-content{padding:28px 22px;border-radius:16px}.sx-related-track{grid-template-columns:1fr}.sx-pag-btn--nav{padding:0 14px;font-size:12px}.sx-read-bar__title,.sx-read-bar__time{display:none}.sx-read-bar{top:60px}.sx-related-arrow{width:36px;height:36px;margin:0 6px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sunexo-blog.css.map */