/* StyleTune site-wide visual overrides (page title banner) */
.breadcrumbs-custom{background:radial-gradient(900px 420px at 85% -20%,rgba(117,106,238,.6),transparent 60%),radial-gradient(700px 380px at -5% 120%,rgba(34,211,238,.32),transparent 60%),linear-gradient(160deg,#0c0b22 0%,#16143a 100%)!important;color:#fff}
.breadcrumbs-custom .box-position{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)!important;background-size:56px 56px!important;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 50%,#000 25%,transparent 75%)}
.breadcrumbs-custom:after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(169,159,255,.35),transparent 70%);z-index:-1}
.breadcrumbs-custom-title{color:#fff!important;font-weight:800;text-shadow:0 10px 40px rgba(117,106,238,.45)}
.breadcrumbs-custom-path a,.breadcrumbs-custom-path a:active,.breadcrumbs-custom-path a:focus{color:#d9d6ff!important}
.breadcrumbs-custom-path a:hover{color:#fff!important}
.breadcrumbs-custom-path li.active{color:#22d3ee!important}
.breadcrumbs-custom-path li::after{color:rgba(255,255,255,.4)!important}
@media(min-width:1200px){.breadcrumbs-custom{padding:110px 0!important}}
@media(prefers-reduced-motion:reduce){.breadcrumbs-custom .box-position{animation:none!important}}
.box-contacts{border:1px solid #e7e5f7!important;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(20,19,43,.07);transition:transform .25s,box-shadow .25s}
.box-contacts:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(117,106,238,.18)}
@media(prefers-reduced-motion:reduce){.box-contacts{transition:none}.box-contacts:hover{transform:none}}

/* ===== StyleTune blog ===== */
.stb{--p:#756aee;--c:#22d3ee;--ink:#14132b;--mut:#5b5a72;--line:#e7e5f7;--bg:#f6f5ff;color:var(--ink);text-align:left}
.stb *{box-sizing:border-box}
.stb .w{max-width:1180px;margin:0 auto;padding:0 24px}
.stb-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding:72px 0 96px}
.stb-art{min-width:0}
.stb-hero{border-radius:22px;overflow:hidden;position:relative;height:300px;margin-bottom:28px;background:#16143a}
.stb-hero img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}
.stb-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,11,34,0) 30%,rgba(12,11,34,.75))}
.stb-hero .cat{position:absolute;left:24px;bottom:22px;z-index:2}
.stb .chip{display:inline-block;font-size:12px;font-weight:700;color:#0c0b22;background:linear-gradient(90deg,#b9b2ff,var(--c));border-radius:999px;padding:5px 14px;text-decoration:none!important}
.stb .chip-l{color:var(--p)!important;background:var(--bg);border:1px solid var(--line)}
.stb-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;color:var(--mut);font-size:14px;margin-bottom:10px}
.stb-art>h1{font-size:32px;line-height:1.5;font-weight:800;margin:0 0 18px;text-transform:none;letter-spacing:.01em}
.stb-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:0;list-style:none}
.stb-tags li{font-size:12px;color:var(--mut);background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 12px}
.stb-body{font-size:16px;line-height:2}
.stb-body p{margin:0 0 1.3em}
.stb-body h2{font-size:24px;line-height:1.5;font-weight:800;margin:2.4em 0 .9em;padding:0 0 12px 18px;border-bottom:1px solid var(--line);position:relative;text-transform:none;letter-spacing:.01em}
.stb-body h2:before{content:"";position:absolute;left:0;top:.2em;bottom:16px;width:5px;border-radius:3px;background:linear-gradient(180deg,var(--p),var(--c))}
.stb-body h3{font-size:19px;font-weight:800;margin:1.8em 0 .7em;text-transform:none;letter-spacing:.01em}
.stb-body ul,.stb-body ol{margin:0 0 1.4em;padding-left:1.4em}
.stb-body li{margin:0 0 .4em}
.stb-body table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 1.6em;font-size:15px;line-height:1.7;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:block;overflow-x:auto}
.stb-body thead th{background:linear-gradient(135deg,#5b51d6,#756aee);color:#fff;font-weight:700;text-align:left}
.stb-body th,.stb-body td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top;min-width:120px}
.stb-body tbody tr:nth-child(even) td{background:#faf9ff}
.stb-body tbody tr:last-child td{border-bottom:0}
.stb-body a{color:var(--p);font-weight:700;text-decoration:underline}
.stb-body .tldr{background:linear-gradient(160deg,#f6f5ff,#eef9fd);border:1px solid var(--line);border-radius:18px;padding:22px 26px 10px;margin:0 0 30px}
.stb-body .tldr-h{font-weight:800;color:var(--p);margin:0 0 8px;font-size:15px;letter-spacing:.06em}
.stb-body .tldr ul{padding-left:1.2em}
.stb-faq{margin:56px 0 0}
.stb-faq>h2{font-size:24px;font-weight:800;margin:0 0 18px;text-transform:none}
.stb-faq .q{border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:0 0 14px;background:#fff}
.stb-faq .q h3{font-size:17px;font-weight:800;margin:0 0 8px;padding-left:34px;position:relative;line-height:1.6;text-transform:none}
.stb-faq .q h3:before{content:"Q";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:7px;background:var(--p);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center}
.stb-faq .q p{margin:0;padding-left:34px;color:var(--mut);line-height:1.9}
.stb-cta{margin:48px 0 0;border-radius:22px;padding:34px 32px;color:#fff;background:radial-gradient(600px 300px at 10% 0%,rgba(34,211,238,.35),transparent 60%),linear-gradient(135deg,#5b51d6,#756aee 55%,#8f6bff)}
.stb-cta b{display:block;font-size:21px;margin-bottom:8px}
.stb-cta p{margin:0 0 20px;color:#eceaff;line-height:1.9}
.stb .btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 28px;font-weight:700;font-size:15px;text-decoration:none!important;background:#fff;color:#5b51d6!important;box-shadow:0 10px 26px rgba(12,11,34,.25);transition:transform .2s}
.stb .btn:hover,.stb .btn:focus{transform:translateY(-2px)}
.stb .btn svg{width:18px;height:18px}
.stb-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px 0 0}
.stb-pn a{display:block;border:1px solid var(--line);border-radius:16px;padding:16px 20px;color:var(--ink)!important;text-decoration:none!important;font-weight:700;line-height:1.6;background:#fff}
.stb-pn a small{display:block;color:var(--mut);font-weight:500;margin-bottom:4px}
.stb-pn a:hover{border-color:var(--p)}
.stb-pn .nx{text-align:right}
.stb-side{position:sticky;top:100px;align-self:start}
.stb-box{border:1px solid var(--line);border-radius:18px;padding:22px;margin:0 0 20px;background:#fff}
.stb-box h2{font-size:15px;font-weight:800;letter-spacing:.06em;color:var(--p);margin:0 0 12px;text-transform:none}
.stb-box ul{list-style:none;margin:0;padding:0}
.stb-box li{border-top:1px solid var(--line)}
.stb-box li:first-child{border-top:0}
.stb-box li a{display:flex;justify-content:space-between;gap:8px;padding:10px 0;color:var(--ink)!important;text-decoration:none!important;font-size:14px;line-height:1.6}
.stb-box li a:hover{color:var(--p)!important}
.stb-box li a span{color:var(--mut);font-size:12px;white-space:nowrap}
.stb-box.dk{background:linear-gradient(160deg,#0c0b22,#16143a);border:0;color:#fff}
.stb-box.dk h2{color:#b9b2ff}
.stb-box.dk p{color:#d6d4f0;font-size:14px;line-height:1.85;margin:0 0 14px}
.stb-box.dk .btn{padding:12px 22px;font-size:14px}
/* list */
.stb-list{padding:64px 0 96px}
.stb-lead{max-width:780px;margin:0 auto 34px;text-align:center;color:var(--mut);line-height:1.95}
.stb-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 44px;padding:0;list-style:none}
.stb-cats a{display:inline-block;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;background:#fff;transition:all .2s}
.stb-cats a:hover,.stb-cats a.on{background:var(--p);border-color:var(--p);color:#fff!important}
.stb-cats a small{opacity:.7;margin-left:4px}
.stb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.stb-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;color:var(--ink)!important;text-decoration:none!important;transition:transform .25s,box-shadow .25s}
.stb-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,19,43,.12)}
.stb-card .im{position:relative;height:170px;background:#16143a}
.stb-card .im img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
.stb-card .im .chip{position:absolute;left:14px;bottom:12px}
.stb-card .tx{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.stb-card time{font-size:13px;color:var(--mut)}
.stb-card h2{font-size:17px;line-height:1.6;font-weight:800;margin:0;text-transform:none;letter-spacing:.01em}
.stb-card p{font-size:14px;line-height:1.8;color:var(--mut);margin:0}
.stb-pg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:48px 0 0;padding:0;list-style:none}
.stb-pg a,.stb-pg span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);font-weight:700;color:var(--ink)!important;text-decoration:none!important;background:#fff}
.stb-pg span{background:var(--p);border-color:var(--p);color:#fff!important}
.stb-pg a:hover{border-color:var(--p)}
.stb a:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}
@media(max-width:991px){.stb-wrap{grid-template-columns:1fr}.stb-side{position:static}.stb-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.stb-wrap{padding:44px 0 70px}.stb-art>h1{font-size:24px}.stb-hero{height:200px}.stb-body h2{font-size:20px}.stb-grid{grid-template-columns:1fr}.stb-pn{grid-template-columns:1fr}.stb-cta{padding:26px 22px}}
@media(prefers-reduced-motion:reduce){.stb-card,.stb .btn{transition:none}.stb-card:hover,.stb .btn:hover{transform:none}}

/* blog fixes */
.stb-body ul{list-style:disc!important}.stb-body ol{list-style:decimal!important}
.stb-body ul li,.stb-body ol li{display:list-item!important;list-style:inherit!important;padding-left:0!important}
.stb-body ul li:before,.stb-body ol li:before{display:none!important}
.stb-body li::marker{color:#756aee}
@media(min-width:641px){.stb-body table{display:table;overflow:hidden}}
.stb-list{padding-top:56px!important}
.stb-cats a small{display:inline!important;font-size:11px}
.footer-list-category a{text-transform:none!important}

/* blog images */
.stb-hero{height:auto!important;aspect-ratio:12/5;background:#0c0b22}
.stb-hero img{opacity:1!important}
.stb-hero:after{display:none!important}
.stb-hero .cat{left:auto;right:18px;top:16px;bottom:auto}
.stb-card .im{height:auto!important;aspect-ratio:12/5}
.stb-card .im img{opacity:1!important}
.stb-card .im .chip{left:auto;right:10px;top:10px;bottom:auto}
.stb-fig{margin:28px 0 34px}
.stb-fig img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 14px 34px rgba(20,19,43,.08)}
.stb-fig-point img{box-shadow:0 18px 40px rgba(12,11,34,.25)}