.blog-hero{max-width:900px;padding-block:clamp(5rem,10vw,8rem) clamp(3rem,6vw,5rem);text-align:center}.blog-hero h1{font-size:clamp(2.7rem,6vw,5rem)}.blog-hero .lead{max-width:720px;margin-inline:auto}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding-bottom:clamp(5rem,10vw,9rem)}.blog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:2.5rem}.blog-filter{min-height:2.75rem;display:inline-flex;align-items:center;gap:.65rem;padding:.55rem .8rem .55rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.9rem;font-weight:750;line-height:1.2;transition:transform .12s ease-out,border-color .16s ease,background .16s ease,color .16s ease}.blog-filter-count{min-width:1.65rem;padding:.2rem .42rem;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.75rem;text-align:center}.blog-filter.active{border-color:var(--accent);background:var(--accent);color:var(--button-text)}.blog-filter.active .blog-filter-count{background:color-mix(in srgb,var(--button-text) 18%,transparent);color:var(--button-text)}.blog-filter:active{transform:scale(.97)}.blog-card[hidden]{display:none}.blog-card{min-width:0;border:1px solid var(--border);border-radius:1.5rem;background:var(--surface);box-shadow:0 16px 45px #252b220f;transition:border-color .2s ease,transform .18s cubic-bezier(.23,1,.32,1)}.blog-card-link{height:100%;display:flex;flex-direction:column;padding:clamp(1.5rem,4vw,2.4rem)}.blog-card-number,.article-section-number{color:color-mix(in srgb,var(--accent) 65%,var(--muted));font-size:.75rem;font-weight:800;letter-spacing:.14em}.blog-card-meta,.article-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.8rem;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-card h2{margin-top:.8rem;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.15}.blog-card p{margin:0}.blog-card-action{display:inline-flex;align-items:center;gap:.55rem;margin-top:auto;padding-top:2rem;color:var(--accent-strong);font-weight:750}.landing-blog{padding-block:clamp(5rem,9vw,8rem) 0}.landing-blog-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.landing-blog-heading h2{max-width:760px}.blog-grid-preview{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:0}.blog-grid-preview .blog-card h2{font-size:clamp(1.35rem,2.3vw,1.75rem)}.article-shell{max-width:1120px;padding-block:clamp(4rem,8vw,7rem)}.article-header{max-width:900px;margin-inline:auto;text-align:center}.article-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:750}.article-meta{justify-content:center;margin-top:2.2rem}.article-header h1{margin-top:1rem;font-size:clamp(2.5rem,6vw,4.9rem)}.article-deck{max-width:760px;margin:1.5rem auto 0;font-size:clamp(1.12rem,2vw,1.35rem)}.article-date{margin-top:1.5rem;font-size:.9rem}.article-layout{display:grid;grid-template-columns:230px minmax(0,720px);justify-content:center;gap:clamp(2rem,7vw,5rem);margin-top:clamp(4rem,8vw,7rem)}.article-toc{position:sticky;top:7rem;align-self:start;padding:1.2rem;border-left:2px solid var(--border)}.article-toc strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.article-toc ol{display:grid;gap:.75rem;margin:1rem 0 0;padding-left:1.25rem;color:var(--muted);font-size:.9rem;line-height:1.4}.article-toc a{position:relative;display:block;padding-left:.75rem;font-weight:700;transition:color .18s ease}.article-toc a:before{content:"";position:absolute;top:.25em;bottom:.25em;left:0;width:.2rem;border-radius:999px;background:var(--accent);opacity:0;transition:opacity .12s ease}.article-toc a[aria-current=location]{color:var(--text)}.article-toc a[aria-current=location]:before{opacity:1}.article-content{min-width:0}.article-intro{margin:0 0 4rem;color:var(--text);font-size:clamp(1.25rem,2.3vw,1.55rem);line-height:1.55}.article-content>section{scroll-margin-top:7rem;margin-top:4.5rem}.article-content>section:first-of-type{margin-top:0}.article-content h2{margin-top:.55rem;font-size:clamp(2rem,4vw,3rem)}.article-content p,.article-list{font-size:1.05rem}.article-list{display:grid;gap:.85rem;margin:1.7rem 0;padding-left:1.5rem;color:var(--muted)}.article-list li::marker{color:var(--accent);font-weight:800}.article-note{margin-top:2rem;padding:1.35rem 1.5rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:1rem;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--text)}.article-product{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,15rem);align-items:center;gap:clamp(1.5rem,5vw,3rem);margin-top:3rem;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:1.5rem;background:radial-gradient(circle at 90% 15%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 45%),var(--surface);box-shadow:0 24px 60px #252b221a}.article-product-copy{position:relative;z-index:1}.article-product h3{margin:.7rem 0 0;font-size:clamp(1.7rem,3.5vw,2.35rem);letter-spacing:-.025em;line-height:1.08}.article-product-copy>p:not(.eyebrow){margin-top:1rem;color:var(--muted);font-size:1rem}.article-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;margin:1.4rem 0 0;padding:0;color:var(--text);font-size:.9rem;font-weight:700;list-style:none}.article-product-list li{position:relative;padding-left:1.15rem}.article-product-list li:before{position:absolute;top:.55em;left:0;width:.42rem;height:.42rem;border-radius:999px;background:var(--accent);content:""}.article-product .button{margin-top:1.6rem}.article-product-preview{width:min(100%,13rem);margin:0 auto -8rem;transform:rotate(2deg)}.article-product-preview .phone-frame{box-shadow:var(--phone-shadow)}.article-quote{margin:2rem 0;padding:1.4rem 1.6rem;border-left:.25rem solid var(--accent);border-radius:0 1rem 1rem 0;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--text);font-size:1.08rem;font-style:italic;line-height:1.7}.article-sources{padding:clamp(1.5rem,4vw,2.25rem);border:1px solid var(--border);border-radius:1.25rem;background:var(--surface)}.article-sources ol{display:grid;gap:1.15rem;margin:1.75rem 0 0;padding-left:1.5rem}@media (hover: hover) and (pointer: fine){.blog-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 22px 55px #252b221a;transform:translateY(-3px)}.article-toc a:hover{color:var(--accent)}.blog-filter:not(.active):hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--accent-strong)}}@media (prefers-reduced-motion: reduce){.blog-card{transition:border-color .12s ease}.blog-card:hover{transform:none}.blog-filter{transition:border-color .12s ease,background .12s ease,color .12s ease}}.article-sources li{padding-left:.35rem}.article-sources li::marker{color:var(--accent);font-weight:800}.article-sources a{color:var(--accent-strong);font-weight:750;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:.2em}.article-sources span{display:block;margin-top:.3rem;color:var(--muted);font-size:.92rem}.article-cta{margin-top:5rem;padding:clamp(1.8rem,5vw,3.5rem);border-radius:1.5rem;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent) 14%,var(--surface)));box-shadow:inset 0 0 0 1px var(--border)}.article-cta h2{font-size:clamp(1.9rem,4vw,2.8rem)}.article-cta .button{margin-top:1rem}.article-cta-showcase{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,18rem);align-items:center;gap:clamp(1.5rem,4vw,2.75rem);padding:clamp(1.5rem,4vw,2.75rem)}.article-cta-copy{position:relative;z-index:1}.article-cta-copy>p:not(.eyebrow){margin-top:1rem}.article-cta-points{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0 0;padding:0;list-style:none}.article-cta-points li{padding:.45rem .7rem;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--text);font-size:.78rem;font-weight:750;line-height:1.25}.article-cta-slider{min-width:0;margin-block:-1rem}.article-cta-slider .phone-showcase{width:min(100%,17rem);padding-inline:.5rem}.article-cta-slider .phone-frame{box-shadow:var(--phone-shadow)}.related-section{padding-block:2rem clamp(6rem,10vw,9rem)}.related-section>h2{font-size:clamp(2rem,4vw,3rem)}.blog-grid-related{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem;padding-bottom:0}@media (max-width: 820px){.blog-filters{justify-content:flex-start;margin-bottom:2rem}.blog-grid,.blog-grid-preview,.blog-grid-related{grid-template-columns:1fr}.landing-blog-heading{align-items:flex-start;flex-direction:column}.article-layout{grid-template-columns:1fr}.article-toc{position:static;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.article-cta-showcase,.article-product{grid-template-columns:1fr}.article-product-preview{width:min(68%,13rem);margin-bottom:-10rem}.article-cta-slider{width:min(100%,19rem);margin:0 auto -.75rem}}@media (max-width: 460px){.article-product-list{grid-template-columns:1fr}}@media (prefers-contrast: more){.article-product{border-color:var(--text);background:var(--surface)}}
