.sv2-root{--bg:var(--sv2-w);--bg2:var(--sv2-g1);--bg3:#f5f5f5;--dark:#07021a;--black:var(--sv2-d);--text:#1c1917;--text2:#3f3d56;--text3:#8c8ba0;--purple:#280e8c;--purple2:#5e3dd9;--purple3:var(--sv2-g3);--purple-s:rgba(40,14,140,0.08);--purple-bg:rgba(40,14,140,0.04);--yellow:#ecf230;--yellow-s:rgba(236,242,48,0.2);--border:rgba(40,14,140,0.08);--border2:rgba(40,14,140,0.14);--shadow-sm:0 2px 8px rgba(40,14,140,0.06);--shadow-md:0 10px 32px -12px rgba(40,14,140,0.14);--shadow-lg:0 30px 70px -34px rgba(40,14,140,0.28);--ease:cubic-bezier(0.16,1,0.3,1)}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--yellow));z-index:9998;transition:width 50ms linear}.post-hero{position:relative;max-width:920px;margin:0 auto;padding:130px 24px 40px}.post-hero .breadcrumb{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:26px}.post-hero .breadcrumb a{color:var(--text3);text-decoration:none;transition:color .2s}.post-hero .breadcrumb a:hover{color:var(--purple)}.post-hero h1{font-weight:600;font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.07;letter-spacing:-.028em;color:var(--text);margin:18px 0 0;text-wrap:balance}.post-hero .excerpt{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--text2);line-height:1.62;max-width:720px;font-weight:400;margin:20px 0 0;text-wrap:pretty}.post-hero .author-row{display:flex;align-items:center;gap:13px;margin-top:30px;padding-top:22px;border-top:1px solid var(--border)}.post-hero .author-avatar{width:42px;height:42px;border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.post-hero .author-meta{font-size:12.5px;color:var(--text3);line-height:1.5}.post-cover{max-width:1120px;margin:0 auto 56px;padding:0 24px}.post-cover .cover-mockup,.post-cover img{width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--border2);box-shadow:var(--shadow-lg);aspect-ratio:21/9;object-fit:cover}.cover-mockup{background:radial-gradient(80% 100% at 50% 0,#ece7f9 0,#f7f5fc 100%);display:flex;align-items:center;justify-content:center}.cover-mockup-inner{width:58%;background:var(--dark);border-radius:14px;padding:28px;min-height:180px}.post-content{max-width:720px;margin:0 auto;padding:0 24px 64px;font-size:1.13rem;color:var(--text2);line-height:1.78;font-weight:400}.post-content p{margin:0 0 1.5em}.post-content h2{font-size:clamp(1.5rem,2.6vw,1.85rem);font-weight:650;color:var(--text);letter-spacing:-.022em;line-height:1.2;margin:3.4rem 0 1.2rem;position:relative;padding-top:1.1rem}.post-content h2:before{content:"";position:absolute;top:0;left:0;width:52px;height:4px;border-radius:99px;background:var(--yellow)}.post-content h3{font-size:1.28rem;font-weight:650;color:var(--text);letter-spacing:-.015em;line-height:1.3;margin:2.4rem 0 .9rem}.post-content h4{font-size:1.05rem;font-weight:650;color:var(--text);margin:1.9rem 0 .7rem}.post-content ol,.post-content ul{margin:1.3rem 0;padding-left:1.4rem}.post-content li{font-size:1.08rem;margin-bottom:.6em;line-height:1.72;padding-left:.3em}.post-content ul li::marker{color:var(--purple2)}.post-content ol li::marker{color:var(--purple);font-weight:700;font-variant-numeric:tabular-nums}.post-content li>ol,.post-content li>ul{margin:.5em 0}.post-content li>p{margin-bottom:.5em}.post-content strong{color:var(--text);font-weight:650}.post-content em{color:var(--text);font-style:italic}.post-content a{color:var(--purple);font-weight:550;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:3px;transition:background .2s}.post-content a:hover{background:var(--yellow-s)}.post-content img{max-width:100%;border-radius:14px;border:1px solid var(--border);margin:1.9rem 0;box-shadow:var(--shadow-md)}.post-content code{background:var(--purple-s);color:var(--purple);padding:.12em .45em;border-radius:6px;font-size:.9em;font-family:var(--bb-font-mono),ui-monospace,monospace;font-weight:500}.post-content pre{background:var(--dark);color:#e2e8f0;padding:1.4rem 1.6rem;border-radius:14px;overflow-x:auto;margin:1.9rem 0;font-size:.92rem;line-height:1.6}.post-content pre code{background:transparent;padding:0;color:inherit;font-weight:400}.post-content blockquote{border-left:4px solid var(--yellow);background:var(--purple-bg);border-radius:0 14px 14px 0;padding:1.3rem 1.6rem;margin:1.9rem 0;font-size:1.12rem;color:var(--text);line-height:1.6}.post-content blockquote p{margin:0}.post-content blockquote p+p{margin-top:.8em}.post-content hr{border:none;height:1px;background:var(--border2);margin:2.8rem 0}.post-content table{width:100%;border-collapse:collapse;margin:2.2rem 0;font-size:.98rem;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--border2);display:block;overflow-x:auto}.post-content table thead{background:var(--purple)}.post-content table th{padding:.8rem 1rem;text-align:left;font-weight:650;font-size:.78rem;color:#fff;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.post-content table td{padding:.8rem 1rem;border-bottom:1px solid var(--border);font-size:.95rem;line-height:1.5;color:var(--text);vertical-align:top}.post-content table tbody tr:nth-child(2n) td{background:var(--purple-bg)}.post-content table tbody tr:last-child td{border-bottom:none}.insight-card{background:var(--dark);border-radius:18px;padding:2rem 2.3rem;margin:2.3rem 0;display:grid;grid-template-columns:auto 1fr;gap:1.8rem;align-items:center;color:#fff;position:relative;overflow:hidden}.insight-card:after{content:"";position:absolute;top:-50%;right:-8%;width:220px;height:220px;background:radial-gradient(circle,var(--yellow) 0,transparent 62%);opacity:.14;pointer-events:none}.insight-card .value{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:750;line-height:.95;color:var(--yellow);letter-spacing:-.03em;font-variant-numeric:tabular-nums;position:relative;z-index:1}.insight-card .desc{font-size:1rem;color:rgba(244,244,234,.78);line-height:1.6;position:relative;z-index:1}.callout-card{background:var(--yellow-s);border:1px solid rgba(153,160,15,.25);border-left:4px solid var(--yellow);border-radius:12px;padding:1.2rem 1.4rem 1.2rem 3.1rem;margin:1.9rem 0;font-size:1.02rem;line-height:1.62;color:var(--text);position:relative}.callout-card:before{content:"!";position:absolute;left:1.05rem;top:1.15rem;width:22px;height:22px;border-radius:50%;background:var(--purple);color:var(--yellow);font-weight:800;font-size:.85rem;display:grid;place-items:center;line-height:1}.hand,.post-content .hand{font-family:Caveat,cursive;font-size:1.5rem;line-height:1.4;color:var(--purple);text-align:center;margin:2.2rem auto;padding:1rem 1.5rem;max-width:560px;position:relative;font-weight:600;transform:rotate(-1deg)}.post-content .hand:before{content:"↓";display:block;font-size:1.1rem;margin-bottom:.3rem;opacity:.4}.cta-block{background:var(--dark);border-radius:20px;padding:2.6rem 2.8rem;margin:3rem 0;display:grid;grid-template-columns:1fr auto;gap:2.2rem;align-items:center;color:#fff;position:relative;overflow:hidden}.cta-block:before{content:"";position:absolute;top:-60%;right:-6%;width:280px;height:280px;background:radial-gradient(circle,var(--yellow) 0,transparent 60%);opacity:.12;pointer-events:none}.cta-block h3{font-size:1.55rem;font-weight:650;color:#fff;margin:0 0 .45rem;letter-spacing:-.022em;line-height:1.18;position:relative}.cta-block p{color:rgba(244,244,234,.66);margin:0;font-size:1rem;line-height:1.55;position:relative}.cta-block a{display:inline-flex;padding:.95rem 1.8rem;border-radius:999px;background:var(--yellow);color:#131303;font-weight:700;font-size:.95rem;text-decoration:none;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s var(--ease);position:relative;z-index:1}.cta-block a:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.28)}.share-row{gap:10px;padding:2.2rem 0 1.2rem;border-top:1px solid var(--border)}.share-btn,.share-row{display:flex;align-items:center;justify-content:center}.share-btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--border2);background:#fff;cursor:pointer;transition:all .3s var(--ease);color:var(--text2)}.share-btn:hover{background:var(--purple);border-color:var(--purple);color:#fff;transform:translateY(-2px)}.sv2-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.sv2-blog-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:transform .3s var(--ease),box-shadow .3s var(--ease);height:100%;display:flex;flex-direction:column}.sv2-blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border2)}.sv2-blog-card-img{aspect-ratio:3/2;background:var(--bg2);overflow:hidden}.sv2-blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.sv2-blog-card:hover .sv2-blog-card-img img{transform:scale(1.04)}.sv2-blog-card-body{padding:1.2rem 1.3rem 1.3rem;display:flex;flex-direction:column;flex:1;gap:.45rem}.sv2-blog-card-meta{display:flex;align-items:center;gap:.7rem;font-size:.78rem;color:var(--text3)}.sv2-blog-card-category{background:var(--purple-s);color:var(--purple);padding:.22rem .6rem;border-radius:999px;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.sv2-blog-card-title{font-size:1.06rem;font-weight:650;color:var(--text);letter-spacing:-.015em;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sv2-blog-card-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border);display:flex;align-items:center;font-size:.78rem;color:var(--text3)}@media (max-width:768px){.post-hero{padding:96px 20px 28px}.post-hero h1{font-size:clamp(1.7rem,7.5vw,2.3rem)}.post-hero .excerpt{font-size:1rem}.post-cover{margin-bottom:36px}.post-cover .cover-mockup,.post-cover img{aspect-ratio:16/10}.post-content{font-size:1.05rem;padding:0 20px 48px}.post-content h2{font-size:1.4rem;margin:2.7rem 0 .9rem}.post-content h3{font-size:1.15rem}.insight-card{gap:.8rem;padding:1.6rem 1.7rem}.cta-block,.insight-card{grid-template-columns:1fr}.cta-block{gap:1.4rem;padding:2rem 1.7rem}}.newsletter-cta{border-radius:32px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}@media (max-width:768px){.newsletter-cta{grid-template-columns:1fr;padding:28px;border-radius:24px}}.newsletter-cta--dark{background:#121A35;color:#fff}.newsletter-cta--dark h3{font-family:Archivo,system-ui,sans-serif;font-size:2rem;font-weight:300;letter-spacing:-.02em;line-height:1.15;color:#fff;margin:0 0 12px}.newsletter-cta--dark p{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.6;margin:0}.newsletter-cta--inline{background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(59,130,246,.08));border:1px solid rgba(124,58,237,.15);margin:48px 0}.newsletter-cta--inline h3{font-family:Archivo,system-ui,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:-.02em;color:#1A1A1A;margin:0 0 8px}.newsletter-cta--inline p{color:#52514C;font-size:.95rem;line-height:1.55;margin:0}.newsletter-cta__form{display:flex;flex-direction:column;gap:12px}.newsletter-cta__input{width:100%;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:.95rem;font-family:inherit;transition:all .2s ease}.newsletter-cta__input::placeholder{color:rgba(255,255,255,.4)}.newsletter-cta__input:focus{outline:none;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.1)}.newsletter-cta--inline .newsletter-cta__input{border-color:rgba(0,0,0,.1);background:#fff;color:#1A1A1A}.newsletter-cta--inline .newsletter-cta__input::placeholder{color:#8C8B85}.newsletter-cta--inline .newsletter-cta__input:focus{border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.newsletter-cta__submit{padding:14px 20px;border-radius:14px;border:none;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .2s ease,opacity .2s ease;background:#7C3AED;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.newsletter-cta__submit:hover:not(:disabled){transform:translateY(-1px);background:#6D28D9}.newsletter-cta__submit:disabled{opacity:.6;cursor:not-allowed}.newsletter-cta__legal{font-family:Caveat,cursive;font-size:1.1rem;margin:8px 0 0;color:rgba(255,255,255,.6)}.newsletter-cta--inline .newsletter-cta__legal{color:#8C8B85}.newsletter-cta__error{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;background:rgba(220,38,38,.1);color:#DC2626;font-size:.85rem}.newsletter-cta--success{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(124,58,237,.08));border:1px solid rgba(34,197,94,.2)}.newsletter-cta__icon-success{width:56px;height:56px;border-radius:28px;background:#22C55E;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comments-section{max-width:820px;margin:60px auto 0;padding:0 24px}.comments-section__title{font-family:Archivo,system-ui,sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:-.02em;color:#1A1A1A;margin:0 0 24px}.comment-form{background:#FAFAFA;border-radius:24px;padding:24px;margin-bottom:32px;display:grid;gap:12px}.comment-form input,.comment-form textarea{width:100%;padding:12px 16px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#1A1A1A;font-family:inherit;font-size:.95rem;transition:border-color .2s ease}.comment-form textarea{min-height:100px;resize:vertical;line-height:1.5}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:#7C3AED}.comment-form__submit{justify-self:end;padding:12px 20px;border-radius:12px;background:#7C3AED;color:#fff;border:none;font-weight:600;font-size:.9rem;cursor:pointer}.comment-form__submit:disabled{opacity:.6;cursor:not-allowed}.comment-form__hint{font-size:.8rem;color:#8C8B85}.comment-list{display:flex;flex-direction:column;gap:20px}.comment{display:flex;gap:14px}.comment--reply{margin-left:56px;border-left:2px solid rgba(124,58,237,.2);padding-left:16px}.comment__avatar{width:42px;height:42px;border-radius:21px;background:linear-gradient(135deg,#7C3AED,#3B82F6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.comment__body{flex:1;min-width:0}.comment__head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.comment__author{font-weight:600;font-size:.95rem;color:#1A1A1A}.comment__time{font-size:.78rem;color:#8C8B85}.comment__text{color:#52514C;line-height:1.55;font-size:.95rem;margin:0;white-space:pre-wrap}.comment__reply-btn{margin-top:8px;background:none;border:none;color:#7C3AED;font-size:.82rem;font-weight:600;cursor:pointer;padding:0}.comments-empty{text-align:center;color:#8C8B85;font-size:.9rem;padding:32px 0}.post-toc{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;font-size:.85rem;border-left:2px solid rgba(0,0,0,.06);padding:16px 0 16px 16px}.post-toc__label{text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;color:#8C8B85;margin-bottom:12px;font-weight:600}.post-toc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.post-toc__item a{color:#52514C;text-decoration:none;display:block;padding:4px 0;transition:color .15s ease;line-height:1.3}.post-toc__item a:hover{color:#7C3AED}.post-toc__item--h3{padding-left:12px;font-size:.8rem}.post-toc__item--active a{color:#7C3AED;font-weight:600}.rv{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.rv.is-visible{opacity:1;transform:translateY(0)}.blog-cursor-dot,.blog-cursor-ring{position:fixed;pointer-events:none;z-index:9999;border-radius:50%;transition:transform .06s linear,opacity .2s ease;mix-blend-mode:difference}.blog-cursor-dot{width:8px;height:8px;background:#7C3AED;transform:translate(-50%,-50%)}.blog-cursor-ring{width:36px;height:36px;border:1.5px solid #7c3aed;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.16,1,.3,1),width .18s ease,height .18s ease}.blog-cursor-ring--hover{width:56px;height:56px;border-width:2px}@media (hover:none),(pointer:coarse){.blog-cursor-dot,.blog-cursor-ring{display:none!important}}.blog-decor-noise{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.02}.blog-decor-guidelines,.blog-decor-noise{position:fixed;inset:0;pointer-events:none;z-index:1}.blog-decor-guidelines{background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(124,58,237,.4) calc(50% - .5px),rgba(124,58,237,.4) calc(50% + .5px),transparent calc(50% + .5px));background-size:33.33% 100%;opacity:.025}.blog-decor-blob{position:fixed;pointer-events:none;z-index:0;opacity:.03;filter:blur(80px);animation:blogBlobMorph 12s ease-in-out infinite}.blog-decor-blob--1{top:10%;left:5%;width:400px;height:400px;background:radial-gradient(circle,#7C3AED,transparent);border-radius:60% 40% 70% 30%/50% 60% 40% 50%}.blog-decor-blob--2{bottom:20%;right:5%;width:500px;height:500px;background:radial-gradient(circle,#3B82F6,transparent);border-radius:40% 60% 50% 50%/60% 40% 60% 40%;animation-delay:-6s}@keyframes blogBlobMorph{0%,to{border-radius:60% 40% 70% 30%/50% 60% 40% 50%;transform:rotate(0)}50%{border-radius:40% 60% 50% 50%/60% 40% 60% 40%;transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.blog-decor-blob{animation:none!important}.blog-cursor-dot,.blog-cursor-ring{transition:none!important}}.seo-preview{border:1px solid var(--brd,#e0e0e0);border-radius:12px;padding:14px 16px;background:#fff;font-family:arial,sans-serif}.seo-preview__breadcrumb{font-size:13px;color:#006621;margin-bottom:4px}.seo-preview__title{color:#1a0dab;font-size:18px;font-weight:400;margin:0 0 4px;line-height:1.3;cursor:pointer}.seo-preview__title:hover{text-decoration:underline}.seo-preview__desc{color:#4d5156;font-size:14px;line-height:1.4;margin:0}.seo-preview__placeholder{color:#9aa0a6;font-style:italic}.seo-checklist{border-radius:12px;border:1px solid var(--brd,#e0e0e0);padding:16px;background:var(--surf,#fff)}.seo-checklist__score{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--brd,#e0e0e0)}.seo-checklist__score-value{font-size:1.5rem;font-weight:700;font-family:Archivo,system-ui,sans-serif}.seo-checklist__items{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.seo-checklist__item{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4}.seo-checklist__item--ok{color:#16A34A}.seo-checklist__item--warn{color:#D97706}.seo-checklist__item--err{color:#DC2626}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#ffffff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}