.rz{--rz-bg:var(--cream);--rz-alt:var(--cream-2);--rz-ink:var(--ink);--rz-muted:var(--ink-muted);--rz-card:#fff;--rz-line:var(--line-light);background:var(--rz-bg);color:var(--rz-ink)}.rz[data-theme=dark]{--rz-bg:var(--bg);--rz-alt:var(--bg-alt);--rz-ink:var(--text);--rz-muted:var(--muted);--rz-card:var(--bg-raise);--rz-line:var(--line)}.rz h2,.rz h3{color:var(--rz-ink)}.rz-hero{isolation:isolate;color:#fff;background:#020617;align-items:center;min-height:520px;padding:clamp(72px,10vw,120px) 0;display:flex;position:relative;overflow:hidden}.rz-hero-img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.rz-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#020617 0%,#020617e6 45%,#02061759 100%);position:absolute;inset:0}.rz-hero h1{color:#fff;max-width:14ch;font-size:clamp(2.6rem,1.4rem + 5vw,4.8rem)}.rz-hero .lead{color:#dbe3ee;max-width:520px;margin-top:20px}.rz-bar{top:var(--header-h);z-index:30;background:color-mix(in srgb, var(--rz-bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--rz-line);scroll-margin-top:var(--header-h);position:sticky}.rz-bar-in{align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;display:flex}.rz-chips{scrollbar-width:none;flex:1;gap:8px;padding:2px;display:flex;overflow-x:auto}.rz-chips::-webkit-scrollbar{display:none}.rz-chip,.rz-theme{border-radius:var(--r-pill);border:1px solid var(--rz-line);background:var(--rz-card);min-height:40px;color:var(--rz-ink);font:500 .875rem var(--f-body);cursor:pointer;flex:none;align-items:center;gap:8px;padding:8px 16px;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.rz-chip small{color:var(--rz-muted);font-size:.72rem}.rz-chip[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.rz-chip[aria-pressed=true] small{color:inherit}.rz-theme{gap:6px}.rz-theme[aria-pressed=true]{background:var(--ink);color:#fff}.rz[data-theme=dark] .rz-theme[aria-pressed=true]{color:var(--ink);background:#fff}.rz-sec{scroll-margin-top:calc(var(--header-h) + 70px);padding:clamp(56px,8vw,96px) 0}.rz-alt{background:var(--rz-alt)}.rz-dark{color:var(--text);--rz-ink:var(--text);--rz-muted:var(--muted);--rz-card:#152026;--rz-line:#ffffff1f;background:#0b1418}.rz[data-theme=dark] .rz-dark{background:var(--bg-alt)}.rz-sec.is-off{display:none}.rz .is-off{display:none!important}.rz-head{max-width:680px;margin-bottom:28px}.rz-head p{color:var(--rz-muted);margin-top:12px}.rz-head-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.rz .eyebrow{border-color:color-mix(in srgb, var(--sand) 60%, transparent);color:var(--sand-ink);background:0 0}.rz-dark .eyebrow,.rz[data-theme=dark] .eyebrow,.rz-hero .eyebrow{color:var(--sand)}.rz-ctrl{align-items:center;gap:8px;display:flex}.rz-round{border:1px solid var(--rz-line);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;font-size:22px;transition:background-color .2s,color .2s}.rz-round:hover{background:var(--sand);color:var(--ink);border-color:var(--sand)}.rz-sites{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.rz-site{background:var(--rz-card);border:1px solid var(--rz-line);border-radius:var(--r-card);flex-direction:column;gap:14px;padding:14px 14px 18px;display:flex}.rz-browser{border:1px solid var(--rz-line);background:#fff;border-radius:12px;overflow:hidden}.rz-bar-dots{background:#eef0f3;align-items:center;gap:6px;padding:9px 12px;display:flex}.rz-bar-dots i{background:#d1d5db;border-radius:50%;width:9px;height:9px}.rz-bar-dots i:first-child{background:#f87171}.rz-bar-dots i:nth-child(2){background:#fbbf24}.rz-bar-dots i:nth-child(3){background:#34d399}.rz-bar-dots span{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;flex:1;margin-left:10px;padding:2px 10px;font-size:.75rem;overflow:hidden}.rz-shot{cursor:ns-resize;height:300px;position:relative;overflow:hidden}.rz-shot img{width:100%;height:auto;transition:transform var(--dur,6s) cubic-bezier(.45, .05, .55, .95);will-change:transform}.rz-site-meta{justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.rz-site-meta strong{font:600 1.05rem var(--f-head);display:block}.rz-site-meta span{color:var(--rz-muted);font-size:.8125rem}.rz .link-arrow{color:var(--brand)}.rz[data-theme=dark] .link-arrow{color:var(--blue-soft)}.rz-scores{grid-template-columns:repeat(4,1fr);gap:6px;padding:0 4px;list-style:none;display:grid}.rz-scores li{text-align:center;justify-items:center;gap:6px;display:grid}.rz-scores b{width:46px;height:46px;font:600 .95rem var(--f-head);background:radial-gradient(closest-side, var(--rz-card) 78%, transparent 80% 100%), conic-gradient(var(--c) calc(var(--v) * 1%), color-mix(in srgb, var(--c) 18%, transparent) 0);color:var(--c);border-radius:50%;place-items:center;display:grid}.rz-scores span{color:var(--rz-muted);font-size:.68rem;line-height:1.2}.rz-scores .good{--c:#0c9e4f}.rz-scores .mid{--c:#d97706}.rz-scores .low{--c:#dc2626}.rz[data-theme=dark] .rz-scores .good{--c:#34d399}.rz[data-theme=dark] .rz-scores .mid{--c:#fbbf24}.rz[data-theme=dark] .rz-scores .low{--c:#f87171}.rz-perf{border-top:1px solid var(--rz-line);margin-top:56px;padding-top:36px}.rz-perf-head{max-width:640px;margin-bottom:24px}.rz-perf-head h3{font:600 clamp(1.4rem, 2.4vw, 1.8rem)/1.2 var(--f-head);text-wrap:balance;margin:8px 0 10px}.rz-perf-head p{color:var(--rz-muted)}.rz-perf-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.rz-perf-card{background:var(--rz-card);border:1px solid var(--rz-line);border-radius:var(--r-card);gap:18px;padding:18px;display:grid}.rz-perf-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.rz-perf-top strong{font:600 1.05rem var(--f-head);display:block}.rz-perf-top span{color:var(--rz-muted);font-size:.8125rem}.rz-perf-foot{color:var(--rz-muted);margin:0;font-size:.8125rem}.rz-perf-real{max-width:760px;color:var(--rz-muted);margin:22px 0 0}.rz-perf-real b{color:var(--rz-ink,inherit)}.rz-perf-real a{color:inherit;text-underline-offset:3px;text-decoration:underline}.rz-perf-foot b{color:inherit;font-weight:600}.rz-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin-top:26px;padding:6px 2px 18px;display:flex;overflow-x:auto}.rz-track::-webkit-scrollbar{display:none}.rz-reel{aspect-ratio:9/16;scroll-snap-align:start;cursor:pointer;color:#fff;text-align:left;transition:transform .3s var(--ease);background:#111;border:0;border-radius:14px;flex:0 0 clamp(200px,21vw,260px);padding:0;position:relative;overflow:hidden}.rz-reel:hover{transform:translateY(-6px)}.rz-reel video{object-fit:cover;width:100%;height:100%}.rz-reel:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000d);position:absolute;inset:45% 0 0}.rz-play{width:56px;height:56px;color:var(--ink);z-index:2;background:#ffffffe0;border-radius:50%;place-items:center;font-size:18px;transition:background-color .25s,transform .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rz-reel:hover .rz-play{background:var(--sand);transform:translate(-50%,-50%)scale(1.08)}.rz-reel-info{z-index:2;position:absolute;bottom:16px;left:16px;right:16px}.rz-reel-info strong{font:600 1.1rem/1.2 var(--f-head);display:block}.rz-reel-info small{color:#e5e7eb;margin-top:6px;font-size:.78rem;display:block}.rz-brands{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.rz-brand{background:var(--rz-card);border:1px solid var(--rz-line);border-radius:var(--r-card);display:grid;overflow:hidden}.rz-brand button{cursor:zoom-in;background:#ece7df;border:0;padding:0;display:block}.rz-brand-main{aspect-ratio:4/3;overflow:hidden}.rz-brand-main img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease)}.rz-brand-main:hover img{transform:scale(1.05)}.rz-thumbs{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.rz-thumbs button{aspect-ratio:1;overflow:hidden}.rz-thumbs img{object-fit:cover;width:100%;height:100%}.rz-brand-meta{justify-content:space-between;align-items:baseline;gap:10px;padding:16px 18px;display:flex}.rz-brand-meta strong{font:600 1.1rem var(--f-head)}.rz-brand-meta span{color:var(--rz-muted);font-size:.8125rem}.rz-cat{border-top:1px solid var(--rz-line);margin-top:44px;padding-top:28px}.rz-cat-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.rz-cat-head strong{font:600 1.4rem var(--f-head);display:block}.rz-cat-head span{color:var(--rz-muted);font-size:.8125rem}.rz-cat-count{color:var(--rz-muted);text-align:right;min-width:56px;font-size:.8125rem}.rz-cat-track{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:14px;padding-bottom:14px;display:flex;overflow-x:auto}.rz-page{scroll-snap-align:start;cursor:zoom-in;background:#ece7df;border:0;border-radius:6px;flex:none;height:min(62vh,540px);padding:0;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px #00000073}.rz-page img{object-fit:cover;width:100%;height:100%}.rz-page span{color:#fff;background:#0b1418cc;border-radius:12px;padding:3px 8px;font-size:11px;position:absolute;bottom:10px;right:10px}.rz-masonry{columns:4 240px;column-gap:14px}.rz-shot-img{break-inside:avoid;cursor:zoom-in;background:#e7e2da;border:0;border-radius:12px;width:100%;margin:0 0 14px;padding:0;display:block;position:relative;overflow:hidden}.rz-shot-img img{width:100%;height:auto;transition:transform 1.2s var(--ease)}.rz-shot-img:hover img{transform:scale(1.04)}.rz-shot-img span{color:#fff;opacity:0;background:#0b1418cc;border-radius:20px;padding:5px 10px;font-size:12px;transition:opacity .25s;position:absolute;bottom:10px;left:10px}.rz-shot-img:hover span,.rz-shot-img:focus-visible span{opacity:1}.rz-social{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.rz-social button{aspect-ratio:4/5;cursor:zoom-in;background:#152026;border:0;border-radius:10px;padding:0;overflow:hidden}.rz-social img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease)}.rz-social button:hover img{transform:scale(1.04)}.rz-steps{grid-template-columns:repeat(4,1fr);gap:16px;padding:0;list-style:none;display:grid}.rz-steps li{background:var(--rz-card);border:1px solid var(--rz-line);border-radius:14px;padding:26px 22px}.rz-steps span{font:600 1.6rem var(--f-accent);color:var(--sand-ink);font-style:italic}.rz[data-theme=dark] .rz-steps span{color:var(--sand)}.rz-steps h3{margin:10px 0 8px}.rz-steps p{color:var(--rz-muted);font-size:.925rem}.rz-more{color:var(--rz-muted);margin-top:28px}.rz-more a{color:var(--brand);text-decoration:underline}.rz[data-theme=dark] .rz-more a{color:var(--blue-soft)}.rz-modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617f0;justify-content:center;align-items:center;padding:64px 72px;display:flex;position:fixed;inset:0}.rz-modal[hidden]{display:none}.rz-modal-body{justify-content:center;align-items:center;max-width:min(1200px,100%);max-height:100%;display:flex}.rz-modal-body img{border-radius:8px;max-width:100%;max-height:calc(100vh - 130px)}.rz-modal-body iframe{aspect-ratio:9/16;background:#000;border:0;border-radius:12px;width:min(420px,90vw);max-height:calc(100vh - 130px)}.rz-close,.rz-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;width:48px;height:48px;font-size:22px;position:absolute}.rz-close{top:16px;right:16px}.rz-nav{top:50%;transform:translateY(-50%)}.rz-nav.prev{left:14px}.rz-nav.next{right:14px}.rz-close:hover,.rz-nav:hover{background:var(--sand);color:var(--ink)}.rz-count{text-align:center;color:#cbd5e1;font-size:.8125rem;position:absolute;bottom:18px;left:0;right:0}@media (width<=900px){.rz-steps{grid-template-columns:1fr 1fr}}@media (width<=560px){.rz-hero{min-height:460px}.rz-sites,.rz-brands{grid-template-columns:1fr}.rz-masonry{columns:2 140px;column-gap:8px}.rz-shot-img{margin-bottom:8px}.rz-social{grid-template-columns:repeat(2,1fr)}.rz-steps{grid-template-columns:1fr}.rz-modal{padding:64px 8px}.rz-nav{width:40px;height:40px}.rz-theme span{display:none}}
