.blog{--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--type-xs:12px;--type-sm:14px;--type-base:16px;--type-lg:18px;--type-xl:20px;--type-2xl:24px;--dur-fast:.2s;--dur-brand:.3s;--ease-out-brand:cubic-bezier(.16, 1, .3, 1);--blog-max:72rem;--blog-measure:51rem;--radius-pill:9999px;--blog-tile-ink:#1a1626;--blog-inset:var(--surface-2);--blog-cyan-soft:#d8eefc;color:var(--foreground);overflow-x:clip}.dark .blog{--blog-inset:color-mix(in srgb, var(--foreground) 6%, var(--card));--blog-cyan-soft:color-mix(in srgb, #38bdf8 16%, var(--card))}.blog *{box-sizing:border-box}.blog h1,.blog h2,.blog h3{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:700}.blog p{margin:0}.blog :focus-visible{outline:3px solid var(--ring);outline-offset:3px}.blog-wrap{width:min(100%, var(--blog-max));margin:0 auto;padding-inline:1.25rem}.blog .blog-btn{justify-content:center;align-items:center;gap:var(--space-2);height:auto;min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-pill);font:700 var(--type-base)/1 var(--font-display);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out-brand), box-shadow var(--dur-fast) var(--ease-out-brand);border:0;text-decoration:none;display:inline-flex}.blog .blog-btn--primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-glow)}.blog .blog-btn--primary:hover{background:var(--primary);box-shadow:var(--shadow-glow), 0 18px 44px -14px color-mix(in srgb, var(--brand) 60%, transparent);transform:translateY(-2px)}.blog .blog-btn--inverse{background:var(--primary-foreground);color:var(--primary);box-shadow:var(--shadow-soft-md)}.blog .blog-btn--inverse:hover{background:var(--primary-foreground);transform:translateY(-2px)}.blog-arrow{transition:transform var(--dur-fast) var(--ease-out-brand)}.blog .blog-btn:hover .blog-arrow,.blog-card:hover .blog-arrow,.blog-related-card:hover .blog-arrow{transform:translate(3px)}.blog-eyebrow{border:1px solid color-mix(in srgb, var(--brand) 22%, var(--border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand-softer) 88%, var(--card));color:var(--accent-foreground);font:700 var(--type-xs)/1.2 var(--font-display);letter-spacing:.015em;padding:7px 12px;display:inline-flex}.blog-hero{padding-block:var(--space-16) var(--space-12);isolation:isolate;position:relative}.blog-aurora{z-index:-1;pointer-events:none;position:absolute;inset:0 0 -12rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.blog-aurora i{background:radial-gradient(closest-side, color-mix(in srgb, var(--brand) 26%, transparent), transparent);border-radius:50%;animation:28s ease-in-out infinite blog-drift;position:absolute}.blog-aurora i:first-child{width:520px;height:480px;top:-10%;left:2%}.blog-aurora i:nth-child(2){background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-2) 22%, transparent), transparent);width:480px;height:440px;animation-delay:-8s;top:0;right:0}.blog-aurora i:nth-child(3){background:radial-gradient(closest-side,#38bdf824,#0000);width:520px;height:380px;animation-delay:-16s;bottom:-30%;left:40%}@keyframes blog-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(36px,-24px)scale(1.12)}}.blog-index-head{text-align:center;justify-items:center;display:grid}.blog-index-head h1{margin-top:var(--space-5);font-size:clamp(38px,4.4vw,60px);line-height:1.05}.blog-index-head p{max-width:40rem;margin-top:var(--space-4);color:var(--muted-foreground);font-size:var(--type-lg);text-wrap:pretty;line-height:1.6}.blog-article-head{max-width:calc(var(--blog-measure) + 16rem + 5rem)}.blog-article-head h1{max-width:24ch;margin-top:var(--space-4);font-size:clamp(32px,3.6vw,50px);line-height:1.08}.blog-topic-tile{width:44px;height:44px;margin-top:var(--space-8);border-radius:var(--radius-xl);background:var(--tone);color:var(--blog-tile-ink);place-items:center;display:grid}.blog .blog-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--muted-foreground);font-size:var(--type-sm);flex-wrap:wrap;display:flex}.blog-meta-time{align-items:center;gap:5px;display:inline-flex}.blog-index{gap:var(--space-5);padding-bottom:var(--space-20);display:grid}.blog-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));margin:0;padding:0;list-style:none;display:grid}.blog-grid>li{display:grid}.blog-card{border:1px solid var(--border);border-radius:var(--radius-3xl);background:var(--card);color:var(--foreground);box-shadow:var(--shadow-soft-sm);transition:transform var(--dur-brand) var(--ease-out-brand), box-shadow var(--dur-brand) var(--ease-out-brand), border-color var(--dur-brand) var(--ease-out-brand);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.blog-card:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--border));box-shadow:var(--shadow-soft-lg);transform:translateY(-3px)}.blog-card-art{height:148px;color:var(--blog-tile-ink);background:radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 60%), radial-gradient(90% 120% at 100% 100%, #38bdf838, transparent 60%), color-mix(in srgb, var(--tone) 70%, var(--card));place-items:center;display:grid}.blog-card-art svg{box-sizing:content-box;border-radius:var(--radius-2xl);background:var(--tone);box-shadow:0 10px 30px -12px color-mix(in srgb, var(--blog-tile-ink) 45%, transparent);padding:14px}.blog-card-body{gap:var(--space-3);padding:var(--space-6);flex-direction:column;display:flex}.blog-card-title{font:700 var(--type-xl)/1.3 var(--font-display);letter-spacing:-.015em;text-wrap:balance}.blog-card-desc{color:var(--muted-foreground);font-size:var(--type-sm);text-wrap:pretty;line-height:1.6}.blog .blog-card .blog-meta{padding-top:var(--space-2);margin-top:auto}.blog-card-more{align-items:center;gap:var(--space-2);color:var(--accent-foreground);font:700 var(--type-sm)/1 var(--font-display);display:inline-flex}.blog-card--featured{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.blog-card--featured .blog-card-art{height:auto;min-height:320px}.blog-card--featured .blog-card-body{padding:var(--space-10);justify-content:center}.blog-card--featured .blog-card-title{font-size:clamp(24px,2.4vw,32px);line-height:1.15}.blog-card--featured .blog-card-desc{font-size:var(--type-base)}.blog .blog-card--featured .blog-meta{margin-top:var(--space-2)}.blog-layout{grid-template-columns:minmax(0, var(--blog-measure)) 16rem;justify-content:center;gap:var(--space-10);align-items:start;display:grid}.blog-main{min-width:0}.blog-aside{top:calc(clamp(4rem, 3.667rem + 1.481vw, 5rem) + var(--space-6));gap:var(--space-4);display:grid;position:sticky}.blog-toc ol{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--card);counter-reset:toc;gap:2px;margin:0;list-style:none;display:grid}.blog-toc li{counter-increment:toc}.blog-toc a{gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--muted-foreground);font-size:var(--type-sm);transition:background var(--dur-fast), color var(--dur-fast);line-height:1.4;text-decoration:none;display:flex}.blog-toc a:before{content:counter(toc);color:var(--accent-foreground);font:700 var(--type-xs)/1.6 var(--font-display);flex:none}.blog-toc a:hover{background:var(--brand-softer);color:var(--foreground)}.blog-aside-cta{gap:var(--space-4);padding:var(--space-5);border:1px solid color-mix(in srgb, var(--brand) 30%, var(--border));border-radius:var(--radius-2xl);background:color-mix(in srgb, var(--brand) 7%, var(--card));display:grid}.blog-aside-cta p{font:700 var(--type-base)/1.35 var(--font-display);text-wrap:balance}.blog-aside-cta .blog-btn{min-height:44px;font-size:var(--type-sm)}.blog-short{padding:var(--space-6);border:1px solid color-mix(in srgb, var(--brand) 25%, var(--border));border-radius:var(--radius-2xl);background:radial-gradient(120% 140% at 0% 0%, var(--brand-soft) 0%, transparent 55%), radial-gradient(120% 140% at 100% 100%, var(--blog-cyan-soft) 0%, transparent 50%), var(--card);box-shadow:var(--shadow-soft-md)}.blog-short-title{color:var(--accent-foreground);font:700 var(--type-xs)/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase}.blog-short ul{gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.blog-short li{gap:var(--space-3);line-height:1.55;display:flex}.blog-short li svg{background:var(--brand-soft);width:24px;height:24px;color:var(--accent-foreground);border-radius:50%;flex:none;padding:4px}.blog-definition{padding:var(--space-4) var(--space-5);border-left:3px solid var(--brand);color:var(--muted-foreground);line-height:1.6;margin-top:var(--space-4)!important}.blog-prose{margin-top:var(--space-10);font-size:17px;line-height:1.75}.blog .blog-prose>*+*{margin-top:var(--space-5)}.blog-prose h2{margin-top:var(--space-16);scroll-margin-top:6rem;font-size:clamp(26px,2.4vw,32px);line-height:1.15}.blog-prose h3{margin-top:var(--space-10);font-size:var(--type-xl);line-height:1.3}.blog-prose h2+*,.blog-prose h3+*{margin-top:var(--space-3)}.blog-prose strong{color:var(--foreground);font-weight:700}.blog-prose p{color:color-mix(in srgb, var(--foreground) 88%, var(--muted-foreground));text-wrap:pretty}.blog-prose ul,.blog-prose ol{gap:var(--space-3);padding:0;list-style:none;display:grid}.blog-prose ul>li{padding-left:var(--space-6);position:relative}.blog-prose ul>li:before{content:"";background:var(--brand);border-radius:50%;width:8px;height:8px;position:absolute;top:.7em;left:4px}.blog-prose ol{counter-reset:item}.blog-prose ol>li{padding-left:var(--space-10);counter-increment:item;position:relative}.blog-prose ol>li:before{content:counter(item);border-radius:var(--radius-lg);background:var(--brand-soft);width:28px;height:28px;color:var(--accent-foreground);font:700 var(--type-sm)/1 var(--font-display);place-items:center;display:grid;position:absolute;top:2px;left:0}.blog-prose .blog-footnote{color:var(--muted-foreground);font-size:var(--type-sm)}.blog-callout{padding:var(--space-5) var(--space-6);border:1px solid color-mix(in srgb, var(--brand) 25%, var(--border));border-left:4px solid var(--brand);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--brand) 6%, var(--card));font-weight:500}.blog-table{margin-inline:0}.blog-table-scroll{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--card);box-shadow:var(--shadow-soft-md);overflow-x:auto}.blog-table table{border-collapse:collapse;width:100%;min-width:40rem;font-size:var(--type-sm);line-height:1.45}.blog-table caption{padding:var(--space-4) var(--space-5) var(--space-2);color:var(--muted-foreground);font:700 var(--type-xs)/1.3 var(--font-display);text-align:left}.blog-table th,.blog-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);text-align:left;vertical-align:top}.blog-table thead th{background:var(--blog-inset);color:var(--muted-foreground);font:700 var(--type-xs)/1.3 var(--font-display)}.blog-table tbody th{font-weight:600}.blog-table [data-ours]{background:color-mix(in srgb, var(--brand) 8%, transparent)}.blog-table thead [data-ours]{color:var(--accent-foreground)}.blog-table td[data-ours]{font-weight:600}.blog-inline-cta{justify-items:start;gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb, var(--brand) 30%, var(--border));background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--brand) 18%, transparent), transparent 60%), var(--card);box-shadow:var(--shadow-soft-lg);display:grid;margin-block:var(--space-10)!important}.blog-inline-cta-title{text-wrap:balance;font:700 var(--type-xl)/1.3 var(--font-display)!important;color:var(--foreground)!important}.blog-inline-cta-micro{font-size:var(--type-sm);line-height:1.5;color:var(--muted-foreground)!important}.blog-sources ol{font-size:var(--type-sm)}.blog-sources a{color:var(--accent-foreground)}.blog-section{padding-top:var(--space-20)}.blog-section--tight{padding-top:var(--space-12)}.blog-section-title{text-align:center;max-width:48rem;font-size:clamp(28px,3vw,40px);line-height:1.1;margin:0 auto!important}.blog-faq{gap:var(--space-3);max-width:48rem;margin:var(--space-10) auto 0;display:grid}.blog-q{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--card);transition:border-color var(--dur-fast), box-shadow var(--dur-fast)}.blog-q[open]{border-color:color-mix(in srgb, var(--brand) 35%, var(--border));box-shadow:var(--shadow-soft-md)}.blog-q summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-2xl);cursor:pointer;font:700 var(--type-lg)/1.3 var(--font-display);list-style:none;display:flex}.blog-q summary::-webkit-details-marker{display:none}.blog-q summary svg{color:var(--brand);transition:transform var(--dur-brand) var(--ease-out-brand);flex:none}.blog-q[open] summary svg{transform:rotate(45deg)}.blog-q p{padding:0 var(--space-6) var(--space-5);color:var(--muted-foreground);line-height:1.65}.blog-related{gap:var(--space-4);max-width:48rem;margin:var(--space-8) auto 0;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.blog-related-card{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--card);color:var(--foreground);font:700 var(--type-base)/1.35 var(--font-display);box-shadow:var(--shadow-soft-sm);transition:border-color var(--dur-fast), transform var(--dur-fast);text-decoration:none;display:flex}.blog-related-card:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--border));transform:translateY(-2px)}.blog-related-card svg{color:var(--brand);flex:none}.blog-final{justify-items:center;gap:var(--space-4);margin-bottom:var(--space-20);padding:var(--space-16) var(--space-8);border-radius:var(--radius-3xl);background:var(--primary);color:var(--primary-foreground);text-align:center;box-shadow:var(--shadow-glow), 0 40px 90px -40px color-mix(in srgb, var(--brand) 70%, transparent);display:grid;position:relative;overflow:hidden}.blog-final:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--tile-pink) 22%, transparent), transparent);pointer-events:none;height:70%;position:absolute;inset:auto -10% -50%}.blog-final>*{position:relative}.blog-final-mark{width:104px;height:auto}.blog-final h2{max-width:22ch;font-size:clamp(28px,3vw,40px);line-height:1.1}.blog-final-micro{max-width:36rem;color:var(--primary-foreground);font-size:var(--type-sm)}.blog-final :focus-visible{outline-color:var(--primary-foreground)}@media (max-width:1023px){.blog-layout{grid-template-columns:minmax(0, var(--blog-measure))}.blog-article-head{max-width:calc(var(--blog-measure) + 2.5rem)}.blog-aside{position:static}.blog-toc{display:none}}@media (max-width:700px){.blog-hero{padding-block:var(--space-10) var(--space-8)}.blog-index-head h1{font-size:34px}.blog-index-head p{font-size:var(--type-base)}.blog-article-head h1{font-size:30px}.blog-card--featured{grid-template-columns:1fr}.blog-card--featured .blog-card-art{min-height:160px}.blog-card--featured .blog-card-body{padding:var(--space-6)}.blog-prose{font-size:var(--type-base)}.blog-prose h2{margin-top:var(--space-12);font-size:24px}.blog-inline-cta{padding:var(--space-6)}.blog .blog-btn{width:100%}.blog-q summary{padding:var(--space-4) var(--space-5);font-size:var(--type-base)}.blog-q p{padding-inline:var(--space-5)}.blog-final{padding:var(--space-10) var(--space-5)}}@media (prefers-reduced-motion:reduce){.blog-aurora i{animation:none}.blog-card,.blog-related-card,.blog .blog-btn{transition:none}}
