.dn-pf-sites{background:#fafaf8;font-family:Inter,sans-serif;padding:5rem 3.5rem}.dn-pf-sites__head{align-items:flex-end;display:flex;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1300px}.dn-pf-sites__head .eyebrow{color:#34b5e5;font-size:.7rem;font-weight:600;letter-spacing:.15em;margin-bottom:.6rem;text-transform:uppercase}.dn-pf-sites h2{color:#0a0a0a;font-family:Plus Jakarta Sans,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0}.dn-pf-sites h2 em{color:#34b5e5;font-style:italic;font-weight:300}.dn-pf-sites__count{color:#999;font-size:.85rem;font-weight:500;white-space:nowrap}.dn-pf-sites__grid{display:grid;gap:1.75rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1300px}.dn-pf-site-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s}.dn-pf-site-card:hover{border-color:#34b5e5;box-shadow:0 20px 50px rgba(0,0,0,.1);transform:translateY(-6px)}.dn-pf-site-card__bar{align-items:center;background:#f4f4f4;border-bottom:1px solid #e8e8e8;display:flex;gap:.4rem;padding:.6rem .85rem}.dn-pf-site-card__dot{border-radius:50%;height:9px;width:9px}.dn-pf-site-card__dot:first-child{background:#ff5f57}.dn-pf-site-card__dot:nth-child(2){background:#ffbd2e}.dn-pf-site-card__dot:nth-child(3){background:#28c941}.dn-pf-site-card__url{background:#fff;border-radius:6px;color:#999;flex:1;font-size:.7rem;margin-left:.5rem;overflow:hidden;padding:.25rem .6rem;text-overflow:ellipsis;white-space:nowrap}.dn-pf-site-card__thumb{align-items:center;aspect-ratio:16/10;background:linear-gradient(135deg,#34b5e5,#2a9ac4);color:#fff;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800;justify-content:center;letter-spacing:-.01em;overflow:hidden;position:relative}.dn-pf-site-card__thumb img{display:block;height:100%;object-fit:cover;width:100%}.dn-pf-site-card__body{display:flex;flex:1;flex-direction:column;padding:1.4rem 1.5rem 1.6rem}.dn-pf-site-card__meta{color:#34b5e5;display:flex;font-size:.65rem;font-weight:700;gap:.5rem;letter-spacing:.12em;margin-bottom:.65rem;text-transform:uppercase}.dn-pf-site-card__meta span:not(:last-child):after{color:#ccc;content:"·";margin-left:.5rem}.dn-pf-site-card__title{color:#0a0a0a;font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:0 0 .55rem}.dn-pf-site-card__desc{color:#666;flex:1;font-size:.88rem;line-height:1.55;margin-bottom:1rem}.dn-pf-site-card__tags{display:flex;flex-wrap:wrap;gap:.4rem}.dn-pf-site-card__tag{background:#fafaf8;border:1px solid #e8e8e8;border-radius:100px;color:#666;font-size:.7rem;font-weight:600;padding:.25rem .6rem}@media (max-width:968px){.dn-pf-sites{padding:4rem 1.5rem}.dn-pf-sites__head{align-items:flex-start;flex-direction:column;gap:.5rem}.dn-pf-sites h2{font-size:2rem}.dn-pf-sites__grid{grid-template-columns:1fr}}.dn-pf-modal__overlay{align-items:center;backdrop-filter:blur(8px);background:rgba(0,0,0,.85);display:none;inset:0;justify-content:center;overflow-y:auto;padding:2rem;position:fixed;z-index:200;-webkit-overflow-scrolling:touch;font-family:Inter,sans-serif}.dn-pf-modal__overlay.is-open{display:flex}.dn-pf-modal__box{animation:dnPfModalIn .3s ease;background:#fff;border-radius:24px;max-height:90vh;max-width:1100px;overflow-y:auto;position:relative;width:100%}@keyframes dnPfModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dn-pf-modal__close{align-items:center;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:40px;z-index:10}.dn-pf-modal__close:hover{background:#0a0a0a;transform:scale(1.05)}.dn-pf-modal__slider{aspect-ratio:16/9;background:#f4f4f4;overflow:hidden;position:relative}.dn-pf-modal__slider.is-app{align-items:center;aspect-ratio:auto;background:linear-gradient(160deg,#f4f4f4,#e8e8e8);display:flex;justify-content:center;min-height:480px;padding:2rem 0}.dn-pf-modal__slider.is-app .dn-pf-modal__track{height:480px}.dn-pf-modal__track{display:flex;height:100%;transition:transform .4s ease}.dn-pf-modal__slide{align-items:center;background:linear-gradient(135deg,#34b5e5,#2a9ac4);color:#fff;display:flex;flex:0 0 100%;font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800;height:100%;justify-content:center;padding:1rem;text-align:center}.dn-pf-modal__slider.is-app .dn-pf-modal__slide{background:transparent}.dn-pf-modal__slide img{display:block;height:100%;object-fit:cover;width:100%}.dn-pf-modal__slider.is-app .dn-pf-modal__slide img{border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.25);max-height:460px;width:auto}.dn-pf-modal__btn{align-items:center;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.15);color:#0a0a0a;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:44px}.dn-pf-modal__btn:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.dn-pf-modal__btn--prev{left:1rem}.dn-pf-modal__btn--next{right:1rem}.dn-pf-modal__dots{bottom:1rem;display:flex;gap:.4rem;left:50%;position:absolute;transform:translateX(-50%)}.dn-pf-modal__dot{background:hsla(0,0%,100%,.4);border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s;width:8px}.dn-pf-modal__dot.is-active{background:#fff;border-radius:100px;width:24px}.dn-pf-modal__slider.is-app .dn-pf-modal__dot{background:rgba(0,0,0,.2)}.dn-pf-modal__slider.is-app .dn-pf-modal__dot.is-active{background:#0a0a0a}.dn-pf-modal__body{display:grid;gap:3rem;grid-template-columns:1.5fr 1fr;padding:2.5rem 3rem 3rem}.dn-pf-modal__meta{color:#34b5e5;font-size:.7rem;font-weight:700;letter-spacing:.15em;margin-bottom:.85rem;text-transform:uppercase}.dn-pf-modal__title{color:#0a0a0a;font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 1rem}.dn-pf-modal__tagline{color:#666;font-size:1.05rem;line-height:1.65;margin-bottom:1.5rem}.dn-pf-modal__desc{color:#2a2a2a;font-size:.95rem;line-height:1.75}.dn-pf-modal__desc p{margin:0 0 1rem}.dn-pf-modal__desc p:last-child{margin-bottom:0}.dn-pf-modal__side h4{color:#999;font-family:Plus Jakarta Sans,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.15em;margin:0 0 .55rem;text-transform:uppercase}.dn-pf-modal__side-block{margin-bottom:1.75rem}.dn-pf-modal__side-block p{color:#0a0a0a;font-size:.92rem;line-height:1.55;margin:0}.dn-pf-modal__tags{display:flex;flex-wrap:wrap;gap:.4rem}.dn-pf-modal__tag{background:#fafaf8;border:1px solid #e8e8e8;border-radius:100px;color:#666;font-size:.7rem;font-weight:600;padding:.25rem .6rem}.dn-pf-modal__cta{align-items:center;background:#0a0a0a;border-radius:100px;color:#fff;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:700;gap:.5rem;margin-top:1rem;padding:1rem 1.75rem;text-decoration:none;transition:all .3s}.dn-pf-modal__cta:hover{background:#34b5e5;transform:translateY(-2px)}.dn-pf-modal__cta:after{content:"↗";transition:transform .2s}.dn-pf-modal__cta:hover:after{transform:translate(2px,-2px)}@media (max-width:968px){.dn-pf-modal__body{gap:1.5rem;grid-template-columns:1fr;padding:2rem 1.5rem}.dn-pf-modal__title{font-size:1.75rem}}