.title-band{z-index:1;background:var(--gradient);text-align:center;word-break:break-word;border-radius:0 0 50% 50%/0 0 100px 100px;padding:180px 0 120px;position:relative;overflow:hidden}.title-band:before{content:"";z-index:-1;background-image:repeating-linear-gradient(90deg,#0000 0 223px,#ffffff2e 223px 224px);background-position:-32px 0;position:absolute;inset:0}.title-band .navbar{text-align:left;border-bottom:1px solid #fff3;padding:18px 0 17px;position:absolute;top:0;left:0;right:0}.title-band .navbar img{object-fit:contain;object-position:left center;width:140px;height:45px;display:block}.title-band h1{max-width:1320px;color:var(--white);margin:0 auto;padding:0 12px;font-size:40px;font-weight:500;line-height:1.25}.title-band .breadcrumb{color:var(--white);margin:18px 0 0;padding:0;font-size:16px;font-weight:500;list-style:none}.title-band .breadcrumb li{display:inline-block}.title-band .breadcrumb li+li:before{content:"•";margin:0 14px}.title-band .breadcrumb a{color:var(--white)}.blog-area{padding:100px 0}.blog-columns{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.post-box{background:var(--white);box-shadow:0 0 40px 3px #0000000d}.post-box .featured{border-radius:15px;width:100%;height:auto;display:block}.post-body{padding:30px}.entry-meta{color:var(--muted);flex-wrap:wrap;gap:6px 22px;margin:10px 0 20px;padding:0;font-size:15.5px;list-style:none;display:flex}.entry-meta li{align-items:center;gap:6px;display:inline-flex}.entry-meta svg{width:18px;height:18px;color:var(--main)}.post-content{color:var(--paragraph);font-size:18px;line-height:1.8}.post-content>p,.post-content li>p{margin:20px 0 0;font-size:18px}.post-content p a,.post-content li a,.post-content td a{color:var(--main);text-decoration:underline}.post-content p a:hover{text-decoration:none}.post-content h2{background-image:linear-gradient(#0000 70%, var(--main-marker) 70%);margin:50px 0 15px;font-size:32px;font-weight:700}.post-content h3{margin:30px 0 15px;font-size:20px}.post-content h4{margin:20px 0 15px;font-size:18px}.post-content h5,.post-content h6{margin:20px 0 15px;font-size:16px}.post-content h2 a,.post-content h3 a,.post-content h4 a{color:var(--main);text-decoration:underline}.post-content strong,.post-content b{color:#212529;font-weight:600}.post-content ul,.post-content ol{margin:20px 0;padding-left:20px}.post-content li{color:var(--muted);margin-bottom:10px;font-size:15.5px;line-height:1.8}.post-content li ul,.post-content li ol{margin:10px 0 0}.post-content img{margin:20px 0 0;display:block}.post-content figure{margin:20px 0 0}.post-content figcaption{color:var(--muted);text-align:center;margin-top:6px;font-size:13px}.post-content blockquote{border-left:4px solid var(--black);color:var(--black);background:#f8f8f9;margin:20px 0;padding:25px 32px;font-style:italic;font-weight:600}.post-content blockquote p{color:inherit;margin:0 0 16px;font-size:18px}.post-content blockquote p:last-child{margin-bottom:0}.post-content code{color:var(--main);font-family:var(--mono);font-size:.89em}.post-content pre{background:#f5f6f8;border-radius:6px;margin:20px 0;padding:16px 20px;line-height:1.6;overflow:auto}.post-content pre code{color:var(--black)}.post-content table{border-collapse:collapse;margin:20px 0;font-size:15px;display:block;overflow-x:auto}.post-content td,.post-content th{vertical-align:top;border:1px solid #dee2e6;padding:7px 10px}.post-content hr{border:0;border-top:1px solid #eee;margin:30px 0}.post-content .gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:20px 0 0;display:grid}.post-content .gallery img{width:100%;margin:0}.post-content .video-embed{aspect-ratio:16/9;margin:20px 0 0;position:relative}.post-content .video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.post-content video{width:100%;margin:20px 0 0;display:block}.post-content .post-embed{margin:20px 0 0}.post-content .post-embed a{border:1px solid var(--line);border-left:4px solid var(--main);color:var(--black);border-radius:6px;padding:18px 22px;font-size:16px;font-weight:600;text-decoration:none;display:block}.post-content .post-embed a:hover{color:var(--main)}.toc{border:1px solid var(--line);background:#fbfcfe;border-radius:6px;margin:30px 0 10px;padding:18px 24px}.toc-title{color:var(--black);margin:0 0 8px;font-size:16px;font-weight:700}.toc ol{margin:0;padding-left:1.4em;font-size:15px;line-height:1.8}.toc ol ol{padding-left:1.2em}.toc a{color:var(--paragraph)}.toc a:hover{color:var(--main)}.post-tags{background:#f9f9f9;flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px;padding:15px 25px;display:flex}.post-tags .label{color:var(--muted);margin-right:6px;font-size:15px;font-weight:700}.post-tags a{text-transform:capitalize;background:var(--white);color:var(--main);border:1px solid #e1e1e1;border-radius:999px;padding:4px 15px;font-size:13px}.post-tags a:hover{border-color:var(--main)}.sidebar{flex-direction:column;gap:30px;display:flex}.widget{border:1px solid var(--line);background:var(--white);border-radius:5px;padding:25px}.widget-sticky{z-index:2;position:sticky;top:20px}.widget-title{margin:-6px 0 25px;padding-bottom:12px;font-size:22px;font-weight:400;animation:1s widget-title-wiggle;position:relative}.widget-title:before{content:"";background:var(--main);width:50px;height:1px;position:absolute;bottom:-1px;left:0}@keyframes widget-title-wiggle{30%{transform:scale(1.05)}40%,60%{transform:rotate(-5deg)scale(1.05)}50%{transform:rotate(5deg)scale(1.05)}70%{transform:rotate(0)scale(1.05)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.widget-title{animation:none}}.widget-trial p{margin:0 16px 16px;font-size:14px}.widget-trial p b{color:var(--black)}.widget-trial .banner{border-radius:12px;transition:transform .15s ease-in-out;display:block;box-shadow:1px 1px 1px gray}.widget-trial .banner:hover,.widget-app .badge:hover{transform:scale(1.05)}.widget-app .catch-copy{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.4}.widget-app .video{aspect-ratio:420/236;border:0;border-radius:12px;width:100%}.widget-app .badge-link{width:66%;margin:8px auto 0;display:block}.widget-app .badge{border-radius:12px;transition:transform .15s ease-in-out;display:block;box-shadow:1px 1px 1px gray}.recent-posts{margin:0;padding:0;list-style:none}.recent-posts li{gap:15px;margin-bottom:20px;display:flex}.recent-posts li:last-child{margin-bottom:0}.recent-posts li>a:first-child{flex:0 0 80px}.recent-posts .thumb{object-fit:cover;flex:0 0 80px;width:80px;height:80px;display:block}.recent-posts .title{color:var(--black);font-size:14px;font-weight:600;line-height:1.6;display:block}.recent-posts .title:hover{color:var(--main)}.recent-posts time{color:var(--black);align-items:center;gap:4px;margin-top:4px;font-size:13px;display:inline-flex}.recent-posts time svg{width:14px;height:14px;color:var(--main)}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;display:grid}.post-card .image{display:block;position:relative;overflow:hidden}.post-card .image img{width:100%;height:auto;transition:transform .5s;display:block}.post-card:hover .image img{transform:scale(1.05)}.post-card .badge{text-transform:capitalize;background:var(--badge-gradient);color:var(--white);border-radius:2px;padding:4px 15px;font-size:13px;font-weight:500;position:absolute;top:15px;left:15px}.post-card .meta{color:var(--paragraph);flex-wrap:wrap;gap:4px 15px;margin:20px 0 10px;padding:0;font-size:14px;list-style:none;display:flex}.post-card .meta li{align-items:center;gap:5px;display:inline-flex}.post-card .meta svg{width:14px;height:14px;color:var(--main)}.post-card h2,.post-card h3{margin:0;font-size:19px;font-weight:500;line-height:1.5}.post-card h2 a,.post-card h3 a{color:inherit}.post-card h2 a:hover,.post-card h3 a:hover{color:var(--main)}.archive-empty{color:var(--paragraph);font-size:16px}.pagination{border-top:1px solid #eee;align-items:center;gap:10px;margin-top:40px;padding-top:35px;display:flex}.pagination .page{width:45px;height:45px;color:var(--paragraph);background:linear-gradient(#fff 0%,#eaeef3 100%);border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:inline-grid;box-shadow:0 5px 15px #6b7c9326}.pagination .page.current,.pagination a.page:hover{color:var(--main)}.pagination .next{margin-left:auto}.pagination .next svg{width:16px;height:16px}.site-footer{background:var(--footer-bg);padding:100px 0 0}.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.footer-widget h2{border-bottom:1px solid #e4e5ea;margin:0 0 25px;padding-bottom:10px;font-size:20px;font-weight:400;position:relative}.footer-widget h2:before{content:"";background:var(--main);width:45px;height:1.2px;position:absolute;bottom:-1px;left:0}.footer-widget ul{margin:0;padding:0;list-style:none}.footer-widget li{margin-bottom:12px;padding-left:17px;position:relative}.footer-widget li:before{content:"";background:var(--main);width:6px;height:6px;position:absolute;top:7px;left:0}.footer-widget li a{color:var(--muted);font-size:14px}.footer-widget li a:hover{color:var(--main)}.lang-select{background:var(--white);color:#141414;width:100%;height:45px;font:inherit;border:1px solid #eee;padding:5px 15px;font-weight:600}.copyright{text-align:center;border-top:1px solid #e4e5ea;margin-top:70px;padding:30px 0}.copyright p{color:var(--paragraph);margin:0}.blog-page-header{border-bottom:1px solid #333}.blog-page-header .container{align-items:center;max-width:1140px;min-height:92px;display:flex}.blog-page-header img{object-fit:contain;object-position:left center;width:140px;height:45px;display:block}.blog-page-title{color:#54595f;text-align:center;margin:70px 0 60px;font-size:32px}.blog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;max-width:1220px;margin:0 auto;padding:0 16px;display:grid}.grid-card{background:#f5f5f5;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.grid-card .image{aspect-ratio:1.75;display:block;overflow:hidden}.grid-card .image img{object-fit:cover;width:100%;height:100%;transition:transform .4s ease-in-out;display:block}.grid-card:hover .image img{transform:scale(1.05)}.grid-card .body{padding:0 10px 22px}.grid-card h2{background:#f5f5f5;margin:-24px 8px 8px 0;padding:2px 0;font-size:18px;line-height:2;position:relative}.grid-card h2 a{color:#311212}.grid-card h2 a:hover{color:var(--main)}.grid-card .meta{color:#adadad;margin:0 0 13px;font-size:12px}.grid-card .excerpt{color:var(--paragraph);margin:0 0 10px;font-size:13.5px;line-height:1.6}.grid-card .more{color:var(--paragraph);margin-bottom:10px;font-size:14px;display:inline-block}.grid-card .tags{color:var(--black);margin:0;font-size:13.5px}.blog-grid-wrap{padding-bottom:80px}.blog-grid-wrap .pagination{max-width:1220px;margin:40px auto 0;padding-left:16px;padding-right:16px}@media (width<=1199px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=991px){.title-band{padding:150px 0 80px}.title-band h1{font-size:30px}.blog-columns{grid-template-columns:minmax(0,1fr)}.blog-area{padding:60px 0}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.title-band{border-radius:0 0 50% 50%/0 0 50px 50px;padding:130px 0 70px}.title-band h1{font-size:22px}.title-band .navbar{padding:14px 0 13px}.blog-area{padding:50px 0}.post-box{box-shadow:none}.post-body{padding:0}.post-box .featured{margin-bottom:20px}.entry-meta{gap:6px 14px;font-size:12px}.post-content,.post-content>p,.post-content li>p{font-size:16px}.post-content h2{font-size:24px}.post-content h3{margin:30px 0 25px}.post-content blockquote{padding:25px}.post-content blockquote p{font-size:14px}.widget{padding:20px}.archive-grid,.footer-columns,.blog-grid{grid-template-columns:minmax(0,1fr)}.site-footer{padding-top:60px}.copyright{margin-top:30px;padding:25px 0}.blog-page-title{margin:40px 0;font-size:26px}}.grid-card .tag-icon{vertical-align:-2px;width:14px;height:14px;margin-right:4px}.grid-card .meta a,.grid-card .tags a{color:inherit}.post-content table{overflow-wrap:normal}.post-content th,.post-content td{min-width:7em}
