.blog-hero{--hero-header-height:var(--header-height-mobile);--blog-hero-top:var(--space-48);isolation:isolate;margin-top:calc(-1 * var(--hero-header-height));padding-block:calc(var(--hero-header-height) + var(--blog-hero-top)) var(--space-64);background:var(--blog-hero-glow), var(--color-page);position:relative;overflow:clip}@media (width>=1440px){.blog-hero{--hero-header-height:var(--header-height-desktop)}}@media (width<=1439px){html:not(.js) .blog-hero{--hero-header-height:0px}}.blog-hero-pattern{z-index:-1;background:var(--blog-hero-pattern);opacity:var(--blog-hero-pattern-opacity);-webkit-mask-image:var(--blog-hero-pattern-mask);mask-image:var(--blog-hero-pattern-mask);pointer-events:none;position:absolute;inset:0}.blog-hero-layout{gap:var(--space-48);flex-direction:column;display:flex}.blog-hero-copy{align-items:flex-start;gap:var(--space-24);flex-direction:column;min-width:0;display:flex}.blog-hero:not(.blog-hero--post) .blog-hero-copy{max-width:var(--section-lead-width)}.blog-hero-copy h1{font-size:var(--font-h1-regular);text-wrap:balance;line-height:1.2}.blog-hero-copy h1>span{background:linear-gradient(192.283deg, var(--brand-gradient-stops));color:#0000;-webkit-background-clip:text;background-clip:text}.blog-hero-lead{color:var(--color-text-secondary);font-size:var(--font-longform);line-height:var(--line-height-longform)}.blog-meta{align-items:center;gap:var(--space-16) var(--space-32);width:100%;padding:var(--space-16) 0;border-block:1px solid var(--color-raised);flex-wrap:wrap;margin:0;list-style:none;display:flex}.blog-meta li{gap:2px;min-width:0;display:grid}.blog-meta .blog-meta-author{align-items:center;gap:var(--space-16);display:flex}.blog-meta-author>span:last-child{gap:2px;display:grid}.blog-meta-avatar{width:40px}.blog-meta-caption{color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--form-text-line-height)}.blog-meta-value,.blog-meta a{color:var(--color-text-primary);font-size:var(--font-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body)}.blog-meta a{text-underline-offset:3px;transition:text-decoration-color var(--hover-duration) var(--motion-easing), text-underline-offset var(--hover-duration) var(--motion-easing);text-decoration:underline #fff6}.blog-meta a:is(:hover,:focus-visible){text-decoration-color:var(--color-accent);text-underline-offset:5px}.share-links{align-items:center;gap:var(--space-8) var(--space-16);flex-wrap:wrap;display:flex;position:relative}.share-links-label{color:var(--color-text-secondary);font-size:var(--font-body);font-weight:var(--font-weight-semibold)}.share-links ul{gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.share-link{background:var(--color-raised);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;transition:background var(--hover-duration) var(--motion-easing), transform var(--hover-duration) var(--motion-easing);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.share-link:is(:hover,:focus-visible){background:linear-gradient(232.374deg, var(--brand-gradient-stops))}@media (hover:hover){.share-link:hover{transform:translateY(-2px)}}.share-link:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.share-links-status{color:var(--color-text-secondary);font-size:var(--font-body);flex-basis:100%}.share-links-status:empty{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.blog-hero-visual{min-width:0;position:relative}.blog-hero-visual:before{content:"";z-index:-1;inset:var(--space-24) calc(-1 * var(--space-16)) calc(-1 * var(--space-16)) var(--space-24);border:1px solid var(--color-raised);border-radius:var(--radius-card);background:#1119;position:absolute}.blog-hero-card{gap:var(--space-24);padding:var(--space-24);border:1px solid var(--color-raised);border-radius:var(--radius-card);background:var(--feature-card-glow), var(--color-card);flex-direction:column;margin:0;display:flex}.blog-hero-card-head{align-items:center;gap:var(--space-16);padding-bottom:var(--space-24);border-bottom:1px solid var(--color-raised);display:flex}.blog-hero-card-head .text-label{min-width:0;color:var(--color-text-primary);flex:1 1 0}.blog-chip{border-radius:var(--pill-radius);background:var(--color-raised);color:var(--color-text-primary);font-size:var(--font-small);font-weight:var(--font-weight-semibold);line-height:var(--form-text-line-height);white-space:nowrap;align-items:center;padding:4px 12px;display:inline-flex}.blog-hero-range{justify-content:space-between;gap:var(--space-8) var(--space-16);grid-template-columns:auto auto;display:grid}.blog-hero-range p{gap:2px;display:grid}.blog-hero-range p:nth-of-type(2){text-align:right}.blog-hero-range-caption{color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--form-text-line-height)}.blog-hero-range strong{color:var(--color-text-primary);font-size:var(--font-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h3)}.blog-hero-range p:first-of-type strong{background:linear-gradient(197deg, var(--brand-gradient-stops));color:#0000;-webkit-background-clip:text;background-clip:text}.blog-hero-range-track{height:var(--blog-range-height);border-radius:var(--pill-radius);background:var(--color-raised);grid-column:1/-1;position:relative}.blog-hero-range-track span{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent-dark), var(--color-accent) 65%, #e00f2700);position:absolute;inset:0 0 0 6%}.blog-hero-range-track span:before{content:"";border:4px solid var(--color-accent);background:var(--color-card);border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.blog-hero-card-label{color:var(--color-text-secondary);font-size:var(--font-small);font-weight:var(--font-weight-semibold);line-height:var(--form-text-line-height);text-transform:uppercase}.blog-hero-card-items{margin:calc(-1 * var(--space-8)) 0 0;padding:0;list-style:none;display:grid}.blog-hero-card-items li{align-items:center;gap:var(--space-16);color:var(--color-text-primary);font-size:var(--font-body);line-height:var(--line-height-body);padding-block:10px;display:flex}.blog-hero-card-items li+li{border-top:1px solid var(--color-raised)}.blog-hero-card-items .design-icon{width:32px}.blog-hero-card-note{align-items:center;gap:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-small);line-height:normal;display:flex}.blog-hero-card-note img{flex:none;width:15.33px;height:18px}.blog-hero-steps{gap:var(--space-16);margin-top:0;position:relative}.blog-hero-steps:before{content:"";background:linear-gradient(180deg, var(--color-accent), var(--color-accent-dark));border-radius:1px;width:2px;position:absolute;top:24px;bottom:24px;left:23px}.blog-hero-card-items.blog-hero-steps li{border-top:0;padding-block:0}.blog-hero-step-icon{border:2px solid var(--color-accent);background:var(--color-card);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative}.blog-hero-card-items .blog-hero-step-icon .design-icon{width:26px}.blog-hero-step-copy{min-width:0;display:grid}.blog-hero-step-number{color:var(--color-accent);font-size:var(--font-small);font-weight:var(--font-weight-bold);line-height:var(--form-text-line-height);font-variant-numeric:tabular-nums}.blog-hero-gauge{align-items:center;gap:var(--space-24);grid-template-columns:auto minmax(0,1fr);display:grid}.blog-hero-gauge-dial{width:var(--blog-gauge-size);aspect-ratio:1;place-content:center;justify-items:center;margin:0;display:grid;position:relative}.blog-hero-gauge-dial:before{content:"";background:conic-gradient(from 225deg, var(--color-accent) 0deg 132deg, transparent 132deg 134deg, var(--color-cta) 134deg 240deg, transparent 240deg 242deg, var(--audit-ok) 242deg 270deg, transparent 270deg);mask:radial-gradient(farthest-side, transparent calc(100% - var(--blog-gauge-ring) - 1px), #000 calc(100% - var(--blog-gauge-ring)));border-radius:50%;position:absolute;inset:0}.blog-hero-gauge-dial strong{color:var(--color-text-primary);font-size:var(--font-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-h3);font-variant-numeric:tabular-nums}.blog-hero-gauge-dial span{color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--form-text-line-height)}.blog-hero-gauge-scale{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.blog-hero-gauge-scale li{align-items:baseline;column-gap:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--form-text-line-height);grid-template-columns:auto minmax(0,1fr);display:grid}.blog-hero-gauge-scale li:before{content:"";background:var(--tone);border-radius:50%;grid-row:span 2;width:10px;height:10px}.blog-hero-gauge-scale strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.blog-hero-gauge-scale [data-tone=ok]{--tone:var(--audit-ok)}.blog-hero-gauge-scale [data-tone=warning]{--tone:var(--color-cta)}.blog-hero-gauge-scale [data-tone=error]{--tone:var(--color-accent)}@media (width>=768px){.blog-hero-copy h1{font-size:var(--font-h1-strong)}.blog-meta li+li{padding-left:var(--space-32);border-left:1px solid var(--color-raised)}.blog-hero-card{padding:var(--space-32)}.blog-hero-range strong{font-size:var(--font-h2);line-height:var(--line-height-h2)}}@media (width>=1200px){.blog-hero{--blog-hero-top:var(--space-64);padding-bottom:var(--space-96)}.blog-hero--post .blog-hero-layout{align-items:center;gap:var(--space-96);flex-direction:row}.blog-hero--post .blog-hero-copy{flex:1 1 0}.blog-hero-visual{flex:0 0 var(--blog-hero-card-width)}}@media (width<=767px){.blog-hero{--blog-hero-top:var(--space-32);padding-bottom:var(--space-48)}.blog-hero-visual:before{inset:var(--space-16) calc(-1 * var(--space-8)) calc(-1 * var(--space-8)) var(--space-16)}.blog-hero-gauge{--blog-gauge-size:112px;--blog-gauge-ring:12px;gap:var(--space-16)}}@keyframes blog-range-fill{0%{clip-path:inset(-16px 100% -16px -16px)}to{clip-path:inset(-16px)}}@keyframes blog-steps-fill{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:no-preference){.blog-hero .breadcrumbs,.blog-hero-copy>*,.blog-hero-card-items li{animation:hero-enter var(--hero-enter-duration) var(--hero-enter-easing) both}.blog-hero .breadcrumbs{animation-delay:calc(1 * var(--hero-enter-stagger))}.blog-hero-copy>:first-child{animation-delay:calc(2 * var(--hero-enter-stagger))}.blog-hero-copy>:nth-child(2){animation-delay:calc(3 * var(--hero-enter-stagger))}.blog-hero-copy>:nth-child(3){animation-delay:calc(4 * var(--hero-enter-stagger))}.blog-hero-copy>:nth-child(4){animation-delay:calc(5 * var(--hero-enter-stagger))}.blog-hero-visual{animation:hero-visual-enter var(--hero-visual-duration) var(--hero-enter-easing) calc(3 * var(--hero-enter-stagger)) both}.blog-hero-range-track span{animation:blog-range-fill var(--hero-visual-duration) var(--hero-enter-easing) calc(6 * var(--hero-enter-stagger)) both}.blog-hero-steps:before{animation:blog-steps-fill calc(2 * var(--hero-visual-duration)) var(--hero-enter-easing) calc(6 * var(--hero-enter-stagger)) both}.blog-hero-card-items li:first-child{animation-delay:calc(7 * var(--hero-enter-stagger))}.blog-hero-card-items li:nth-child(2){animation-delay:calc(8 * var(--hero-enter-stagger))}.blog-hero-card-items li:nth-child(3){animation-delay:calc(9 * var(--hero-enter-stagger))}.blog-hero-card-items li:nth-child(4){animation-delay:calc(10 * var(--hero-enter-stagger))}.blog-hero-card-items li:nth-child(5){animation-delay:calc(11 * var(--hero-enter-stagger))}.blog-hero-pattern{animation:hero-fade var(--hero-bg-duration) ease-out calc(4 * var(--hero-enter-stagger)) both}.js .blog-hero:not(.is-ready) :is(.breadcrumbs,.blog-hero-copy>*,.blog-hero-visual,.blog-hero-range-track span,.blog-hero-card-items li,.blog-hero-pattern),.js .blog-hero:not(.is-ready) .blog-hero-steps:before{animation-play-state:paused}.sg .blog-hero-range-track span,.sg .blog-hero-card-items li,.sg .blog-hero-steps:before{animation:none}}.blog-sections{padding-top:var(--space-32);overflow-x:clip}.blog-layout{gap:var(--space-48);display:grid}.blog-aside{display:none}.blog-article{gap:var(--space-64);flex-direction:column;min-width:0;display:flex}.blog-toc-mobile{border-radius:var(--card-radius-small);background:var(--color-card)}.blog-toc-mobile summary{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-24);color:var(--color-text-primary);cursor:pointer;list-style:none;display:flex}.blog-toc-mobile summary::-webkit-details-marker{display:none}.blog-toc-mobile summary:after{content:"";border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);width:8px;height:8px;transition:transform var(--hover-duration) var(--motion-easing);flex:none;margin-left:auto;transform:rotate(45deg)}.blog-toc-mobile[open] summary:after{transform:rotate(-135deg)}.blog-toc-count{color:var(--color-text-secondary);font-size:var(--font-body)}.blog-toc-mobile .blog-toc-mobile-nav{padding:0 var(--space-24) var(--space-16);background:0 0;border-radius:0}@media (width>=1200px){.blog-layout{grid-template-columns:var(--blog-aside-width) minmax(0, 1fr);gap:var(--space-64);align-items:start}.blog-aside{top:calc(var(--header-height,var(--header-height-desktop)) + var(--space-32));gap:var(--space-32);max-height:calc(100vh - var(--header-height,var(--header-height-desktop)) - var(--space-64));scrollbar-width:thin;flex-direction:column;display:flex;position:sticky;overflow-y:auto}.blog-aside .share-links{padding-left:var(--space-32);flex-direction:column;align-items:flex-start}.blog-toc-mobile{display:none}}.blog-chapter{gap:var(--space-32);flex-direction:column;display:flex}.blog-chapter>.blog-prose+.blog-prose{margin-top:calc(var(--space-24) - var(--space-32))}.blog-prose{gap:var(--space-16);color:var(--color-text-secondary);font-size:var(--font-longform);line-height:var(--line-height-longform);flex-direction:column;display:flex}.blog-prose :is(h2,h3){color:var(--color-text-primary);text-wrap:balance;scroll-margin-top:calc(var(--header-height,var(--header-height-desktop)) + var(--space-24))}.blog-prose h3{margin-top:var(--space-8)}.blog-prose--lead{padding-left:var(--space-24);border-left:4px solid var(--color-accent);color:var(--color-text-primary)}.blog-prose ol{gap:var(--space-8);margin:var(--space-8) 0;counter-reset:blog-list;padding:0;list-style:none;display:grid}.blog-prose ol>li{padding:var(--space-16) var(--space-24) var(--space-16) 72px;border-radius:var(--card-radius-small);background:var(--color-card);color:var(--color-text-primary);counter-increment:blog-list;position:relative}.blog-prose ol>li:before{content:counter(blog-list, decimal-leading-zero);top:var(--space-16);left:var(--space-24);color:var(--color-accent);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;position:absolute}.blog-prose blockquote{margin:var(--space-16) 0;padding:var(--space-64) var(--space-24) var(--space-24);border-radius:var(--radius-card);background:var(--feature-card-glow), var(--color-card);position:relative}.blog-prose blockquote:before{content:"”";top:var(--space-16);left:var(--space-24);background:linear-gradient(197deg, var(--brand-gradient-stops));color:#0000;font-size:72px;font-weight:var(--font-weight-bold);-webkit-background-clip:text;background-clip:text;line-height:.9;position:absolute}.blog-prose blockquote p{color:var(--color-text-primary);font-size:var(--font-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h3);text-wrap:pretty}.blog-prose code{background:var(--color-raised);color:var(--color-text-primary);white-space:nowrap;border-radius:6px;padding:2px 6px;font-family:inherit;font-size:.9em}.blog-table{margin:var(--space-8) 0;border:1px solid var(--color-raised);border-radius:var(--card-radius-small);overflow-x:auto}.blog-table:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.blog-table table{border-collapse:collapse;width:100%;min-width:640px;font-size:var(--font-body);line-height:var(--line-height-body)}.blog-table th{padding:var(--space-16) var(--space-24);background:var(--color-raised);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:left}.blog-table td{padding:var(--space-16) var(--space-24);border-top:1px solid var(--color-raised);vertical-align:top}.blog-table td:first-child{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}@media (width>=768px){.blog-table :is(th,td):first-child{white-space:nowrap}.blog-prose blockquote{padding:var(--space-32) var(--space-32) var(--space-32) 104px}.blog-prose blockquote:before{top:var(--space-24);left:var(--space-32);font-size:96px}}.blog-figure{gap:var(--space-16);flex-direction:column;margin:0;display:flex}.blog-figure-image{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--color-card);overflow:hidden}.blog-figure-image img{object-fit:cover;width:100%;height:100%}.blog-figure--screenshot .blog-figure-image{aspect-ratio:auto}.blog-figure--screenshot .blog-figure-image img{height:auto}.blog-figure figcaption{padding-left:var(--space-16);border-left:2px solid var(--color-accent);color:var(--color-text-secondary);font-size:var(--font-body);line-height:var(--line-height-body)}.blog-cta{align-items:flex-start;gap:var(--space-24);padding:var(--space-24);border-radius:var(--radius-card);background:var(--about-banner-background);flex-direction:column;display:flex}.blog-cta-copy{gap:var(--space-8);min-width:0;color:var(--color-text-secondary);font-size:var(--font-body);line-height:var(--line-height-body);flex-direction:column;flex:1 1 0;display:flex}.blog-cta-title{color:var(--color-text-primary)}@media (width>=768px){.blog-cta{padding:var(--space-32);flex-direction:row;align-items:center}.blog-cta .call-to-action{flex:none}}.blog-visual{gap:var(--space-24);padding:var(--space-24);border:1px solid var(--color-raised);border-radius:var(--radius-card);background:var(--color-card);flex-direction:column;margin:0;display:flex}.blog-visual-head{justify-content:space-between;align-items:center;gap:var(--space-8) var(--space-16);color:var(--color-text-primary);flex-wrap:wrap;display:flex}.blog-visual-title{flex:260px;min-width:0}.blog-visual-caption{color:var(--color-text-secondary);font-size:var(--font-body);line-height:var(--line-height-body)}.blog-ranges-list{gap:var(--space-24);margin:0;padding:0;list-style:none;display:grid}.blog-range{gap:var(--space-8) var(--space-16);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.blog-range-label{color:var(--color-text-primary);font-size:var(--font-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label)}.blog-range-value{color:var(--color-text-secondary);font-size:var(--font-body);line-height:var(--line-height-body);text-align:right;grid-area:1/2}.blog-range-track{height:var(--blog-range-height);border-radius:var(--pill-radius);background:var(--color-raised);grid-area:2/1/auto/-1;position:relative}.blog-range-track span{inset:0 calc(100% - var(--to)) 0 var(--from);border-radius:inherit;background:linear-gradient(90deg, var(--color-accent-dark), var(--color-accent));position:absolute}.blog-range--open .blog-range-track span{background:linear-gradient(90deg, var(--color-accent-dark), var(--color-accent) 55%, #e00f2700)}.blog-range-scale{justify-content:space-between;gap:var(--space-8);padding-top:var(--space-8);border-top:1px dashed var(--band-divider);color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--form-text-line-height);font-variant-numeric:tabular-nums;display:flex}.blog-visual .chapter-items{--chapter-divider:var(--band-divider);--chapter-surface:var(--color-card)}.blog-visual .chapter-item-body{color:var(--color-text-secondary);font-size:var(--font-body);line-height:var(--line-height-body)}.blog-timeline-title{color:var(--color-text-primary)}@media (width<=479px){.blog-range{grid-template-columns:minmax(0,1fr)}.blog-range-value{text-align:left;grid-area:2/1}.blog-range-track{grid-row:3}}@media (width>=768px){.blog-visual{padding:var(--space-32)}}.blog-stats-list{gap:var(--space-16);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.blog-stat{min-width:0;padding:var(--space-16) 0 0;border-top:1px solid var(--band-divider);flex-direction:column;gap:4px;display:flex}.blog-stat dt{color:var(--color-text-primary);font-size:var(--font-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);order:2}.blog-stat-value{background:linear-gradient(197deg, var(--brand-gradient-stops));color:#0000;font-size:var(--font-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h3);font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;order:1;margin:0}.blog-stat-text{color:var(--color-text-secondary);font-size:var(--font-body);line-height:var(--line-height-body);order:3;margin:0}.blog-source{color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--form-text-line-height)}.blog-source a{color:var(--color-text-primary);text-underline-offset:3px;transition:text-decoration-color var(--hover-duration) var(--motion-easing);text-decoration:underline #fff6}.blog-source a:is(:hover,:focus-visible){text-decoration-color:var(--color-accent)}@media (width>=768px){.blog-stats-list{gap:var(--space-24) var(--space-32);grid-template-columns:repeat(2,minmax(0,1fr))}.blog-stats-list[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-stat-value{font-size:var(--font-h2);line-height:var(--line-height-h2)}}.blog-compare-columns{gap:var(--space-16);display:grid}.blog-compare-column{gap:var(--space-16);padding:var(--space-24);border-radius:var(--card-radius-small);background:var(--color-raised);flex-direction:column;display:flex}.blog-compare-head{align-items:center;gap:var(--space-16);color:var(--color-text-primary);display:flex}.blog-compare-head .design-icon{flex:none;width:40px}.blog-compare-column ul{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.blog-compare-column li{padding-left:var(--space-24);color:var(--color-text-secondary);font-size:var(--font-body);line-height:var(--line-height-body);position:relative}.blog-compare-column li:before{content:"";background:var(--color-accent);border-radius:1px;width:12px;height:2px;position:absolute;top:.75em;left:0}@media (width>=768px){.blog-compare-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-calc-row{align-items:stretch;gap:var(--space-8);flex-direction:column;display:flex}.blog-calc-term{padding:var(--space-16) var(--space-24);border-radius:var(--card-radius-small);background:var(--color-raised);gap:4px;display:grid}.blog-calc-term strong{color:var(--color-text-primary);font-size:var(--font-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h3);font-variant-numeric:tabular-nums;white-space:nowrap}.blog-calc-term>span{color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--form-text-line-height)}.blog-calc-result{border:1px solid var(--color-accent);background:var(--feature-card-glow), var(--color-card)}.blog-calc-result strong{background:linear-gradient(197deg, var(--brand-gradient-stops));color:#0000;-webkit-background-clip:text;background-clip:text}.blog-calc-operator{color:var(--color-accent);font-size:var(--font-h3);font-weight:var(--font-weight-bold);align-self:center;line-height:1}@media (width>=768px){.blog-calc-row{align-items:stretch;gap:var(--space-16);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);display:grid}}.blog-note{gap:var(--space-16);padding:var(--space-24);border:1px solid var(--color-raised);border-left:4px solid var(--color-accent);border-radius:var(--radius-card);background:var(--color-card);flex-direction:column;display:flex}.blog-note>.design-icon{flex:none;width:48px}.blog-note-copy{gap:var(--space-8);min-width:0;color:var(--color-text-secondary);font-size:var(--font-body);line-height:var(--line-height-body);flex-direction:column;flex:1 1 0;display:flex}.blog-note-title{color:var(--color-text-primary)}@media (width>=768px){.blog-note{align-items:flex-start;gap:var(--space-24);padding:var(--space-32);flex-direction:row}}.blog-article-footer{gap:var(--space-32);padding-top:var(--space-48);border-top:1px solid var(--color-raised);flex-direction:column;display:flex}.author-note{gap:var(--space-24);padding:var(--space-24);border-radius:var(--radius-card);background:var(--color-card);flex-direction:column;display:flex}.author-note-avatar{width:var(--icon-badge-small);align-self:flex-start}.author-note-copy{gap:var(--space-8);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.author-note-caption{color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--form-text-line-height);text-transform:uppercase}.author-note-name{color:var(--color-text-primary)}.author-note-role{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.author-note-bio{margin-top:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-longform);line-height:var(--line-height-longform)}.author-note .call-to-action--text{margin-top:var(--space-8)}@media (width>=768px){.author-note{gap:var(--space-32);padding:var(--space-32);flex-direction:row}.author-note-avatar{width:var(--icon-badge-medium)}}.blog-service-layout{gap:var(--space-48);display:grid}.blog-service-copy{align-items:flex-start;gap:var(--space-32);flex-direction:column;min-width:0;display:flex}.blog-service-points{gap:var(--space-16);margin:0;padding:0;list-style:none;display:grid}.blog-service-points li{align-items:flex-start;gap:var(--space-16);color:var(--color-text-primary);font-size:var(--font-label);line-height:var(--line-height-label);display:flex}.blog-service-points svg{color:var(--color-accent);flex:none;margin-top:3px}.blog-service-actions{gap:var(--space-16);flex-wrap:wrap;display:flex}.blog-service-media{border-radius:var(--radius-card);background:var(--feature-card-glow), var(--color-raised);min-height:320px;position:relative;overflow:hidden}.blog-service-media>picture img{object-fit:cover;object-position:var(--service-photo-focus);width:100%;height:100%;filter:var(--service-photo-filter);position:absolute;inset:0}.blog-service-media:after{content:"";background:var(--service-photo-tint);position:absolute;inset:0}.blog-service-badge{z-index:1;right:var(--space-16);bottom:var(--space-16);left:var(--space-16);align-items:center;gap:var(--space-16);padding:var(--space-16);border:1px solid var(--service-glass-border);border-radius:var(--card-radius-small);background:var(--service-glass-surface);backdrop-filter:blur(var(--menu-blur));display:flex;position:absolute}.blog-service-badge>span:last-child{min-width:0;display:grid}.blog-service-badge strong{color:var(--color-text-primary);font-size:var(--font-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label)}.blog-service-badge-caption{color:var(--color-text-secondary);font-size:var(--font-small);line-height:var(--form-text-line-height)}.blog-service-icon{background:linear-gradient(232.374deg, var(--brand-gradient-stops));border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.blog-service-icon img{width:32px;height:32px}@media (width>=768px){.blog-service-media{min-height:420px}.blog-service-badge{right:auto;bottom:var(--space-24);left:var(--space-24);max-width:calc(100% - 2 * var(--space-24));padding:var(--space-16) var(--space-24)}}@media (width>=1200px){.blog-service-layout{gap:var(--space-96);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center}.blog-service-media{min-height:480px}}@media (width<=767px){.blog-service-actions{flex-direction:column;align-items:stretch;width:100%}}.blog-posts{align-items:center;gap:var(--space-64);flex-direction:column;display:flex}.blog-posts-grid{gap:var(--space-32);grid-template-columns:minmax(0,1fr);width:100%;margin:0;padding:0;list-style:none;display:grid}.blog-posts-grid>li{min-width:0}.blog-card{border:1px solid var(--color-raised);border-radius:var(--radius-card);background:var(--color-card);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.blog-card-media{aspect-ratio:16/9;background:var(--feature-card-glow), var(--color-raised);place-items:center;display:grid;position:relative;overflow:hidden}.blog-card-media>picture img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog-card-body{gap:var(--space-16);padding:var(--space-24);flex-direction:column;flex:auto;display:flex}.blog-card-meta{align-items:center;gap:var(--space-8) var(--space-16);color:var(--color-text-secondary);font-size:var(--font-body);line-height:var(--line-height-body);flex-wrap:wrap;display:flex}.blog-card-title{color:var(--color-text-primary);text-wrap:balance}.blog-card-link{color:inherit;text-decoration:none}.blog-card-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.blog-card-link:focus-visible{outline:none}.blog-card:has(.blog-card-link:focus-visible){outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.blog-card-excerpt{color:var(--color-text-secondary);flex:auto}.blog-card-more{align-self:flex-end;align-items:center;gap:var(--space-8);color:var(--color-text-primary);font-size:var(--font-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);display:inline-flex}.blog-card-more svg{color:var(--color-accent)}.blog-card--featured .blog-card-body{gap:var(--space-24)}@media (hover:hover){.blog-card{transition:transform var(--hover-duration) var(--motion-easing), border-color var(--hover-duration)}.blog-card:has(.blog-card-link):hover{border-color:var(--color-accent);transform:translateY(calc(-1 * var(--hover-lift)))}.blog-card:has(.blog-card-link):hover .blog-card-title{text-underline-offset:4px;text-decoration:underline}.blog-card-more svg{transition:transform var(--hover-duration) var(--motion-easing)}.blog-card:hover .blog-card-more svg{transform:translateX(var(--hover-nudge))}}@media (width>=768px){.blog-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-posts-grid[data-count="1"]{grid-template-columns:minmax(0,1fr);max-width:560px}.blog-card-body{padding:var(--space-32)}}@media (width>=1200px){.blog-posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-posts-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px}}@media (width>=1024px){.blog-card--featured{grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.blog-card--featured .blog-card-media{aspect-ratio:auto;min-height:440px}.blog-card--featured .blog-card-body{padding:var(--space-48);justify-content:center}}.blog-featured{align-items:flex-start;gap:var(--space-24);flex-direction:column;display:flex}.blog-pagination ol{justify-content:center;gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-pagination :is(a,span[aria-current]){width:var(--menu-touch-target);height:var(--menu-touch-target);background:var(--color-raised);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);border-radius:50%;place-items:center;text-decoration:none;display:grid}.blog-pagination span[aria-current]{background:linear-gradient(232.374deg, var(--brand-gradient-stops))}.blog-pagination a{transition:background var(--hover-duration) var(--motion-easing), transform var(--hover-duration) var(--motion-easing)}.blog-pagination a:is(:hover,:focus-visible){background:var(--color-card);outline:1px solid var(--color-accent);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.share-link,.blog-card,.blog-card-more svg,.blog-toc-mobile summary:after,.blog-meta a,.blog-pagination a,.blog-source a{transition:none}.blog-card:has(.blog-card-link):hover,.share-link:hover,.blog-pagination a:is(:hover,:focus-visible){transform:none}}
