/* KUVARK360 blog */
.blog .block{padding-top:40px;padding-bottom:40px}
.bhero{padding-top:30px!important}
.bhero h1{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.03em;margin:16px 0}
.bhero .eyebrow{color:var(--green)}
.bhero .lead{color:#c1ccda;font-size:19px;line-height:1.7;max-width:720px}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bcard{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(160deg,#101f33e8,#07101ce8);transition:border-color .2s,transform .2s}
.bcard:hover{border-color:var(--a);transform:translateY(-2px)}
.bcard h3{margin:0;font-size:20px;line-height:1.3}
.bcard p{margin:0;color:var(--muted);line-height:1.6;font-size:15px;flex:1}
.bcard small{color:var(--muted);font-size:13px}
.btag{align-self:flex-start;display:inline-block;font-size:12px;font-weight:800;letter-spacing:.04em;padding:5px 10px;border-radius:99px;background:color-mix(in srgb,var(--a) 18%,transparent);color:var(--a)}
.brel h2{font-size:28px;margin:0 0 18px}
.post .phead{max-width:860px}
.post h1{font-size:clamp(30px,3.6vw,46px);line-height:1.12;letter-spacing:-.025em;margin:16px 0 10px}
.pmeta{color:var(--muted);font-size:14px;margin:0 0 10px}
.pgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;margin-top:26px;align-items:start}
.pbody{font-size:18px;line-height:1.8;color:#d7e0ea;max-width:760px}
.pbody h2{font-size:26px;line-height:1.3;color:var(--text);margin:42px 0 12px;scroll-margin-top:100px}
.pbody p{margin:0 0 18px}
.pbody ul{margin:0 0 20px;padding-left:22px}
.pbody li{margin:6px 0}
.pbody strong{color:#fff}
.pbody a{color:var(--a);text-decoration:underline;text-underline-offset:3px}
.pfaq{margin-top:40px}
.pside{position:sticky;top:100px;display:grid;gap:16px}
.ptoc,.pcta{border:1px solid var(--line);border-radius:18px;padding:20px;background:#ffffff06}
.ptoc ol{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.6}
.ptoc a:hover{color:var(--text)}
.pcta{background:linear-gradient(160deg,color-mix(in srgb,var(--a) 22%,#0b1726),#07101c)}
.pcta span{font-size:30px}.pcta b{display:block;font-size:20px;margin-top:6px}
.pcta p{color:#c1ccda;font-size:14px;line-height:1.6}
.pcta .button{background:var(--a);width:100%}
@media(max-width:980px){.bgrid{grid-template-columns:1fr 1fr}.pgrid{grid-template-columns:1fr}.pside{position:static}}
@media(max-width:640px){.bgrid{grid-template-columns:1fr}.pbody{font-size:17px}}