.pf{position:fixed;inset:0;overflow:hidden;background:#edeae5;color:#1d1b19;font-family:var(--font-manrope),ui-sans-serif,system-ui,sans-serif;display:flex;align-items:center;justify-content:center}.pf-grain{z-index:2;opacity:.03;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.pf-grain,.pf-wash{position:absolute;inset:0;pointer-events:none}.pf-wash{z-index:1;opacity:0;visibility:hidden}.pf-corner{position:absolute;font-size:12px;letter-spacing:.01em;color:#1d1b19;opacity:.7;transition:opacity .25s ease;z-index:5}.pf-corner:hover{opacity:1}.pf-corner a,.pf-corner span{color:inherit;text-decoration:none}.pf-corner-tl{top:26px;left:28px}.pf-corner-tr{top:26px;right:28px}.pf-corner-bl{bottom:26px;left:28px}.pf-corner-br{bottom:26px;right:28px}.pf-stage{position:relative;z-index:3;flex-direction:column;width:100%}.pf-icons,.pf-stage{display:flex;align-items:center}.pf-icons{justify-content:center;gap:46px;transition:gap .55s cubic-bezier(.65,0,.35,1)}.pf-stage.is-open .pf-icons{gap:28px}.pf-icon-slot{position:relative;display:flex;flex-direction:column;align-items:center}.pf-hover-ext{position:absolute;left:-30px;right:-30px;top:-150px;bottom:-78px;z-index:0}.pf-unit{position:relative;width:96px;height:96px;cursor:default;z-index:1}.has-shots .pf-unit{cursor:pointer}.pf-unit:focus-visible{outline:none}.pf-unit:focus-visible .pf-glass-back{outline:2px solid rgba(29,27,25,.35);outline-offset:3px}.pf-icon{z-index:2;border-radius:19px;overflow:hidden;will-change:transform;background:#e8e3d6}.pf-icon,.pf-icon:after{position:absolute;inset:0}.pf-icon:after{content:"";background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-100%);animation:pf-shimmer 1.25s ease-in-out infinite}.pf-icon.is-loaded{background:transparent}.pf-icon.is-loaded:after{content:none}.pf-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;opacity:0;transform:scale(.9);transition:opacity .5s ease,transform .65s cubic-bezier(.16,1,.3,1)}.pf-icon.is-loaded img{opacity:1;transform:scale(1.06)}@keyframes pf-shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.pf-icon:after{animation:none;opacity:0}.pf-icon img{transition:none}}.pf-glass{position:absolute;left:-7px;right:-7px;bottom:-6px;background:rgba(255,255,255,.12);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);border:1px solid rgba(29,27,25,.07);border-top-color:rgba(255,255,255,.4)}.pf-glass-back{z-index:1;height:74px;border-radius:12px 12px 16px 16px}.pf-glass-front{z-index:3;height:30px;border-radius:7px 7px 15px 15px}.pf-shots{z-index:1;bottom:34px;width:0;height:0}.pf-shot,.pf-shots{position:absolute;left:50%}.pf-shot{bottom:0;max-width:none;border-radius:7px;border:1px solid rgba(29,27,25,.1);background:#f4f1ec;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;opacity:0;visibility:hidden;will-change:transform}.pf-slot-iphone .pf-shot{width:50px;height:104px;margin-left:-25px}.pf-slot-mac .pf-shot{width:116px;height:74px;margin-left:-58px;border-radius:6px}.pf-name{position:absolute;top:calc(100% + 12px);font-size:11.5px;letter-spacing:.01em;color:#1d1b19;opacity:0;transform:translateY(-4px);transition:opacity .22s ease,transform .22s ease;pointer-events:none;white-space:nowrap;z-index:5}.pf-icon-slot:hover .pf-name{opacity:.62;transform:translateY(0)}.pf-stage.is-open .pf-name{opacity:0!important}.pf-goto{position:absolute;top:calc(100% + 36px);white-space:nowrap;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--accent,#1d1b19);border:0;padding:7px 14px;border-radius:999px;z-index:6;opacity:0;visibility:hidden}.pf-goto:hover{filter:brightness(.92)}.pf-goto-arrow{display:inline-block}.pf-panel{width:100%;height:0;opacity:0;overflow:hidden;visibility:hidden;display:flex;flex-direction:column;align-items:center}.pf-screens{width:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.pf-panel-cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:8px;margin:22px 0 6px;padding:12px 24px;border-radius:999px;background:var(--accent,#1d1b19);color:#fff;font-size:13px;font-weight:600;letter-spacing:.01em;text-decoration:none;white-space:nowrap;opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1)}.pf-panel-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.18);transform:translateY(101%);transition:transform .45s cubic-bezier(.16,1,.3,1)}.pf-panel-cta:hover{transform:translateY(-2px)}.pf-panel-cta:hover:before{transform:translateY(0)}.pf-panel-cta-arrow{display:inline-block;transition:transform .25s ease}.pf-panel-cta:hover .pf-panel-cta-arrow{transform:translate(2px,-2px)}@media (prefers-reduced-motion:reduce){.pf-panel-cta,.pf-panel-cta-arrow,.pf-panel-cta:before{transition:none}}.pf-screens::-webkit-scrollbar{display:none}.pf-screens-track{display:flex;gap:22px;padding:28px 24px 4px;width:-moz-max-content;width:max-content;margin:0 auto}.pf-screen{flex:0 0 auto;border-radius:20px;border:1px solid rgba(29,27,25,.1);scroll-snap-align:center;background:#f4f1ec}.pf-screen-iphone{height:min(440px,40vh)}.pf-screen-mac{height:min(320px,32vh);border-radius:12px}@media (max-width:640px){.pf-icons{gap:22px;flex-wrap:wrap;max-width:300px}.pf-stage.is-open .pf-icons{gap:16px}.pf-screen-iphone{height:min(340px,40vh)}.pf-screen-mac{height:min(210px,30vh)}.pf-corner{font-size:11px}.pf-corner-tl,.pf-corner-tr{top:20px}.pf-corner-bl,.pf-corner-br{bottom:20px}.pf-corner-bl,.pf-corner-tl{left:20px}.pf-corner-br,.pf-corner-tr{right:20px}}