.performance-snapshots{border-block:1px solid var(--border);background:radial-gradient(ellipse at 75% 50%, #007f6819, transparent 65%), var(--background);padding-block:80px}.snapshot-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);align-items:center;gap:48px;display:grid}.snapshot-intro h2{letter-spacing:-.04em;text-wrap:balance;margin-top:22px;font-size:clamp(32px,3vw,42px);font-weight:500;line-height:1.12}.snapshot-subtitle{color:var(--muted);margin-top:24px;font-size:15px;line-height:1.85}.snapshot-context{border-left:1px solid var(--brand-green-dark);margin-top:28px;padding-left:16px}.snapshot-context p{color:var(--muted);font-size:12px;line-height:1.8}.snapshot-context p+p{margin-top:10px}.snapshot-note{color:var(--muted);margin-top:22px;font-size:11px;line-height:1.8}.snapshot-board{background:linear-gradient(#ffffff03 1px, transparent 1px), linear-gradient(90deg, #ffffff03 1px, transparent 1px), linear-gradient(135deg, #ffffff03, transparent 50%), var(--surface);background-size:32px 32px,32px 32px,auto,auto;border:1px solid #ffffff14;border-radius:8px;min-width:0;padding:24px 0 18px;box-shadow:inset 0 1px #ffffff05,0 20px 50px #00000030}.snapshot-toolbar{justify-content:space-between;align-items:center;gap:20px;padding-inline:24px;display:flex}.snapshot-toolbar>p{text-transform:uppercase;letter-spacing:1.2px;font-size:11px}.snapshot-toolbar>p>span{color:var(--muted)}.snapshot-controls{gap:8px;display:flex}.snapshot-controls button{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:3px;place-items:center;width:44px;height:44px;display:grid}.snapshot-controls button:hover:not(:disabled){border-color:var(--brand-green-dark);color:var(--brand-green)}.snapshot-controls button:disabled{opacity:.3;cursor:default}.snapshot-instructions{color:var(--muted);margin-top:12px;padding-inline:24px;font-size:11px;line-height:1.7}.snapshot-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--brand-green-dark) var(--surface);align-items:flex-start;gap:20px;padding:28px 24px 30px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.snapshot-rail:focus-visible{outline-offset:-3px}.snapshot-card{scroll-snap-align:start;background:var(--surface-soft);border:1px solid #ffffff20;border-radius:5px;flex:0 0 86%;min-width:0;padding:16px;transition:border-color .2s,box-shadow .2s,translate .2s;box-shadow:0 12px 28px #00000040}.snapshot-card:nth-child(2n){margin-top:12px}.snapshot-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.snapshot-platform{align-items:center;gap:10px;font-size:11px;display:flex}.snapshot-platform i{background:var(--service-meta);width:24px;height:2px}.snapshot-card[data-platform=google] .snapshot-platform i,.snapshot-lightbox-panel[data-platform=google] .snapshot-platform i{background:linear-gradient(90deg, var(--service-google-blue) 0% 25%, var(--service-google-green) 25% 50%, var(--service-google-yellow) 50% 75%, var(--service-google-red) 75% 100%)}.snapshot-index{color:var(--muted);font-size:10px}.snapshot-image-frame{cursor:zoom-in;border:1px solid var(--border);background:var(--background);border-radius:3px;place-items:center;width:100%;min-height:280px;padding:8px;display:grid;position:relative;overflow:hidden}.snapshot-image-frame img{object-fit:contain;width:100%;height:auto;max-height:320px;transition:transform .25s;display:block}.snapshot-open{border:1px solid var(--border);background:#030505e8;border-radius:3px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:8px;right:8px}.snapshot-open svg{width:14px;height:14px}.snapshot-card figcaption{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.65}.snapshot-board-edge{letter-spacing:1px;color:var(--muted);align-items:center;gap:10px;margin-top:18px;padding-inline:24px;font-size:9px;display:flex}.snapshot-board-edge span{background:var(--brand-green-dark);border-radius:50%;width:3px;height:3px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.snapshot-card:hover{border-color:#007f6880;translate:0 -3px;box-shadow:0 15px 32px #00000050,0 0 20px #007f6812}.snapshot-card[data-platform=meta]:hover{border-color:#0866ff66}.snapshot-image-frame:hover img{transform:translateY(-2px)scale(1.015)}}@media (max-width:1023px){.snapshot-layout{grid-template-columns:minmax(0,1fr);gap:32px}.snapshot-intro{max-width:720px}.snapshot-rail{padding-bottom:8px}.snapshot-card{flex-basis:100%}.snapshot-card:nth-child(2n){margin-top:0}.snapshot-image-frame{min-height:0}}@media (max-width:639px){.performance-snapshots{padding-block:52px}.snapshot-board{padding-top:20px}.snapshot-toolbar,.snapshot-instructions,.snapshot-board-edge{padding-inline:16px}.snapshot-rail{gap:20px;padding:20px 12px 8px;scroll-padding-inline:12px}.snapshot-card{padding:12px}.snapshot-image-frame{padding:4px}.snapshot-image-frame img{max-height:280px}.snapshot-subtitle{font-size:14px}.snapshot-card figcaption{margin-top:12px;font-size:11px}.snapshot-note{font-size:12px}}.snapshot-lightbox{width:100%;max-width:none;height:100%;max-height:none;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:var(--foreground);background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:hidden}.snapshot-lightbox[open]{place-items:center;display:grid}.snapshot-lightbox::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010404df}.snapshot-lightbox-panel{background:radial-gradient(ellipse at top, #007f6818, transparent 65%), var(--surface);border:1px solid #ffffff20;border-radius:10px;flex-direction:column;width:min(100%,1160px);min-height:0;max-height:100%;padding:20px;display:flex;box-shadow:0 32px 100px #0009,0 0 60px #007f6814}.snapshot-lightbox-toolbar,.snapshot-lightbox-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.snapshot-lightbox-close{border:1px solid var(--border);cursor:pointer;border-radius:3px;place-items:center;width:44px;height:44px;display:grid}.snapshot-lightbox-close:hover{border-color:var(--brand-green-dark)}.snapshot-lightbox-close svg{width:22px;height:22px}.snapshot-lightbox-image{touch-action:pan-y pinch-zoom;min-height:0;margin-block:16px}.snapshot-lightbox-image img{object-fit:contain;width:100%;height:100%;max-height:calc(100dvh - 240px);display:block}.snapshot-lightbox-bottom{flex-shrink:0}.snapshot-lightbox-bottom>div:first-child{min-width:0}.snapshot-lightbox-bottom .snapshot-controls{flex-shrink:0}.snapshot-lightbox-index{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:11px}#snapshot-lightbox-caption{font-size:13px;line-height:1.6}@media (max-width:639px){.snapshot-lightbox-panel{padding:12px}.snapshot-lightbox-bottom{align-items:flex-start;gap:12px}#snapshot-lightbox-caption{font-size:12px}.snapshot-lightbox-image img{max-height:calc(100dvh - 260px)}.snapshot-toolbar{gap:10px}.snapshot-toolbar .snapshot-controls{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.snapshot-rail{scroll-behavior:auto}.snapshot-card,.snapshot-image-frame img{transition:none}}