.blog-detail{--article-blue:#0758f7;--article-navy:#07183f;--article-line:#dce6f7;background:linear-gradient(180deg,#fbfdff,#fff 230px);color:var(--article-navy);padding:20px 0 64px}.blog-detail__breadcrumbs{display:flex;flex-wrap:wrap;margin-bottom:20px;gap:8px;color:#71809b;font-size:.76rem}.blog-detail__breadcrumbs a:hover,.blog-detail__toc a:hover{color:var(--article-blue)}.blog-detail__layout{display:grid;grid-template-columns:minmax(0,1fr) 328px;align-items:start;gap:38px}.blog-detail__article{min-width:0}.blog-detail__article>h1{max-width:850px;margin:14px 0 12px;font-size:clamp(1.95rem,2.8vw,2.7rem);font-weight:700;letter-spacing:-.04em;line-height:1.17}.blog-detail__lead{max-width:780px;margin:0 0 16px;color:#6c7c96;font-size:.9rem;font-style:italic;line-height:1.6}.blog-detail__meta{display:flex;flex-wrap:wrap;margin-bottom:19px;align-items:center;gap:9px;color:#647492;font-size:.76rem}.blog-detail__meta .blog-detail__stat,.blog-detail__meta time{display:inline-flex;align-items:center;gap:5px}.blog-detail__rating{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.blog-detail__rating button{display:grid;width:22px;height:24px;padding:0;place-items:center;border:0;border-radius:4px;background:transparent;color:#f2a900;cursor:pointer;font-size:.98rem;transition:background-color .15s ease,transform .15s ease}.blog-detail__rating button:focus-visible,.blog-detail__rating button:hover:not(:disabled){background:#fff1c2;outline:2px solid #f5c044;outline-offset:1px;transform:translateY(-1px)}.blog-detail__rating button:disabled{cursor:default}.blog-detail__rating-value{color:#71809b;font-size:.72rem}.blog-detail__rating-error{color:#c63636;font-size:.7rem}.blog-detail__dot{color:#b2bfd4}.blog-detail__author-mark{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#0758f7,#12a3f4);color:#fff;font-size:.58rem;font-weight:800}.blog-detail__cover{position:relative;margin:0 0 25px;overflow:hidden;border:1px solid var(--article-line);border-radius:10px;background:#eaf1ff;aspect-ratio:16/7}.blog-detail__cover img,.blog-detail__related-grid img{width:100%;height:100%;object-fit:cover}.blog-detail__content{max-width:850px;color:#3c4f70;font-size:.96rem;line-height:1.78}.blog-detail__content>:first-child{margin-top:0}.blog-detail__content h1,.blog-detail__content h2,.blog-detail__content h3,.blog-detail__content h4,.blog-detail__content h5{scroll-margin-top:98px;color:var(--article-navy);font-weight:650;letter-spacing:-.022em}.blog-detail__content h1{font-size:1.55rem}.blog-detail__content h2{margin:30px 0 10px;font-size:1.25rem;line-height:1.32}.blog-detail__content h3{margin:22px 0 8px;font-size:1.05rem;line-height:1.4}.blog-detail__content h4{margin:20px 0 8px;font-size:1rem;line-height:1.4}.blog-detail__content h5{margin:18px 0 8px;font-size:.94rem;line-height:1.4}.blog-detail__content p{margin:0 0 14px}.blog-detail__content ol,.blog-detail__content ul{display:block;margin:0 0 16px;padding-inline-start:1.8em}.blog-detail__content ol,.blog-detail__content ul{list-style:none!important}.blog-detail__content ol{padding-inline-start:2.15em;counter-reset:blog-ordered-item}.blog-detail__content ol>li,.blog-detail__content ul>li{position:relative;display:block}.blog-detail__content ol>li:before,.blog-detail__content ul>li:before{position:absolute;right:100%;width:1.45em;margin-inline-end:.35em;color:var(--article-blue);font-weight:800;text-align:end}.blog-detail__content ul>li:before{content:"•"}.blog-detail__content ol>li{counter-increment:blog-ordered-item}.blog-detail__content ol>li:before{content:counter(blog-ordered-item) "."}.blog-detail__content li{margin:5px 0}.blog-detail__content a{color:var(--article-blue);text-decoration:underline;text-underline-offset:3px}.blog-detail__content blockquote{margin:22px 0;padding:16px 20px;border-left:3px solid var(--article-blue);background:#f1f6ff;color:#25477b}.blog-detail__content img{max-width:100%;height:auto;border-radius:8px}.blog-detail__content figure{margin:20px 0}.blog-detail__content figure[data-align=center]{text-align:center}.blog-detail__content figure[data-align=center] img{display:inline-block}.blog-detail__content figure[data-align=center] figcaption{text-align:center}.blog-detail__content figcaption{margin-block-start:7px;color:#6e7d97;font-size:.84rem;line-height:1.55}.blog-detail__content [style*="text-align: center"]{text-align:center!important}.blog-detail__content [style*="text-align: center"] figure,.blog-detail__content figure[style*="text-align: center"]{margin-inline:auto}.blog-detail__content [style*="text-align: center"] figure img,.blog-detail__content figure[style*="text-align: center"] img{display:inline-block}.blog-detail__content [style*="text-align: center"] figure figcaption,.blog-detail__content figure[style*="text-align: center"] figcaption{text-align:center}.blog-detail__content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.82rem}.blog-detail__content td,.blog-detail__content th{min-width:110px;padding:9px;border:1px solid var(--article-line);text-align:left}.blog-detail__sidebar{position:sticky;top:90px;display:grid;gap:18px}.blog-detail__contact,.blog-detail__toc,.blog-detail__writer{border:1px solid #dbe7f8;border-radius:12px;background:#fff;padding:22px 21px}.blog-detail__toc{overflow:hidden;border-color:#dce8fa;border-radius:14px;padding:14px 14px 15px;box-shadow:0 10px 24px rgb(20 72 153/7%)}.blog-detail__toc-header,.blog-detail__toc-title{display:flex;align-items:center}.blog-detail__toc-header{justify-content:space-between;gap:10px}.blog-detail__toc-title{min-width:0;gap:9px}.blog-detail__toc-icon{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:8px;background:#edf4ff;color:var(--article-blue);font-size:14px}.blog-detail__contact h2,.blog-detail__writer h2{margin:0;font-size:1rem;letter-spacing:-.02em}.blog-detail__toc h2{margin:0;color:var(--article-navy);font-size:.93rem;font-weight:650;letter-spacing:-.015em}.blog-detail__toc-toggle{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border:1px solid #d8e5fa;border-radius:9px;background:#fff;color:var(--article-blue);cursor:pointer;font-size:13px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.blog-detail__toc-toggle:hover{border-color:#a9c9fb;background:#f4f8ff;transform:translateY(-1px)}.blog-detail__toc-toggle:focus-visible{outline:3px solid rgb(7 88 247/25%);outline-offset:2px}.blog-detail__toc ol{display:grid;max-height:328px;margin:10px -14px -15px;padding:0 7px 0 0;gap:3px;overflow-y:auto;list-style:none;scrollbar-color:#cbdcf7 transparent;scrollbar-gutter:stable;scrollbar-width:thin}.blog-detail__toc ol::-webkit-scrollbar{width:7px}.blog-detail__toc ol::-webkit-scrollbar-track{margin-block:7px;border-radius:999px;background:#edf3fd}.blog-detail__toc ol::-webkit-scrollbar-thumb{border-radius:999px;background:#b8cff4}.blog-detail__toc-item{position:relative}.blog-detail__toc-item a{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:5px 14px;color:#536684;font-size:.74rem;font-weight:500;line-height:1.32;transition:background .16s ease,color .16s ease}.blog-detail__toc-item a:hover{background:#f6f9ff}.blog-detail__toc-item span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#edf4ff;color:var(--article-blue);font-size:.62rem;font-weight:600}.blog-detail__toc-item a.blog-detail__toc-current{background:#f4f8ff;color:var(--article-blue);font-weight:600}.blog-detail__toc-item:has(.blog-detail__toc-current):before{position:absolute;top:4px;bottom:4px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--article-blue);content:""}.blog-detail__toc-current span{background:var(--article-blue);color:#fff}.blog-detail__toc-item--h3 a{grid-template-columns:18px minmax(0,1fr);margin-left:18px;gap:7px;padding-top:4px;padding-bottom:4px;color:#71809a;font-size:.69rem;font-weight:450}.blog-detail__toc-item--h3 span{width:18px;height:18px;font-size:.56rem}.blog-detail__toc>p{margin:14px 0 0;color:#75839b;font-size:.78rem;line-height:1.5}.blog-detail__cta{position:relative;display:block;overflow:hidden;border-radius:12px;aspect-ratio:4/3;background:#0758f7;box-shadow:0 14px 28px rgba(6,66,178,.18)}.blog-detail__cta img{object-fit:cover}.blog-detail__cta:focus-visible{box-shadow:0 0 0 4px rgba(7,88,247,.28);outline:0}.blog-detail__trial{position:relative;isolation:isolate;display:grid;min-height:268px;gap:14px;overflow:hidden;border:1px solid #0b4dcc;border-radius:12px;padding:28px 23px 24px;background:radial-gradient(circle at 91% 25%,rgb(0 210 255/30%),transparent 24%),radial-gradient(circle at 78% 88%,rgb(47 112 255/34%),transparent 33%),linear-gradient(135deg,#021855,#0538ae 52%,#0a62e8);color:#fff;text-align:left;box-shadow:0 14px 28px rgb(3 46 145/20%)}.blog-detail__trial:after,.blog-detail__trial:before{position:absolute;z-index:-1;border:1px solid rgb(89 210 255/34%);content:""}.blog-detail__trial:before{right:-88px;bottom:-98px;width:235px;height:235px;border-radius:50%;box-shadow:0 0 0 25px rgb(47 154 255/6%),0 0 0 52px rgb(63 138 255/5%)}.blog-detail__trial:after{top:42px;right:16px;width:92px;height:116px;transform:rotate(30deg) skewY(-12deg);border-radius:16px;background:linear-gradient(145deg,rgb(104 238 255/20%),transparent 65%),repeating-linear-gradient(0deg,transparent 0 19px,rgb(120 206 255/17%) 20px);box-shadow:0 0 34px rgb(0 220 255/14%)}.blog-detail__trial h2{position:relative;z-index:1;max-width:200px;margin:0;color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.12}.blog-detail__trial p{position:relative;z-index:1;max-width:210px;margin:0 0 4px;color:#d4e5ff;font-size:.8rem;line-height:1.55}.blog-detail__trial .site-button,.blog-detail__trial-demo{position:relative;z-index:1;min-height:45px;justify-content:center;border-radius:8px;font-size:.8rem;font-weight:750}.blog-detail__trial .site-button{border-color:#fff;background:#fff;color:#0758f7!important;box-shadow:none}.blog-detail__trial .site-button svg{color:currentcolor}.blog-detail__trial .site-button:hover{border-color:#d7e7ff;background:#eaf3ff;color:#0648cc}.blog-detail__trial-demo{display:inline-flex;align-items:center;gap:7px;border:1px solid rgb(255 255 255/64%);color:#fff}.blog-detail__trial-demo:hover{border-color:#fff;background:rgb(255 255 255/9%);color:#fff!important}.blog-detail__trial-demo svg{font-size:.9rem}.blog-detail__contact{display:grid;gap:16px;padding:23px 21px 18px}.blog-detail__contact-intro{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:13px}.blog-detail__contact-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e9f3ff,#dceaff);color:var(--article-blue);font-size:1.45rem}.blog-detail__contact h2{padding-top:2px;font-size:1.03rem}.blog-detail__contact p{margin:6px 0 0;color:#6a7890;font-size:.75rem;line-height:1.55}.blog-detail__contact>a{display:inline-flex;min-width:145px;min-height:43px;align-items:center;justify-content:center;gap:9px;border:1px solid #93baff;border-radius:6px;color:var(--article-blue);font-size:.78rem;font-weight:750}.blog-detail__contact>a:hover{border-color:var(--article-blue);background:#eff6ff}.blog-detail__contact-meta{display:flex;flex-wrap:wrap;padding-top:15px;border-top:1px solid #e5edf8;gap:8px 14px}.blog-detail__contact-meta a{display:inline-flex;align-items:center;gap:7px;color:#50627f;font-size:.68rem;font-weight:650}.blog-detail__contact-meta svg{display:grid;width:28px;height:28px;padding:7px;border-radius:5px;background:var(--article-blue);color:#fff;font-size:.88rem}.blog-detail__contact-meta a:hover{color:var(--article-blue)}.blog-detail__writer{display:grid;gap:16px;padding:24px 21px 21px}.blog-detail__writer-profile{display:flex;align-items:center;gap:12px}.blog-detail__writer .blog-detail__author-mark{width:64px;height:64px;box-shadow:0 0 0 8px #f0f6ff;font-size:1.55rem}.blog-detail__writer h2{display:flex;margin:0;align-items:center;gap:7px;font-size:1.02rem}.blog-detail__verified{color:#0b60f4;font-size:.93rem}.blog-detail__writer-profile p{margin:4px 0 0;color:#7483a0;font-size:.72rem}.blog-detail__writer-copy{margin:0;color:#6b7b95;font-size:.78rem;line-height:1.65}.blog-detail__writer-socials{display:flex;gap:10px}.blog-detail__writer-socials a{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#0866d9;color:#fff;font-size:.86rem}.blog-detail__writer-socials a:nth-child(2){background:#1570bd}.blog-detail__writer-socials a:nth-child(3){background:#e42f32}.blog-detail__writer-socials a:nth-child(4){background:#2d7de8}.blog-detail__sidebar a:focus-visible{box-shadow:0 0 0 3px rgba(7,88,247,.28);outline:0}.blog-detail__related{margin-top:42px;padding-top:27px;border-top:1px solid var(--article-line)}.blog-detail__section-heading{display:flex;margin-bottom:18px;align-items:center;gap:8px;color:var(--article-blue)}.blog-detail__section-heading h2{margin:0;color:var(--article-navy);font-size:1.25rem}.blog-detail__related-controls{display:flex;margin-left:auto;gap:8px}.blog-detail__related-controls button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #bdd3fa;border-radius:50%;background:#fff;color:var(--article-blue);cursor:pointer;transition:background-color .18s ease-out,border-color .18s ease-out,transform .18s ease-out}.blog-detail__related-controls button:hover:not(:disabled){border-color:var(--article-blue);background:#edf4ff}.blog-detail__related-controls button:first-child:hover:not(:disabled){transform:translateX(-2px)}.blog-detail__related-controls button:last-child:hover:not(:disabled){transform:translateX(2px)}.blog-detail__related-controls button:focus-visible{box-shadow:0 0 0 3px rgba(7,88,247,.28);outline:0}.blog-detail__related-controls button:disabled{opacity:.42;cursor:not-allowed}.blog-detail__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;animation:blog-detail-related-in .22s ease-out}.blog-detail__related-grid>a{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--article-line);border-radius:8px;color:var(--article-navy)}.blog-detail__related-grid img{aspect-ratio:16/9}.blog-detail__related-grid span{margin:11px 11px 0;color:var(--article-blue);font-size:.62rem;font-weight:750}.blog-detail__related-grid strong{min-height:39px;margin:6px 11px;font-size:.76rem;line-height:1.37;-webkit-line-clamp:2}.blog-detail__related-grid p,.blog-detail__related-grid strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.blog-detail__related-grid p{min-height:calc(1.52em * 3);margin:0 11px 13px;flex:0 0 auto;color:#667795;font-size:.67rem;line-height:1.52;-webkit-line-clamp:3}.blog-detail__related-grid small{margin:auto 11px 11px;color:#75839b;font-size:.61rem}@keyframes blog-detail-related-in{0%{opacity:.45;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.blog-detail__state{min-height:52vh;padding-top:90px;color:var(--article-navy)}.blog-detail__state h1{font-size:2rem}@media (max-width:940px){.blog-detail__layout{grid-template-columns:minmax(0,1fr)}.blog-detail__sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-detail__toc{grid-row:span 2}}@media (max-width:620px){.blog-detail{padding-bottom:36px}.blog-detail__layout{gap:25px}.blog-detail__article>h1{font-size:2rem}.blog-detail__cover{aspect-ratio:16/10}.blog-detail__meta{gap:7px}.blog-detail__dot{display:none}.blog-detail__sidebar{grid-template-columns:1fr}.blog-detail__toc{grid-row:auto}.blog-detail__trial{min-height:0;padding:29px 26px 26px;text-align:center}.blog-detail__trial:after{display:none}.blog-detail__trial h2,.blog-detail__trial p{max-width:100%}.blog-detail__trial h2{font-size:1.42rem}.blog-detail__related-grid{grid-template-columns:1fr}.blog-detail__related-grid>a{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:0}.blog-detail__related-grid img{grid-row:span 4;height:100%}}@media (prefers-reduced-motion:reduce){.blog-detail *{scroll-behavior:auto}.blog-detail__related-grid{animation:none}}