.prf-sec .hm-title .t-sub{display:inline}.prf-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,1fr);gap:16px;max-width:72rem;margin:0 auto;display:grid}.prf-sites{grid-area:1/1/3}.prf-projects{grid-area:1/2/auto/4}.prf-channels{grid-area:2/2}.prf-tools{grid-area:2/3}.prf-tile{isolation:isolate;min-width:0;box-shadow:0 0 0 1px rgb(var(--fg) / .045), 0 30px 60px -44px rgb(var(--fg) / .42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out);background:#ffffffe6;border:1px solid #fffffff2;border-radius:26px;flex-direction:column;gap:14px;padding:clamp(1.15rem,1.8vw,1.6rem);display:flex;position:relative;overflow:hidden}.prf-tile:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side, rgb(var(--prf-glow,var(--g4)) / .26), transparent);pointer-events:none;border-radius:50%;width:75%;position:absolute;inset:-30% -30% auto auto}.prf-sites{--prf-glow:var(--g4)}.prf-projects{--prf-glow:var(--g3)}.prf-channels{--prf-glow:var(--g2)}.prf-tools{--prf-glow:var(--g1)}.prf-tile:hover{box-shadow:0 0 0 1px rgb(var(--g1) / .28), 0 34px 60px -40px rgb(var(--g1) / .5);transform:translateY(-3px)}.prf-tile:has(.prf-go:focus-visible){box-shadow:0 0 0 3px rgb(var(--g1) / .55)}.prf-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.prf-num{font:700 clamp(3.4rem, 4.6vw, 4.6rem)/.92 var(--font-head);letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:0 0 6px}.prf-sites .prf-num{font-size:clamp(4.4rem,7vw,6.6rem)}.prf-n{background:linear-gradient(115deg, rgb(var(--g1)), rgb(var(--g2)) 55%, rgb(var(--g3)));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.04em}.prf-label{font:650 1.12rem/1.25 var(--font-head);letter-spacing:-.01em;color:rgb(var(--fg));margin:0}.prf-sites .prf-label{font-size:1.3rem}.prf-line{color:rgb(var(--mute));margin:4px 0 0;font-size:.95rem;line-height:1.45}.prf-go{color:rgb(var(--acid));outline:none;align-items:center;gap:6px;margin-top:9px;font-size:.92rem;font-weight:600;display:inline-flex}.prf-go svg{transition:transform .35s var(--ease-out)}.prf-tile:hover .prf-go svg{transform:translate(2px,-2px)}.prf-go:after{content:"";z-index:3;border-radius:inherit;position:absolute;inset:0}.prf-vis{background:radial-gradient(rgb(var(--fg) / .07) 1px, transparent 1.4px) 0 0 / 14px 14px, linear-gradient(135deg, rgb(var(--g4) / .2), rgb(var(--g3) / .14));min-width:0;box-shadow:inset 0 0 0 1px rgb(var(--fg) / .04);border-radius:18px;position:relative}.prf-sites .prf-vis{border-bottom-right-radius:0;border-bottom-left-radius:0;flex:1;margin-bottom:calc(-1*clamp(1.15rem,1.8vw,1.6rem));padding:14px 14px 0;display:flex}.prf-show{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.prf-thumbs{grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;display:grid}.prf-thumbs>span{aspect-ratio:1;box-shadow:0 0 0 1px rgb(var(--fg) / .08), 0 4px 10px -6px rgb(var(--fg) / .4);transition:box-shadow .4s var(--ease-out), transform .4s var(--ease-out);background:#fff;border-radius:8px;position:relative;overflow:hidden}.prf-thumbs>span.is-on{box-shadow:0 0 0 2px rgb(var(--g1)), 0 6px 14px -6px rgb(var(--g1) / .7);transform:translateY(-2px)}.prf-thumbs img,.prf-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.prf-win{min-height:220px;box-shadow:0 0 0 1px rgb(var(--fg) / .06), 0 24px 40px -26px rgb(var(--fg) / .45);background:#fff;border:1px solid #fff;border-bottom:0;border-radius:14px 14px 0 0;flex-direction:column;flex:1;display:flex;overflow:hidden}.prf-bar{border-bottom:1px solid rgb(var(--line) / .6);background:rgb(var(--fg) / .025);align-items:center;gap:5px;padding:8px 10px;display:flex}.prf-bar>i{background:rgb(var(--fg) / .14);border-radius:50%;width:8px;height:8px}.prf-url{min-width:0;box-shadow:inset 0 0 0 1px rgb(var(--fg) / .07);color:rgb(var(--fg));white-space:nowrap;background:#fff;border-radius:999px;flex:1;align-items:center;gap:7px;margin-left:8px;padding:4px 12px;font-size:.8rem;font-weight:550;display:flex}.prf-url>span{text-overflow:ellipsis;overflow:hidden}.prf-live{background:rgb(var(--g1));width:7px;height:7px;box-shadow:0 0 0 3px rgb(var(--g1) / .18);border-radius:50%;flex:none}.prf-screen{flex:1;min-height:0;position:relative}.prf-shot{opacity:0;transition:opacity .8s var(--ease-out);position:absolute;inset:0}.prf-shot.is-on{opacity:1}.prf-projects{flex-direction:row;align-items:stretch}.prf-projects .prf-text{flex:1 1 0;justify-content:center}.prf-projects .prf-vis{flex:1.25 1 0;align-items:center;padding:18px;display:flex}.prf-kinds{flex-direction:column;gap:14px;width:100%;display:flex}.prf-krow{flex-direction:column;gap:8px;display:flex}.prf-kname{color:rgb(var(--fg));font-size:.85rem;font-weight:600}.prf-kname b{color:rgb(var(--acid))}.prf-chips{flex-wrap:wrap;gap:10px;display:flex}.prf-chip{width:46px;height:46px;box-shadow:0 0 0 1px rgb(var(--fg) / .06), 0 8px 16px -10px rgb(var(--fg) / .45);color:rgb(var(--acid));background:#fff;border-radius:13px;place-items:center;display:grid}.prf-krow[data-kind=auto] .prf-chip{color:#0284c7}.prf-chip svg{width:20px;height:20px}.prf-channels .prf-vis,.prf-tools .prf-vis{order:-1;justify-content:center;align-items:center;min-height:72px;padding:14px 16px;display:flex}.prf-apps{flex-wrap:wrap;gap:10px;display:flex}.prf-app .aim-tile{box-shadow:0 8px 16px -10px rgb(var(--fg) / .5)}.prf-marks{flex-wrap:wrap;align-items:center;padding-left:8px;display:flex}.prf-mark{width:40px;height:40px;box-shadow:0 0 0 2px #fff, 0 0 0 3px rgb(var(--fg) / .06), 0 8px 16px -10px rgb(var(--fg) / .5);background:#fff;border-radius:50%;place-items:center;margin-left:-8px;display:grid}.prf-mark.is-more{width:auto;min-width:40px;color:rgb(var(--acid));background:#f0fdf7;border-radius:999px;margin-left:4px;padding-inline:10px;font-size:.85rem;font-weight:700}.prf-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1rem;margin-top:clamp(1.75rem,3vw,2.4rem);display:flex}.prf-cta p{color:rgb(var(--mute));margin:0;font-size:.9375rem}@keyframes prf-pop{0%{opacity:0;transform:translateY(8px)scale(.8)}to{opacity:1;transform:none}}@keyframes prf-breathe{0%,to{box-shadow:0 0 0 3px rgb(var(--g1) / .18)}50%{box-shadow:0 0 0 6px rgb(var(--g1) / .06)}}.anim .hm-sec .prf-grid[data-in] .prf-tile.st{animation-duration:.8s}.anim .prf-grid[data-in] .prf-chip,.anim .prf-grid[data-in] .prf-app,.anim .prf-grid[data-in] .prf-mark:not(.is-more){animation:.5s cubic-bezier(.34,1.56,.64,1) backwards prf-pop;animation-delay:calc(var(--i,0) * 50ms + .2s)}.prf-live{animation:2.4s ease-in-out infinite prf-breathe}.prf-url>span{animation:prf-pop .45s var(--ease-out) backwards}@media (min-width:1024px) and (max-width:1199px){.prf-marks{flex-wrap:nowrap}.prf-mark{width:34px;height:34px;margin-left:-10px}.prf-mark.is-more{min-width:34px;padding-inline:7px;font-size:.8rem}}@media (max-width:1023px){.prf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prf-sites{flex-direction:row;grid-area:auto/1/auto/-1}.prf-sites .prf-text{flex:1 1 0;justify-content:center}.prf-sites .prf-vis{margin-block:calc(-1*clamp(1.15rem,1.8vw,1.6rem));border-radius:0;flex:1.35 1 0;min-height:330px;margin-right:calc(-1*clamp(1.15rem,1.8vw,1.6rem))}.prf-projects{grid-area:auto/1/auto/-1}.prf-channels,.prf-tools{grid-area:auto}}@media (max-width:639px){.prf-grid{grid-template-columns:minmax(0,1fr);gap:12px}.prf-tile{border-radius:22px;gap:14px}.prf-sites,.prf-projects{flex-direction:column}.prf-sites .prf-vis{border-radius:0;flex:none;min-height:0;margin:0 calc(-1*clamp(1.15rem,1.8vw,1.6rem)) calc(-1*clamp(1.15rem,1.8vw,1.6rem));padding:12px 12px 0}.prf-thumbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.prf-thumbs>span{aspect-ratio:4/3}.prf-win{flex:none;height:210px;min-height:210px}.prf-projects .prf-text,.prf-channels .prf-text,.prf-tools .prf-text{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;display:grid}.prf-projects .prf-num,.prf-channels .prf-num,.prf-tools .prf-num{grid-row:1/3;margin:0;font-size:3.4rem}.prf-tile:not(.prf-sites) .prf-label{grid-column:2;align-self:end}.prf-tile:not(.prf-sites) .prf-line{grid-column:2;align-self:start;font-size:.9rem}.prf-tile:not(.prf-sites) .prf-go{grid-column:1/-1;justify-self:start}.prf-projects .prf-vis{padding:14px}.prf-channels .prf-vis,.prf-tools .prf-vis{order:0;min-height:0;padding:12px 14px}.prf-sites .prf-num{font-size:4.6rem}.prf-label,.prf-sites .prf-label{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.prf-tile,.prf-go svg,.prf-thumbs>span,.prf-shot{transition:none}.prf-live,.prf-url>span,.prf-chip,.prf-app,.prf-mark{animation:none!important}.prf-tile:hover{transform:none}}