@layer reset,tokens,base;@layer components{.bhero{padding-bottom:clamp(24px,4vw,56px)}.bhero-grid{align-items:center;gap:32px;padding-top:clamp(24px,4vw,56px);display:grid}@media (width>=1024px){.bhero-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:4vw}}.bhero-copy{justify-items:start;gap:22px;display:grid}.bhero-copy .eyebrow a{color:inherit;text-decoration:none}.bhero-copy .eyebrow a:hover{text-decoration:underline}.bmeta{color:var(--fg-4);flex-wrap:wrap;gap:6px 20px;margin:0;font-size:.9375rem;display:flex}.bcover{gap:8px;margin:0;display:grid}.bcover img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface-1);width:100%;height:auto;display:block}.bshort{border-radius:var(--radius-card);border:1px solid var(--line-strong);border-left:4px solid var(--xain-green);background:color-mix(in oklab, var(--surface-1) 85%, transparent);max-width:52rem;margin-inline:auto;padding:24px 28px}.bshort h2{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-4);margin:0 0 12px;font-size:.8125rem;font-weight:500}.bshort ul{color:var(--fg-1);gap:8px;margin:0;padding-left:1.1em;display:grid}.bcta{border-radius:var(--radius-card);border:1px solid var(--line-strong);background:color-mix(in oklab, var(--surface-1) 85%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:clamp(32px,5vw,56px);padding:22px 26px;display:flex}.bcta p{margin:0}.bcta a:not(.btn){color:var(--accent-text);text-underline-offset:3px}.bauthor{border-radius:var(--radius-card);border:1px solid var(--line);gap:8px;max-width:52rem;padding:22px 26px;display:grid}.bauthor p{margin:0}.bfilters{flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,3vw,40px);display:flex}.bfilters[hidden]{display:none}.bfilter{appearance:none;cursor:pointer;border:1px solid var(--line-strong);color:var(--fg-2);font:inherit;transition:background-color var(--dur-base) var(--ease-out-expo), color var(--dur-base) var(--ease-out-expo);background:0 0;border-radius:999px;padding:8px 16px;font-size:.9375rem}.bfilter:hover{background:var(--surface-1)}.bfilter.is-active{background:var(--xain-green-deep);border-color:var(--xain-green-deep);color:var(--xain-white)}.bgrid{gap:clamp(16px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.bgrid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.bgrid{grid-template-columns:repeat(3,1fr)}}.bcard{border-radius:var(--radius-card);border:1px solid var(--line);background:color-mix(in oklab, var(--surface-1) 70%, transparent);transition:border-color var(--dur-base) var(--ease-out-expo), translate var(--dur-base) var(--ease-out-expo);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:clip}.bcard[hidden]{display:none}.bcard:hover{border-color:var(--xain-green);translate:0 -3px}.bcard-img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:scale .9s var(--ease-out-expo);display:block}.bcard:hover .bcard-img{scale:1.03}.bcard-body{align-content:start;gap:10px;padding:20px 22px 24px;display:grid}.bcard-topic{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin:0;font-size:.8125rem;font-weight:500}.bcard h3{text-wrap:balance;margin:0;font-size:clamp(1.125rem,1rem + .5vw,1.4rem);font-weight:500;line-height:1.2}.bcard h3 a{color:inherit;text-decoration:none}.bcard h3 a:after{content:"";position:absolute;inset:0}.bcard-desc{color:var(--fg-3);margin:0;font-size:.9375rem}.bcard-meta{color:var(--fg-4);margin:0;font-size:.875rem}@media (width>=1100px){.bcard--featured{grid-column:span 3;grid-template-rows:none;grid-template-columns:1.2fr 1fr}.bcard--featured .bcard-img{aspect-ratio:auto;height:100%}.bcard--featured .bcard-body{align-content:center;padding:clamp(28px,3vw,48px)}.bcard--featured h3{font-size:clamp(1.75rem,1.2rem + 1.4vw,2.5rem);font-weight:300}}.bcta-copy{gap:8px;max-width:44rem;display:grid}.bcta h2{margin:0;font-size:clamp(1.25rem,1.05rem + .8vw,1.75rem);font-weight:400}.bcta .bcta-more{color:var(--fg-4);font-size:.9375rem}.article .bflow{counter-reset:bflow;gap:12px;margin:2em 0;padding:0;list-style:none;display:grid}@media (width>=720px){.article .bflow{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.article .bflow li{counter-increment:bflow;border:1px solid var(--line-strong);background:var(--surface-1);border-radius:16px;margin:0;padding:18px;font-size:.9375rem;line-height:1.4;position:relative}.article .bflow li:before{content:counter(bflow, decimal-leading-zero);letter-spacing:.1em;color:var(--accent-text);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:.75rem;display:block}.article .bflow li strong{margin-bottom:4px;font-weight:500;display:block}.article .bflow li.is-key{border-color:var(--xain-green);background:color-mix(in oklab, var(--xain-green) 12%, var(--surface-1))}.article .bstats{gap:12px;margin:2em 0;display:grid}@media (width>=640px){.article .bstats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.article .bstat{border:1px solid var(--line-strong);background:var(--surface-1);border-radius:16px;align-content:start;gap:6px;padding:20px 22px;display:grid}.article .bstat strong{color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.5rem + 1.6vw,2.75rem);font-weight:300;line-height:1}.article .bstat span{color:var(--fg-3);font-size:.9375rem;line-height:1.4}.article .bcompare{gap:12px;margin:2em 0;display:grid}@media (width>=720px){.article .bcompare{grid-template-columns:1fr 1fr}}.article .bcompare>div{border:1px solid var(--line-strong);background:var(--surface-1);border-radius:16px;padding:22px 24px}.article .bcompare>div.is-key{border-color:var(--xain-green);background:color-mix(in oklab, var(--xain-green) 12%, var(--surface-1))}.article .bcompare h3{margin:0 0 8px;font-size:1.0625rem}.article .bcompare ul{margin:0;padding-left:1.1em}.article .bmid{border-radius:var(--radius-card);border:1px solid var(--xain-green);background:color-mix(in oklab, var(--xain-green) 10%, var(--surface-1));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin:2.4em 0;padding:20px 24px;display:flex}.article .bmid p{max-width:40rem;margin:0}.article .btn{text-decoration:none}.article .btn-primary{color:var(--xain-white)}.article .bcheck{gap:10px;margin:1.6em 0;padding:0;list-style:none;display:grid}.article .bcheck li{border:1px solid var(--line);border-radius:12px;margin:0;padding:12px 16px 12px 44px;position:relative}.article .bcheck li:before{content:"";border-left:2px solid var(--xain-green);border-bottom:2px solid var(--xain-green);width:14px;height:8px;position:absolute;top:1.05em;left:16px;transform:rotate(-45deg)}}@layer utilities;