.site-hero{display:grid;gap:40px;align-items:center;padding-block:clamp(48px,7vw,88px) clamp(40px,5vw,64px)}@media (min-width:1024px){.site-hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px}}.site-eyebrow{margin-bottom:16px;font-size:13px;font-weight:500;color:var(--text-subtle)}.site-eyebrow a:hover{color:var(--text)}.site-index-hero{padding-block:clamp(48px,7vw,88px) 40px}.site-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 24px;margin-top:36px;padding-top:20px;border-top:1px solid var(--border)}.site-facts dt{font-size:12px;color:var(--text-subtle)}.site-facts dd{margin-top:4px;font-size:14px;line-height:1.45;color:var(--text)}.site-status{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 12px;border:1px solid var(--border-strong);border-radius:999px;font-size:12px;color:var(--text-muted)}.site-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-action-focus)}.site-section{padding-block:clamp(40px,5vw,64px);border-top:1px solid var(--border)}.site-section.pt-0{border-top:0}.site-steps{display:grid;gap:24px;counter-reset:step}@media (min-width:768px){.site-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.site-steps li{padding-top:16px;border-top:1px solid var(--border-strong);font-size:15px;line-height:1.55;color:var(--text-muted)}.site-steps li>span{display:block;margin-bottom:10px;font-family:var(--font-display);font-size:22px;color:var(--text)}.site-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:20px}.site-rows{display:grid;gap:40px}.site-row{display:grid;gap:20px;align-items:center}@media (min-width:768px){.site-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.site-row:nth-child(2n)>figure{order:2}}.site-row:not(:has(figure)){grid-template-columns:minmax(0,1fr);max-width:640px}.site-note{max-width:720px;margin-block:8px 24px;font-size:13px;line-height:1.6;color:var(--text-subtle)}.site-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}@media (min-width:768px){.site-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}}@media (min-width:1024px){.site-card-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}}.site-card{display:block;min-width:0;border-radius:12px}.site-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-card-plugin{display:grid;place-items:center;aspect-ratio:4/3;border:1px solid var(--border);border-radius:12px;background:radial-gradient(ellipse at 50% 30%,rgb(255 255 255/5%),transparent 70%)}.site-compare-frame{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.site-compare-line{position:absolute;inset-block:0;width:2px;margin-left:-1px;background:rgb(255 255 255/92%);box-shadow:0 0 12px rgb(0 0 0/40%);pointer-events:none}.site-compare-controls{display:flex;align-items:center;gap:16px;margin-top:12px;font-size:12px;color:var(--text-muted)}.site-compare-controls>span{flex-shrink:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-compare-range{flex:1;min-width:0;min-height:32px;accent-color:var(--accent);cursor:ew-resize}.site-footer{border-top:1px solid var(--border);background:radial-gradient(ellipse at 12% 100%,rgb(185 74 24/7%),transparent 50%),linear-gradient(180deg,#080808,#101011)}.site-footer-grid{display:grid;gap:40px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-grid>div:first-child{grid-column:1/-1}@media (min-width:1024px){.site-footer-grid{grid-template-columns:1.3fr repeat(4,minmax(0,1fr))}.site-footer-grid>div:first-child{grid-column:auto}}.site-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.works-with{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:24px;border-top:1px solid var(--border)}.works-with h2{flex-basis:100%;font-size:12px;font-weight:500;color:var(--text-subtle)}@media (min-width:1024px){.works-with h2{flex-basis:auto;margin-right:8px}}.works-with ul{display:contents}.works-with li{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);white-space:nowrap}@property --site-split{syntax:"<percentage>";inherits:true;initial-value:0}.site-card-media,.site-card-plugin{--site-split:0%;transition:--site-split .56s cubic-bezier(.16,1,.3,1),translate var(--motion-slow) cubic-bezier(.16,1,.3,1),box-shadow var(--motion-slow) cubic-bezier(.16,1,.3,1),border-color var(--motion-base) var(--motion-ease)}.site-card:is(:hover,:focus-visible) :is(.site-card-media,.site-card-plugin){--site-split:50%;translate:0 -3px;border-color:var(--border-strong);box-shadow:0 18px 32px -18px rgb(0 0 0/70%),0 4px 10px -6px rgb(0 0 0/40%)}.site-card-reveal{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--site-split)) 0 0)}.site-card-seam{position:absolute;inset-block:0;left:var(--site-split);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/14%);opacity:0;transition:opacity var(--motion-base) var(--motion-ease)}.site-card:is(:hover,:focus-visible) .site-card-seam{opacity:1}@media (hover:none){.site-card-reveal,.site-card-seam{display:none}.site-card:hover :is(.site-card-media,.site-card-plugin){translate:none;box-shadow:none}}@media (prefers-reduced-motion:reduce){.site-card-media,.site-card-plugin,.site-card-seam{transition:none}.site-card:is(:hover,:focus-visible) :is(.site-card-media,.site-card-plugin){translate:none}}.site-article{max-width:760px;padding-block:clamp(48px,7vw,80px) 0}.site-article h2{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.01em}.site-article section p{margin-top:12px;font-size:16px;line-height:1.7;color:var(--text-muted)}.site-article ol,.site-article ul{margin-top:14px;display:grid;gap:10px;padding-left:22px;font-size:16px;line-height:1.6;color:var(--text-muted)}.site-article ol{list-style:decimal}.site-article ul{list-style:disc}.site-article li::marker{color:var(--text-subtle)}.site-article-sources{padding-left:0!important;list-style:none!important;font-size:14px!important}.site-article-sources a{text-decoration:underline;text-underline-offset:4px}.site-article-sources a:hover{color:var(--text)}.site-resource-links{display:grid;gap:0 32px}@media (min-width:768px){.site-resource-links{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-resource-links a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:20px 0;border-top:1px solid var(--border)}.site-resource-links strong{font-size:16px;font-weight:500}.site-resource-links span{grid-column:1;font-size:14px;color:var(--text-muted)}.site-resource-links svg{grid-row:1/span 2;grid-column:2;color:var(--text-subtle);transition:transform var(--motion-fast)}.site-resource-links a:hover svg{transform:translateX(2px);color:var(--text)}.layers-overlay{position:absolute;inset:0;pointer-events:none}.layers-object{position:absolute;border:1px solid rgb(255 255 255/55%);border-radius:6px}.layers-object[data-marked]{border:1.5px dashed #ff5a4f}.layers-chip{position:absolute;left:6px;top:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;background:rgb(0 0 0/72%);white-space:nowrap}.layers-marker{position:absolute;left:18%;top:48%;display:grid;place-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;border:2px solid #fff;border-radius:50%;font-size:13px;font-weight:700;color:#fff;background:#e5484d;box-shadow:0 4px 12px rgb(0 0 0/35%)}.layers-marker--static{position:static;margin:0;width:24px;height:24px;font-size:12px;flex-shrink:0}.layers-panel{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:16px;font-size:14px}.layers-panel li{display:inline-flex;align-items:center;gap:10px}.layers-reference{width:48px;height:32px;object-fit:cover;border-radius:6px;border:1px solid var(--border-strong)}.layers-apply{margin-left:auto;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(180deg,#c4622f,#8f3c17)}@media (max-width:639px){.layers-chip{font-size:10px;padding:1px 6px}.layers-marker{top:62%;width:22px;height:22px;margin:-11px 0 0 -11px;font-size:11px}.layers-apply{margin-left:0}}