:root{--blog-blue: #1a70ff;--blog-blue-h: #0056d6;--blog-fg-1: #000000;--blog-fg-2: #374151;--blog-fg-3: #6b7280;--blog-fg-4: #9ca3af;--blog-bdr: #e5e7eb;--blog-bdr-lt: #f3f4f6;--blog-bg-soft: #f5f4f7;--blog-ease: cubic-bezier(.25, .46, .45, .94)}.pg-hero{background:#fff;padding:132px 24px 84px;position:relative;color:var(--blog-fg-1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.pg-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--blog-blue)}.pg-hero-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:48px;align-items:center}@media (min-width: 900px){.pg-hero{padding:132px 48px 84px}.pg-hero-inner{grid-template-columns:1.05fr .95fr;gap:72px}}.pg-hero-title{font-size:clamp(46px,6vw,88px);font-weight:200;letter-spacing:-.04em;line-height:.95;color:var(--blog-fg-1);margin:0 0 22px}.pg-hero-title .b{color:var(--blog-blue);font-weight:300}.pg-hero-desc{font-size:19px;line-height:1.6;color:var(--blog-fg-2);max-width:460px;margin:0}.pg-hero-cta{display:inline-block;margin-top:30px;padding:12px 24px;border-radius:9999px;background:var(--blog-blue);color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:background .18s}.pg-hero-cta:hover{background:var(--blog-blue-h)}.pg-hero-cats{display:flex;flex-direction:column}.cat-hero-lk{display:flex;align-items:center;justify-content:space-between;font-size:clamp(30px,4vw,56px);font-weight:300;line-height:1.12;letter-spacing:-.03em;color:var(--blog-fg-3);padding:14px 0;border-top:1px solid var(--blog-bdr);text-decoration:none;transition:color .2s var(--blog-ease)}.cat-hero-lk:last-child{border-bottom:1px solid var(--blog-bdr)}.cat-hero-lk:hover{color:var(--blog-fg-1)}.cat-hero-lk .arr{font-size:.5em;color:var(--blog-blue);flex-shrink:0;margin-left:12px;transition:transform .2s}.cat-hero-lk:hover .arr{transform:translate(4px)}@keyframes blogTicker{0%{transform:translate(0)}to{transform:translate(-50%)}}.scroll-strip{background:var(--blog-bg-soft);border-top:1px solid var(--blog-bdr);border-bottom:1px solid var(--blog-bdr);overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.scroll-row{display:flex;width:-moz-max-content;width:max-content;animation:blogTicker 40s linear infinite}.scroll-row:has(.scroll-card:hover){animation-play-state:paused}.scroll-row:has(.scroll-card:hover) .scroll-card{opacity:.35;transition:opacity .22s}.scroll-row:has(.scroll-card:hover) .scroll-card:hover{opacity:1}.scroll-card{flex-shrink:0;width:280px;padding:22px 28px;border-right:1px solid var(--blog-bdr);cursor:pointer;text-decoration:none;transition:opacity .22s}.scroll-card h3{font-size:14px;font-weight:500;color:var(--blog-fg-2);line-height:1.45;margin:0 0 8px;transition:color .18s}.scroll-card:hover h3{color:var(--blog-fg-1)}.scroll-card p{font-size:12px;color:var(--blog-fg-4);margin:0}.blog-main{max-width:1280px;margin:0 auto;padding:56px 24px 96px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--blog-fg-1)}@media (min-width: 900px){.blog-main{padding:56px 48px 96px}}.blog-cols{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}@media (min-width: 900px){.blog-cols{grid-template-columns:240px 1fr;gap:64px}}.filter-sidebar{position:sticky;top:90px}.filter-sidebar-title{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--blog-fg-1);padding-bottom:18px;margin:0 0 4px;border-bottom:1px solid var(--blog-bdr)}.accordion{border-bottom:1px solid var(--blog-bdr)}.accordion-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 0;background:none;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;color:var(--blog-fg-1);text-align:left}.accordion-head .chev{width:16px;height:16px;color:var(--blog-fg-3);transition:transform .24s var(--blog-ease)}.accordion.open .accordion-head .chev{transform:rotate(180deg)}.accordion-body{overflow:hidden;max-height:0;transition:max-height .28s var(--blog-ease)}.accordion.open .accordion-body{max-height:320px}.accordion-inner{padding:2px 0 22px}.filter-opt{display:flex;align-items:center;gap:14px;padding:9px 0;cursor:pointer;font-size:16px;color:var(--blog-fg-1);transition:color .16s}.filter-opt:hover{color:var(--blog-fg-2)}.filter-opt input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:7px;border:1.5px solid var(--blog-fg-4);background:#fff;cursor:pointer;flex-shrink:0;position:relative;transition:all .15s}.filter-opt input[type=checkbox]:checked{background:var(--blog-fg-1);border-color:var(--blog-fg-1)}.filter-opt input[type=checkbox]:checked:after{content:"";position:absolute;left:9px;top:5px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.sort-select-wrap{position:relative;margin-top:4px}.sort-select{width:100%;padding:14px 44px 14px 18px;border-radius:11px;border:1px solid var(--blog-bdr);background:#fff;font-family:inherit;font-size:15px;font-weight:500;color:var(--blog-fg-1);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .16s}.sort-select:hover{border-color:var(--blog-fg-4)}.sort-select:focus{outline:none;border-color:var(--blog-blue)}.sort-select-wrap .sel-chev{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--blog-fg-3);pointer-events:none}.sidebar-reset{margin-top:20px;padding:0;font-family:inherit;font-size:13px;color:var(--blog-blue);font-weight:500;background:none;border:none;cursor:pointer;transition:opacity .16s}.sidebar-reset:hover{opacity:.7}.content-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.search-wrap{display:flex;align-items:center;gap:10px;border:1px solid var(--blog-bdr);border-radius:12px;padding:13px 18px;background:#fff;flex:1;max-width:520px;transition:border-color .18s}.search-wrap:focus-within{border-color:var(--blog-blue)}.search-icon{width:17px;height:17px;color:var(--blog-fg-4);flex-shrink:0}.search-input{border:none;outline:none;background:none;font-family:inherit;font-size:15px;color:var(--blog-fg-1);width:100%}.search-input::-moz-placeholder{color:var(--blog-fg-4)}.search-input::placeholder{color:var(--blog-fg-4)}.view-toggle{display:flex;align-items:center;gap:2px;border:1px solid var(--blog-bdr);border-radius:12px;padding:4px;flex-shrink:0}.v-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;font-family:inherit;font-size:14px;font-weight:500;color:var(--blog-fg-3);background:none;border:none;cursor:pointer;transition:all .16s}.v-btn svg{width:15px;height:15px}.v-btn:hover{color:var(--blog-fg-1)}.v-btn.on{color:var(--blog-fg-1);background:var(--blog-bdr-lt)}.grid-posts{display:grid;grid-template-columns:1fr;gap:32px 24px}@media (min-width: 640px){.grid-posts{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1000px){.grid-posts{grid-template-columns:repeat(3,1fr)}}.grid-post{display:block;color:inherit;text-decoration:none}.grid-thumb{aspect-ratio:1/1;overflow:hidden;border-radius:20px;margin-bottom:14px;background:var(--blog-bdr-lt)}.grid-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s var(--blog-ease)}.grid-post:hover .grid-thumb img{transform:scale(1.04)}.grid-post-date{font-size:12px;color:var(--blog-fg-4);margin:0 0 6px}.grid-post-title{font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--blog-fg-1);margin:0 0 5px;transition:color .16s}.grid-post:hover .grid-post-title{color:var(--blog-blue)}.grid-post-cat{font-size:12px;color:var(--blog-fg-4);margin:0}.list-head{display:grid;grid-template-columns:1fr 200px 150px;gap:32px;padding:0 0 16px;border-bottom:1px solid var(--blog-bdr)}.list-head span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blog-fg-4)}.list-post{display:grid;grid-template-columns:1fr 200px 150px;gap:32px;align-items:center;padding:26px 0;border-bottom:1px solid var(--blog-bdr)}.list-post-title{font-size:clamp(19px,1.9vw,26px);font-weight:500;line-height:1.22;letter-spacing:-.02em;color:var(--blog-fg-3);text-decoration:none;transition:color .16s}.list-post:hover .list-post-title{color:var(--blog-fg-1)}.list-col{font-size:14px;color:var(--blog-fg-3);transition:color .16s}.list-post:hover .list-col{color:var(--blog-fg-2)}@media (max-width: 700px){.list-head{display:none}.list-post{grid-template-columns:1fr;gap:6px;padding:22px 0}}.empty{padding:48px 0;color:var(--blog-fg-4);font-size:14px}