.blog-page{width:min(100%,1080px);margin:0 auto;--blog-panel:linear-gradient(145deg,var(--card-from),var(--card-to));--blog-violet-soft:color-mix(in srgb,var(--accent) 13%,transparent);--blog-violet-border:color-mix(in srgb,var(--accent) 28%,var(--border))}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);align-items:center;min-height:430px;margin:24px 0 76px;padding:clamp(34px,7vw,78px);overflow:hidden;border:1px solid var(--blog-violet-border);border-radius:36px;background:radial-gradient(circle at 88% 24%,color-mix(in srgb,var(--accent) 27%,transparent),transparent 21rem),radial-gradient(circle at 8% 105%,color-mix(in srgb,var(--aurora-blue) 25%,transparent),transparent 28rem),var(--blog-panel);box-shadow:0 35px 90px var(--card-shadow),inset 0 1px rgba(255,255,255,.06);isolation:isolate}.blog-hero:before{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 75%);content:""}.blog-hero-copy{position:relative;z-index:2}.blog-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:.8rem;font-weight:800}.blog-hero h1{max-width:690px;margin:15px 0 14px;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:900;line-height:1.23;letter-spacing:-.055em;text-wrap:balance}.blog-hero h1 em{color:var(--accent);font-style:normal;text-shadow:0 0 38px color-mix(in srgb,var(--accent) 28%,transparent)}.blog-hero-copy>p{max-width:620px;margin:0;color:var(--soft-text);font-size:clamp(.95rem,1.8vw,1.08rem);line-height:2}.blog-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;max-width:560px;min-height:58px;margin-top:28px;padding:0 17px;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--input-bg) 88%,transparent);box-shadow:0 14px 35px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px);transition:border-color .2s ease,box-shadow .2s ease}.blog-search:focus-within{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 11%,transparent)}.blog-search>svg{color:var(--accent)}.blog-search input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-size:.93rem}.blog-search input::placeholder{color:var(--placeholder)}.blog-search button{display:grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:10px;color:var(--muted);background:var(--subtle-bg);cursor:pointer}.blog-hero-orbit{position:relative;width:210px;aspect-ratio:1;justify-self:end;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;box-shadow:0 0 0 38px color-mix(in srgb,var(--accent) 3%,transparent),0 0 80px color-mix(in srgb,var(--accent) 13%,transparent)}.blog-hero-orbit:after,.blog-hero-orbit:before{position:absolute;inset:23px;border:1px dashed color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;content:""}.blog-hero-orbit:after{inset:60px;border-style:solid}.blog-orbit-main{position:absolute;top:50%;left:50%;display:grid;width:88px;height:88px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:28px;color:var(--accent);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 20px 50px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);transform:translate(-50%,-50%) rotate(-7deg)}.blog-orbit-dot{position:absolute;width:13px;height:13px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}.blog-orbit-dot-one{top:15px;right:34px}.blog-orbit-dot-two{right:-4px;bottom:54px}.blog-orbit-dot-three{bottom:7px;left:38px;background:var(--aurora-blue)}.blog-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.blog-section-head>div>span{color:var(--accent);font-size:.72rem;font-weight:800}.blog-section-head h2{margin:5px 0 0;font-size:clamp(1.35rem,2.5vw,1.8rem)}.blog-section-head>a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:.82rem;font-weight:800}.blog-featured{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:420px;overflow:hidden;border:1px solid var(--border);border-radius:30px;background:var(--blog-panel);box-shadow:0 24px 70px var(--card-shadow),inset 0 1px rgba(255,255,255,.05);transition:transform .25s ease,border-color .25s ease}.blog-featured:hover{transform:translateY(-4px);border-color:var(--blog-violet-border)}.blog-featured-media{position:relative;min-height:360px;overflow:hidden}.blog-featured-media:after{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 82%,transparent),transparent 34%);content:""}.article-cover img,.blog-card-media img,.blog-featured-media img,.related-card-media img{object-fit:cover;transition:transform .55s ease}.blog-card:hover .blog-card-media img,.blog-featured:hover img,.related-card:hover .related-card-media img{transform:scale(1.035)}.blog-featured-copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:clamp(26px,4vw,48px)}.blog-category{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border:1px solid var(--blog-violet-border);border-radius:999px;color:var(--accent);background:var(--blog-violet-soft);font-size:.7rem;font-weight:800}.blog-featured-copy h2{margin:16px 0 10px;font-size:clamp(1.45rem,2.7vw,2.15rem);line-height:1.5;letter-spacing:-.035em}.blog-featured-copy>p{margin:0;color:var(--muted);font-size:.87rem;line-height:2}.blog-post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:18px;color:var(--muted);font-size:.68rem}.blog-post-meta i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.blog-read-more{display:inline-flex;align-items:center;gap:7px;margin-top:26px;color:var(--text);font-size:.82rem;font-weight:850}.blog-read-more svg{color:var(--accent);transition:transform .2s ease}.blog-featured:hover .blog-read-more svg{transform:translateX(-4px)}.blog-library{margin-top:78px}.blog-library-head>strong{color:var(--muted);font-size:.75rem;font-weight:600}.blog-category-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:5px;overflow-x:auto;scrollbar-width:none}.blog-category-tabs::-webkit-scrollbar{display:none}.blog-category-tabs button{flex:0 0 auto;padding:9px 15px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--subtle-bg);font-size:.76rem;font-weight:750;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.blog-category-tabs button:hover{color:var(--text);background:var(--subtle-hover)}.blog-category-tabs button.active{border-color:var(--blog-violet-border);color:var(--accent);background:var(--blog-violet-soft)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--border);border-radius:24px;background:var(--blog-panel);box-shadow:0 16px 45px var(--card-shadow),inset 0 1px rgba(255,255,255,.04);transition:transform .22s ease,border-color .22s ease}.blog-card:hover{transform:translateY(-4px);border-color:var(--blog-violet-border)}.blog-card-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surface-raised)}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:18px}.blog-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.66rem}.blog-card-top .blog-category{padding:5px 8px;font-size:.62rem}.blog-card h3{margin:14px 0 8px;font-size:1.03rem;line-height:1.75;letter-spacing:-.02em}.blog-card h3 a:hover{color:var(--accent)}.blog-card-body>p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:.76rem;line-height:1.9;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;color:var(--muted);font-size:.64rem}.blog-card-footer>a{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:var(--accent);background:var(--blog-violet-soft)}.blog-empty{display:grid;min-height:310px;place-items:center;align-content:center;padding:30px;border:1px dashed var(--blog-violet-border);border-radius:26px;text-align:center;background:var(--subtle-bg)}.blog-empty>svg{color:var(--accent)}.blog-empty h3{margin:14px 0 3px}.blog-empty p{margin:0;color:var(--muted);font-size:.8rem}.blog-empty button{margin-top:16px;padding:9px 14px;border:1px solid var(--blog-violet-border);border-radius:12px;color:var(--accent);background:var(--blog-violet-soft);font-size:.75rem;cursor:pointer}.blog-breadcrumb{display:flex;align-items:center;gap:8px;margin:24px 0 36px;overflow:hidden;color:var(--muted);font-size:.7rem;white-space:nowrap}.blog-breadcrumb a{display:inline-flex;align-items:center;gap:5px}.blog-breadcrumb a:hover{color:var(--accent)}.blog-breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis}.article-header{text-align:center}.article-header>.blog-category{margin:0 auto}.article-header h1{max-width:850px;margin:18px auto 12px;font-size:clamp(2rem,5vw,4rem);line-height:1.35;letter-spacing:-.055em;text-wrap:balance}.article-deck{max-width:760px;margin:0 auto;color:var(--soft-text);font-size:clamp(.92rem,1.8vw,1.05rem);line-height:2.05;text-wrap:balance}.article-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;margin:25px 0 30px;color:var(--muted);font-size:.7rem}.article-meta>span:nth-child(2){display:grid;text-align:right}.article-meta strong{color:var(--text);font-size:.74rem}.article-meta small{color:var(--muted);font-size:.6rem}.article-meta time,.article-meta>span:last-child{display:inline-flex;align-items:center;gap:6px}.article-meta>i{width:1px;height:30px;background:var(--border)}.article-author-mark{display:grid!important;width:42px;height:42px;place-items:center;border:1px solid var(--blog-violet-border);border-radius:14px;color:var(--accent);background:var(--blog-violet-soft)}.article-cover{position:relative;aspect-ratio:16/8.5;overflow:hidden;border:1px solid var(--blog-violet-border);border-radius:34px;background:var(--surface);box-shadow:0 30px 90px var(--card-shadow)}.article-cover:after{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);content:"";pointer-events:none}.article-layout{display:grid;grid-template-columns:240px minmax(0,720px);justify-content:center;gap:54px;margin-top:68px}.article-toc{position:sticky;top:112px;align-self:start;padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--blog-panel);box-shadow:0 14px 38px var(--card-shadow)}.article-toc>strong{display:block;margin-bottom:13px;font-size:.84rem}.article-toc nav{display:grid;gap:3px}.article-toc a{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:7px;padding:7px;border-radius:9px;color:var(--muted);font-size:.68rem;line-height:1.65;transition:color .18s ease,background .18s ease}.article-toc a:hover{color:var(--text);background:var(--subtle-hover)}.article-toc a span{color:var(--accent);font-variant-numeric:tabular-nums}.article-content{min-width:0}.article-intro{margin-bottom:40px;padding:26px 28px;border-right:3px solid var(--accent);border-radius:18px 0 0 18px;background:linear-gradient(90deg,transparent,var(--blog-violet-soft))}.article-content p{margin:0 0 19px;color:var(--soft-text);font-size:1rem;line-height:2.25}.article-content section{scroll-margin-top:118px;margin-top:52px}.article-content section h2{margin:0 0 19px;font-size:clamp(1.35rem,2.5vw,1.8rem);line-height:1.55;letter-spacing:-.03em}.article-content h3{margin:30px 0 12px;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.7}.article-inline-image{margin:34px 0}.article-inline-image img{display:block;width:100%;height:auto;border:1px solid var(--blog-violet-border);border-radius:22px;box-shadow:0 18px 48px var(--card-shadow)}.article-inline-image figcaption{margin-top:9px;color:var(--muted);font-size:.72rem}.article-sources ol{display:grid;gap:10px;padding:0;list-style:none}.article-sources li span{display:block;margin-top:4px;color:var(--muted);font-size:.68rem}.article-sources a{color:var(--accent);font-weight:700}.article-content ul{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}.article-content li{position:relative;padding:12px 44px 12px 14px;border:1px solid var(--border);border-radius:14px;color:var(--soft-text);background:var(--subtle-bg);font-size:.88rem;line-height:1.9}.article-content li:before{position:absolute;top:18px;right:17px;width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;content:"";box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent)}.article-content blockquote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:15px;margin:26px 0;padding:22px;border:1px solid var(--blog-violet-border);border-radius:18px;color:var(--accent);background:var(--blog-violet-soft)}.article-content blockquote p{margin:0;color:var(--text);font-size:.9rem;font-weight:650;line-height:2}.article-faq{padding-top:8px}.article-faq h2{margin-top:7px!important}.article-faq>div{display:grid;gap:10px}.article-faq details{border:1px solid var(--border);border-radius:16px;background:var(--subtle-bg)}.article-faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;font-size:.88rem;font-weight:780;cursor:pointer;list-style:none}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary span{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--accent);background:var(--blog-violet-soft);font-size:1.1rem;transition:transform .2s ease}.article-faq details[open] summary span{transform:rotate(45deg)}.article-faq details p{margin:0;padding:0 19px 18px;color:var(--muted);font-size:.82rem}.article-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;margin-top:52px;padding:22px;border:1px solid var(--blog-violet-border);border-radius:22px;background:radial-gradient(circle at 0 0,var(--blog-violet-soft),transparent 17rem),var(--blog-panel);box-shadow:0 20px 55px var(--card-shadow)}.article-cta>span{display:grid;width:50px;height:50px;place-items:center;border-radius:16px;color:var(--accent);background:var(--blog-violet-soft)}.article-cta strong{display:block;font-size:.94rem}.article-cta p{margin:3px 0 0;color:var(--muted);font-size:.72rem;line-height:1.8}.article-cta a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:0 14px;border-radius:13px;color:var(--primary-ink);background:var(--accent);font-size:.75rem;font-weight:850;white-space:nowrap}.related-posts{margin-top:90px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.related-card{display:grid;grid-template-columns:155px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--blog-panel);transition:transform .2s ease,border-color .2s ease}.related-card:hover{transform:translateY(-3px);border-color:var(--blog-violet-border)}.related-card-media{position:relative;min-height:145px;overflow:hidden}.related-card>span:last-child{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-width:0;padding:17px}.related-card small{color:var(--accent);font-size:.63rem;font-weight:750}.related-card strong{display:-webkit-box;margin-top:7px;overflow:hidden;font-size:.84rem;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2}.related-card em{display:inline-flex;align-items:center;gap:5px;margin-top:12px;color:var(--muted);font-size:.62rem;font-style:normal}@media (max-width:900px){.blog-hero{grid-template-columns:1fr;min-height:0}.blog-hero-orbit{display:none}.blog-featured{grid-template-columns:1fr}.blog-featured-media{min-height:330px}.blog-featured-media:after{background:linear-gradient(0deg,color-mix(in srgb,var(--surface) 70%,transparent),transparent 32%)}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,720px)}.article-toc{position:static}}@media (max-width:680px){.blog-page{width:100%}.blog-page .page-header{margin-bottom:20px}.blog-hero{margin:8px 0 54px;padding:30px 20px;border-radius:26px}.blog-hero h1{font-size:clamp(2rem,10vw,3rem)}.blog-search{min-height:54px;margin-top:22px}.blog-featured{border-radius:24px}.blog-featured-media{min-height:230px}.blog-featured-copy{padding:22px}.blog-library{margin-top:58px}.blog-grid{grid-template-columns:1fr}.blog-card{border-radius:21px}.blog-card-media{aspect-ratio:16/9}.blog-breadcrumb{margin:7px 0 26px}.article-header h1{font-size:2.15rem}.article-deck{font-size:.88rem}.article-meta{gap:9px}.article-meta>i{display:none}.article-meta time,.article-meta>span:last-child{width:calc(50% - 8px);justify-content:center}.article-cover{aspect-ratio:4/3;border-radius:24px}.article-layout{gap:32px;margin-top:36px}.article-toc{padding:16px}.article-toc nav{grid-template-columns:1fr}.article-intro{padding:20px}.article-content p{font-size:.93rem;line-height:2.2}.article-content section{margin-top:44px}.article-content blockquote{grid-template-columns:1fr}.article-cta{grid-template-columns:auto minmax(0,1fr)}.article-cta a{grid-column:1/-1;width:100%}.related-posts{margin-top:68px}.related-grid{grid-template-columns:1fr}.related-card{grid-template-columns:125px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-media img,.blog-featured,.blog-featured img,.related-card,.related-card-media img{transition:none}}.article-download{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 16px;margin:26px 0 0;padding:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:26px;background:radial-gradient(circle at 12% 0,color-mix(in srgb,#4fd1bb 22%,transparent),transparent 45%),radial-gradient(circle at 92% 100%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 50%),linear-gradient(145deg,var(--card-from),var(--card-to));box-shadow:0 24px 60px color-mix(in srgb,var(--accent) 18%,transparent)}.article-download-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(145deg,#8b5cf6,#d174ff);box-shadow:0 12px 28px rgba(139,92,246,.35)}.article-download strong{display:block;color:var(--text);font-size:1.12rem;line-height:1.6}.article-download p{margin:4px 0 0;color:var(--muted);font-size:.88rem;line-height:1.9}.article-download-button{grid-column:1/-1;display:flex;min-height:60px;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-radius:18px;color:#160b22;background:linear-gradient(135deg,#e2b8ff,#a768f0);box-shadow:0 16px 38px rgba(167,104,240,.38),inset 0 1px rgba(255,255,255,.45);font-size:1.08rem;font-weight:900;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.article-download-button:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 20px 46px rgba(167,104,240,.48),inset 0 1px rgba(255,255,255,.45)}.article-download-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:3px}.article-download>small{grid-column:1/-1;margin-top:-4px;color:var(--muted);font-size:.76rem;text-align:center}@media (max-width:520px){.article-download{padding:18px;border-radius:22px}.article-download-icon{width:48px;height:48px;border-radius:15px}.article-download strong{font-size:1rem}.article-download-button{min-height:56px;font-size:.98rem}}@media (prefers-reduced-motion:reduce){.article-download-button{transition:none}}.article-header .article-download{margin:22px auto 26px;max-width:920px;text-align:right}@media (min-width:760px){.article-download{grid-template-columns:auto minmax(0,1fr) auto;gap:6px 18px}.article-download-icon{grid-column:1;grid-row:1/span 2}.article-download>div{grid-column:2;grid-row:1/span 2}.article-download-button{grid-column:3;grid-row:1}.article-download>small{grid-column:3;grid-row:2;margin-top:0}}